.history-readable .history-tools{display:grid;grid-template-columns:1fr 2fr 1fr 1fr;gap:12px;align-items:end;margin:16px 0}
.history-readable .history-tools label{display:grid;gap:6px;min-width:0;font-size:14px}
.history-readable .history-tools input,.history-readable .history-tools select{width:100%;min-width:0;font-size:16px;min-height:44px}
.history-readable .history-tools button{grid-column:1/-1;justify-self:start}
.history-readable .product-history-kpis span,.history-readable .product-timeline small,.history-readable .product-timeline time,.history-readable .quality-type{font-size:14px;line-height:1.5}
.history-readable .product-timeline article{grid-template-columns:145px 155px minmax(0,1fr);padding:14px;overflow-wrap:anywhere}
.history-readable .quality-type{max-width:100%;white-space:normal}
.history-readable .history-calculations{padding:16px;border:1px solid var(--line);border-radius:12px}
.history-readable .history-calculations summary{cursor:pointer;font-size:16px;font-weight:700;min-height:30px}
.history-readable .history-calculations h4{margin-top:24px}
.history-readable button{min-height:44px}
@media(max-width:900px){.history-readable .history-tools{grid-template-columns:1fr 1fr}.history-readable .product-timeline article{grid-template-columns:1fr auto}.history-readable .product-timeline article>div{grid-column:1/-1}}
@media(max-width:480px){.history-readable .history-tools{grid-template-columns:1fr}.history-readable .product-history-kpis{grid-template-columns:1fr 1fr}.history-readable .product-history-kpis>div:last-child{grid-column:1/-1}.history-readable .product-timeline article{grid-template-columns:1fr}.history-readable .product-timeline article>div{grid-column:auto}}