.guide-header{height:96px}.back-link{font-size:14px}.guide-badge{font-size:11px;letter-spacing:2px;color:#667263}.measure-main{max-width:1440px;margin:auto;padding:0 5%}.guide-intro{display:grid;grid-template-columns:1fr 430px;gap:70px;padding:55px 0 40px;align-items:center}.guide-intro h1{font-size:64px;line-height:1.05;margin:17px 0}.guide-intro>div>p{font-size:15px;color:#60665d}.preparation{background:#e8dfd170;padding:24px 28px;border:1px solid #ded8cb}.preparation summary{cursor:pointer;font-family:Georgia,serif;font-size:21px;list-style:none}.preparation summary span{float:right;color:var(--rust)}.preparation p{font-size:13px;line-height:1.8;margin-top:12px}.preparation>span{display:block;font-size:11px;color:#65695f;margin-top:12px}.guide-shell{border:1px solid #d5d9cf;background:#fcfbf7}.guide-top{padding:23px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.guide-top p{font-size:12px;color:#72776d;margin-top:4px}.guide-top strong{font-weight:500;color:var(--green)}.units{border:1px solid #ccd3c8;display:flex;padding:3px;margin:0;gap:2px}.units legend{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.units label{position:relative;cursor:pointer}.units input{position:absolute;opacity:0}.units span{display:block;padding:6px 15px;font-size:13px}.units input:checked+span{background:var(--green);color:#fff}.units input:focus-visible+span{outline:3px solid var(--rust)}.measurement-tabs{display:grid;grid-template-columns:repeat(var(--step-count,9),1fr);border-top:1px solid #d5d9cf;border-bottom:1px solid #d5d9cf}.measurement-tabs button{background:#f2f2eb;border:0;border-right:1px solid #dedfd5;padding:15px 5px;font-size:12px;position:relative;min-height:68px}.measurement-tabs button:last-child{border-right:0}.measurement-tabs button>span{display:block;font-size:10px;color:#747c6f;margin-bottom:3px}.measurement-tabs button[aria-selected=true]{background:var(--green);color:white}.measurement-tabs button[aria-selected=true]>span{color:#d2ded2}.measurement-tabs button.is-complete:after{content:'•';position:absolute;right:7px;top:3px;color:var(--rust);font-size:20px}.measurement-tabs button[aria-selected=true].is-complete:after{color:#edc878}#measurement-panel{display:grid;grid-template-columns:1fr 1fr;outline:none}.visual-column{background:#f7f4ee;border-right:1px solid #d5d9cf;padding:22px 25px 0}.visual-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1.4px;color:#60695b}.model-stage{height:430px;overflow:hidden;margin-top:8px}#model-svg{display:block;width:100%;height:100%}#traveller{visibility:hidden}.visual-legend{display:flex;justify-content:center;gap:20px;font-size:11px;align-items:center}.visual-legend span{display:flex;align-items:center;gap:6px}.visual-legend i{width:9px;height:9px;display:inline-block;border-radius:50%}.legend-tape{background:#edc878;border:1px solid #284c40;border-radius:0!important;width:20px!important}.legend-start{background:var(--green)}.legend-end{background:var(--rust)}#visual-note{font-size:11px;text-align:center;color:#67705f;min-height:40px;margin:10px auto;max-width:350px}.player{display:flex;align-items:center;gap:10px;border-top:1px solid #d5d9cf;padding:17px 0}.player button{border:1px solid #c3ccbd;padding:7px 12px;background:transparent;font-size:12px;white-space:nowrap}.player button:hover{background:#e8dfd1}.player button:first-child{background:var(--green);color:#fff;border-color:var(--green)}#play-state{font-size:10px;color:#69715f;margin-left:auto}.play-track{height:3px;background:#e3e3d9;margin:0 -25px}.play-track span{height:3px;background:var(--rust);display:block;width:0}.instruction-column{padding:32px 38px}.instruction-column h2{font-size:44px;margin:12px 0}.instruction-column>p{font-size:14px;color:#62695e;line-height:1.8}#instructions{padding-left:23px;margin:23px 0 20px}#instructions li{font-size:14px;line-height:1.75;padding-left:6px;margin-bottom:9px}#instructions li::marker{color:var(--rust);font-weight:600}.avoid{background:#eee7da;padding:13px 17px;border-left:2px solid var(--rust)}.avoid>span{font-size:9px;letter-spacing:1.7px;font-weight:600}.avoid p{font-size:12px;margin-top:4px;color:#575e50}.measurement-entry{margin-top:24px}.measurement-entry label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-wrap{display:flex;align-items:center;border:1px solid #a7b1a0;max-width:230px;background:#fff}.input-wrap input{width:100%;min-width:0;border:0;padding:11px 14px;font:20px Georgia;background:transparent;color:var(--ink)}.input-wrap input:focus{outline:2px solid var(--green);outline-offset:2px}.input-wrap>span{padding:10px 15px;color:#65705d;font-size:13px;border-left:1px solid #d5d9cf}#entry-help{font-size:11px;color:#72796a;margin-top:7px}#entry-error{font-size:12px;color:#973e2c;min-height:18px;margin-top:3px}.step-navigation{display:flex;justify-content:space-between;gap:10px;margin-top:13px}.secondary{border:1px solid #c3ccbd;background:transparent;padding:12px 16px;font-size:12px}.secondary:disabled{opacity:.4;cursor:default}.step-navigation .button{padding:12px 18px;font-size:12px}.review-link{display:block;background:none;border:0;border-bottom:1px solid #7e8b75;padding:0;margin:19px auto 0;font-size:12px;color:var(--green)}.guide-footnote{display:flex;gap:25px;align-items:center;padding:35px 0 45px}.guide-footnote>span:first-child{font-size:42px;color:var(--rust)}.guide-footnote h3{font-size:21px}.guide-footnote p{font-size:12px;color:#67705f;max-width:740px;margin-top:8px}.demo-note{font-size:10px;text-align:right;margin-left:auto;min-width:140px;color:#717966}.guide-footer{display:flex;justify-content:space-between;gap:20px;padding:22px 5%;font-size:12px}.guide-footer>span{font-size:11px;color:#69715f}#review-dialog{max-width:620px}#review-list{border-top:1px solid #d5d9cf}#review-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d5d9cf;padding:9px 0;font-size:13px}#review-list button{font-size:12px;border:0;background:none;text-decoration:underline;color:var(--green);min-width:90px;text-align:right}#review-dialog textarea{width:100%;resize:vertical;font:14px Arial;line-height:1.6;padding:12px;border:1px solid #9da89b}#review-dialog .privacy-note{font-size:11px;margin:18px 0;color:#69715f}@media(max-width:1100px){.guide-intro{gap:35px;grid-template-columns:1fr 380px}.guide-intro h1{font-size:55px}.instruction-column{padding:25px}.visual-column{padding-left:15px;padding-right:15px}.play-track{margin:0 -15px}.player{flex-wrap:wrap}#play-state{width:100%;margin:0}.guide-top p>span{display:none}.measurement-tabs button{font-size:11px}}@media(max-width:760px){.guide-header{height:82px}.guide-badge{display:none}.back-link{font-size:11px}.measure-main{padding:0 5%}.guide-intro{grid-template-columns:1fr;gap:23px;padding:32px 0 27px}.guide-intro h1{font-size:50px}.guide-intro .eyebrow{font-size:9px}.guide-intro>div>p{font-size:13px}.preparation{padding:18px 20px}.preparation summary{font-size:19px}.guide-top{padding:18px 15px}.guide-top .eyebrow{font-size:9px}.units span{padding:6px 10px}.measurement-tabs{display:flex;overflow-x:auto;scrollbar-width:thin}.measurement-tabs button{flex:0 0 93px;font-size:12px}.measurement-tabs button>span{font-size:10px}#measurement-panel{grid-template-columns:1fr}.visual-column{border-right:0;border-bottom:1px solid #d5d9cf;padding-top:16px}.model-stage{height:360px}.visual-top{font-size:8px}.player{padding:13px 0;flex-wrap:nowrap}#play-state{width:auto;margin-left:auto;font-size:9px}.instruction-column{padding:25px 21px}.instruction-column h2{font-size:37px}.guide-footnote{gap:15px;flex-wrap:wrap}.guide-footnote>span:first-child{display:none}.demo-note{text-align:left;margin:0}.guide-footer{flex-direction:column;gap:7px}.step-navigation .button{font-size:11px;padding:12px}.secondary{font-size:11px;padding:12px}.guide-top strong{font-size:11px}.visual-legend{font-size:10px}.guide-footnote h3{font-size:20px}}@media(prefers-reduced-motion:reduce){.model-stage{scroll-behavior:auto}}

/* Explicit high-contrast selection colours. */
.units span{background:#ffffff;color:#252925;font-weight:600;font-size:14px}
.units input:checked+span{background:#284c40;color:#ffffff}
.measurement-tabs button{background:#f2f2eb;color:#252925;font-size:14px}
.measurement-tabs button>span{color:#56624f}
.measurement-tabs button[aria-selected=true]{background:#284c40;color:#ffffff}
.measurement-tabs button[aria-selected=true]>span{color:#ffffff}

.size-start{padding:30px;border:1px solid var(--border);background:#eee8dc;margin:0 0 32px}.size-start h2{font-size:34px;margin:12px 0 16px}.size-start>p:not(.eyebrow){font-size:14px;max-width:820px;color:#62665b}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 15px}.size-options button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;background:#f7f4ee;border:1px solid #c8c0ae;padding:18px;text-align:left}.size-options button[aria-pressed=true]{border-color:#284c40;box-shadow:0 0 0 2px #284c40}.size-options strong{font:28px Georgia}.size-options span{font-size:12px;color:#284c40}.size-options small{font-size:11px;line-height:1.8}.size-start #size-status{margin-top:16px;font-size:12px}.size-start .size-reference{font-size:11px!important;border-top:1px solid #d3c9b8;margin-top:18px;padding-top:14px}.size-reference a{text-decoration:underline}#preset-hint{font-size:12px;color:#8a512f;margin-top:10px}#confirm-measurement{margin-top:10px;padding:12px;font-size:12px}[hidden]{display:none!important}@media(max-width:700px){.size-start{padding:22px}.size-start h2{font-size:29px}.size-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.size-options button{padding:14px}}
