.assess-shell{padding:clamp(40px, 5vw, 72px) var(--gx) clamp(96px, 11vw, 140px);background:var(--cream)}.assess-shell .wrap{max-width:920px;margin-inline:auto}.assess-head{border-bottom:1px solid var(--line);padding-bottom:28px}.assess-head h1{letter-spacing:-.035em;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1}.assess-head h1 .it{font-style:italic;font-weight:300}.assess-head p{color:var(--graphite);max-width:56ch;margin-top:18px;font-size:16px;line-height:1.55}.assess-progress{font-family:var(--mono);letter-spacing:.22em;color:var(--stone);text-transform:uppercase;justify-content:space-between;align-items:center;gap:24px;margin:28px 0 0;font-size:10px;display:flex}.assess-progress .bar{background:var(--line);flex:1;height:2px;position:relative;overflow:hidden}.assess-progress .bar i{background:var(--ink);height:100%;transition:width .32s var(--e-spring);position:absolute;top:0;left:0}.qpane{padding-top:40px}.qpane h2{letter-spacing:-.025em;margin-bottom:12px;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.05}.qpane .ld{font-family:var(--mono);letter-spacing:.22em;color:var(--stone);text-transform:uppercase;margin-bottom:12px;font-size:10px;display:block}.qpane p.sub{color:var(--graphite);max-width:52ch;margin-bottom:24px;font-size:14.5px;line-height:1.6}.qpane .options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}@media (max-width:700px){.qpane .options{grid-template-columns:1fr}}.qpane .opt{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.qpane .opt input{opacity:0;cursor:pointer;position:absolute;inset:0}.qpane .opt .body{background:var(--snow);border:1px solid var(--line);transition:background .2s var(--e-out), border-color .2s var(--e-out);border-radius:6px;align-items:center;gap:14px;padding:18px;font-size:15px;display:flex}.qpane .opt .body:before{content:"";border:1px solid var(--line-mid);background:var(--snow);border-radius:999px;flex-shrink:0;width:16px;height:16px}.qpane .opt input:checked+.body{background:var(--ink);color:var(--cream);border-color:var(--ink)}.qpane .opt input:checked+.body:before{background:var(--cream);border-color:var(--cream);box-shadow:inset 0 0 0 4px var(--ink)}.qpane .ranger{background:var(--snow);border:1px solid var(--line);border-radius:6px;padding:14px 18px}.qpane .ranger label{font-family:var(--mono);letter-spacing:.22em;color:var(--stone);text-transform:uppercase;justify-content:space-between;font-size:10px;display:flex}.qpane .ranger label .v{color:var(--ink);font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:-.015em;font-size:22px;font-weight:500}.qpane .ranger input[type=range]{appearance:none;background:0 0;width:100%;margin-top:12px}.qpane .ranger input[type=range]::-webkit-slider-runnable-track{background:var(--line-mid);border-radius:2px;height:2px}.qpane .ranger input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);cursor:pointer;border-radius:999px;width:18px;height:18px;margin-top:-8px}.qpane .actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:32px;padding-top:20px;display:flex}.qpane .actions .meta{font-family:var(--mono);letter-spacing:.18em;color:var(--stone);text-transform:uppercase;font-size:11px}.result{background:var(--ink);color:var(--cream);border-radius:8px;margin-top:56px;padding:clamp(32px,5vw,56px) clamp(24px,4vw,48px)}.result h2{letter-spacing:-.035em;font-size:clamp(40px,5vw,72px);font-weight:400;line-height:1}.result h2 .it{font-style:italic;font-weight:300}.result .ld{font-family:var(--mono);letter-spacing:.22em;color:#efeadb8c;text-transform:uppercase;margin-bottom:14px;font-size:10px;display:block}.result p{color:#efeadbbd;max-width:56ch;margin-top:18px;font-size:16px;line-height:1.6}.result ul{border-top:1px solid var(--line-d);flex-direction:column;gap:10px;margin:24px 0 0;padding:18px 0 0;list-style:none;display:flex}.result ul li{color:#efeadbd9;grid-template-columns:22px 1fr;gap:8px;font-size:14.5px;line-height:1.55;display:grid}.result ul li .n{font-family:var(--mono);letter-spacing:.18em;color:#efeadb80;margin-top:4px;font-size:9.5px}.result .actions{border-top:0;flex-wrap:wrap;gap:12px;margin-top:36px;padding-top:0;display:flex}body.dark .assess-shell{background:var(--ink)}body.dark .assess-head{border-bottom-color:var(--line-d)}body.dark .assess-head h1{color:var(--cream)}body.dark .assess-head p{color:#efeadbc7}body.dark .qpane,body.dark .qpane h2{color:var(--cream)}body.dark .qpane .opt .body{background:var(--char);border-color:var(--line-d);color:var(--cream)}body.dark .qpane .opt input:checked+.body{background:var(--cream);color:var(--ink);border-color:var(--cream)}body.dark .qpane .opt input:checked+.body:before{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 4px var(--cream)}body.dark .qpane .ranger{background:var(--char);border-color:var(--line-d);color:var(--cream)}body.dark .qpane .ranger label .v{color:var(--cream)}body.dark .qpane .actions{border-top-color:var(--line-d)}body.dark .assess-progress .bar{background:var(--line-d)}body.dark .assess-progress .bar i{background:var(--cream)}
