/* api.html: two-column docs layout (extends site.css + sub-b.css) */
.docs{display:grid;grid-template-columns:200px minmax(0,1fr);gap:clamp(40px,6vw,110px);max-width:1280px;margin:0 auto;padding:clamp(70px,10vh,120px) 5vw clamp(80px,12vh,140px);align-items:start}
.toc{position:sticky;top:100px;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.toc p{color:var(--acc);margin-bottom:22px}
.toc a{display:block;padding:9px 0;border-bottom:1px solid var(--hair);opacity:.5;transition:opacity .5s,color .5s}
.toc a:hover,.toc a.on{opacity:1;color:var(--acc)}
.toc a span{font-family:var(--ser);font-style:italic;letter-spacing:0;text-transform:none;margin-right:10px;font-size:15px}
.doc{min-width:0}
.ds{padding-top:clamp(50px,8vh,90px);scroll-margin-top:90px}
.ds:first-child{padding-top:0}
.ds>.micro{margin-bottom:22px}
.ds h2{font-size:clamp(28px,3.4vw,52px);line-height:1.12;font-weight:200;letter-spacing:.02em}
.ds h2 em{color:var(--acc)}
.ds h3{font-size:clamp(20px,1.8vw,26px);font-weight:200;letter-spacing:.03em;margin:0 0 10px}
.ds .lede{margin:24px 0 0;max-width:640px;font-size:16px;text-align:left}
.ds p.t{margin-top:18px;line-height:1.85;opacity:.78;max-width:680px}
.ds .tag{display:block;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--acc);margin-bottom:14px}
.ds hr{border:0;border-top:1px solid var(--hair);margin:70px 0 0}

.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:34px auto 0;max-width:760px}
.chips span{border:1px solid var(--hair);border-radius:30px;padding:6px 16px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.mono{margin:30px auto 0;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.12em;opacity:.6;max-width:820px}
.sub__cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:34px}
.crumb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-bottom:22px}
.crumb a:hover{color:var(--acc)}
.qstrip{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px;padding:16px 0 !important;background:none;border-left:0;border-right:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.75;list-style:none}
.qstrip span{display:inline}

/* code */
.cb{margin-top:34px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#040c14;overflow:hidden}
.cb__h{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.5)}
.cp{font:inherit;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);background:none;border:1px solid rgba(216,194,138,.4);border-radius:20px;padding:4px 12px;cursor:pointer;transition:background .4s,color .4s}
.cp:hover{background:var(--acc);color:var(--ink)}
.cb pre{margin:0;padding:18px 20px;overflow-x:auto;font-family:ui-monospace,Menlo,'SF Mono',monospace;font-size:12.5px;line-height:1.75;color:#c9d4df;tab-size:2;white-space:pre}
.cb .c{color:rgba(255,255,255,.38)}
.cb .s{color:#d8c28a}
.cb .k{color:#8fb9c6}
.cb .e{color:#fff;font-weight:500}
details.dt{margin-top:34px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
details.dt>summary{cursor:pointer;list-style:none;padding:18px 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;display:flex;justify-content:space-between;gap:16px}
details.dt>summary::-webkit-details-marker{display:none}
details.dt>summary::after{content:"+";color:var(--acc);font-size:18px;line-height:1}
details.dt[open]>summary::after{content:"\2212"}
details.dt .cb{margin:0 0 24px}

/* grids */
.pair{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--hair);margin-top:40px}
.pair>div{padding:30px 28px 26px 0;border-bottom:1px solid var(--hair)}
.pair>div:nth-child(even){padding:30px 0 26px 28px;border-left:1px solid var(--hair)}
.pair p{font-size:15px;line-height:1.8;opacity:.72}
.pair .ans{margin-top:16px;font-size:14px;opacity:1}
.pair .ans b{font-family:var(--ser);font-style:italic;font-weight:400;color:var(--acc);font-size:17px}
.nums{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid var(--hair)}
.nums div{padding:24px 18px 0 0}
.nums b{display:block;font-weight:200;font-size:clamp(34px,4vw,56px);line-height:1;color:var(--acc);letter-spacing:.01em}
.nums span{display:block;margin-top:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.65}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:40px;border-top:1px solid var(--hair)}
.steps>div{padding:28px 24px 0;border-left:1px solid var(--hair)}
.steps>div:first-child{padding-left:0;border-left:0}
.steps i{font-style:normal;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);display:block;margin-bottom:12px}
.steps p{font-size:14px;line-height:1.75;opacity:.72}
.steps code{display:block;margin-top:14px;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--acc);word-break:break-all}

/* explorer */
.tabs{display:flex;flex-wrap:wrap;gap:26px;margin-top:34px}
.tabs div{display:flex;flex-direction:column;gap:8px}
.tabs small{font-size:10px;letter-spacing:.26em;text-transform:uppercase;opacity:.5}
.tabs span{display:flex;gap:8px;flex-wrap:wrap}
.tab{font:inherit;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:none;border:1px solid var(--hair);border-radius:30px;padding:8px 16px;cursor:pointer;transition:all .4s}
.tab.on,.tab:hover{border-color:var(--acc);color:var(--acc)}
.cb[hidden]{display:none}

/* tables */
.tw{overflow-x:auto;margin-top:34px}
table.pt{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}
.pt th{text-align:left;font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);padding:12px 14px 12px 0;border-bottom:1px solid var(--hair)}
.pt td{padding:14px 14px 14px 0;border-bottom:1px solid var(--hair);vertical-align:top;line-height:1.7;opacity:.82}
.pt td:first-child{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--acc);opacity:1;white-space:nowrap}
.rows--l{margin:34px 0 0;max-width:none}
.rows--l li{grid-template-columns:200px 1fr}
.fine{margin-top:26px;font-size:13px;opacity:.55;line-height:1.8;max-width:680px}
.fine code,.t code,.rows code,.pt code{font-family:ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--acc)}
.cta{border:1px solid var(--hair);border-radius:10px;padding:clamp(34px,5vw,60px);text-align:center;margin-top:40px}
.cta .sub__cta{margin-top:26px}
[data-flag="owner-review"]{display:inline}

@media(max-width:900px){
 .docs{grid-template-columns:1fr;gap:0;padding-top:40px}
 .toc{position:static;margin-bottom:34px;overflow-x:auto;white-space:nowrap;display:flex;gap:8px;align-items:center;padding-bottom:6px}
 .toc p{display:none}
 .toc a{display:inline-block;border:1px solid var(--hair);border-radius:30px;padding:7px 14px;flex:none}
 .toc a span{display:none}
 .pair,.nums,.steps{grid-template-columns:1fr}
 .pair>div,.pair>div:nth-child(even){padding:26px 0;border-left:0}
 .steps>div{padding:24px 0;border-left:0;border-bottom:1px solid var(--hair)}
 .rows--l li{grid-template-columns:1fr}
 .nums div{padding:20px 0 0}
}