@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');
:root{--ink:#0d2340;--blue:#143c66;--gold:#e5b440;--paper:#f7f4ec;--cream:#fffcf5;--line:#cfd7dc;--muted:#607082;--red:#9c4d38}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}header{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,32px);border-bottom:1px solid #d9d9d0;background:rgba(255,252,245,.9);position:sticky;top:0;z-index:4;backdrop-filter:blur(10px)}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:700;text-decoration:none;line-height:1.05}.brand-mark{font-size:31px;color:var(--gold)}.brand small{display:block;font-family:'DM Mono';font-size:10px;letter-spacing:.03em;color:var(--muted);font-weight:400;margin-top:5px}nav{display:flex;gap:27px}nav a{color:var(--ink);font-size:14px;text-decoration:none}.intro{min-height:515px;max-width:1190px;padding:72px 32px 60px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{font-family:'DM Mono';font-size:12px;letter-spacing:.1em;color:#5f6f7a;margin:0 0 17px;font-weight:500}h1,h2{font-family:'Libre Baskerville',Georgia,serif;line-height:1.18;margin:0;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,5vw,4.5rem);max-width:760px}h1 em{color:#39737a;font-weight:400}.lede{font-size:19px;max-width:600px;color:#42566a;margin:26px 0}.button{border:0;background:var(--ink);color:white;text-decoration:none;display:inline-flex;align-items:center;gap:16px;padding:15px 20px;font-weight:600;font:inherit;cursor:pointer;transition:.15s}.button:hover{background:#1b4b76}.button span{color:var(--gold);font-size:21px;line-height:1}.micro{font-size:12px;color:var(--muted);margin-top:14px}.specimen{background:var(--cream);height:350px;border:1px solid #d8d4cb;position:relative;padding:24px;font-family:'DM Mono';color:#5f6f7a;font-size:11px;box-shadow:12px 12px 0 #e8e4da}.channel{background:linear-gradient(90deg,#aab5ba,#eef1ec 44%,#9ba7ac);height:245px;width:47px;position:absolute;left:50%;top:53px;transform:translateX(-50%);box-shadow:inset 2px 0 4px #6f7c81}.channel strong{font-size:11px;position:absolute;top:95px;left:7px;transform:rotate(90deg);white-space:nowrap;color:#35424d}.top-wing,.bottom-shoe{position:absolute;left:-13px;width:73px;height:24px;border:5px solid #566b78;background:#bdc5c2}.top-wing{top:-7px;border-radius:3px 3px 0 0}.bottom-shoe{bottom:-7px;border-radius:0 0 3px 3px}.measure-line{position:absolute;right:17px;top:79px;width:86px;height:145px;border-right:1px dashed #9eabb0;display:flex;align-items:center;justify-content:center}.measure-line i{position:absolute;right:-3px;top:0;height:100%;border-right:6px double #6f828c}.measure-line b{background:var(--cream);padding:4px;z-index:1}.specimen>p{position:absolute;bottom:12px;left:24px;line-height:1.8}.finder-shell{max-width:1120px;margin:0 auto 100px;display:grid;grid-template-columns:245px 1fr;border:1px solid #bfc8cc;background:var(--cream);min-height:520px}.finder-shell aside{padding:28px 24px;background:#edf1ed;border-right:1px solid #c9d0cf}.finder-shell aside .eyebrow{margin-bottom:8px}.finder-shell aside>div{font-family:'DM Mono';font-size:12px;margin-bottom:22px}ol{margin:0;padding:0;list-style:none;counter-reset:step}ol li{counter-increment:step;display:flex;gap:10px;margin:0 0 11px;font-size:13px;color:#7b8993}ol li:before{content:counter(step,decimal-leading-zero);font-family:'DM Mono';font-size:10px;margin-top:3px}ol li.active{color:var(--ink);font-weight:700}ol li.done{color:#39737a}.save-note{position:sticky;top:105px;margin-top:45px!important;padding-top:16px;border-top:1px solid #ccd4d1;color:#59706f;font-family:'DM Sans'!important;font-size:12px!important}.finder{padding:50px 58px 30px;display:flex;flex-direction:column}.finder-content{flex:1}.question-kicker{font-family:'DM Mono';font-size:12px;color:#637482;letter-spacing:.1em;margin:0 0 12px}.finder h2{font-size:30px;max-width:600px}.hint{color:#536677;max-width:630px;margin:13px 0 26px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-width:650px}.choice{background:#fffef9;border:1px solid #c9d1d1;padding:15px 16px;text-align:left;color:var(--ink);font:inherit;cursor:pointer;min-height:72px}.choice:hover,.choice.selected{border-color:#39737a;box-shadow:inset 0 0 0 1px #39737a;background:#f2f7f5}.choice b{display:block;font-size:15px}.choice small{display:block;color:#607080;font-size:12px;margin-top:3px}.input-wrap{max-width:440px}.input-wrap label{font-size:14px;font-weight:600;display:block;margin-bottom:8px}.input-wrap input{width:100%;font:inherit;font-size:18px;border:1px solid #9babb2;background:#fffef9;padding:14px}.input-wrap input:focus{outline:2px solid #72a8a8;outline-offset:1px}.field-note{font-size:12px;color:#627383;margin-top:8px}.actions{display:flex;justify-content:space-between;margin-top:30px;padding-top:22px;border-top:1px solid #d8dddb}.ghost{border:0;background:transparent;color:#496273;font:inherit;padding:14px 0;cursor:pointer}.ghost:disabled{opacity:.3;cursor:default}.alert{padding:15px 17px;border-left:4px solid var(--gold);background:#fff8df;margin:20px 0;max-width:690px}.result-badge{font-family:'DM Mono';font-size:12px;letter-spacing:.07em;color:#28715f}.result-card{border:1px solid #bfcac9;background:#f2f7f5;padding:25px;max-width:650px;margin:22px 0}.result-card h3{font-family:'Libre Baskerville';font-size:27px;margin:7px 0 12px}.result-card ul{padding-left:20px;margin:14px 0}.result-card li{margin:7px 0}.score{font-size:12px;color:#5f706f}.restart{background:transparent;border:1px solid #68818e;color:var(--ink);padding:11px 14px;font:inherit;cursor:pointer}.measure{background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:74px max(5vw,32px);align-items:center}.measure h2{font-size:clamp(1.8rem,3.5vw,3rem)}.measure .eyebrow{color:#a6bbc6}.ruler-card{border:1px solid #5d7184;padding:25px;font-family:'DM Mono';font-size:11px;color:#c2d0d6}.ruler{height:65px;border-top:2px solid var(--gold);margin:22px 0 10px;display:flex;justify-content:space-between}.ruler i{height:25px;border-left:1px solid var(--gold)}.ruler i:nth-child(even){height:15px}.ruler-card b{color:var(--gold);font-size:12px}.ruler-card p{font-family:'DM Sans';font-size:14px;line-height:1.45;color:#d7e0e3}.limits{max-width:1120px;margin:0 auto;padding:82px 32px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.limits h2{font-size:34px}.limits p{color:#536575;margin:0 0 16px}footer{border-top:1px solid #d8d8d1;padding:22px max(5vw,32px);display:flex;justify-content:space-between;font-size:12px;color:#667582}@media(max-width:720px){header{height:66px;padding:0 20px}nav{display:none}.intro{grid-template-columns:1fr;padding:53px 22px}.specimen{display:none}.finder-shell{display:block;margin:0 16px 64px}.finder-shell aside{border-right:0;border-bottom:1px solid #c9d0cf;padding:18px}.finder-shell ol{display:none}.save-note{display:none}.finder{padding:32px 22px 20px}.choices{grid-template-columns:1fr}.finder h2{font-size:26px}.measure,.limits{grid-template-columns:1fr;gap:28px;padding:54px 22px}footer{display:block;padding:20px 22px}footer span{display:block;margin:7px 0}}