@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}

/* Base palette — guide pages (Palette A pages override below) */
:root{
  --bg:#0e0f13;--surface:#16171d;--surface2:#1e1f27;--surface3:#262730;
  --border:#2a2b36;--border2:#31334a;
  --text:#e8e6f0;--text2:#9d9baf;--text3:#6b6980;
  --accent:#a78bfa;--accent2:#7c3aed;--accent-bg:rgba(167,139,250,.08);
  --purple:#a78bfa;--purple-bg:rgba(167,139,250,.08);--purple-border:rgba(167,139,250,.25);
  --green:#34d399;--green-bg:rgba(52,211,153,.08);--green-border:rgba(52,211,153,.25);
  --amber:#fbbf24;--amber-bg:rgba(251,191,36,.08);--amber-border:rgba(251,191,36,.25);
  --red:#f87171;--red-bg:rgba(248,113,113,.06);
  --blue:#60a5fa;--blue-bg:rgba(96,165,250,.08);--blue-border:rgba(96,165,250,.25);
  --cyan:#22d3ee;--cyan-bg:rgba(34,211,238,.08);--cyan-border:rgba(34,211,238,.25);
  --radius:10px;--radius-lg:14px;
}

/* Layout */
.container{max-width:820px;margin:0 auto;padding:2rem 1.25rem 4rem}
.subtitle{color:var(--text2);font-size:.95rem;margin-bottom:2rem}
h2{font-size:1.15rem;font-weight:600;margin-bottom:.75rem}
.section{margin-bottom:2.5rem}
.divider{border:none;border-top:1px solid var(--border);margin:2rem 0}
.hidden{display:none}

/* Typography & utilities */
.mono{font-family:'JetBrains Mono',monospace;font-size:.82rem}

/* Cards */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem;margin-bottom:10px}
.card h3{font-size:.95rem;font-weight:600;margin-bottom:4px}
.card p{font-size:.88rem;color:var(--text2);line-height:1.65}

/* Labels */
.label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:6px}

/* Notification boxes */
.tip-box{background:var(--green-bg);border:1px solid var(--green-border);border-left:3px solid var(--green);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.15rem;margin-bottom:1rem}
.tip-box h3{font-size:.9rem;font-weight:600;color:var(--green);margin-bottom:4px}
.tip-box p{font-size:.85rem;color:var(--text2)}
.warn-box{background:rgba(248,113,113,.06);border:1px solid rgba(248,113,113,.2);border-left:3px solid var(--red);border-radius:0 var(--radius) var(--radius) 0;padding:1rem 1.15rem;margin-bottom:1rem}
.warn-box h3{font-size:.9rem;font-weight:600;color:var(--red);margin-bottom:4px}
.warn-box p{font-size:.85rem;color:var(--text2)}