/* Legal / long-form documents: contents rail + reading column */
.doc{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.doc__toc{position:sticky;top:104px;max-height:calc(100vh - 124px);overflow:auto;scrollbar-width:thin}
.doc__tocin{--pane-pad:20px}
.doc__tochd{margin-bottom:14px;font:500 11px/1 var(--ff-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-4)}
.doc__toclist{display:grid;gap:2px;margin:0;padding:0;list-style:none;counter-reset:d}
.doc__toclist li{counter-increment:d}
.doc__toclist a{display:flex;gap:10px;padding:8px 10px;border-radius:11px;font-size:13.5px;line-height:1.4;color:var(--ink-3);transition:background .2s,color .2s}
.doc__toclist a::before{content:counter(d,decimal-leading-zero);flex:none;font:500 11px/1.7 var(--ff-mono);color:var(--ink-4)}
.doc__toclist a:hover{color:#fff;background:rgba(255,255,255,.05)}
.doc__toclist a.is-on{color:#fff;background:rgba(255,255,255,.1)}
.doc__body{min-width:0;max-width:780px}
.doc__sec,.doc__body>h2{scroll-margin-top:100px}
.doc__sec{padding-bottom:clamp(28px,4vw,44px);margin-bottom:clamp(28px,4vw,44px);border-bottom:1px solid var(--edge)}
.doc__sec h2,.doc__body>h2{display:flex;align-items:baseline;gap:12px;font-size:clamp(22px,2.4vw,30px);letter-spacing:-.04em;margin-bottom:18px}
.doc__body>h2{margin-top:clamp(28px,4vw,44px)}
.doc__n{font:500 12px/1 var(--ff-mono);font-style:normal;color:var(--ice);letter-spacing:.04em}
.doc__body h3{font-size:18px;margin:26px 0 10px;letter-spacing:-.025em}
.doc__body p{color:var(--ink-2);line-height:1.8;font-size:15.5px;margin-bottom:14px}
.doc__body ul{list-style:disc}.doc__body ol{list-style:decimal}
.doc__body ul,.doc__body ol{margin:0 0 16px;padding-inline-start:22px;color:var(--ink-2);line-height:1.75;font-size:15.5px}
.doc__body li{margin-bottom:8px}
.doc__body li::marker{color:var(--ink-4)}
.doc__body a{color:var(--ice);border-bottom:1px solid rgba(168,220,255,.3)}
.doc__body a:hover{border-bottom-color:var(--ice)}
.doc__body strong,.doc__body b{color:#fff;font-weight:600}
.doc__body table{width:100%;border-collapse:separate;border-spacing:0;margin:8px 0 22px;border:1px solid var(--edge);border-radius:var(--r-md);overflow:hidden;font-size:14px}
.doc__body th{padding:12px 16px;text-align:start;font:500 11.5px/1 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:rgba(255,255,255,.05)}
.doc__body td{padding:12px 16px;border-top:1px solid var(--edge);color:var(--ink-2);vertical-align:top}
.doc .note{margin:18px 0}
.doc__body code{padding:2px 7px;border-radius:7px;font:500 .88em var(--ff-mono);background:rgba(255,255,255,.08)}
.notice{max-width:var(--frame);margin:100px auto -70px;padding:14px var(--gutter);font-size:14px;color:var(--amber)}
@media(max-width:900px){.doc{grid-template-columns:1fr}.doc__toc{position:static;max-height:none}}

/* about page blocks */
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}
.about-card{--pane-pad:22px;display:grid;gap:10px}
.about-card .ic-box{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:var(--ice);background:rgba(168,220,255,.1);border:1px solid rgba(168,220,255,.24)}
.about-card .ic-box svg{width:22px;height:22px}
.about-card h3{margin:4px 0 0;font-size:18px}
.about-card p{margin:0;font-size:14.5px}
.doc__body .linkpills{margin-top:18px;justify-content:flex-start}
.doc__body .linkpills a{border-bottom:1px solid var(--edge-2);color:var(--ink-2)}
.about-cta{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.about-cta p{flex:1 1 280px;margin:0}
@media(max-width:700px){.about-grid{grid-template-columns:1fr}}