/* Atlas — content pages: tables, docs layout, callouts */
.tw{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:var(--r)}
table{border-collapse:collapse;width:100%;font-size:14.5px}
th,td{text-align:left;padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--bg2);font:700 13px "Space Grotesk",sans-serif;letter-spacing:.04em;color:var(--g2);white-space:nowrap}
td{color:var(--t2)}tr:last-child td{border-bottom:0}td:first-child{color:var(--t);font-weight:500}
.note{border-left:3px solid var(--g);background:var(--card);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;color:var(--t2);margin:24px 0}
.note.warn{border-color:var(--gold)}.note b{color:var(--t)}
.dl{display:grid;grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}
.toc{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;font-size:14px}
.toc a{display:block;padding:6px 12px;border-left:2px solid var(--line);color:var(--t3);text-decoration:none;transition:.2s}
.toc a:hover,.toc a.on{color:var(--g2);border-color:var(--g)}
.doc{max-width:780px}.doc h2{font-size:30px;margin:64px 0 14px;padding-top:12px;border-top:1px solid var(--line)}.doc h2:first-child{margin-top:0;border:0}
.doc h3{font-size:20px;margin:32px 0 10px;color:var(--g2)}.doc p,.doc li{color:var(--t2)}.doc li{margin:6px 0}.doc strong{color:var(--t)}
.doc code{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.9em}
.flow{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));counter-reset:f;margin-top:36px}
.flow .card{counter-increment:f;position:relative;padding-top:44px}.flow .card:before{content:counter(f);position:absolute;top:14px;left:26px;font:700 13px "Space Grotesk";color:#04141b;background:var(--g);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.flow small{color:var(--t3);display:block;margin-top:6px}
@media(max-width:900px){.dl{grid-template-columns:1fr}.toc{display:none}}
