/* Only loaded by the two measurement guides. All answers remain readable without JS. */
.site-header{position:static}.article-head-actions{flex-wrap:wrap}
.skip-link:not(:focus){opacity:0}
.zone-panel{margin:2rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:12px;background:#f5f2e8;scroll-margin-top:1rem}
.zone-cards,.zone-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.zone-cards>section{min-width:0;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:8px}
.zone-fields label{display:block;min-width:0;font-size:1rem}
.zone-fields input,.zone-fields select,.zone-fields textarea{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin-top:.35rem;padding:.6rem;font:inherit;color:#172b22;background:#fff;border:1px solid #687568;border-radius:5px}
.zone-fields textarea{min-height:5rem;resize:vertical}.zone-fields .wide{grid-column:1/-1}
.zone-panel button{margin-top:1rem;min-height:44px;padding:.7rem 1rem;font:inherit;background:#254f38;color:white;border:0;border-radius:5px;cursor:pointer}
.zone-panel :is(input,select,textarea,button):focus-visible{outline:3px solid #ba661d;outline-offset:3px}
.zone-result{margin-top:1rem;padding:1rem;border-left:4px solid #254f38;background:#fff;white-space:pre-line}
.zone-formula{padding:1rem;background:#fff;border:1px solid var(--line)}
@media(max-width:640px){.zone-cards,.zone-fields{grid-template-columns:1fr}.zone-panel{padding:1rem}.zone-panel button{width:100%}}
@media print{.zone-panel{background:white}.zone-cards>section,.zone-fields label{break-inside:avoid}.zone-fields input,.zone-fields textarea{border:0;border-bottom:1px solid #555}.zone-panel button{display:none}}