.rwrap{max-width:1180px;margin:0 auto;padding-inline:22px}







.rhero{padding-block:30px 24px;max-width:62ch}
.rhero h1{margin-top:13px}
.rhero h1{font-size:clamp(31px,4.4vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.06;margin-top:13px}
.rhero p{color:var(--muted);font-size:18px;margin-top:18px}
.rhero .meta{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:20px;letter-spacing:.03em}

/* layout */
.cols{display:grid;grid-template-columns:1fr 340px;gap:32px;align-items:start;padding-bottom:70px}

/* sections */
.sec{border:1px solid var(--line);background:var(--surface);margin-bottom:16px}
.sec-h{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.sec-h .sn{font-family:var(--mono);font-size:11.5px;font-weight:600;color:var(--amber);flex:none}
.sec-h h3{font-size:19px;font-weight:700;letter-spacing:-.016em;line-height:1.25}
.sec-h .src{margin-left:auto;font-family:var(--mono);font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.sec-h .blurb{flex-basis:100%;font-size:15px;color:var(--muted);line-height:1.5;margin-top:2px}
.sec-pill{font-family:var(--mono);font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:2px;white-space:nowrap}
.pill-g{background:var(--green-soft);color:var(--green)}
.pill-a{background:var(--amber-soft);color:var(--amber)}
.pill-r{background:var(--red-soft);color:var(--red)}
.pill-n{background:var(--surface-2);color:var(--muted)}

.q{padding:16px 22px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 230px;gap:18px;align-items:start}
.q:last-child{border-bottom:none}
.q .qt{font-size:16px;line-height:1.45}
.q .qh{font-size:14px;color:var(--muted);line-height:1.45;margin-top:5px}
.opts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.opt{
  font-family:var(--display);font-size:12.5px;font-weight:500;padding:7px 11px;
  border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);
  border-radius:2px;cursor:pointer;white-space:nowrap;
}
.opt:hover{border-color:var(--ink);color:var(--ink)}
.opt[aria-pressed="true"][data-v="2"]{background:var(--green-soft);border-color:var(--green);color:var(--green);font-weight:600}
.opt[aria-pressed="true"][data-v="1"]{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber);font-weight:600}
.opt[aria-pressed="true"][data-v="0"]{background:var(--red-soft);border-color:var(--red);color:var(--red);font-weight:600}
.opt:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* capital box */
.capbox{padding:20px 22px;background:var(--surface-2);border-top:1px solid var(--line)}
.capbox h4{font-size:15.5px;font-weight:700;margin-bottom:8px}
.capbox p{font-size:14.5px;color:var(--muted);line-height:1.5}
.capgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.capf label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px}
.capf input,.capf select{
  font-family:var(--serif);font-size:16px;padding:10px 12px;border:1px solid var(--line-strong);
  background:var(--surface);color:var(--ink);border-radius:2px;width:100%;
}
.capf input:focus,.capf select:focus{outline:2px solid var(--blue);outline-offset:1px}
.capout{margin-top:14px;border:1px solid var(--line-strong);background:var(--surface)}
.capout .row{display:flex;justify-content:space-between;gap:12px;padding:11px 15px;border-bottom:1px dashed var(--line-strong);align-items:baseline}
.capout .row:last-child{border-bottom:none}
.capout .rk{font-size:14.5px;color:var(--muted)}
.capout .rv{font-family:var(--mono);font-size:15px;font-weight:600;white-space:nowrap}
.capout .row.hi{background:var(--amber-soft)}
.capout .row.hi .rv,.capout .row.hi .rk{color:var(--amber)}
.capnote{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.6;margin-top:10px}
table.pmr{border-collapse:collapse;width:100%;margin-top:14px;background:var(--surface);border:1px solid var(--line-strong)}
table.pmr th{font-family:var(--mono);font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);
  font-weight:500;text-align:left;padding:9px 13px;background:var(--surface-2);border-bottom:1px solid var(--line-strong)}
table.pmr th:last-child,table.pmr td:last-child{text-align:right}
table.pmr td{padding:8px 13px;font-size:14.5px;border-bottom:1px dashed var(--line)}
table.pmr tbody tr:last-child td{border-bottom:none}
table.pmr td:last-child{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}

/* result rail */
.rail{position:sticky;top:18px;display:flex;flex-direction:column;gap:14px}
.card{border:1.5px solid var(--ink);background:var(--surface)}
.card-h{padding:11px 17px;border-bottom:1.5px solid var(--ink);font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.card-b{padding:18px 17px}
.score{text-align:center;padding-bottom:4px}
.score .sv{font-family:var(--display);font-size:52px;font-weight:700;letter-spacing:-.035em;line-height:1;display:block}
.score .sl{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:7px;display:block}
.verdict{margin-top:15px;padding:13px 14px;font-size:14.5px;line-height:1.5;border-left:3px solid var(--line-strong)}
.verdict.g{background:var(--green-soft);border-left-color:var(--green)}
.verdict.a{background:var(--amber-soft);border-left-color:var(--amber-line)}
.verdict.r{background:var(--red-soft);border-left-color:var(--red)}
.verdict b{font-family:var(--display);display:block;margin-bottom:4px;font-size:15px}
.bars{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.bar{display:grid;grid-template-columns:1fr 46px;gap:9px;align-items:center}
.bar .bl{font-size:13.5px;color:var(--muted);line-height:1.3}
.bar .bt{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;grid-column:1/-1}
.bar .bf{height:100%;width:0;background:var(--line-strong);transition:width .25s ease}
.bar .bv{font-family:var(--mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.bf.g{background:var(--green)} .bf.a{background:var(--amber-line)} .bf.r{background:var(--red)}
.railcta{display:block;text-align:center;font-family:var(--display);font-weight:600;font-size:14.5px;
  padding:12px 16px;text-decoration:none;background:var(--amber);color:#fff;border:1.5px solid var(--amber);border-radius:2px;margin-top:14px}
.railcta:hover{background:transparent;color:var(--amber)}
.railcta.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong);margin-top:8px}
.railnote{font-family:var(--mono);font-size:10.5px;color:var(--muted);line-height:1.6;margin-top:11px}

/* timeline */
.tl{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.tl > div{background:var(--surface);padding:12px 16px;display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:baseline}
.tl .td{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--amber)}
.tl .tx{font-size:14.5px;line-height:1.45}
.tl .tx em{font-style:normal;color:var(--muted);display:block;font-size:13.5px;margin-top:2px}
.tl > div.past{opacity:.5}

/* failings */
.fails{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.fails > div{background:var(--surface);padding:17px 18px;display:flex;flex-direction:column;gap:7px}
.fails h4{font-size:15.5px;font-weight:700;color:var(--red)}
.fails p{font-size:14.5px;line-height:1.5;color:var(--muted)}

.rblock{margin-top:44px}
.rblock h2{font-size:clamp(23px,3vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.16;margin-top:9px}
.rblock > p{color:var(--muted);margin-top:11px;max-width:64ch;font-size:16.5px}
.rblock .inner{margin-top:20px}

.rsources{border-top:1px solid var(--line);margin-top:46px;padding-top:22px;padding-bottom:60px}
.rsources h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.rsources ol{margin:0;padding-left:19px;font-size:14.5px;line-height:1.65;color:var(--muted)}
.rsources li{margin-bottom:5px}
.disc{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.7;margin-top:18px;border-left:2px solid var(--line-strong);padding-left:13px}

@media (max-width:980px){
  .cols{grid-template-columns:1fr}
  .rail{position:static;order:-1}
}
@media (max-width:640px){
  body{font-size:16px}
  .q{grid-template-columns:1fr;gap:11px}
  .opts{justify-content:flex-start}
  .capgrid{grid-template-columns:1fr}
  .fails{grid-template-columns:1fr}
  .tl > div{grid-template-columns:1fr;gap:3px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
