/* Documentation page. Builds on site.css tokens. */
.doc{max-width:1280px;margin:0 auto;padding:24px 28px 72px;display:flex;gap:32px;align-items:flex-start}
.doc-nav{position:sticky;top:84px;flex:0 0 240px;max-height:calc(100vh - 100px);overflow:auto;display:flex;flex-direction:column;gap:2px;border:1px solid var(--b16);border-radius:12px;padding:12px}
.doc-nav .h{font-size:11px;line-height:14px;font-weight:700;color:var(--t3);padding:4px 8px 8px;letter-spacing:.5px}
.doc-nav a{font-size:13px;line-height:17px;color:var(--t2);text-decoration:none;padding:7px 8px;border-radius:6px}
.doc-nav a:hover{color:var(--t1);background:var(--b08)}
.doc-nav a.on{color:var(--acc-text);font-weight:700;background:var(--b08)}
.doc-nav a.sub{padding-left:20px;font-size:12px}
.doc-art{flex:1 1 auto;min-width:0;max-width:860px;display:flex;flex-direction:column;gap:56px}
.doc-art section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:84px}
.doc-art h1{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:40px;line-height:46px;font-weight:800;letter-spacing:-1px}
.doc-art h2{margin:0;font-family:'Inter',system-ui,sans-serif;font-size:28px;line-height:34px;font-weight:800}
.doc-art h3{margin:10px 0 0;font-family:'Inter',system-ui,sans-serif;font-size:18px;line-height:24px;font-weight:800;scroll-margin-top:84px}
.doc-art p,.doc-art li{margin:0;font-size:14px;line-height:22px;color:var(--t2)}
.doc-art p b,.doc-art li b{color:var(--t1)}
.doc-art ul,.doc-art ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.doc-art code{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12.5px;background:var(--b08);border:1px solid var(--b10);border-radius:5px;padding:1px 5px;color:var(--t1)}
.doc-art a{color:var(--acc-text)}
.doc-lead{font-size:16px!important;line-height:25px!important;color:var(--t1)!important}

.doc-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;line-height:16px;color:var(--t3);border:1px solid var(--b16);border-radius:12px;padding:10px 14px}
.doc-meta b{color:var(--t1)}
.doc-meta a{color:var(--acc-text)}

.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.route{border:1px solid var(--b16);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;text-decoration:none!important}
.route:hover{border-color:var(--acc-line)}
.route b{color:var(--t1);font-size:15px}
.route span{color:var(--t2);font-size:13px;line-height:19px}
.route i{font-style:normal;color:var(--acc-text);font-size:12px;font-weight:700}
@media(max-width:760px){.routes{grid-template-columns:1fr}}

.dt-wrap{overflow-x:auto;border:1px solid var(--b16);border-radius:12px}
table.dt{width:100%;border-collapse:collapse;font-size:13px;line-height:19px}
.dt th{text-align:left;font-size:11px;line-height:14px;letter-spacing:.4px;text-transform:uppercase;color:var(--t3);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--b16);white-space:nowrap}
.dt td{padding:9px 12px;border-bottom:1px solid var(--line10);color:var(--t2);vertical-align:top}
.dt tr:last-child td{border-bottom:0}
.dt td:first-child{color:var(--t1);font-weight:600}
.dt td.num,.dt th.num{text-align:right;white-space:nowrap}
.dt caption{caption-side:bottom;text-align:left;font-size:12px;color:var(--t3);padding:8px 12px}

.call{border:1px solid var(--acc-line);background:var(--b08);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.call.warn{border-color:var(--warn-b);background:transparent}
.call.danger{border-color:var(--danger);background:var(--danger-bg)}
.call.plan{border-color:var(--vio);background:var(--vio-bg)}
.call>b:first-child{font-size:13px;letter-spacing:.3px;color:var(--t1)}
.call.warn>b:first-child{color:var(--warn)}
.call.danger>b:first-child{color:var(--danger)}
.call.plan>b:first-child{color:var(--vio-text)}

.depth{display:grid;grid-template-columns:110px 1fr;gap:6px 14px;font-size:13px;line-height:19px}
.depth span:nth-child(odd){color:var(--t3)}

.code{position:relative;border:1px solid var(--b16);border-radius:12px;background:var(--b08);overflow:hidden}
.code pre{margin:0;padding:14px 16px;overflow-x:auto;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;line-height:18px;color:var(--t1)}
.code .lbl{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--t3);padding:7px 10px 7px 16px;border-bottom:1px solid var(--b10)}
.code button{font:inherit;font-size:11px;color:var(--acc-text);background:transparent;border:1px solid var(--b16);border-radius:6px;padding:3px 8px;cursor:pointer}

.risk{border:1px solid var(--b16);border-left:3px solid var(--danger);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.risk h3{margin:0}
.risk .rr{display:grid;grid-template-columns:150px 1fr;gap:4px 14px;font-size:13px;line-height:19px}
.risk .rr span:nth-child(odd){color:var(--t3)}
.risk .worst{color:var(--danger);font-weight:600}
@media(max-width:620px){.risk .rr,.depth{grid-template-columns:1fr}.risk .rr span:nth-child(odd){margin-top:6px}}

.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.two>div{border:1px solid var(--b16);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.two>div.no{border-color:var(--acc-line)}
.two h4{margin:0;font-size:13px;letter-spacing:.3px}
@media(max-width:700px){.two{grid-template-columns:1fr}}

.faq details{border:1px solid var(--b16);border-radius:12px;padding:0 14px}
.faq details+details{margin-top:8px}
.faq summary{cursor:pointer;padding:12px 0;font-weight:700;font-size:14px;color:var(--t1)}
.faq details p{padding-bottom:12px}

.live{color:var(--t1);font-weight:700;white-space:nowrap}
.live.wait{color:var(--t3);font-weight:400}
.todo{color:var(--warn);font-weight:600}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.addr{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}

@media(max-width:960px){.doc{flex-direction:column;align-items:stretch;padding:16px 16px 56px}.doc-art{width:100%;max-width:none}.doc-nav{position:static;max-height:none;width:100%;flex:none;box-sizing:border-box}.doc-art h1{font-size:30px;line-height:36px}.doc-art h2{font-size:24px;line-height:30px}}

/* full error-code reference */
.err-all{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.err-h{margin:8px 0 0;font-size:15px;line-height:22px;color:var(--t1)}
.err-h small{font-weight:500;color:var(--t3);font-size:12px;margin-left:6px}
.err-q{max-width:360px;width:100%}
.err-note{margin:0;font-size:13px;line-height:19px;color:var(--t2)}
.dt-err td:nth-child(3){min-width:150px}
.dt-err code.err-fn{font-size:11.5px;white-space:normal;word-break:break-word;color:var(--t2)}
.dt-err tr[hidden]{display:none}
@media(max-width:640px){.dt-err td:nth-child(3),.dt-err th:nth-child(3){display:none}}