/* ══════════════════════════════════════════════════
       TOKENS — DARK (default)
    ═══════════════════════════════════════════════════ */
    :root {
      --primary:        #9B7FCC;
      --primary-dark:   #7A5FAF;
      --primary-deep:   #5F468A;
      --primary-light:  #C9B7E8;
      --primary-xlight: rgba(155,127,204,.18);
      --gold:           #E6B85C;
      --gold-bright:    #F0CA7A;
      --gold-glow:      rgba(230,184,92,.6);
      --gold-glow-warm: rgba(220,140,60,.45);
      --cream:          #16121E;
      --cream-dark:     #1E1828;
      --surface-panel:  #251F32;
      --ink:            #F0EBF8;
      --ink-muted:      rgba(240,235,248,.55);
      --border-subtle:  rgba(155,127,204,.2);
      --border-mid:     rgba(155,127,204,.32);
      --shadow-soft:    0 4px 20px rgba(0,0,0,.45);
      --shadow-panel:   0 8px 32px rgba(0,0,0,.55);
      --shadow-gold:    0 0 20px rgba(230,184,92,.5);
      --radius-sm:  8px;
      --radius-md:  14px;
      --radius-lg:  20px;
      --radius-xl:  32px;
    }

    /* ── LIGHT THEME OVERRIDE ───────────────────────── */
    [data-theme="light"] {
      --primary:        #7A5FAF;
      --primary-dark:   #5F468A;
      --primary-deep:   #5F468A;
      --primary-light:  #C9B7E8;
      --primary-xlight: #EDE6FA;
      --gold:           #E6B85C;
      --gold-bright:    #E6B85C;
      --gold-glow:      rgba(230,184,92,.55);
      --gold-glow-warm: rgba(230,184,92,.3);
      --cream:          #F7F3EB;
      --cream-dark:     #EDE8DC;
      --surface-panel:  #FFFFFF;
      --ink:            #2E2A32;
      --ink-muted:      rgba(46,42,50,.6);
      --border-subtle:  #EDE6FA;
      --border-mid:     #C9B7E8;
      --shadow-soft:    0 4px 14px rgba(122,95,175,.15);
      --shadow-panel:   0 8px 24px rgba(122,95,175,.13);
      --shadow-gold:    0 0 16px rgba(230,184,92,.55);
    }

    /* ── SMOOTH THEME TRANSITION ────────────────────── */
    /* Applied only when JS class is present, so first load has no flash */
    .theme-transitioning, .theme-transitioning *,
    .theme-transitioning *::before, .theme-transitioning *::after {
      transition:
        background-color .35s ease,
        color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease !important;
    }
    /* Never transition animating elements */
    .theme-transitioning .mote,
    .theme-transitioning .hero-star,
    .theme-transitioning .snowflake,
    .theme-transitioning .ember,
    .theme-transitioning .hearth-atmosphere,
    .theme-transitioning .ember-layer { transition: none !important; }

    /* ── DARK-ONLY ATMOSPHERE LAYERS ───────────────── */
    .hearth-atmosphere {
      position:fixed; inset:0; pointer-events:none; z-index:0;
      background:
        radial-gradient(ellipse 80% 40% at 50% 105%, rgba(200,90,20,.22) 0%, rgba(180,80,20,.10) 30%, transparent 65%),
        radial-gradient(ellipse 60% 30% at 50% 100%, rgba(230,150,40,.15) 0%, transparent 55%),
        radial-gradient(ellipse 35% 60% at 0%   80%, rgba(180,80,20,.06) 0%, transparent 60%),
        radial-gradient(ellipse 35% 60% at 100% 80%, rgba(180,80,20,.06) 0%, transparent 60%);
      animation: hearth-flicker 8s ease-in-out infinite alternate;
      opacity: 1; transition: opacity .5s ease;
    }
    [data-theme="light"] .hearth-atmosphere { opacity: 0; pointer-events: none; }
    @keyframes hearth-flicker {
      0%{opacity:.85} 25%{opacity:1} 50%{opacity:.9} 75%{opacity:1} 100%{opacity:.88}
    }
    .ember-layer {
      position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden;
      opacity:1; transition: opacity .5s ease;
    }
    [data-theme="light"] .ember-layer { opacity: 0; }
    .ember {
      position:absolute; border-radius:50%;
      background:radial-gradient(circle, #F0A030 0%, rgba(220,120,30,.3) 60%, transparent 100%);
      opacity:0;
      animation: ember-rise var(--dur,12s) ease-in-out var(--delay,0s) infinite;
    }
    @keyframes ember-rise {
      0%  {transform:translate(0,0) scale(.4);opacity:0}
      8%  {opacity:.7}
      80% {opacity:.15}
      100%{transform:translate(var(--dx,20px),var(--dy,-140px)) scale(.1);opacity:0}
    }
    /* Aurora band across hero top — dark only */
    .hero-aurora {
      position:absolute; top:0; left:0; right:0; height:3px;
      pointer-events:none; z-index:2;
      background:linear-gradient(90deg,
        transparent 0%, rgba(122,95,175,.6) 20%, rgba(201,183,232,.8) 40%,
        rgba(230,184,92,.7) 55%, rgba(201,183,232,.5) 70%, transparent 100%);
      animation:aurora-slide 6s ease-in-out infinite alternate; filter:blur(1px);
      opacity:1; transition: opacity .5s ease;
    }
    [data-theme="light"] .hero-aurora { opacity:0; }
    @keyframes aurora-slide {
      from{transform:translateX(-20%);opacity:.6} to{transform:translateX(20%);opacity:1}
    }
    /* Hearth warm glow under owl — dark only */
    .hero-owl-hearth {
      position:absolute; bottom:-20px; left:50%; transform:translateX(-50%);
      width:160px; height:24px;
      background:radial-gradient(ellipse, rgba(200,100,20,.35) 0%, transparent 70%);
      border-radius:50%; filter:blur(6px);
      animation:hearth-pulse 3s ease-in-out infinite;
      opacity:1; transition: opacity .5s ease;
    }
    [data-theme="light"] .hero-owl-hearth { opacity:0; }
    @keyframes hearth-pulse { 0%,100%{opacity:.6;width:140px} 50%{opacity:1;width:180px} }

    /* ── THEME TOGGLE PILL ──────────────────────────── */
    .theme-toggle-wrap { display:flex; align-items:center; gap:7px; }
    .theme-toggle-icon { font-size:13px; line-height:1; user-select:none; }
    .theme-toggle {
      width:38px; height:22px;
      background:rgba(155,127,204,.22);
      border:1.5px solid var(--border-mid);
      border-radius:100px; cursor:pointer;
      position:relative; flex-shrink:0;
    }
    .theme-toggle::before {
      content:'';
      position:absolute; top:2px; left:2px;
      width:16px; height:16px; border-radius:50%;
      background:var(--gold);
      box-shadow:0 0 6px rgba(230,184,92,.6);
      transition:transform .3s cubic-bezier(.34,1.56,.64,1);
    }
    [data-theme="light"] .theme-toggle::before { transform:translateX(16px); }
    .theme-toggle:hover { background:rgba(155,127,204,.38); }

    /* ── SECTION SURFACE FIXES (hardcoded white → token) ── */
    .about      { background: var(--surface-panel) !important; padding:100px 0; }
    .blog       { background: var(--surface-panel) !important; padding:100px 0; }
    .presskit   { background: var(--surface-panel) !important; padding:100px 0; }
    .contact    { background: var(--cream-dark)    !important; padding:100px 0; }
    [data-theme="light"] .contact { background: var(--cream) !important; }
    .game-card              { background: var(--surface-panel) !important; }
    .game-card-body         { background: var(--surface-panel) !important; }
    .contact-form-card      { background: var(--surface-panel) !important; border-color:var(--border-subtle)!important; }
    .contact-link           { background: var(--surface-panel) !important; border-color:var(--border-subtle)!important; }
    .overlay-panel          { background: var(--cream)         !important; }
    .overlay-close          { background: var(--surface-panel) !important; border-color:var(--border-subtle)!important; color:var(--ink-muted)!important; }
    .about-pillar           { background: var(--cream-dark)    !important; border-color:var(--border-subtle)!important; }
    .about-card             { background: var(--cream-dark)    !important; border-color:var(--border-subtle)!important; }
    .blog-card              { background: var(--cream-dark)    !important; border-color:var(--border-subtle)!important; }
    .presskit-card          { background: var(--cream-dark)    !important; border-color:var(--border-subtle)!important; }
    .presskit-facts         { background: var(--cream-dark)    !important; border-color:var(--border-subtle)!important; }
    .fact-row               { border-bottom-color:var(--border-subtle)!important; }
    .fact-row:nth-child(even){ border-left-color:var(--border-subtle)!important; }
    .form-field input,.form-field textarea,.form-field select { background:var(--cream-dark)!important; border-color:var(--border-subtle)!important; color:var(--ink)!important; }
    .form-field input::placeholder,.form-field textarea::placeholder { color:var(--ink-muted)!important; }

    /* Nav */
    .nav.scrolled { background:rgba(22,18,30,.9)!important; backdrop-filter:blur(16px); }
    [data-theme="light"] .nav.scrolled { background:rgba(247,243,235,.92)!important; }
    .mobile-nav { background:rgba(22,18,30,.97)!important; }
    [data-theme="light"] .mobile-nav { background:rgba(247,243,235,.97)!important; }
    .mobile-nav a { color:var(--primary-light)!important; }
    [data-theme="light"] .mobile-nav a { color:var(--primary-dark)!important; }
    .nav-wordmark { color:var(--ink)!important; }
    .nav-links a { color:var(--ink-muted)!important; }

    /* Hero background */
    .hero {
      background:
        radial-gradient(ellipse 70% 50% at 50% -5%, rgba(122,95,175,.35) 0%, transparent 60%),
        radial-gradient(ellipse 55% 35% at 50% 100%, rgba(180,90,20,.2) 0%, transparent 55%),
        radial-gradient(ellipse 40% 50% at -5% 60%, rgba(95,70,138,.12) 0%, transparent 55%),
        var(--cream) !important;
    }
    [data-theme="light"] .hero {
      background:
        radial-gradient(ellipse 70% 55% at 50% 0%, rgba(201,183,232,.45) 0%, transparent 65%),
        radial-gradient(ellipse 50% 40% at 80% 80%, rgba(230,184,92,.12) 0%, transparent 60%),
        var(--cream) !important;
    }
    .hero-badge { background:var(--cream-dark)!important; border-color:var(--border-mid)!important; color:var(--primary-light)!important; }
    [data-theme="light"] .hero-badge { background:white!important; color:var(--primary)!important; }

    /* Typography on dark */
    .section-title { color:var(--primary-light)!important; }
    [data-theme="light"] .section-title { color:var(--primary-dark)!important; }
    .section-label { color:var(--primary-light)!important; background:var(--primary-xlight)!important; border:1px solid var(--border-subtle); }
    [data-theme="light"] .section-label { color:var(--primary)!important; border:none; }
    .blog-card-title,.all-posts-title,.post-reader-title,
    .about-card-name,.about-pillar h4,.contact-form-title,
    .presskit-card h4,.presskit-facts h4,.game-title { color:var(--primary-light)!important; }
    [data-theme="light"] .blog-card-title,[data-theme="light"] .all-posts-title,
    [data-theme="light"] .post-reader-title,[data-theme="light"] .about-card-name,
    [data-theme="light"] .about-pillar h4,[data-theme="light"] .contact-form-title,
    [data-theme="light"] .presskit-card h4,[data-theme="light"] .presskit-facts h4,
    [data-theme="light"] .game-title { color:var(--primary-dark)!important; }
    .post-reader-body h2,.post-reader-body h3 { color:var(--primary-light)!important; }
    [data-theme="light"] .post-reader-body h2,[data-theme="light"] .post-reader-body h3 { color:var(--primary-dark)!important; }
    .form-field label { color:var(--ink)!important; }

    /* Tags */
    .tag { background:var(--primary-xlight)!important; color:var(--primary-light)!important; border:1px solid var(--border-subtle); }
    [data-theme="light"] .tag { color:var(--primary-dark)!important; border:none; }
    .tag.gold { background:rgba(230,184,92,.12)!important; color:var(--gold-bright)!important; border-color:rgba(230,184,92,.25)!important; }
    [data-theme="light"] .tag.gold { color:#9A6F1A!important; }

    /* Buttons */
    .btn-primary { background:var(--primary-dark)!important; color:var(--ink)!important; box-shadow:0 4px 20px rgba(95,70,138,.4)!important; }
    .btn-primary:hover { background:var(--primary)!important; }
    [data-theme="light"] .btn-primary { background:var(--primary)!important; color:var(--cream)!important; box-shadow:var(--shadow-soft)!important; }
    [data-theme="light"] .btn-primary:hover { background:var(--primary-light)!important; color:var(--primary-dark)!important; box-shadow:0 8px 24px rgba(122,95,175,.2),0 0 16px rgba(230,184,92,.4)!important; }
    .btn-secondary { color:var(--primary-light)!important; border-color:var(--border-mid)!important; }
    [data-theme="light"] .btn-secondary { color:var(--primary)!important; border-color:var(--primary-light)!important; }

    /* Footer always deep dark */
    .footer { background:#0E0B14!important; }

    /* Contact link values */
    .contact-link-value { color:var(--ink)!important; }
    .fact-value { color:var(--ink)!important; }
    .fact-label { color:var(--ink-muted)!important; }

    /* Nav cta */
    .nav-cta { background:var(--primary-dark)!important; color:var(--ink)!important; }
    [data-theme="light"] .nav-cta { background:var(--primary)!important; color:var(--cream)!important; }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Nunito', sans-serif; background: var(--cream); color: var(--ink); overflow-x: hidden; }
    img { display: block; max-width: 100%; }
    a { text-decoration: none; color: inherit; }
    ul { list-style: none; }

    /* ── UTILITY ─────────────────────────────────── */
    .visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
    .container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }
    .section-label {
      display: inline-block; font-family: 'Nunito', sans-serif;
      font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
      color: var(--primary); background: var(--primary-xlight);
      padding: 6px 14px; border-radius: 100px; margin-bottom: 14px;
    }
    .section-title { font-family: 'Nunito', sans-serif; font-size: clamp(32px, 4vw, 40px); font-weight: 700; color: var(--primary-dark); line-height: 1.2; margin-bottom: 16px; }
    .section-sub { font-size: 17px; line-height: 1.7; color: var(--ink-muted); max-width: 560px; }

    /* ── MOTES ───────────────────────────────────── */
    .motes-layer { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
    .mote { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: var(--gold); opacity: 0; animation: mote-drift var(--dur, 8s) ease-in-out var(--delay, 0s) infinite; }
    @keyframes mote-drift { 0%{transform:translate(0,0) scale(.6);opacity:0} 20%{opacity:.65} 80%{opacity:.4} 100%{transform:translate(var(--dx,30px),var(--dy,-80px)) scale(.3);opacity:0} }

    /* ── BUTTONS ─────────────────────────────────── */
    .btn-primary { display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:var(--cream);font-family:'Nunito',sans-serif;font-size:16px;font-weight:700;padding:14px 30px;border-radius:10px;border:none;cursor:pointer;box-shadow:var(--shadow-soft);transition:background .2s cubic-bezier(0.4,0,0.2,1),transform .15s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1); }
    .btn-primary:hover { background:var(--primary-light);color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(122,95,175,.25),0 0 16px rgba(230,184,92,.4); }
    .btn-primary:active { transform:scale(.97);background:var(--primary-dark); }
    .btn-secondary { display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--primary);font-family:'Nunito',sans-serif;font-size:16px;font-weight:700;padding:13px 28px;border-radius:10px;border:2px solid var(--primary-light);cursor:pointer;transition:border-color .2s cubic-bezier(0.4,0,0.2,1),background .2s cubic-bezier(0.4,0,0.2,1),transform .15s cubic-bezier(0.4,0,0.2,1); }
    .btn-secondary:hover { border-color:var(--gold);background:rgba(230,184,92,.07);transform:translateY(-2px); }
    .btn-gold { display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ink);font-family:'Nunito',sans-serif;font-size:15px;font-weight:700;padding:14px 28px;border-radius:10px;border:none;cursor:pointer;box-shadow:var(--shadow-gold);transition:background .2s cubic-bezier(0.4,0,0.2,1),transform .15s cubic-bezier(0.4,0,0.2,1),box-shadow .2s cubic-bezier(0.4,0,0.2,1);white-space:nowrap; }
    .btn-gold:hover { background:#D4A645;transform:translateY(-2px); }
    .btn-outline-sm { display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--primary);font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;padding:8px 16px;border-radius:10px;border:2px solid var(--primary-light);cursor:pointer;transition:border-color .2s cubic-bezier(0.4,0,0.2,1),background .2s cubic-bezier(0.4,0,0.2,1); }
    .btn-outline-sm:hover { border-color:var(--primary);background:var(--primary-xlight); }

    /* ── TAGS ────────────────────────────────────── */
    .tag { background:var(--primary-xlight);color:var(--primary-dark);font-size:12px;font-weight:600;padding:5px 12px;border-radius:100px; }
    .tag.gold { background:rgba(230,184,92,.18);color:#9A6F1A; }

    /* ── NAV ─────────────────────────────────────── */
    .nav { position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0;transition:background .3s,box-shadow .3s; }
    .nav.scrolled { background:rgba(247,243,235,.92);backdrop-filter:blur(12px);box-shadow:0 2px 18px rgba(122,95,175,.1); }
    .nav-inner { display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 24px; }
    .nav-logo { display:flex;align-items:center;gap:10px; }
    .nav-owl { width:36px;height:36px; }
    .nav-wordmark { font-family:'Nunito',sans-serif;font-weight:700;font-size:15px;color:var(--primary-dark);letter-spacing:.04em;line-height:1.2; }
    .nav-wordmark span { display:block;font-size:11px;font-weight:400;color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase; }
    .nav-links { display:flex;gap:32px;align-items:center; }
    .nav-links a { font-size:14px;font-weight:600;color:var(--ink-muted);letter-spacing:.02em;transition:color .2s;position:relative; }
    .nav-links a::after { content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .2s; }
    .nav-links a:hover { color:var(--primary); }
    .nav-links a:hover::after { transform:scaleX(1); }
    .nav-cta { background:var(--primary)!important;color:var(--cream)!important;padding:9px 20px;border-radius:10px;font-size:13px!important;font-weight:700!important;transition:background .2s,transform .15s,box-shadow .2s!important;box-shadow:var(--shadow-soft); }
    .nav-cta::after { display:none!important; }
    .nav-cta:hover { background:var(--primary-dark)!important;transform:translateY(-1px);box-shadow:0 6px 20px rgba(122,95,175,.3)!important; }
    .nav-hamburger { display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none; }
    .nav-hamburger span { display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:.3s; }

    /* ── HERO ────────────────────────────────────── */
    .hero { min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 24px 80px;position:relative;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(201,183,232,.45) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(230,184,92,.12) 0%,transparent 60%),var(--cream);overflow:hidden; }
    .hero-stars { position:absolute;inset:0;pointer-events:none; }
    .hero-star { position:absolute;width:3px;height:3px;border-radius:50%;background:var(--primary-light);opacity:0;animation:star-twinkle var(--dur,3s) ease-in-out var(--delay,0s) infinite alternate; }
    @keyframes star-twinkle { from{opacity:0;transform:scale(.5)} to{opacity:.8;transform:scale(1.2)} }
    .hero-badge { display:inline-flex;align-items:center;gap:8px;background:white;border:1.5px solid var(--primary-light);padding:7px 16px 7px 10px;border-radius:100px;font-size:13px;font-weight:600;color:var(--primary);margin-bottom:32px;box-shadow:var(--shadow-soft);animation:badge-float 4s ease-in-out infinite; }
    @keyframes badge-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
    .hero-badge-dot { width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:var(--shadow-gold);animation:dot-pulse 2s ease-in-out infinite; }
    @keyframes dot-pulse { 0%,100%{transform:scale(1)} 50%{transform:scale(1.4)} }
    .hero-owl-wrap { width:160px;height:160px;margin:0 auto 32px;position:relative;animation:owl-breathe 4s ease-in-out infinite; }
    @keyframes owl-breathe { 0%,100%{transform:scale(1)} 50%{transform:scale(1.03)} }
    .hero-owl-glow { position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(circle,rgba(201,183,232,.4) 0%,transparent 70%);animation:glow-pulse 4s ease-in-out infinite; }
    @keyframes glow-pulse { 0%,100%{opacity:.6} 50%{opacity:1} }
    .hero-title { font-family:'Nunito',sans-serif;font-size:clamp(48px,7vw,64px);font-weight:800;color:var(--primary-dark);line-height:1.1;margin-bottom:8px;letter-spacing:-.01em; }
    .hero-title em { font-style:normal;background:linear-gradient(135deg,var(--primary) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text; }
    .hero-studio { font-family:'Nunito',sans-serif;font-size:clamp(13px,2vw,18px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:28px;font-weight:600; }
    .hero-desc { font-size:clamp(16px,2.2vw,20px);line-height:1.7;color:var(--ink-muted);max-width:560px;margin:0 auto 44px; }
    .hero-actions { display:flex;gap:16px;flex-wrap:wrap;justify-content:center; }
    .hero-scroll { position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;animation:scroll-bob 2.4s ease-in-out infinite; }
    @keyframes scroll-bob { 0%,100%{transform:translateX(-50%) translateY(0)} 50%{transform:translateX(-50%) translateY(6px)} }

    /* ── WAVE ────────────────────────────────────── */
    .wave-divider { line-height:0; }
    .wave-divider svg { display:block;width:100%; }

    /* ── ABOUT ───────────────────────────────────── */
    .about { background:white;padding:100px 0; }
    .about-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center; }
    .about-pillars { display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px; }
    .about-pillar { background:var(--cream);border-radius:var(--radius-md);padding:20px;border:1.5px solid var(--primary-xlight);transition:transform .2s,box-shadow .2s; }
    .about-pillar:hover { transform:translateY(-3px);box-shadow:var(--shadow-soft); }
    .about-pillar-icon { font-size:24px;margin-bottom:10px; }
    .about-pillar h4 { font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--primary-dark);margin-bottom:6px; }
    .about-pillar p { font-size:13px;color:var(--ink-muted);line-height:1.55; }
    .about-visual { position:relative;display:flex;justify-content:center;align-items:center; }
    .about-card { background:var(--cream);border-radius:var(--radius-xl);padding:48px 40px;text-align:center;box-shadow:var(--shadow-panel);position:relative;overflow:hidden;width:100%;max-width:360px; }
    .about-card-bg { position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(201,183,232,.3),transparent 65%); }
    .about-owl { width:120px;margin:0 auto 20px;animation:owl-breathe 4s ease-in-out infinite;position:relative;z-index:1; }
    .about-card-name { font-family:'Nunito',sans-serif;font-size:20px;font-weight:700;color:var(--primary-dark);margin-bottom:8px;position:relative;z-index:1; }
    .about-card-role { font-size:14px;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1; }
    .about-card-tags { display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px;position:relative;z-index:1; }

    /* ── GAMES ───────────────────────────────────── */
    .games { background:var(--cream);padding:100px 0;position:relative;overflow:hidden; }
    .games-bg { position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(201,183,232,.2) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(230,184,92,.1) 0%,transparent 60%); }
    .games-header { text-align:center;margin-bottom:60px; }
    .game-card { background:white;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-panel);display:grid;grid-template-columns:1fr 1fr;min-height:480px;position:relative; }
    .game-card-art { background:radial-gradient(ellipse at 40% 40%,rgba(122,95,175,.25) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(230,184,92,.2) 0%,transparent 55%),linear-gradient(145deg,#3A2060 0%,#5F3A8F 40%,#7A5FAF 70%,#9B7FC8 100%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:360px; }
    .game-card-art .snowflakes { position:absolute;inset:0;pointer-events:none; }
    .snowflake { position:absolute;color:rgba(255,255,255,.7);font-size:14px;animation:snow-fall var(--dur,6s) linear var(--delay,0s) infinite; }
    @keyframes snow-fall { from{transform:translateY(-20px) rotate(0deg);opacity:0} 10%{opacity:.7} 90%{opacity:.4} to{transform:translateY(260px) rotate(360deg);opacity:0} }
    .game-card-body { padding:48px 44px;display:flex;flex-direction:column;justify-content:center; }
    .game-status { display:inline-flex;align-items:center;gap:8px;background:rgba(230,184,92,.15);color:#9A6F1A;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:24px;width:fit-content;border:1.5px solid rgba(230,184,92,.3); }
    .game-status-dot { width:7px;height:7px;border-radius:50%;background:var(--gold);animation:dot-pulse 2s ease-in-out infinite; }
    .game-title { font-family:'Nunito',sans-serif;font-size:clamp(24px,3.5vw,36px);font-weight:700;color:var(--primary-dark);line-height:1.15;margin-bottom:8px; }
    .game-subtitle { font-size:14px;color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px;font-weight:600; }
    .game-desc { font-size:16px;line-height:1.75;color:var(--ink-muted);margin-bottom:28px; }
    .game-tags { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px; }
    .game-actions { display:flex;gap:12px;flex-wrap:wrap; }
    .wishlist-btn { display:inline-flex;align-items:center;gap:8px;background:#1b2838;color:white;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;padding:12px 22px;border-radius:100px;border:none;cursor:pointer;transition:background .2s,transform .15s; }
    .wishlist-btn:hover { background:#2a475e;transform:translateY(-2px); }

    /* ── BLOG SECTION ────────────────────────────── */
    .blog { background:white;padding:100px 0; }
    .blog-header { display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;flex-wrap:wrap;gap:20px; }
    .blog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
    .blog-card { background:var(--cream);border-radius:var(--radius-lg);overflow:hidden;border:1.5px solid var(--primary-xlight);transition:transform .25s,box-shadow .25s;cursor:pointer; }
    .blog-card:hover { transform:translateY(-5px);box-shadow:var(--shadow-panel); }
    .blog-card-thumb { height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden; }
    .blog-card-thumb.purple { background:linear-gradient(135deg,#5F3A8F 0%,#9B7FC8 100%); }
    .blog-card-thumb.gold   { background:linear-gradient(135deg,#B87D20 0%,#E6B85C 100%); }
    .blog-card-thumb.lilac  { background:linear-gradient(135deg,#8B6BB8 0%,#C9B7E8 100%); }
    .blog-card-thumb.forest { background:linear-gradient(135deg,#2A5F3A 0%,#5FAF7A 100%); }
    .blog-card-thumb.rose   { background:linear-gradient(135deg,#8F3A5F 0%,#C87A9B 100%); }
    .blog-card-thumb.sky    { background:linear-gradient(135deg,#3A5F8F 0%,#7AB4C8 100%); }
    .blog-card-thumb .thumb-icon { font-size:56px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25));animation:owl-breathe 3.5s ease-in-out infinite; }
    .blog-card-body { padding:24px; }
    .blog-meta { display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap; }
    .blog-cat { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:var(--primary-xlight);padding:4px 10px;border-radius:100px; }
    .blog-date { font-size:12px;color:var(--ink-muted); }
    .blog-draft-badge { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#9A6F1A;background:rgba(230,184,92,.2);padding:4px 10px;border-radius:100px;border:1px dashed rgba(230,184,92,.5); }
    .blog-card-title { font-family:'Nunito',sans-serif;font-size:17px;font-weight:700;color:var(--primary-dark);margin-bottom:10px;line-height:1.35; }
    .blog-card-excerpt { font-size:14px;color:var(--ink-muted);line-height:1.65;margin-bottom:18px; }
    .blog-read-more { font-size:13px;font-weight:700;color:var(--primary);display:inline-flex;align-items:center;gap:4px;transition:gap .2s; }
    .blog-card:hover .blog-read-more { gap:8px; }
    .blog-empty { text-align:center;padding:64px 24px;color:var(--ink-muted); }
    .blog-empty-icon { font-size:48px;margin-bottom:16px; }
    .blog-empty h3 { font-family:'Nunito',sans-serif;font-size:20px;color:var(--primary-dark);margin-bottom:8px; }

    /* ── NEWSLETTER ──────────────────────────────── */
    .newsletter { background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 60%,#9B7FC8 100%);padding:100px 0;position:relative;overflow:hidden; }
    .newsletter-bg { position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 50%,rgba(230,184,92,.15) 0%,transparent 55%),radial-gradient(ellipse at 85% 30%,rgba(255,255,255,.06) 0%,transparent 50%); }
    .newsletter-inner { text-align:center;position:relative;z-index:1; }
    .newsletter-owl { width:80px;margin:0 auto 20px;animation:owl-breathe 4s ease-in-out infinite; }
    .newsletter-title { font-family:'Nunito',sans-serif;font-size:clamp(26px,4vw,42px);font-weight:700;color:white;margin-bottom:14px; }
    .newsletter-sub { font-size:17px;color:rgba(255,255,255,.75);line-height:1.65;max-width:480px;margin:0 auto 36px; }
    .newsletter-form { display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:480px;margin:0 auto; }
    .newsletter-input { flex:1;min-width:220px;background:rgba(255,255,255,.12);border:2px solid rgba(255,255,255,.25);border-radius:100px;padding:14px 22px;font-family:'Nunito',sans-serif;font-size:15px;color:white;outline:none;transition:border-color .2s,background .2s; }
    .newsletter-input::placeholder { color:rgba(255,255,255,.5); }
    .newsletter-input:focus { border-color:var(--gold);background:rgba(255,255,255,.18); }
    .newsletter-promise { margin-top:16px;font-size:12px;color:rgba(255,255,255,.5);letter-spacing:.04em; }
    .newsletter-consent { max-width:480px;margin:12px auto 0;text-align:left; }
    .newsletter-error { display:none;max-width:480px;margin:10px auto 0;font-size:13px;color:#f87171;text-align:center; }

    /* ── CONTACT ─────────────────────────────────── */
    .contact { background:var(--cream);padding:100px 0; }
    .contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start; }
    .contact-links { display:flex;flex-direction:column;gap:14px;margin-top:28px; }
    .contact-link { display:flex;align-items:center;gap:16px;background:white;border-radius:var(--radius-md);padding:16px 20px;border:1.5px solid var(--primary-xlight);transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer; }
    .contact-link:hover { transform:translateX(6px);box-shadow:var(--shadow-soft);border-color:var(--primary-light); }
    .contact-link-icon { width:40px;height:40px;background:var(--primary-xlight);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0; }
    .contact-link-text { flex:1; }
    .contact-link-label { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);margin-bottom:2px; }
    .contact-link-value { font-size:15px;font-weight:700;color:var(--primary-dark); }
    .contact-link-arrow { color:var(--primary-light);font-size:18px;transition:color .2s; }
    .contact-link:hover .contact-link-arrow { color:var(--primary); }
    .contact-form-card { background:white;border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-panel);border:1.5px solid var(--primary-xlight); }
    .contact-form-title { font-family:'Nunito',sans-serif;font-size:22px;font-weight:700;color:var(--primary-dark);margin-bottom:24px; }
    .form-field { margin-bottom:18px; }
    .form-field label { display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:7px;letter-spacing:.02em; }
    .form-field input,.form-field textarea,.form-field select { width:100%;background:var(--cream);border:2px solid var(--primary-xlight);border-radius:var(--radius-md);padding:12px 16px;font-family:'Nunito',sans-serif;font-size:15px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s;appearance:none; }
    .form-field input:focus,.form-field textarea:focus,.form-field select:focus { border-color:var(--primary);box-shadow:0 0 0 4px rgba(122,95,175,.1); }
    .form-field textarea { resize:vertical;min-height:110px; }
    .form-field input::placeholder,.form-field textarea::placeholder { color:rgba(46,42,50,.35); }

    /* ── PRESS KIT ───────────────────────────────── */
    .presskit { background:white;padding:100px 0; }
    .presskit-header { text-align:center;margin-bottom:56px; }
    .presskit-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px; }
    .presskit-card { background:var(--cream);border-radius:var(--radius-lg);padding:28px 24px;border:1.5px solid var(--primary-xlight);transition:transform .2s,box-shadow .2s; }
    .presskit-card:hover { transform:translateY(-4px);box-shadow:var(--shadow-soft); }
    .presskit-card-icon { width:48px;height:48px;background:var(--primary-xlight);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px; }
    .presskit-card h4 { font-family:'Nunito',sans-serif;font-size:15px;font-weight:700;color:var(--primary-dark);margin-bottom:8px; }
    .presskit-card p { font-size:13px;color:var(--ink-muted);line-height:1.6;margin-bottom:16px; }
    .presskit-facts { background:var(--cream);border-radius:var(--radius-xl);padding:36px 40px;border:1.5px solid var(--primary-xlight); }
    .presskit-facts h4 { font-family:'Nunito',sans-serif;font-size:18px;font-weight:700;color:var(--primary-dark);margin-bottom:24px; }
    .facts-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:0; }
    .fact-row { display:flex;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--primary-xlight); }
    .fact-row:nth-child(odd) { padding-right:32px; }
    .fact-row:nth-child(even) { padding-left:32px;border-left:1px solid var(--primary-xlight); }
    .fact-label { font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted);width:110px;flex-shrink:0;padding-top:2px; }
    .fact-value { font-size:14px;color:var(--ink);font-weight:600;line-height:1.5; }

    /* ── FOOTER ──────────────────────────────────── */
    .footer { background:var(--ink);color:rgba(255,255,255,.7);padding:64px 0 32px; }
    .footer-grid { display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px; }
    .footer-brand p { font-size:14px;line-height:1.7;margin-top:16px;margin-bottom:20px;max-width:280px; }
    .footer-socials { display:flex;gap:10px; }
    .footer-social { width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .2s,transform .2s;cursor:pointer; }
    .footer-social:hover { background:var(--primary);transform:translateY(-2px); }
    .footer-col h5 { font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:white;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px; }
    .footer-col ul { display:flex;flex-direction:column;gap:10px; }
    .footer-col ul li a { font-size:14px;color:rgba(255,255,255,.6);transition:color .2s; }
    .footer-col ul li a:hover { color:var(--gold); }
    .footer-bottom { border-top:1px solid rgba(255,255,255,.08);padding-top:28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px; }
    .footer-bottom p { font-size:13px; }
    .footer-bottom-links { display:flex;gap:24px; }
    .footer-bottom-links a { font-size:13px;color:rgba(255,255,255,.5);transition:color .2s; }
    .footer-bottom-links a:hover { color:var(--gold); }

    /* ── REVEAL ANIMATIONS ───────────────────────── */
    .reveal { opacity:0;transform:translateY(30px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1); }
    .reveal.visible { opacity:1;transform:translateY(0); }
    .reveal-delay-1 { transition-delay:.1s; }
    .reveal-delay-2 { transition-delay:.2s; }
    .reveal-delay-3 { transition-delay:.3s; }
    .reveal-delay-4 { transition-delay:.4s; }

    /* ── MOBILE NAV ──────────────────────────────── */
    .mobile-nav { display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(247,243,235,.97);backdrop-filter:blur(16px);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:32px; }
    .mobile-nav.open { display:flex; }
    .mobile-nav a { font-family:'Nunito',sans-serif;font-size:24px;font-weight:700;color:var(--primary-dark);transition:color .2s; }
    .mobile-nav a:hover { color:var(--primary); }
    .mobile-nav-close { position:absolute;top:20px;right:24px;background:none;border:none;cursor:pointer;font-size:28px;color:var(--ink-muted); }

    /* ═══════════════════════════════════════════════
       BLOG CMS OVERLAY SYSTEM
    ═══════════════════════════════════════════════ */

    /* ── OVERLAY BASE ────────────────────────────── */
    .overlay {
      position:fixed;inset:0;z-index:500;
      display:none;
      opacity:0;
      transition:opacity .3s ease;
    }
    .overlay.active { display:flex;opacity:1; }
    .overlay-backdrop {
      position:absolute;inset:0;
      background:rgba(46,42,50,.65);
      backdrop-filter:blur(4px);
    }
    .overlay-panel {
      position:relative;z-index:1;
      background:var(--cream);
      border-radius:var(--radius-xl) var(--radius-xl) 0 0;
      margin-top:auto;
      width:100%;
      max-height:95vh;
      overflow-y:auto;
      transform:translateY(40px);
      transition:transform .35s cubic-bezier(.22,1,.36,1);
      box-shadow:0 -8px 40px rgba(122,95,175,.2);
    }
    .overlay.active .overlay-panel { transform:translateY(0); }
    .overlay-panel-inner { max-width:860px;margin:0 auto;padding:40px 40px 60px; }
    .overlay-close {
      position:absolute;top:20px;right:24px;
      width:36px;height:36px;
      background:white;border:1.5px solid var(--primary-xlight);
      border-radius:50%;cursor:pointer;
      display:flex;align-items:center;justify-content:center;
      font-size:18px;color:var(--ink-muted);
      transition:background .2s,color .2s,transform .2s;
    }
    .overlay-close:hover { background:var(--primary);color:white;transform:rotate(90deg); }
    .overlay-handle {
      width:40px;height:4px;background:var(--primary-xlight);border-radius:2px;
      margin:16px auto 0;
    }

    /* ── ALL POSTS VIEW ──────────────────────────── */
    #allPostsOverlay .overlay-panel { border-radius:0;max-height:100vh;height:100vh; }
    .all-posts-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:16px; }
    .all-posts-title { font-family:'Nunito',sans-serif;font-size:clamp(24px,3vw,36px);font-weight:700;color:var(--primary-dark); }
    .all-posts-filters { display:flex;gap:10px;flex-wrap:wrap; }
    .filter-btn { font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;padding:7px 16px;border-radius:100px;border:2px solid var(--primary-xlight);background:transparent;color:var(--ink-muted);cursor:pointer;transition:all .2s; }
    .filter-btn.active, .filter-btn:hover { background:var(--primary);color:white;border-color:var(--primary); }
    .all-posts-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }

    /* ── POST READER ─────────────────────────────── */
    #postReaderOverlay .overlay-panel { border-radius:0;max-height:100vh;height:100vh; }
    .post-reader-back { display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--primary);cursor:pointer;margin-bottom:32px;transition:gap .2s; }
    .post-reader-back:hover { gap:12px; }
    .post-reader-header { margin-bottom:40px; }
    .post-reader-meta { display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap; }
    .post-reader-title { font-family:'Nunito',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:700;color:var(--primary-dark);line-height:1.15;margin-bottom:16px; }
    .post-reader-thumb { width:100%;height:280px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:80px;margin-bottom:40px; }
    .post-reader-body { font-size:17px;line-height:1.8;color:var(--ink); }
    .post-reader-body h2 { font-family:'Nunito',sans-serif;font-size:24px;font-weight:700;color:var(--primary-dark);margin:32px 0 16px; }
    .post-reader-body h3 { font-family:'Nunito',sans-serif;font-size:20px;font-weight:700;color:var(--primary-dark);margin:24px 0 12px; }
    .post-reader-body p { margin-bottom:20px; }
    .post-reader-body ul, .post-reader-body ol { margin:16px 0 20px 24px; }
    .post-reader-body li { margin-bottom:8px; }
    .post-reader-body strong { color:var(--ink);font-weight:700; }
    .post-reader-body em { color:var(--primary); }
    .post-reader-body blockquote { border-left:4px solid var(--primary-light);padding:16px 20px;background:var(--primary-xlight);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:24px 0;font-style:italic;color:var(--primary-dark); }


    /* ── RESPONSIVE ──────────────────────────────── */
    @media (max-width:900px) {
      .about-grid,.game-card,.contact-grid { grid-template-columns:1fr; }
      .game-card-art { min-height:260px; }
      .blog-grid,.all-posts-grid { grid-template-columns:1fr 1fr; }
      .presskit-grid { grid-template-columns:1fr 1fr; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .facts-grid { grid-template-columns:1fr; }
      .fact-row:nth-child(even) { border-left:none;padding-left:0; }
      .nav-links { display:none; }
      .nav-hamburger { display:flex; }
    }
    @media (max-width:600px) {
      .blog-grid,.all-posts-grid { grid-template-columns:1fr; }
      .presskit-grid { grid-template-columns:1fr; }
      .footer-grid { grid-template-columns:1fr; }
      .about-pillars { grid-template-columns:1fr; }
      .overlay-panel-inner { padding:32px 20px 48px; }
    }

    /* ── GAME CARD SMOKE ANIMATION (extracted from inline style in body) ── */
    @keyframes smoke-rise{0%{transform:translateY(0) scale(1);opacity:.3}100%{transform:translateY(-24px) scale(1.5);opacity:0}}

    /* ─── CSP: extracted from inline styles 2026-04-15 ─────────────────────── */

    /* Nav actions (theme toggle + hamburger wrapper) */
    .nav-actions { display: flex; align-items: center; gap: 10px; }

    /* Hero SVG */
    .hero-owl-svg { width: 100%; height: 100%; position: relative; z-index: 1; }

    /* Section divider SVG */
    .section-divider-svg { height: 48px; }

    /* Games section */
    .games-container { position: relative; z-index: 1; }
    .section-sub { margin: 0 auto; }
    .elfcraft-cottage-svg { width: 260px; height: 260px; position: relative; z-index: 1; }

    /* Smoke animation classes */
    .smoke-1 { animation: smoke-rise 3s ease-in-out infinite; }
    .smoke-2 { animation: smoke-rise 3s ease-in-out .6s infinite; }
    .smoke-3 { animation: smoke-rise 3s ease-in-out 1.2s infinite; }

    /* Game card buttons */
    .btn-sm-padded { font-size: 14px; padding: 11px 22px; }
    #openAllPostsBtn { font-size: 14px; padding: 10px 22px; }

    /* Newsletter inline form on homepage */
    .consent-label { display: flex; align-items: flex-start; gap: 8px; font-size: 13px; line-height: 1.5; cursor: pointer; }
    #consentCheck { margin-top: 3px; flex-shrink: 0; }
    .consent-label a { color: inherit; text-decoration: underline; }
    .consent-error { outline: 1px solid #fca5a5; background: rgba(248,113,113,.12); border-radius: 6px; padding: 6px 8px; }
    #formError { display: none; color: #fff; background: rgba(200,50,50,.65); font-size: 13px; font-weight: 600; text-align: center; margin: 10px auto 0; max-width: 480px; padding: 5px 16px; border-radius: 20px; }
    #successMsg { display: none; }

    /* Contact form submit button */
    #contact button[type="submit"] { width: 100%; justify-content: center; }

    /* Press kit email link */
    .fact-value a { color: inherit; }

    /* Footer nav logo (overrides default nav-logo display for footer context) */
    .footer .nav-logo { display: inline-flex; }
    .footer .nav-wordmark { color: white; }
    .footer .nav-wordmark span { color: rgba(255,255,255,.45); }

    /* All-posts reader header */
    #allPostsBackBtn { margin-bottom: 0; }

    /* ── Coming Soon Links ─────────────────────────────────── */
    .link-coming-soon {
      opacity: 0.4;
      cursor: not-allowed;
      pointer-events: none;
    }