:root{--g:#173f36;--g2:#286756;--p:#f7f5ef;--i:#17211e;--m:#596660;--l:#d9ddd8;--a:#fffdf8;--mint:#e8f0e5;--r:16px}*{box-sizing:border-box}html{background:var(--p)}body{margin:0;background:var(--p);color:var(--i);font:17px/1.45 Calibri,"Segoe UI",Arial,sans-serif;overflow-x:hidden}header,main,footer{max-width:1180px;margin:auto}header{min-height:82px;display:flex;align-items:center;gap:16px;padding:10px 22px;border-bottom:1px solid var(--l)}.brand{display:inline-flex;align-items:center;gap:12px;margin-right:auto;color:var(--g);text-decoration:none;font-weight:700;white-space:nowrap}.brand sup{font-size:.52em;margin-left:.12rem}.brand-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--g);color:#fff;font-size:12px;letter-spacing:.08em;flex:0 0 58px}.header-actions{display:flex;gap:9px}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.72fr);gap:22px;align-items:end;padding:24px 22px 10px}.intro p{margin:.35rem 0}.eyebrow,.label{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:700;color:var(--g)}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.02;margin:.25rem 0 .55rem}h2{font-size:1.65rem;line-height:1.15;margin-top:0}.boundary,.note{background:var(--mint);border-left:4px solid #5c8e51;padding:10px 12px;font-size:.9rem}.dashboard{margin:10px 22px 14px;display:grid;grid-template-columns:1.55fr 1fr;gap:12px}.dashboard>div{background:var(--a);border:1px solid var(--l);border-radius:var(--r)}.readiness-card{display:flex;align-items:center;gap:16px;padding:12px 16px}.score-ring{--score:0;display:grid;place-items:center;width:104px;height:104px;flex:0 0 104px;border-radius:50%;background:conic-gradient(#5c8e51 calc(var(--score) * 1%),#e2e5df 0);position:relative}.score-ring:before{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--a)}.score-ring>div{position:relative;z-index:1;text-align:center}.score-ring strong{display:block;color:var(--g);font-size:1.7rem;line-height:1}.score-ring span{font-size:.68rem;color:var(--m)}.score-copy{display:grid;gap:2px}.score-copy>strong{color:var(--g);font-size:1.12rem}.score-copy>#scoreText{font-size:.9rem;color:var(--m)}.review{padding:15px 17px;display:grid;align-content:center;gap:2px}.review strong{font-size:2.15rem;line-height:1;color:#a65d20}.review #riskText{font-size:.9rem;color:var(--m)}#steps{display:flex;gap:7px;overflow-x:auto;padding:0 22px 10px;scrollbar-width:thin}button{border:1px solid var(--g);background:var(--g);color:#fff;border-radius:8px;padding:9px 12px;font:inherit;cursor:pointer;white-space:nowrap}button.quiet,button.secondary,#steps button{background:#fff;color:var(--g)}#steps button{border-color:var(--l);font-size:.92rem}#steps button.active{background:var(--g);color:#fff}.panel{display:none;background:var(--a);border:1px solid var(--l);border-radius:var(--r);padding:22px 24px;margin:0 22px;min-height:340px}.panel.active{display:block}.panel>p:first-of-type{margin-top:-.35rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 16px}.wide{grid-column:1/-1}label{font-weight:700;font-size:.94rem;min-width:0}input,select,textarea{display:block;width:100%;padding:10px 11px;margin-top:4px;background:#fff;border:2px solid #789189;border-radius:7px;font:inherit;color:var(--i)}textarea{resize:vertical}.help{color:var(--m)}.conditional{margin:17px 0;padding:15px;background:#edf3ee;border-radius:8px}.conditional h3{margin-top:0}.hidden{display:none}.navActions{display:flex;justify-content:space-between;margin:16px 22px 36px}.actions{display:flex;gap:10px;margin:18px 0}.risk{padding:10px 13px;background:#fff1e2;border-left:4px solid #b36a24;margin:8px 0}.okay{padding:10px 13px;background:#e8f0e5;border-left:4px solid #5c8e51;margin:8px 0}footer{padding:20px 22px 28px;color:var(--m);font-size:.84rem}@media(max-width:850px){.intro{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-height:0}}@media(max-width:650px){body{font-size:16px}header{min-height:72px;padding:8px 12px;gap:8px}.brand{gap:8px;font-size:.9rem}.brand-mark{width:48px;height:48px;flex-basis:48px;font-size:10px}.header-actions{gap:5px}.header-actions button{padding:8px;font-size:.86rem}.intro{padding:18px 12px 8px}.dashboard{grid-template-columns:1fr;margin:8px 12px 12px}.readiness-card{padding:10px 12px}.score-ring{width:88px;height:88px;flex-basis:88px}.score-ring:before{inset:8px}.score-ring strong{font-size:1.45rem}#steps{padding-left:12px;padding-right:12px}.panel{margin:0 12px;padding:18px}.grid{grid-template-columns:1fr}.navActions{margin:14px 12px 28px}.actions{flex-direction:column}footer{padding-left:12px;padding-right:12px}}

