/* Method & data page: rendered markdown docs with a sticky table of contents. */
.m-head{border-bottom:1px solid var(--line);background:var(--bg-band)}
.m-head-in{max-width:1240px;margin:0 auto;padding:48px max(20px,env(safe-area-inset-left)) 36px}
.m-head h1{font-size:clamp(30px,3.6vw,46px);line-height:1.05;margin:10px 0 14px}
.m-head p{max-width:72ch;color:var(--fg2);margin:0;font-size:16.5px}
.m-head p.eyebrow{font-size:11.5px;color:var(--muted)}
.m-body{max-width:1240px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left));display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px}
.toc{position:sticky;top:72px;align-self:start;max-height:calc(100vh - 88px);overflow:auto;padding:32px 0 24px;font-size:13px;scrollbar-width:thin}
.toc h2{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}
.toc ol{list-style:none;margin:0;padding:0}
.toc > ol > li{margin:0 0 12px}
.toc > ol > li > a{font-weight:600;color:var(--fg)}
.toc a{color:var(--fg2);text-decoration:none;display:block;padding:2px 0 2px 10px;border-left:2px solid transparent;line-height:1.35}
.toc a:hover{color:var(--fg);border-left-color:var(--line)}
.toc a.on{color:var(--accent-ink);border-left-color:var(--accent)}
.toc ol ol{margin:4px 0 0}
.toc ol ol a{font-size:12.5px;padding-left:18px}
.docs{min-width:0;padding:24px 0 0}
.doc{padding:28px 0 8px;border-top:1px solid var(--line);margin-top:28px}
.doc:first-child{border-top:0;margin-top:0}
.doc-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-bottom:8px}
.doc-head h2{font-family:var(--display);font-stretch:112%;font-weight:700;font-size:26px;letter-spacing:-.01em;line-height:1.15;margin:0;scroll-margin-top:72px}
.doc-path{font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:2px 7px;white-space:nowrap}
.doc-note{background:var(--accent-soft);border-left:2px solid var(--accent);padding:10px 14px;font-size:14px;margin:12px 0;max-width:80ch;border-radius:0 var(--r) var(--r) 0}
.md{font-size:15.5px;line-height:1.6;max-width:84ch}
.md h2,.md h3,.md h4{scroll-margin-top:72px;line-height:1.25}
.md h2{font-size:19px;font-weight:600;margin:32px 0 8px}
.md h3{font-size:16px;font-weight:600;margin:24px 0 6px}
.md h4{font-size:14px;font-weight:600;margin:18px 0 4px}
.md p{margin:10px 0}
.md ul,.md ol{padding-left:22px}
.md li{margin:4px 0}
.md code{background:var(--surface2);border:1px solid var(--line2);border-radius:3px;padding:0 4px;font-size:.84em;overflow-wrap:anywhere}
.md pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;overflow:auto;font-size:13px}
.md pre code{background:none;border:0;padding:0}
.md blockquote{margin:12px 0;padding:4px 14px;border-left:2px solid var(--line);color:var(--fg2)}
.md .tablewrap{max-width:none;width:max-content;min-width:min(100%,84ch);max-width:100%;overflow-x:auto;margin:14px 0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.md table{border-collapse:collapse;font-size:13px;width:100%}
.md th,.md td{line-height:1.4;padding:7px 12px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.md th{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface2);position:sticky;top:0}
.md tr:last-child td{border-bottom:0}
.md tbody tr:hover{background:var(--surface2)}
.md td[style*="right"],.md th[style*="right"]{font-family:var(--mono);font-variant-numeric:tabular-nums}
.files{font-size:13px}
@media (max-width:900px){
  .m-body{grid-template-columns:1fr;gap:0}
  .toc{position:static;max-height:none;border-bottom:1px solid var(--line);padding:20px 0}
  .toc ol ol{display:none}
  .m-head-in{padding:32px 16px 24px}
  .m-body{padding:0 16px}
  .doc-head h2{font-size:22px}
}