.head{padding:clamp(30px,4vw,56px) 0 0}
.head h1{font-size:clamp(28px,3vw,40px);line-height:1.08;letter-spacing:-.03em;margin-top:14px}
.head .lede{margin-top:16px;color:var(--tx-2);font-size:clamp(15.5px,1.3vw,17.5px);max-width:62ch}

.layout{display:grid;gap:clamp(28px,3.4vw,52px);padding:clamp(30px,4vw,56px) 0 0;
  align-items:start}
@media(min-width:1000px){.layout{grid-template-columns:minmax(0,240px) minmax(0,1fr)}}
.toc{position:sticky;top:76px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--bg-1);padding:18px 18px 20px}
.toc h2{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tx-3)}
.toc ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px;
  counter-reset:t;font-size:14.5px}
.toc li{counter-increment:t}
.toc a{color:var(--tx-2);text-decoration:none;display:grid;grid-template-columns:1.6em 1fr;gap:6px}
.toc a::before{content:counter(t);color:var(--tx-3);font:500 12px/1.5 var(--mono)}
.toc a:hover{color:var(--gold)}

article{max-width:68ch;font-size:16.5px}
article section{padding:0;border:0;margin-top:clamp(30px,3.4vw,46px);scroll-margin-top:76px}
article h2{font-size:clamp(20px,1.9vw,24px);letter-spacing:-.02em;
  padding-bottom:12px;border-bottom:1px solid var(--line)}
article h3{font-size:17px;margin-top:26px}
article p{margin-top:14px;color:var(--tx-2);line-height:1.68}
article p b,article li b{color:var(--tx);font-weight:600}
article ul,article ol{margin:14px 0 0;padding-left:22px;color:var(--tx-2);line-height:1.68}
article li{margin-top:9px}
article a{color:var(--gold);text-underline-offset:3px}
.note{margin-top:18px;border:1px solid var(--line);border-left:3px solid var(--gold-dim);
  border-radius:var(--r);background:var(--bg-1);padding:14px 16px}
.note p{margin-top:0}
.note p + p{margin-top:10px}
.tbd{font:500 13px/1 var(--mono);letter-spacing:.04em;color:var(--warn);
  border:1px dashed var(--warn);border-radius:5px;padding:3px 7px;white-space:nowrap}
.tbl{margin-top:18px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg)}
table{border-collapse:collapse;width:100%;font-size:14.5px;min-width:420px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top;
  color:var(--tx-2)}
th{color:var(--tx-3);font:500 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;
  background:var(--bg-1)}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
td b{color:var(--tx)}
.back{display:inline-block;margin-top:clamp(34px,4vw,56px);font-size:14.5px;color:var(--tx-3);
  text-decoration:none}
.back:hover{color:var(--tx)}

footer{margin-top:clamp(46px,5vw,88px)}