/* Shared article styling for /help/*.html pages */
:root{--abyss:#FAFAFC;--bg:#FAFAFC;--bg2:#F3F5F9;--surface:#FFFFFF;--surface2:#F7F9FC;--text:#0F1626;--text2:#4A5568;--text3:#6B7385;--muted:#9AA1B0;--amber:#3877D8;--aqua:#5582E0;--blue:#3877D8;--cyan:#5582E0;--purple:#7E80E8;--indigo:#6F4DD8;--pop:#FF7A2E;--orange:#FF6020;--green:#0FA968;--red:#E53E3E;--yellow:#D97706;--border:rgba(15,22,38,.06);--border2:rgba(15,22,38,.10);--border3:rgba(15,22,38,.16);--glow:rgba(85,130,224,.08)}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Poppins',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 15% 0%,rgba(85,130,224,.06),transparent 60%),radial-gradient(900px 600px at 105% 100%,rgba(255,122,46,.04),transparent 60%)}
.wrap{max-width:780px;margin:0 auto;padding:60px 24px 100px;position:relative;z-index:1}
header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}
header img{height:24px}
header .tag{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;color:var(--text2);text-transform:uppercase}
header .back{margin-left:auto;color:var(--amber);text-decoration:none;font-size:12px;font-family:'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
header .back:hover{color:var(--pop)}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.22em;color:var(--amber);text-transform:uppercase;margin-bottom:10px}
h1{font-family:'Oswald',sans-serif;font-weight:500;font-size:36px;letter-spacing:-.01em;margin-bottom:14px;line-height:1.15}
h1 em{font-style:italic;color:var(--pop)}
h2{font-family:'Oswald',sans-serif;font-weight:500;font-size:22px;margin:36px 0 10px}
h3{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;margin:24px 0 6px;color:var(--amber);text-transform:uppercase;letter-spacing:.1em}
p,li{color:var(--text2);font-size:15px;margin-bottom:10px}
ul,ol{padding-left:22px;margin-bottom:14px}
strong{color:var(--text);font-weight:600}
code{font-family:'JetBrains Mono',monospace;background:rgba(184,212,240,.08);color:var(--amber);padding:2px 6px;border-radius:4px;font-size:12.5px}
/* Code blocks stay dark even on a light page — convention everywhere, easier
   to read mono text against a dark surface. */
pre{background:#0F1626;border:1px solid #1A2336;border-radius:10px;padding:14px 18px;overflow-x:auto;margin:14px 0;color:#D8DEEC}
pre code{background:transparent;padding:0;color:#D8DEEC;font-size:12.5px;font-family:'JetBrains Mono',monospace}
a{color:var(--amber)}
.tip{background:rgba(184,212,240,.06);border-left:3px solid var(--amber);padding:12px 16px;margin:16px 0;border-radius:6px;font-size:14px}
.tip strong{color:var(--amber)}
.warn{background:rgba(248,113,113,.08);border-left:3px solid var(--red,#F87171);padding:12px 16px;margin:16px 0;border-radius:6px;font-size:14px}
.steps{counter-reset:step;padding-left:0;list-style:none}
.steps li{position:relative;padding-left:38px;margin-bottom:14px;min-height:28px}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--amber);color:#0A1422;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--border);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
footer a{color:var(--text2);text-decoration:none}
footer a:hover{color:var(--amber)}