.diag-header{display:flex;justify-content:space-between;align-items:center;padding-top:26px;padding-bottom:26px;border-bottom:1px solid var(--line)}.diag-header>a:last-child{font-size:14px;text-decoration:none;color:var(--cream-dim)}.diag-main{padding-top:75px}.diag-eyebrow{font:12px var(--font-mono);letter-spacing:.16em;color:var(--gold);margin:0 0 24px}.diag-intro{max-width:850px;padding-bottom:65px}.diag-intro h1{font-family:var(--font-display);font-weight:400;font-size:clamp(49px,7.5vw,94px);line-height:1.04;letter-spacing:-.04em;margin:0 0 30px}.diag-intro em{color:var(--gold);font-weight:400}.diag-lead{font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:var(--cream-dim);max-width:720px}.diag-meta{display:flex;flex-wrap:wrap;gap:10px 25px;font-size:12px;color:var(--cream-dim);margin-top:30px}.diag-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:75px;border-top:1px solid var(--line);padding-top:45px}.diag-form-head h2,.diag-aside h2,.diag-reading h2,.diag-result h2{font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1.2;margin:0 0 18px}.diag-form-head p,.diag-aside p{color:var(--cream-dim);font-size:15px}.diag-aside{align-self:start;position:sticky;top:35px;padding:27px;background:var(--night-2);border:1px solid var(--line)}.diag-aside h2{font-size:28px}.diag-aside .diag-eyebrow{font-size:11px;color:var(--gold)}.diag-aside-note{border-top:1px solid var(--line);padding-top:20px;margin:26px 0;font-size:13px;color:var(--cream-dim)}.diag-aside>a{font-size:13px}.diag-question{border:0;border-top:1px solid var(--line);margin:30px 0 0;padding:25px 0 0;min-width:0}.diag-question legend{float:left;width:100%;padding:0;margin-bottom:18px;font-size:18px;line-height:1.4}.diag-question legend span{color:var(--gold);font:12px var(--font-mono);margin-right:15px}.diag-options{clear:both;display:grid;gap:8px}.diag-option{display:flex;align-items:center;gap:12px;padding:14px 17px;border:1px solid var(--line);cursor:pointer;font-size:14px;transition:border-color .15s,background .15s}.diag-option:hover{border-color:var(--line-strong)}.diag-option:has(input:checked){border-color:var(--gold);background:rgba(201,162,39,.07)}.diag-option:focus-within{outline:2px solid var(--gold);outline-offset:3px}.diag-option input{accent-color:var(--gold);width:17px;height:17px;flex-shrink:0}.diag-submit{margin-top:35px}.diag-button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;background:var(--gold);color:var(--night);border:0;padding:17px 23px;font:600 15px var(--font-body);cursor:pointer;min-height:50px}.diag-button:hover{background:var(--cream)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#form-status,#copy-status,.diag-fine{font-size:12px;color:var(--cream-dim)}.diag-result{margin-top:70px;padding:38px;border:1px solid var(--gold);background:var(--night-2);scroll-margin-top:30px}.diag-result[hidden]{display:none}.diag-result h2{font-size:clamp(30px,4vw,48px)}.diag-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.diag-metric{padding:20px;border:1px solid var(--line)}.diag-metric b{display:block;font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--gold)}.diag-metric span{font-size:13px;color:var(--cream-dim)}.diag-recommendations{padding-left:23px;max-width:850px}.diag-recommendations li{padding:10px 0 10px 8px}.diag-recommendations li::marker{color:var(--gold)}.diag-result-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:25px}.diag-contact{font-size:14px}.diag-reading{padding:90px 0}.diag-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.diag-reading-grid>a{display:block;text-decoration:none;border-top:1px solid var(--line-strong);padding-top:25px}.diag-reading-grid span{font:11px var(--font-mono);color:var(--gold)}.diag-reading-grid h3{font-weight:400;font-size:23px;margin-bottom:8px}.diag-reading-grid p{font-size:14px;color:var(--cream-dim)}.diag-footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:30px;font-size:12px;color:var(--cream-dim)}@media(max-width:800px){.diag-main{padding-top:45px}.diag-layout{grid-template-columns:1fr;gap:35px}.diag-aside{position:static}.diag-intro{padding-bottom:40px}.diag-result{padding:25px 18px}.diag-metrics{gap:8px}.diag-metric{padding:12px}.diag-metric span{font-size:11px}.diag-reading-grid{grid-template-columns:1fr}.diag-button{width:100%}.diag-header .brand{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
