.scope-hero .cs-hero-text{max-width:920px}
.scope-shell{padding:clamp(56px,8vw,120px) 0;background:var(--ivory)}
.scope-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.5fr);gap:clamp(40px,7vw,110px);align-items:start}
.scope-aside{position:sticky;top:110px}
.scope-aside h2{font-size:clamp(26px,3vw,42px);line-height:1.03;letter-spacing:-.04em;margin:18px 0}
.scope-aside p,.scope-aside li{font-size:15px;line-height:1.65;color:var(--ink-70)}
.scope-aside ul{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--ink)}
.scope-aside li{padding:13px 0;border-bottom:1px solid var(--rule);font-weight:700;color:var(--ink)}
.scope-form{min-width:0}
.scope-progress{display:flex;align-items:center;gap:18px;margin:0 0 34px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.scope-progress-track{height:4px;background:var(--rule);flex:1;overflow:hidden}
.scope-progress-track span{display:block;width:0;height:100%;background:var(--red-ink);transition:width .2s var(--ease)}
.scope-question{border:0;border-top:1px solid var(--ink);padding:30px 0 38px;margin:0;min-width:0}
.scope-question legend,.text-question>label{display:block;width:100%;font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 22px}
.scope-question legend span{color:var(--red-ink);font-size:12px;letter-spacing:.18em;margin-right:10px;vertical-align:middle}
.text-question>label span{font-size:12px;font-weight:700;color:var(--ink-50);letter-spacing:.08em;text-transform:uppercase}
.scope-option{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border:1px solid var(--rule);margin:-1px 0 0;cursor:pointer;background:var(--paper);transition:border-color .15s,background .15s}
.scope-option:hover{border-color:var(--ink-50);position:relative}
.scope-option:has(input:checked){border-color:var(--red-ink);background:var(--red-20);position:relative}
.scope-option input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--red-ink)}
.scope-option b{display:block;font-size:16px;margin:0 0 5px}
.scope-option small{display:block;font-size:14px;line-height:1.5;color:var(--ink-70)}
.text-question input,.text-question textarea{width:100%;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:500 16px/1.5 Manrope,sans-serif;padding:16px;border-radius:0;resize:vertical}
.text-question input:focus,.text-question textarea:focus{outline:2px solid var(--red-ink);outline-offset:2px}
.scope-error{border:1px solid var(--red-ink);background:var(--red-20);padding:15px 17px;margin:0 0 18px;font-size:14px;font-weight:700;line-height:1.5}
.scope-submit{border:0;cursor:pointer}
.scope-result{background:var(--ink);color:var(--paper);padding:clamp(64px,9vw,130px) 0;scroll-margin-top:90px}
.scope-result-inner>h2{font-size:clamp(38px,6vw,78px);line-height:.96;letter-spacing:-.055em;max-width:980px;margin:22px 0}
.result-deck{font-size:clamp(18px,2vw,24px);line-height:1.55;color:rgba(255,255,255,.78);max-width:820px}
.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.2);margin:48px 0}
.result-grid>div{background:var(--ink);padding:28px 0 28px 28px}
.result-grid>div:first-child{padding-left:0;padding-right:28px}
.result-grid h3{font-size:28px;margin:12px 0}
.result-grid p,.result-grid li{font-size:15px;line-height:1.6;color:rgba(255,255,255,.72)}
.result-grid ul{margin:12px 0 0;padding-left:20px}
.result-brief{border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35);padding:26px 0;margin:0 0 30px}
.result-brief-head{display:flex;justify-content:space-between;gap:20px;align-items:center}
.result-brief pre{white-space:pre-wrap;font:500 14px/1.7 Manrope,sans-serif;color:rgba(255,255,255,.8);margin:22px 0 0}
.text-button{appearance:none;border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:4px;font:800 12px/1.2 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.scope-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.scope-actions .btn-ghost{color:var(--paper);border-color:rgba(255,255,255,.6)}
.scope-actions .btn-ghost:hover{background:var(--paper);color:var(--ink)}
.result-note{font-size:12px;line-height:1.55;color:rgba(255,255,255,.5);margin:26px 0 0}
.scope-explainer{padding:clamp(64px,9vw,130px) 0;background:var(--ivory)}
@media(max-width:820px){.scope-layout{grid-template-columns:1fr}.scope-aside{position:static}.result-grid{grid-template-columns:1fr;background:transparent}.result-grid>div,.result-grid>div:first-child{padding:25px 0;border-top:1px solid rgba(255,255,255,.2)}}
@media(max-width:520px){.scope-progress{align-items:flex-start;flex-direction:column}.scope-progress-track{width:100%;flex:none}.scope-option{padding:16px 14px}.scope-actions{align-items:stretch}.scope-actions .btn{width:100%;justify-content:center}.scope-actions .text-button{margin:12px auto 0}}
@media(prefers-reduced-motion:reduce){.scope-progress-track span,.scope-option{transition:none}}