/* ── SHARED ROOT VARIABLES ──────────────────────────────────────────────────
   Include this file in every page BEFORE any other stylesheets:
   <link rel="stylesheet" href="root.css">
   ─────────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --d0: #0f1014;
      --d1: #141618;
      --d2: #171717;
      --d3: #1c1c1a;
      --d4: #222220;
      --d5: #28281f;
      --text: #f0ede8;
      --text-mid: rgba(240,237,232,0.65);
      --muted: rgb(240 237 232 / 64%);
      --border: rgba(255,255,255,0.07);
      --border-mid: rgba(255,255,255,0.12);
      --off-white: rgba(255,255,255,0.04);
      --white: rgba(255,255,255,0.06);
      --surface: rgba(255,255,255,0.03);
      --radius: 3px;
      --radius-sm: 2px;
      --radius-lg: 6px;
      --max-width: 1320px;
    }

html { scroll-behavior: smooth; overflow-x: hidden; width: 100%; }
body { font-family: 'Nunito', Arial, Helvetica, sans-serif; background: var(--off-white); color: var(--text); overflow-x: hidden; width: 100%; }

/* ── See Also strip ── */
.see-also-strip { padding: 20px 40px; border-top: 1px solid rgba(255,255,255,0.07); text-align: center; background: #0f1014; }
.see-also-inner { max-width: 960px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 8px; }
.see-also-label { font-size: 9px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: rgba(240,237,232,0.3); margin-right: 16px; white-space: nowrap; }
.see-also-inner a { font-size: 11px; color: rgba(240,237,232,0.45); text-decoration: none; transition: color 0.2s; white-space: nowrap; }
.see-also-inner a:hover { color: rgba(240,237,232,0.82); }
.see-also-dot { font-size: 11px; color: rgba(255,255,255,0.15); margin: 0 10px; }
@media (max-width: 600px) { .see-also-strip { padding: 16px 20px; } .see-also-label { display: block; width: 100%; margin: 0 0 8px; text-align: center; } }