/* docs pages */
body{margin:0;background:#e5e5e5;color:#000;font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.25;letter-spacing:-0.011em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{background:#d1ffca}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px 96px;position:relative;z-index:1}
.kick{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:-0.03em;text-transform:uppercase;color:#444}
.disp{font-family:"Archivo",sans-serif;font-variation-settings:'wdth' 62;font-weight:700;text-transform:uppercase;letter-spacing:-0.03em;line-height:0.9;margin:0}
nav.top{min-height:8rem;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0}
.pill{background:#fff;border-radius:48px;padding:12px 20px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pill a{font-size:16px;font-weight:500;color:#444;padding:8px 14px;border-radius:64px}
.pill a[aria-current="page"]{background:#000;color:#fff}
.ftl{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:#e5e5e5}
.ftl video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:invert(1);mix-blend-mode:multiply;opacity:.14}
@media (prefers-reduced-motion:reduce){.ftl video{display:none}}
.dochead{background:var(--p-tint,#dcd6ff);border-radius:40px;padding:clamp(28px,5vw,56px);margin-bottom:24px}
.dochead .chip{display:inline-block;background:#000;color:#fff;padding:8px 14px;border-radius:64px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:-0.03em;text-transform:uppercase}
.dochead h1{font-size:clamp(40px,7vw,96px);margin:24px 0 16px}
.dochead p.desc{font-size:clamp(18px,2.2vw,24px);line-height:1.2;max-width:60ch;margin:0}
.doclayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:24px;align-items:start}
@media (max-width:900px){.doclayout{grid-template-columns:1fr}}
article.doc{background:#fff;border-radius:32px;padding:clamp(28px,4vw,48px);font-size:17px;line-height:1.5;letter-spacing:-0.005em;min-width:0}
.doc h2{font-family:"Archivo",sans-serif;font-variation-settings:'wdth' 62;font-weight:700;text-transform:uppercase;letter-spacing:-0.03em;line-height:0.95;font-size:clamp(28px,3.4vw,40px);margin:40px 0 14px;padding-top:24px;border-top:1px solid #c6c6c6}
.doc h2:first-child{margin-top:0;padding-top:0;border-top:0}
.doc h3{font-size:20px;line-height:1.2;letter-spacing:-0.02em;margin:28px 0 10px}
.doc h4{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;text-transform:uppercase;letter-spacing:-0.03em;color:#444;margin:24px 0 8px;font-weight:400}
.doc p{margin:0 0 14px;max-width:72ch}
.doc ul,.doc ol{margin:0 0 16px;padding-left:24px;max-width:72ch}.doc li{margin:0 0 6px}.doc li>ul,.doc li>ol{margin-top:6px}
.doc code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.88em;background:#f3f3f3;padding:2px 6px;border-radius:6px}
.doc pre{background:#000;color:#fff;border-radius:16px;padding:20px 24px;overflow-x:auto;font-size:14px;line-height:1.5;margin:0 0 18px}.doc pre code{background:none;padding:0;color:inherit;font-size:inherit}
.doc blockquote{margin:0 0 18px;padding:16px 20px;background:#fff100;border-radius:16px;max-width:72ch}.doc blockquote p:last-child{margin:0}
.doc .tbl{overflow-x:auto;margin:0 0 18px}.doc table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.35}
.doc th{text-align:left;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:11px;text-transform:uppercase;letter-spacing:-0.03em;color:#444;font-weight:400;padding:8px 10px;border-bottom:1px solid #c6c6c6;white-space:nowrap}
.doc td{padding:10px;border-bottom:1px solid #f3f3f3;vertical-align:top}
.doc a{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.doc strong{font-weight:600}
aside.side{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.side .box{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px}
.side .box h3{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;text-transform:uppercase;letter-spacing:-0.03em;color:#444;font-weight:400;margin:0 0 6px}
.side .box a{display:block;padding:8px 10px;border-radius:10px;font-size:15px;font-weight:500;color:#444}
.side .box a[aria-current="page"]{background:#000;color:#fff}
.side .box a.raw{background:#fff100;color:#000;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;text-align:center;padding:12px;border-radius:64px;margin-top:6px}
.side .box a.raw:hover{background:#d1ffca}
/* docs index */
.group{border-radius:40px;padding:clamp(28px,5vw,56px);margin-bottom:24px}
.group h2{font-size:clamp(32px,5vw,64px);margin:16px 0 8px}
.group p.lede{color:#444;max-width:60ch;margin:0 0 28px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.cards a{background:#fff;border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:8px;min-height:120px}
.cards a:hover{background:#000;color:#fff}.cards a:hover .kick,.cards a:hover .sub{color:#c6c6c6}
.cards a .t{font-size:18px;line-height:1.25;font-weight:500}
.cards a .sub{font-size:14px;color:#444;line-height:1.3}
.foot{background:#000;color:#fff;border-radius:64px 64px 32px 32px;padding:clamp(40px,7vw,96px) clamp(28px,5vw,64px);margin-top:80px}
.foot h2{font-size:clamp(40px,8vw,104px);margin:0 0 24px}
.foot p{color:#979797;font-size:clamp(18px,2.4vw,28px);line-height:1.2;max-width:46ch;margin:0 0 32px}
.foot .links{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.foot .links a{color:#fff}.foot .links a.em{background:#fff100;color:#000;padding:12px 18px;border-radius:64px}