.measure-page .page-shell{max-width:1500px}.measure-intro{text-align:center;padding:52px 0 38px}.step-eyebrow{font-size:9px;letter-spacing:.15em;color:var(--muted)}.measure-intro h1{font:400 clamp(34px,4.5vw,65px)/1.1 var(--sans);letter-spacing:-.065em;margin:18px 0 16px}.measure-intro>p:last-child{font-size:13px;color:var(--muted)}.preparation{display:grid;grid-template-columns:.48fr 1fr;gap:40px;padding:25px 0 29px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 42px}.preparation h2{font:400 19px/1.4 var(--sans);letter-spacing:-.035em}.preparation>div{display:grid;gap:7px}.preparation p{font-size:12px;line-height:1.8;color:var(--muted)}.measurement-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr);gap:7%;align-items:start;margin-bottom:60px}.measurement-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.measurement-heading h2{font:400 25px/1.2 var(--sans);letter-spacing:-.045em}.measurement-heading #completion{font-size:11px;color:var(--muted);margin-top:8px}.unit-picker{display:flex;padding:3px;margin:0;border:1px solid #bcc8bb;border-radius:50px;flex-shrink:0}.unit-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.unit-picker label{position:relative;display:block}.unit-picker input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.unit-picker span{display:block;padding:8px 14px;border-radius:30px;font-size:11px}.unit-picker input:checked+span{background:var(--ink);color:var(--paper)}.unit-picker input:focus-visible+span{outline:2px solid var(--ink);outline-offset:3px}.entry-note{font-size:11px;color:var(--muted);margin-top:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}.measurement-row{display:grid;grid-template-columns:23px minmax(0,1fr) 97px;gap:12px;align-items:start;padding:23px 0;border-bottom:1px solid var(--line)}.measure-number{font-size:10px;color:#7b8b80;padding-top:4px}.measurement-detail label{font-size:14px;display:block;letter-spacing:-.02em;line-height:1.4}.measurement-detail>p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.number-wrap{position:relative;margin-top:0}.number-wrap input{width:100%;height:46px;border:1px solid #b7c5ba;border-radius:5px;background:#fffdf77d;color:var(--ink);font:400 16px/1 var(--sans);padding:10px 28px 10px 10px;outline-offset:3px}.number-wrap input:focus{outline:1px solid var(--ink);border-color:var(--ink)}.number-wrap input[aria-invalid=true]{border-color:#a64230;background:#fff5ef}.unit-label{position:absolute;right:9px;top:14px;font-size:10px;color:var(--muted);pointer-events:none}.field-error{grid-column:2 / -1;font-size:11px;line-height:1.6;color:#9d3927}.field-error[hidden]{display:none}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px 21px;margin-top:24px}.form-actions button{font:400 11px/1.5 var(--sans);padding:10px 0;border:0;border-bottom:1px solid #bbc8bb;background:none;color:var(--ink);cursor:pointer}.form-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.form-actions .save-measurements{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 17px;display:inline-flex;gap:25px;align-items:center;min-height:44px}.form-actions .clear-measurements{font-size:10px;color:var(--muted);margin-left:auto}.data-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:17px}.measure-page #measurement-status{font-size:12px;line-height:1.7;color:var(--ink);margin-top:10px;min-height:21px}.measure-page #copy-fallback{margin-top:15px}.measure-page #copy-fallback label{display:block;font-size:12px;margin-bottom:10px}.measure-page #measurement-text{width:100%;resize:vertical;padding:12px;border:1px solid var(--line);background:#fffdf7;color:var(--ink);font:12px/1.7 var(--sans)}.continue-panel{border-top:1px solid var(--line);padding:30px 0 0;margin-top:30px}.continue-panel h2{font:400 26px/1.2 var(--sans);letter-spacing:-.045em}.continue-panel>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:480px}.continue-panel>a{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--ink);color:var(--paper);font-size:12px;padding:17px 20px;margin-top:22px}.continue-panel>a>span{font-size:18px}.continue-panel .handoff-note{font-size:10px;line-height:1.6;margin-top:12px}.measurement-guide{position:sticky;top:25px;padding-left:0}.guide-top{padding-bottom:20px}.guide-top h2{font:400 25px/1.2 var(--sans);letter-spacing:-.045em;margin-top:13px}.guide-top>p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px}.guide-image-link{display:block;background:white;padding:20px 15px;border:1px solid var(--line);border-radius:9px}.guide-image-link img{width:100%;max-width:402px;height:auto;margin:auto}.expand-guide{display:flex;justify-content:space-between;font-size:11px;padding:13px 0;border-bottom:1px solid var(--line)}.guide-tip{padding-top:22px}.guide-tip strong{font-size:12px;font-weight:400}.guide-tip>p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px}.guide-sources{margin-top:22px;font-size:10px;color:var(--muted)}.guide-sources summary{cursor:pointer;padding:8px 0}.guide-sources p{line-height:1.8;margin-top:5px}.guide-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.measurement-layout{gap:5%;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}.measurement-row{grid-template-columns:20px minmax(0,1fr) 83px;gap:9px}.number-wrap input{padding-left:8px}.guide-image-link{padding:14px 8px}.measurement-heading h2{font-size:23px}.unit-picker span{padding:8px 12px}.measurement-guide{position:static}}
@media(max-width:760px){.measure-intro{padding:32px 0 29px}.measure-intro h1{font-size:clamp(31px,8.5vw,48px);margin-top:14px;margin-bottom:14px;letter-spacing:-.065em}.step-eyebrow{font-size:8px}.measure-intro>p:last-child{font-size:12px;line-height:1.8;max-width:290px;margin:auto}.preparation{display:block;padding:22px 0;margin-bottom:29px}.preparation h2{font-size:18px;margin-bottom:12px}.preparation p{font-size:11px;line-height:1.8}.measurement-layout{display:flex;flex-direction:column;gap:38px;margin-bottom:42px}.measurement-entry,.measurement-guide{width:100%}.measurement-heading{gap:12px}.measurement-heading h2{font-size:22px}.unit-picker span{padding:8px 12px;font-size:10px}.entry-note{font-size:11px;line-height:1.7;margin-top:18px}.measurement-row{grid-template-columns:19px minmax(0,1fr) 82px;gap:8px;padding:22px 0}.measurement-detail label{font-size:13px;line-height:1.5}.measurement-detail>p{font-size:11px;line-height:1.8;grid-column:1 / -1}.number-wrap input{height:46px;padding-right:25px}.unit-label{right:8px}.measure-number{font-size:9px}.form-actions{gap:14px 19px}.form-actions .clear-measurements{margin-left:0}.data-note{font-size:10px}.measurement-guide{border-top:1px solid var(--line);padding-top:25px}.guide-top h2{font-size:24px}.guide-top>p{font-size:11px}.guide-image-link{padding:22px 12px;max-width:440px;margin:auto}.guide-tip>p{font-size:12px}.guide-sources{font-size:11px}.continue-panel{padding-top:25px;margin-top:23px}.continue-panel h2{font-size:25px}.continue-panel>p{font-size:12px}.continue-panel>a{font-size:12px;gap:30px}.continue-panel .handoff-note{font-size:10px}}
@media(max-width:350px){.measurement-heading{align-items:flex-start}.measurement-heading h2{font-size:19px}.unit-picker span{padding:8px 10px}.measurement-row{grid-template-columns:17px minmax(0,1fr) 74px;gap:7px}.measurement-detail label{font-size:12px}}
.illustration-note{font-size:11px;line-height:1.8;color:var(--muted);padding:12px 0 4px}
.measurement-layout{grid-template-columns:minmax(0,1fr) 235px;gap:5%}
.measurement-row{grid-template-columns:25px 170px minmax(0,1fr) 100px;gap:18px;align-items:center;padding:26px 0}
.measure-number{align-self:start;padding-top:8px;font-size:12px}
.measurement-illustration{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#f5f3ec;transition:border-color .2s}
.measurement-illustration:hover{border-color:var(--ink)}
.measurement-illustration:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.measurement-illustration img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.measurement-illustration>span{display:block;text-align:center;font-size:9px;padding:8px;border-top:1px solid var(--line)}
.measurement-detail label{font-size:15px}
.measurement-detail>p{font-size:12px;line-height:1.85;max-width:360px}
.field-error{grid-column:3 / -1}
.measurement-guide{top:30px;border-top:1px solid var(--line);padding-top:23px}
.guide-top{padding-bottom:0}.guide-top h2{font-size:25px}
@media(max-width:1150px){.measurement-layout{grid-template-columns:minmax(0,1fr) 190px;gap:4%}.measurement-row{grid-template-columns:22px 140px minmax(0,1fr) 88px;gap:12px}.measurement-detail label{font-size:14px}.measurement-detail>p{font-size:11px}}
@media(max-width:1000px){.measurement-layout{display:block}.measurement-guide{position:static;margin-top:42px;max-width:650px}.measurement-row{grid-template-columns:25px 175px minmax(0,1fr) 100px;gap:18px}.measurement-detail>p{font-size:12px}}
@media(max-width:650px){.measurement-row{grid-template-columns:24px minmax(0,1fr);gap:14px 18px;align-items:start;padding:27px 0}.measure-number{grid-column:1;grid-row:1;font-size:12px}.measurement-illustration{grid-column:2;grid-row:1;width:min(100%,240px);justify-self:center}.measurement-detail{grid-column:2;grid-row:2}.measurement-detail label{font-size:16px}.measurement-detail>p{font-size:12px;line-height:1.85}.number-wrap{grid-column:2;grid-row:3;max-width:160px}.number-wrap input{height:48px}.field-error{grid-column:2}.measurement-heading h2{font-size:22px}.illustration-note{font-size:11px}.measurement-guide{padding-top:25px}.guide-top h2{font-size:24px}}
.measure-page{font-weight:600}
.measure-page :is(h1,h2,.measurement-detail label,.guide-tip strong){font-weight:700}
.measure-page :is(input,textarea,button){font-weight:600}