/* Documentation pages (site/tools/build_docs.py). */
.docwrap{padding:150px 0 90px}
.docs{display:grid;grid-template-columns:270px minmax(0,1fr);gap:56px;align-items:start}
.docs.single{grid-template-columns:minmax(0,1fr);max-width:860px}
.docnav{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;font-size:16px;line-height:1.35;padding-right:6px}
.docnav h2{font:700 13px/1 "DM Sans",sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:var(--y);margin:22px 0 10px}
.docnav h2:first-of-type{margin-top:0}
.docnav ul{list-style:none;margin:0;padding:0}
.docnav li{margin:0}
.docnav a{display:block;padding:6px 10px;border-left:2px solid var(--line);color:var(--text);text-decoration:none}
.docnav a:hover{color:var(--y)}
.docnav a[aria-current]{border-color:var(--y);color:var(--dark)}
.dmbtn,.dmcheck{display:none}
.doc{min-width:0;max-width:860px}
.doc h1{font-size:clamp(40px,5vw,64px);color:var(--y);text-transform:none;margin-bottom:.5em}
.doc h2{font-size:clamp(28px,3vw,38px);margin-top:1.8em;padding-top:.6em;border-top:1px solid var(--line)}
.doc h3{font-size:clamp(22px,2.2vw,28px);text-transform:none;margin-top:1.6em;letter-spacing:0}
.doc h4,.doc h5,.doc h6{text-transform:none;margin-top:1.3em}
.doc h1,.doc h2,.doc h3,.doc h4{scroll-margin-top:20px}
.doc code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--alt);border:1px solid var(--line);padding:1px 6px;border-radius:3px;color:var(--dark);overflow-wrap:anywhere}
.doc pre{background:#0f0f10;border:1px solid var(--line);padding:16px 18px;overflow-x:auto;margin:0 0 1.2em;line-height:1.5}
.doc pre code{background:none;border:0;padding:0;font-size:14px;color:var(--text);overflow-wrap:normal}
.doc table{border-collapse:collapse;width:100%;margin:14px 0 1.4em;font-size:16px;display:block;overflow-x:auto}
.doc th,.doc td{border:1px solid var(--bd);padding:10px 12px;text-align:left;vertical-align:top}
.doc th{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;color:var(--dark);font-weight:600}
.doc li{margin:.35em 0}.doc ul,.doc ol{padding-left:1.4em;margin:0 0 1.1em}.doc li>ul,.doc li>ol{margin:.35em 0}
.doc a{overflow-wrap:anywhere}
.doc blockquote{margin:0 0 1.2em;padding:.4em 0 .4em 18px;border-left:3px solid var(--y);color:var(--text)}
.doc blockquote p{margin:.4em 0}
.doc blockquote.shot{border:1px dashed var(--bd);padding:14px 18px;color:var(--light);font-style:italic}
.doc img{height:auto;border:1px solid var(--line);margin:0 0 1.2em}
.doc hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.doc .local{color:var(--light)}
.doc .hash{margin-left:.45em;color:var(--light);text-decoration:none;font-weight:400;opacity:0;transition:opacity .2s}
.doc h1:hover .hash,.doc h2:hover .hash,.doc h3:hover .hash,.doc h4:hover .hash,.doc .hash:focus{opacity:1}
.crumb{font-size:15px;color:var(--light);margin:0 0 18px}.crumb a{color:var(--light)}
.doc h1.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:none;font-size:clamp(28px,4.4vw,48px);letter-spacing:0;line-height:1.15;overflow-wrap:anywhere}
.backrow{margin-top:2.4em}
@media(max-width:899px){
  .docwrap{padding:100px 0 60px}
  .docs{grid-template-columns:minmax(0,1fr);gap:24px}
  .docnav{position:static;max-height:none;overflow:visible}
  .dmbtn{display:block;border:1px solid var(--bd);padding:12px 16px;font:600 17px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.6px;color:var(--dark);cursor:pointer}
  .dmbtn:after{content:"+";float:right}.dmcheck:checked+.dmbtn:after{content:"\2212"}
  .dmcheck:focus-visible+.dmbtn{outline:2px solid var(--y)}
  .dmlist{display:none;padding-top:8px}.dmcheck:checked~.dmlist{display:block}
  .doc .hash{opacity:.5}
}