/* docs: compact reading page in the app's fog. Small type, dense tables, a sticky contents rail. */
.tlinks{display:flex;align-items:center;gap:6px;justify-self:end}
.tlinks a{font:500 13px/1 var(--sans);color:#3a3a3e;text-decoration:none;padding:9px 12px;border-radius:99px;transition:background .3s,color .3s}
.tlinks a:hover,.tlinks a[aria-current]{background:rgba(255,255,255,.55);color:#111}
.tlinks a.open{display:inline-flex;align-items:center;gap:10px;padding:4px 4px 4px 14px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.75);color:#2b2b2e}
.tlinks a.open i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2b2b2e;color:#fff}
.tlinks a.open svg{width:12px;height:12px}

.dwrap{width:min(1080px,calc(100% - 36px));margin:0 auto;padding:28px 0 64px;display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:start}
.toc{position:sticky;top:86px;display:grid;gap:1px;font:500 12.5px/1.2 var(--sans)}
.toc a{color:#4a464c;text-decoration:none;padding:6px 10px;border-radius:7px;border-left:2px solid transparent}
.toc a:hover{background:rgba(255,255,255,.4);color:#111}
.toc a.on{background:rgba(255,255,255,.55);color:#111;border-left-color:#a3324a}
.tk{font:400 9.5px/1 var(--wide);letter-spacing:.14em;text-transform:uppercase;color:#6b6670;margin:0 0 10px 10px}
.doc .tk{margin-left:0}

.doc{background:rgba(255,255,255,.5);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65);border-radius:16px;padding:26px 30px;color:#232326;font:400 13.5px/1.6 var(--sans)}
.doc section{padding:16px 0;border-top:1px solid rgba(35,35,38,.1);scroll-margin-top:84px}
.doc section:first-child{border-top:0;padding-top:0}
.doc h1{font:400 26px/1.1 var(--wide);letter-spacing:-.01em;margin:0 0 10px}
.doc h2{font:400 13px/1.2 var(--wide);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.doc h3{font:600 12.5px/1.3 var(--sans);margin:12px 0 4px}
.doc p{margin:0 0 8px;max-width:72ch}
.doc .sm,.doc .note{font-size:12.5px;color:#55515a}
.doc .note{padding-left:10px;border-left:2px solid rgba(35,35,38,.18)}
.doc ol,.doc ul{margin:0 0 8px;padding-left:18px}.doc li{margin:2px 0}
.doc code{font:400 12px/1.4 var(--mono);background:rgba(255,255,255,.6);padding:1px 5px;border-radius:4px;color:#1d1d20}
.doc pre{position:relative;margin:6px 0 10px;padding:12px 14px;border-radius:10px;background:rgba(24,24,27,.86);color:#e9e9ec;overflow:auto}
.doc pre code{background:none;padding:0;color:inherit;font-size:12px;line-height:1.6;white-space:pre}
.doc pre .cp{position:absolute;top:8px;right:8px;font:500 11px/1 var(--sans);color:#e9e9ec;background:rgba(255,255,255,.12);border:0;border-radius:6px;padding:6px 9px;cursor:pointer}
.doc pre .cp:hover{background:rgba(255,255,255,.22)}
.doc table{width:100%;border-collapse:collapse;margin:6px 0 8px;font-size:12.5px}
.doc th{text-align:left;font:400 9.5px/1 var(--wide);letter-spacing:.08em;text-transform:uppercase;color:#6b6670;padding:7px 8px;border-bottom:1px solid rgba(35,35,38,.16)}
.doc td{padding:6px 8px;border-bottom:1px solid rgba(35,35,38,.08);vertical-align:top}
.doc tr:last-child td{border-bottom:0}
.doc .ct td:first-child{white-space:nowrap;width:1%}
.doc .rt td:nth-child(2){white-space:nowrap;font-family:var(--mono);font-size:12px}
b.h{color:#a3324a}b.p{color:#2f6b52}
@media (max-width:820px){.dwrap{grid-template-columns:1fr;gap:14px}.toc{position:static;display:flex;flex-wrap:wrap;gap:4px}.toc .tk{width:100%}.toc a{border-left:0;background:rgba(255,255,255,.35)}.doc{padding:20px 16px}.doc .ct td:first-child{white-space:normal}.tlinks a:not(.open){display:none}}
.doc pre.copy{padding-right:74px}
.dwrap{grid-template-columns:180px minmax(0,1fr)}.doc{min-width:0}@media (max-width:820px){.dwrap{grid-template-columns:minmax(0,1fr)}}
.doc pre.copy{padding-top:38px}.doc pre .cp{background:#3a3a3f}
.getwrap{width:min(720px,calc(100% - 36px));margin:0 auto;padding:7vh 0 64px}
.doc.get h1{font-size:28px;margin-bottom:12px}
.doc a{color:#1f1f22;text-decoration:underline;text-decoration-color:rgba(35,35,38,.3);text-underline-offset:3px}
.doc a:hover{text-decoration-color:#a3324a}
.steps{list-style:none;padding:0;margin:18px 0 14px;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:12px 0 12px 44px;border-top:1px solid rgba(35,35,38,.1);display:grid;gap:4px}
.steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:13px;font:400 11px/1 var(--wide);color:#a3324a;letter-spacing:.08em}
.steps b{font:600 13.5px/1.3 var(--sans)}.steps span{font-size:13px;color:#4a464c}
.steps pre{margin:6px 0 0}