/* Documentation layout: a reference manual, not a marketing page. */
.doc{display:grid;gap:0;position:relative;z-index:1}
@media(min-width:1000px){.doc{grid-template-columns:16.5rem minmax(0,1fr)}}

.toc{
  border-right:1px solid var(--rule);padding:2rem 1.6rem 3rem 0;
  position:sticky;top:76px;align-self:start;max-height:calc(100vh - 76px);overflow:auto;
  display:none;
}
@media(min-width:1000px){.toc{display:block}}
.toc h4{font-size:.72rem;letter-spacing:.09em;color:var(--ink-3);margin:0 0 .7rem;font-weight:500}
.toc ol{list-style:none;margin:0 0 1.6rem;padding:0;counter-reset:s}
.toc li{counter-increment:s}
.toc a{
  display:block;text-decoration:none;color:var(--ink-2);font-size:.88rem;padding:.3rem 0 .3rem .5rem;
  border-left:2px solid transparent;
}
.toc a::before{content:counter(s,decimal-leading-zero) "  ";font-family:var(--f-mono);font-size:.75rem;color:var(--ink-3)}
.toc a:hover{color:var(--ink)}
.toc a.on{color:var(--ink);border-left-color:var(--red);background:var(--bg-2)}
.toc-search{width:100%;border:1px solid var(--rule-2);background:var(--bg);padding:.5rem .6rem;font:inherit;font-size:.85rem;margin-bottom:1.2rem}

.body{padding:2.4rem 0 5rem}
@media(min-width:1000px){.body{padding-left:3.2rem}}
.body h2{scroll-margin-top:84px}
.doc-sect{padding-block:0 3rem}
.doc-sect+.doc-sect{border-top:1px solid var(--rule);padding-top:2.6rem}
.doc-sect > *+*{margin-top:1rem}
.doc-sect p{color:var(--ink-2);max-width:74ch}
.doc-sect h3{font-family:var(--f-sans);font-size:1.02rem;font-weight:600;margin-top:2rem}
.doc-sect ul,.doc-sect ol.steps{color:var(--ink-2);max-width:74ch;padding-left:1.1rem;margin:0}
.doc-sect li+li{margin-top:.4rem}
.doc-kicker{font-family:var(--f-mono);font-size:.74rem;color:var(--ink-3);letter-spacing:.06em}

pre{
  background:var(--bg-2);border:1px solid var(--rule);padding:1rem 1.1rem;overflow:auto;
  font-family:var(--f-mono);font-size:.79rem;line-height:1.6;margin:0;position:relative;
}
pre code{white-space:pre}
.codewrap{position:relative}
.codewrap button{
  position:absolute;top:.5rem;right:.5rem;border:1px solid var(--rule-2);background:var(--bg);
  font-size:.7rem;padding:.25rem .5rem;cursor:pointer;border-radius:2px;
}
.codewrap button:hover{background:var(--bg-3)}
code:not(pre code){font-family:var(--f-mono);font-size:.85em;background:var(--bg-2);padding:.08em .34em;border:1px solid var(--rule)}

table.spec{width:100%;border-collapse:collapse;font-size:.9rem}
table.spec th{text-align:left;font-weight:500;font-size:.73rem;letter-spacing:.06em;color:var(--ink-3);padding:0 1rem .5rem 0;border-bottom:1px solid var(--rule-2)}
table.spec td{padding:.6rem 1rem .6rem 0;border-bottom:1px solid var(--rule);vertical-align:top}
table.spec td:first-child{color:var(--ink);white-space:nowrap}
table.spec td.m{font-family:var(--f-mono);font-size:.8rem;word-break:break-all}
.method{display:inline-block;font-family:var(--f-mono);font-size:.72rem;border:1px solid currentColor;padding:.05rem .35rem;margin-right:.5rem}
.method.get{color:var(--ink-2)}
.method.post{color:var(--red)}

.note{border-left:2px solid var(--red);padding:.2rem 0 .2rem 1rem;color:var(--ink-2);max-width:72ch}
.addr-list{display:grid;gap:.6rem}
.addr-list .row{display:flex;align-items:center;gap:.8rem;border:1px solid var(--rule);padding:.6rem .75rem;background:var(--bg-2);flex-wrap:wrap}
.addr-list .row b{min-width:8rem;font-weight:500;font-size:.9rem}
.addr-list .row code{flex:1;min-width:12rem;font-family:var(--f-mono);font-size:.78rem;word-break:break-all;background:none;border:0;padding:0}
.addr-list .row code.pend{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;opacity:.6}

/* identity carry-over */
.toc a.on{border-left-color:var(--red)}
.toc h4{font-family:var(--f-mono)}
.doc-kicker{color:var(--red)}
.doc-sect h2{letter-spacing:-.03em}
.note{border-left:3px solid var(--red)}
table.spec th{font-family:var(--f-mono);border-bottom:2px solid var(--ink)}
.addr-list .row{border:1px solid var(--rule);background:var(--bg-2)}
.addr-list .row b{font-family:var(--f-display);font-weight:600}
.codewrap button{border-radius:0}

.toc-search{color:var(--ink)}
.toc-search::placeholder{color:var(--ink-3)}