.measures-guide .rich-copy{min-width:0}.measures-guide h2[id]{scroll-margin-top:7rem}
.measures-figure{margin:1.5rem 0 1.8rem;padding:1.1rem;border:2px solid var(--night);background:#eaf3f2;box-shadow:5px 5px 0 var(--yellow)}.measures-figure figcaption{margin-top:.85rem;color:var(--muted);font-size:.9rem;line-height:1.5}
.measures-conversion,.measures-area,.measures-time,.measures-speed,.measures-volume{padding:1rem;background:var(--paper);border:2px solid var(--night);min-width:0}
.measures-equivalence{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:1.5rem;color:var(--night)}
.measures-ruler{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));margin:1rem 0 .3rem;border:2px solid var(--night);height:2rem;background:#ffe3a0}.measures-ruler i{border-right:1px solid var(--night)}.measures-ruler i:last-child{border:0}.measures-ruler-labels{display:flex;justify-content:space-between;gap:.4rem;font-size:.75rem;color:var(--muted)}
.measures-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:1rem}.measures-pair>div{padding:.7rem;background:#e3f1e6;border:1px solid var(--night);text-align:center}.measures-pair>div:last-child{background:#fff2c8}.measures-pair b,.measures-pair span{display:block}.measures-pair span{margin-top:.3rem;font-size:.9rem;color:var(--night)}
.measures-area{text-align:center}.measures-grid{display:grid;grid-template-columns:repeat(10,1fr);width:100%;max-width:250px;aspect-ratio:1;margin:1rem auto;border:2px solid var(--night);background:#c8e5de;gap:1px}.measures-grid i{border:1px solid #3e7569;background:#e3f1e6}.measures-grid i:nth-child(-n+10){background:#ffe3a0}
.measures-result{margin-top:1rem;padding:.8rem;background:#fff2c8;border:2px solid var(--night);text-align:center}.measures-result b{display:block;font-size:1.05rem;color:var(--night)}.measures-result span{display:block;margin-top:.4rem;font-size:.85rem;color:var(--muted);line-height:1.4}
.measures-volume{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:center}.measures-stack{display:grid;gap:3px}.measures-stack>div{padding:.12rem .3rem;border:1px solid var(--night);background:#c8e5de;font-size:.75rem;text-align:center;color:#133c36}.measures-stack>div:first-child{background:#ffe3a0}.measures-volume-label{text-align:center}.measures-volume-label>*{display:block;margin:.6rem 0}.measures-volume-label span{font-size:.9rem;line-height:1.4;color:var(--muted)}.measures-volume-label b{color:#167362}
.measures-time>strong{display:block;text-align:center}.measures-timebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;border:2px solid var(--night)}.measures-timebar>div{padding:.8rem .3rem;text-align:center;background:#c8e5de;border-right:1px solid var(--night)}.measures-timebar>div:last-child{background:#ffe3a0;border:0}.measures-timebar b{display:block;font-size:1.4rem}.measures-timebar span{font-size:.85rem}.measures-time-labels{display:grid;grid-template-columns:2fr 1fr;gap:.4rem;text-align:center;font-size:.75rem;line-height:1.4;margin-top:.3rem;color:var(--muted)}
.measures-speed .measures-pair{margin-top:0}.measures-practice{margin:1.3rem 0;padding:1.1rem;border:2px solid var(--night);background:#fff8dd}.measures-practice>p{margin:0 0 .7rem}.measures-practice details{border-top:1px solid var(--line);padding-top:.65rem}.measures-practice summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:var(--coral-dark);font-weight:850;text-decoration:underline;text-underline-offset:3px}.measures-practice details p{margin:.5rem 0 0}.measures-credit{font-size:.9rem;color:var(--muted)}.measures-guide :focus-visible{outline:3px solid var(--coral-dark);outline-offset:3px}
@media(max-width:550px){.measures-figure{padding:.75rem}.measures-pair,.measures-volume{grid-template-columns:1fr}.measures-equivalence{font-size:1.2rem;gap:.6rem}.measures-ruler-labels{font-size:.65rem}.measures-conversion,.measures-area,.measures-time,.measures-speed,.measures-volume{padding:.8rem}.measures-stack{width:100%;max-width:180px;margin:auto}.measures-result b{font-size:.94rem}}