/* The Gridlock: support, privacy and legal pages. Dark-first, dependency-free. */
:root{color-scheme:dark;--bg:#05060F;--panel:#0B0F24;--panel2:#121939;--fg:#E8F1FF;--dim:#7A86B8;--line:#1E2750;--yellow:#FCEE0A;--cyan:#00F0FF;--magenta:#FF2BD6;--ink:#05060F}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;min-height:100vh;color:var(--fg);background-color:var(--bg);
  background-image:linear-gradient(rgba(0,240,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.035) 1px,transparent 1px);background-size:40px 40px;
  font:17px/1.65 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue","Noto Sans",sans-serif}
::selection{background:var(--magenta);color:var(--ink)}
a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(0,240,255,.45);text-underline-offset:3px}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:3px}
strong{font-weight:700}

/* Header */
header{position:relative;background:var(--panel);border-bottom:1px solid var(--line)}
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--yellow),var(--cyan) 55%,var(--magenta))}
.bar{max-width:760px;margin:0 auto;padding:14px 16px 10px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--fg);font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}
.brand img{width:34px;height:34px;border-radius:8px;box-shadow:0 0 0 1px var(--line),0 0 16px rgba(0,240,255,.28)}
nav.lang{display:flex;gap:4px;font-size:14px}
nav.lang a{color:var(--dim);text-decoration:none;padding:3px 9px;border:1px solid transparent;border-radius:4px}
nav.lang a:hover{color:var(--fg);border-color:var(--dim)}
nav.lang a[aria-current]{color:var(--fg);border-color:var(--dim)}
nav.docs{max-width:760px;margin:0 auto;padding:0 16px;display:flex;flex-wrap:wrap;gap:0 20px;font-size:15px}
nav.docs a{color:var(--dim);text-decoration:none;padding:6px 0 9px;border-bottom:2px solid transparent}
nav.docs a:hover{color:var(--fg)}
nav.docs a[aria-current]{color:var(--yellow);font-weight:700;border-bottom-color:var(--yellow)}

/* Content */
main{max-width:760px;margin:0 auto;padding:28px 16px 48px;overflow-wrap:anywhere}
h1{font-size:clamp(28px,6vw,36px);line-height:1.15;margin:8px 0 10px;letter-spacing:.01em;text-shadow:0 0 22px rgba(0,240,255,.22)}
h2{font-size:18px;line-height:1.3;margin:38px 0 10px;color:var(--yellow);text-transform:uppercase;letter-spacing:.07em}
h2::before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:10px;vertical-align:.12em;background:var(--magenta)}
h3{font-size:17px;line-height:1.35;margin:24px 0 6px}
p,li,dd{margin:0 0 12px}
ul,ol{padding-inline-start:22px}
.lead{font-size:18px;padding-inline-start:14px;border-inline-start:3px solid var(--cyan)}
.date{color:var(--dim);font-size:15px}
.toc{font-size:15px;color:var(--dim)}
dl{margin:10px 0 16px}
dt{font-weight:700;color:var(--cyan);margin-top:10px}
dd{margin-inline-start:0;padding-inline-start:14px;border-inline-start:1px solid var(--line)}
kbd{font:600 .82em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:1px 6px;border:1px solid var(--dim);border-bottom-width:2px;border-radius:4px;background:var(--panel);white-space:nowrap}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;background:var(--panel);padding:1px 5px;border-radius:4px}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.table{overflow-x:auto;overflow-wrap:normal;margin:12px 0 18px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
th,td{text-align:start;vertical-align:top;padding:9px 11px;border-bottom:1px solid var(--line)}
tr:last-child td{border-bottom:0}
th{background:var(--panel2);color:var(--cyan);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
td:first-child{font-weight:600}
td:nth-child(2){white-space:nowrap}
.note{color:var(--dim);font-size:15px}
.store{display:inline-block;margin:10px 0 4px;padding:11px 20px;background:var(--yellow);color:var(--ink);font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;font-size:15px;
  clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.store:hover{background:var(--cyan)}
.store:focus-visible{clip-path:none;outline-offset:2px}

/* Hub pages */
ul.langs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
ul.langs a{display:block;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--fg);text-decoration:none;font-weight:600}
ul.langs a:hover{border-color:var(--cyan);color:var(--cyan)}

footer{max-width:760px;margin:0 auto;padding:18px 16px 40px;border-top:1px solid var(--line);color:var(--dim);font-size:14px}
footer a{color:var(--dim)}
footer a:hover{color:var(--fg)}

@media (forced-colors:active){h2::before,header::after{display:none}.store{clip-path:none;border:1px solid}}