/* Docs sub-pages. Tokens from tokens.css, components from style.css. Warm paper, readable first. */
.nav-desk a[href="/docs"]{border-bottom-color:var(--ink-0)}
.drawer a[href="/docs"]{color:var(--o-800)}
.doc-hero{padding:var(--s-7) 0 var(--s-6)}
.doc-hero h1{max-width:18ch}
.doc-hero .lead{max-width:48ch;margin-bottom:0}
.crumb{margin:0 0 var(--s-4);font-size:var(--fs-small);color:var(--ink-soft)}
.crumb a{color:var(--ink-1);text-underline-offset:4px}
.doc-body{padding:var(--s-6) 0 var(--section)}
.doc-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:var(--s-9);align-items:start}
.doc-nav{position:sticky;top:var(--s-6);font-size:var(--fs-small)}
.doc-nav h2{font-family:var(--font-body);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:var(--s-6) 0 var(--s-2)}
.doc-nav h2:first-child{margin-top:0}
.doc-nav ul{list-style:none;margin:0;padding:0}
.doc-nav li a{display:block;padding:6px 0;text-decoration:none;color:var(--ink-1);line-height:1.4}
.doc-nav li a:hover{text-decoration:underline;text-underline-offset:4px}
.doc-nav li a[aria-current="page"]{color:var(--o-800);font-weight:700}
.doc{max-width:66ch;min-width:0}
.doc>p,.doc li{color:var(--ink-1)}
.doc h2{font-size:var(--fs-h3);margin:var(--s-8) 0 var(--s-4)}
.doc h2:first-child{margin-top:0}
.doc h3{font-family:var(--font-body);font-weight:700;font-size:1.125rem;letter-spacing:0;margin:var(--s-6) 0 var(--s-2)}
.doc ul,.doc ol{padding-left:1.3em}
.doc li{margin:0 0 var(--s-2)}
.doc a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.doc a:hover{text-decoration-thickness:2.5px}
.doc pre{margin:var(--s-4) 0 var(--s-5);padding:16px 20px;background:var(--bg-ink);color:var(--on-ink);border-radius:var(--r-2);overflow-x:auto;font-family:var(--font-mono);font-size:15px;line-height:1.6}
.doc pre code{background:none;padding:0;color:inherit;font-size:inherit;overflow-wrap:normal;white-space:pre}
.table-wrap{overflow-x:auto;margin:var(--s-4) 0 var(--s-6)}
.doc table{width:100%;border-collapse:collapse;font-size:var(--fs-small);line-height:1.55}
.doc th{text-align:left;font-weight:700;color:var(--ink-0);padding:0 var(--s-4) var(--s-3) 0;border-bottom:1px solid var(--rule)}
.doc td{vertical-align:top;padding:var(--s-3) var(--s-4) var(--s-3) 0;border-top:1px solid var(--rule-soft);color:var(--ink-1)}
.doc td:first-child{white-space:nowrap}
.doc td code{white-space:nowrap}
.texts{list-style:none;padding:0;margin:var(--s-4) 0 var(--s-6)}
.texts li{margin:0 0 var(--s-5)}
.bubble{display:inline-block;background:var(--paper-0);color:var(--ink-0);border-radius:var(--r-3);padding:10px 16px;box-shadow:var(--shadow-1);font-weight:700;margin-bottom:var(--s-2)}
.texts p{margin:0;color:var(--ink-1)}
.doc-next{display:flex;justify-content:space-between;gap:var(--s-5);margin-top:var(--s-9);padding-top:var(--s-6);border-top:1px solid var(--rule-soft)}
.doc-next a{text-decoration:none;display:flex;flex-direction:column;gap:4px;color:var(--ink-0)}
.doc-next a span{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}
.doc-next a b{font-family:var(--font-display);font-weight:400;font-size:1.25rem}
.doc-next a:hover b{text-decoration:underline;text-underline-offset:4px}
.doc-next .next{text-align:right;margin-left:auto}
@media (max-width:960px){
  .doc-grid{grid-template-columns:minmax(0,1fr);gap:var(--s-8)}
  .doc-nav{position:static;order:2;border-top:1px solid var(--rule);padding-top:var(--s-6)}
  .doc-nav ul{display:flex;flex-wrap:wrap;gap:0 var(--s-5)}
}
@media (max-width:700px){
  .doc pre{font-size:14px;padding:14px 16px}
  .doc table,.doc tbody,.doc tr,.doc td{display:block;width:auto}
  .doc tr:first-child:has(th){display:none}
  .doc tr{padding:var(--s-3) 0;border-top:1px solid var(--rule-soft)}
  .doc td{border:0;padding:2px 0}
  .doc td:first-child{white-space:normal;font-weight:700;color:var(--ink-0)}
  .doc td code{white-space:normal}
  .doc td[data-label]:not(:first-child)::before{content:attr(data-label) ": ";font-weight:700;color:var(--ink-soft)}
  .doc-next{flex-direction:column}
  .doc-next .next{text-align:left;margin-left:0}
}