/* =========================================
   Gutterfen Marshes – Kingdom styling
   ========================================= */

body.lw-site.world-rhome.gutterfen-page {
  /* Slight tint toward swamp green over the base Rhome background */
  background-image:
    radial-gradient(circle at bottom, rgba(110, 138, 75, 0.18), transparent 55%),
    radial-gradient(circle at top, rgba(143, 224, 192, 0.08), transparent 60%);
}

body.lw-site.world-rhome.gutterfen-page .kingdom-section,
body.lw-site.world-rhome.gutterfen-page .kingdom-hero {
  border-color: var(--kingdom-gutterfen-accent-soft);
}

body.lw-site.world-rhome.gutterfen-page .kingdom-tagline-pill {
  background-color: var(--kingdom-gutterfen-accent-soft);
  color: var(--rhome-parchment);
  border-color: var(--kingdom-gutterfen-glow);
}

body.lw-site.world-rhome.gutterfen-page h1,
body.lw-site.world-rhome.gutterfen-page h2,
body.lw-site.world-rhome.gutterfen-page h3 {
  color: var(--rhome-parchment);
}

body.lw-site.world-rhome.gutterfen-page a {
  color: var(--kingdom-gutterfen-glow);
}

body.lw-site.world-rhome.gutterfen-page a:hover {
  color: var(--kingdom-gutterfen-accent);
}

/* Gutterfen-specific card styling */
body.lw-site.world-rhome.gutterfen-page .kingdom-card-guard {
  border: 1px solid var(--kingdom-gutterfen-accent-soft);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.65);
  transition:
    transform 160ms ease-out,
    box-shadow 160ms ease-out,
    border-color 160ms ease-out,
    background-color 160ms ease-out;
}

body.lw-site.world-rhome.gutterfen-page .kingdom-card-guard:hover {
  transform: translateY(-2px);
  border-color: var(--kingdom-gutterfen-accent);
  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.8),
    0 0 0 1px rgba(143, 224, 192, 0.25);
  background: radial-gradient(circle at bottom,
    rgba(110, 138, 75, 0.18),
    var(--rhome-surface));
}

/* Lore callout cards – softer, more “note” like */
body.lw-site.world-rhome.gutterfen-page .kingdom-card-lore {
  border: 1px solid rgba(110, 138, 75, 0.5);
  background: linear-gradient(
    to bottom,
    rgba(143, 224, 192, 0.06),
    var(--rhome-surface-soft)
  );
}

body.lw-site.world-rhome.gutterfen-page .kingdom-card-lore h3 {
  color: var(--kingdom-gutterfen-glow);
}

/* Gutterfen hero banner */
body.lw-site.world-rhome.gutterfen-page .kingdom-hero {
  background-image:
    linear-gradient(to bottom, rgba(7, 5, 16, 0.9), rgba(7, 5, 16, 0.96)),
    url("/assets/img/rhome/gutterfen-banner.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

body.lw-site.world-rhome.gutterfen-page .kingdom-hero .kingdom-hero-content {
  background: linear-gradient(
    to right,
    rgba(7, 5, 16, 0.92),
    rgba(7, 5, 16, 0.7),
    transparent
  );
}

body.lw-site.world-rhome.gutterfen-page .home-card.kingdom-card-guard {
  /* No color changes — just scope refinement */
  /* Ensures Gutterfen card colors/hover/etc still apply */
}

/* =========================================
   Elandor Kingdom Theme
   ========================================= */

body.lw-site.world-rhome.kingdom-page.elandor-theme {
  /* Core surface + text */
  --home-bg: radial-gradient(
      circle at 10% 10%,
      rgba(214, 179, 140, 0.10),
      transparent 55%
    ),
    radial-gradient(
      circle at 80% 0%,
      rgba(151, 187, 214, 0.12),
      transparent 45%
    ),
    #090b10; /* deep twilight */
  --home-card: #11141b;      /* obsidian stone */
  --home-text: #ebe6dd;      /* lantern-lit parchment */
  --home-muted: #a99f93;     /* worn bone & old paper */
  --home-accent: #f0c674;    /* lantern-gold highlight */

  /* Optional: tweak card borders slightly colder */
  --elandor-border-soft: rgba(200, 220, 235, 0.20);
}

/* Refine card look just for Elandor */

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-card {
  border-color: rgba(240, 198, 116, 0.16); /* warm lantern edge */
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-card:hover {
  border-color: rgba(240, 198, 116, 0.32);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
}

/* Pill colors tuned to “twilight glass + lanterns” */

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.gold {
  color: #f4e3a2;  /* lantern gold */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.mint {
  color: #9fe8cf;  /* pale river green */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.lilac {
  color: #c9a7ff;  /* psionic lilac */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.amber {
  color: #ffbe7a;  /* sunset glass */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.sky {
  color: #9fc7ff;  /* pale chasm sky */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.lav {
  color: #b6b7ff;  /* cold starlight */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.green {
  color: #9bd98f;  /* eastern valleys */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.coral {
  color: #ff8e7a;  /* mourning fires */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.silver {
  color: #d4dde8;  /* mirror-silver */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-pill.blush {
  color: #f0c4ff;  /* soft reflection blush */
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-title {
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-lede {
  font-style: italic;
}

/* =========================================
   Aethor Kingdom Theme
   Sky commerce, arcane industry, contract-steel
   ========================================= */

body.lw-site.world-rhome.kingdom-page.aethor-theme {
  /* Core surfaces and text */
  --home-bg: radial-gradient(
      circle at 15% 0%,
      rgba(79, 209, 255, 0.12),
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 100%,
      rgba(94, 234, 212, 0.10),
      transparent 50%
    ),
    #050914; /* high-altitude midnight */
  --home-card: #070c14;      /* arcane hull plating */
  --home-text: #e4f1ff;      /* starlit parchment */
  --home-muted: #8ea0b8;     /* worn ledger-ink */
  --home-accent: #4fd1ff;    /* contract-sigil cyan */

  /* Soft steel border tone for cards */
  --aethor-border-soft: rgba(120, 160, 210, 0.25);
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-card {
  border-color: rgba(79, 209, 255, 0.22);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-card:hover {
  border-color: rgba(94, 234, 212, 0.38);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65);
  transform: translateY(-2px);
}

/* Title / lede tweaks for a more “charter” feel */

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-title {
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-lede {
  font-style: italic;
  opacity: 0.9;
}

/* Pill palette – neon skyports and contract sigils */

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.gold {
  color: #facc6b;  /* trade-gilded coin */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.mint {
  color: #7de9cf;  /* aether coolant */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.lilac {
  color: #b7a6ff;  /* arcane luminescence */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.amber {
  color: #ffb876;  /* dock beacon lights */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.sky {
  color: #78c5ff;  /* highwind skyglass */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.lav {
  color: #a3b4ff;  /* warded starlight */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.green {
  color: #7fe1a2;  /* terraced sky-gardens */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.coral {
  color: #ff8f99;  /* warning flares */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.silver {
  color: #d2e0f5;  /* adamantine ink */
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.blush {
  color: #e9c2ff;  /* dusk over the sky-docks */
}

/* Aethor pill accents for testing */
body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.sky {
  background: rgba(79, 209, 255, 0.22);
  border-color: rgba(79, 209, 255, 0.7);
  color: #c8f6ff;
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-pill.mint {
  background: rgba(94, 234, 212, 0.20);
  border-color: rgba(94, 234, 212, 0.7);
  color: #d1fff4;
}

/* =========================================
   Bromdar Kingdom Theme
   Stoneblood, forge-ember, oath-iron
   ========================================= */

body.lw-site.world-rhome.kingdom-page.bromdar-theme {
  /* Core surfaces + text */
  --home-bg: radial-gradient(
      circle at 15% 10%,
      rgba(255, 118, 51, 0.10),
      transparent 55%
    ),
    radial-gradient(
      circle at 80% 90%,
      rgba(255, 197, 110, 0.07),
      transparent 50%
    ),
    #0b0c0e;    /* deep basalt */
  --home-card: #131416;       /* forged iron plate */
  --home-text: #f0e8dd;       /* soot-softened parchment */
  --home-muted: #9a9288;      /* worn granite */
  --home-accent: #ff7633;     /* forge-spark ember */

  /* Bromdar metal-border tone */
  --bromdar-border-soft: rgba(230, 150, 90, 0.25);
}

/* Cards — heavier, hotter edges */

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-card {
  border-color: rgba(255, 118, 51, 0.20);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-card:hover {
  border-color: rgba(255, 118, 51, 0.35);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.65);
  transform: translateY(-2px);
}

/* Typography — dwarven weight without full runes */

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-title {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 700;
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-lede {
  opacity: 0.92;
}

/* Pill colors — ember, ore, and polished metal */

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.gold {
  color: #ffc55a;   /* smelt-gold */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.mint {
  color: #92e5c1;   /* mined aquastone */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.lilac {
  color: #c7a3ff;   /* deep-vein amethyst */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.amber {
  color: #ff9d52;   /* molten alloy */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.sky {
  color: #8fb0d9;   /* cold mountain air */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.lav {
  color: #b8b7ff;   /* high-forge radiance */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.green {
  color: #8dc97b;   /* alpine moss */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.coral {
  color: #ff7f67;   /* the forge’s open heart */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.silver {
  color: #d9dde1;   /* tempered steel */
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-pill.blush {
  color: #f4c0c4;   /* soft slag-rose */
}

/* =========================================
   Galithar Kingdom Theme
   Old-growth law, river-mist, living stone
   ========================================= */

body.lw-site.world-rhome.kingdom-page.galithar-theme {
  /* Core surfaces + text */
  --home-bg: radial-gradient(
      circle at 10% 0%,
      rgba(108, 211, 164, 0.12),
      transparent 55%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(86, 135, 203, 0.10),
      transparent 50%
    ),
    #050b08;       /* deep forest floor */
  --home-card: #0b1110;       /* shaded stone and bark */
  --home-text: #e6f3ea;       /* pale moss-lit parchment */
  --home-muted: #93a69a;      /* lichen on granite */
  --home-accent: #6cd3a4;     /* river-emerald glow */

  /* Soft border tone – living stone */
  --galithar-border-soft: rgba(140, 190, 170, 0.28);
}

/* Cards — dense canopy, soft but firm edges */

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-card {
  border-color: rgba(108, 211, 164, 0.22);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-card:hover {
  border-color: rgba(108, 211, 164, 0.35);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.65);
  transform: translateY(-2px);
}

/* Typography — calm, deliberate, druidic bureaucracy */

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-title {
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-weight: 700;
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-lede {
  font-style: italic;
  opacity: 0.9;
}

/* Pill colors — canopy, river, stone, and bloom */

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.gold {
  color: #f3d888;   /* filtered sunbeam */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.mint {
  color: #83e4c1;   /* spring-fed pool */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.lilac {
  color: #c0b0ff;   /* dusk over the treeline */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.amber {
  color: #ffb872;   /* lanterns in the boughs */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.sky {
  color: #7fb8ea;   /* river-reflected sky */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.lav {
  color: #a9bcff;   /* moonlit mist */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.green {
  color: #7cd27c;   /* high canopy leaves */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.coral {
  color: #ff8e86;   /* rare forest blossoms */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.silver {
  color: #d2e2dd;   /* wet stone and bark */
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-pill.blush {
  color: #e9c7f0;   /* edge-of-dawn haze */
}

/* =========================================
   Thalrith Kingdom Theme
   Glacier bastions, oath-steel, cold resolve
   ========================================= */

body.lw-site.world-rhome.kingdom-page.thalrith-theme {
  /* Core surfaces + text */
  --home-bg: radial-gradient(
      circle at 12% 0%,
      rgba(122, 158, 192, 0.12),
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 90%,
      rgba(180, 200, 215, 0.06),
      transparent 50%
    ),
    #0a0c11;      /* deep glacial stone */
  --home-card: #12151b;       /* iron-cold carved plate */
  --home-text: #e4e7ef;       /* frost-pale inscription ink */
  --home-muted: #8e949d;      /* stone dust */
  --home-accent: #7aa0c6;     /* cold-forge bluesteel */

  /* Stone-etched border tone */
  --thalrith-border-soft: rgba(140, 170, 200, 0.28);
}

/* Cards — severe edges, minimal glow */

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-card {
  border-color: rgba(122, 158, 192, 0.18);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-card:hover {
  border-color: rgba(122, 158, 192, 0.32);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.65);
  transform: translateY(-2px);
}

/* Typography — rigid, oathbound, no flourish */

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-title {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 700;
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-lede {
  opacity: 0.88;
  font-style: italic;
}

/* Pill colors — cold metals, frostlight, disciplined hues */

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.gold {
  color: #e3c788;   /* muted authority-gold */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.mint {
  color: #9be1cf;   /* alpine spring */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.lilac {
  color: #b9b0ff;   /* winter twilight */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.amber {
  color: #ffb678;   /* forge-ember restrained */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.sky {
  color: #84b9e6;   /* high mountain sky */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.lav {
  color: #acbbff;   /* frost-moon */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.green {
  color: #81c88e;   /* sparse hardy pines */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.coral {
  color: #ff8f80;   /* rare ceremonial dyes */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.silver {
  color: #d6dee8;   /* polished oath-steel */
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-pill.blush {
  color: #e9c8e0;   /* faint dawn over granite */
}

/* =========================================
   Vesper Kingdom Theme
   Banner-sun, disciplined ranks, coastal wind
   ========================================= */

body.lw-site.world-rhome.kingdom-page.vesper-theme {
  /* Core surfaces + text */
  --home-bg: radial-gradient(
      circle at 10% 0%,
      rgba(255, 177, 105, 0.14),  /* sunrise amber */
      transparent 55%
    ),
    radial-gradient(
      circle at 90% 100%,
      rgba(80, 130, 190, 0.12),   /* sea-blue */
      transparent 50%
    ),
    #0a0d13;                      /* pre-dawn navy */
  --home-card: #11151c;           /* lacquered shield */
  --home-text: #f3ece3;           /* campaign parchment */
  --home-muted: #9d9489;          /* worn leather straps */
  --home-accent: #ffb469;         /* banner-gold */

  /* Soft border tone – steel under the pennant */
  --vesper-border-soft: rgba(210, 165, 120, 0.30);
}

/* Cards — bold edges, martial presence */

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-card {
  border-color: rgba(255, 180, 105, 0.24);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-card:hover {
  border-color: rgba(255, 196, 130, 0.36);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.65);
  transform: translateY(-2px);
}

/* Typography — proud, rallying, legible at a march */

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-title {
  letter-spacing: 0.07em;
  text-transform: uppercase;
  font-weight: 700;
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-lede {
  font-style: italic;
  opacity: 0.9;
}

/* Pill colors — heraldry, sea, sun, and blood-price */

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.gold {
  color: #ffd27a;   /* command-gold */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.mint {
  color: #86e1c3;   /* sea-spray green */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.lilac {
  color: #c5afff;   /* twilight over the bay */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.amber {
  color: #ffb06d;   /* marching banners at dawn */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.sky {
  color: #7fb5f0;   /* open coastal sky */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.lav {
  color: #aeb9ff;   /* evening watchfires */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.green {
  color: #86cf84;   /* training fields */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.coral {
  color: #ff7b6b;   /* battle-standard red */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.silver {
  color: #d8dde8;   /* polished mail and helms */
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-pill.blush {
  color: #f0c2d0;   /* sunset haze over the harbor */
}

/* =========================================
   Virelia Kingdom Theme
   Moonlit wilds, silver groves, quiet enchantment
   ========================================= */

body.lw-site.world-rhome.kingdom-page.virelia-theme {
  /* Core surfaces + text */
  --home-bg: radial-gradient(
      circle at 20% 5%,
      rgba(167, 119, 255, 0.14),   /* moonlilac glow */
      transparent 55%
    ),
    radial-gradient(
      circle at 85% 100%,
      rgba(96, 214, 178, 0.10),    /* biolume teal */
      transparent 50%
    ),
    #090a11;                       /* deep enchanted dusk */
  --home-card: #11121a;           /* shaded glade stone */
  --home-text: #f0ecf8;           /* pale moon-ink */
  --home-muted: #9ca3b2;          /* soft bark-gray */
  --home-accent: #a777ff;         /* argent-lilac */

  /* Border tone – soft silver bark */
  --virelia-border-soft: rgba(175, 160, 225, 0.28);
}

/* Cards — gentler edges, luminous hover */

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-card {
  border-color: rgba(167, 119, 255, 0.20);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-card:hover {
  border-color: rgba(167, 119, 255, 0.34);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65);
  transform: translateY(-2px);
}

/* Typography — lyrical, serene, but still readable */

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-title {
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 700;
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-lede {
  opacity: 0.93;
  font-style: italic;
}

/* Pill colors — bioluminescent flora, moonlight, soft mystic hues */

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.gold {
  color: #f5da9b;   /* firefly gold */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.mint {
  color: #88e8cf;   /* enchanted spring */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.lilac {
  color: #d1b2ff;   /* arcane bloom */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.amber {
  color: #ffb982;   /* lanternfruit glow */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.sky {
  color: #95cfff;   /* high starlight */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.lav {
  color: #bdbaff;   /* soft moon haze */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.green {
  color: #87dea0;   /* living grove light */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.coral {
  color: #ff8ba1;   /* rare blossom pink */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.silver {
  color: #dfe6f4;   /* silverleaf bark */
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-pill.blush {
  color: #eac3ff;   /* shimmering wild magic */
}

/* Major Kingdom cards with kingdom palette accents */

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-card.card-aethor {
  --home-card: #070c14;
  --home-text: #e4f1ff;
  --home-muted: #8ea0b8;
  --home-accent: #4fd1ff;
  border-color: rgba(79, 209, 255, 0.22);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.aethor-theme .home-card.card-aethor:hover {
  border-color: rgba(94, 234, 212, 0.38);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65);
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-card.card-bromdar {
  --home-card: #131416;
  --home-text: #f0e8dd;
  --home-muted: #9a9288;
  --home-accent: #ff7633;
  border-color: rgba(255, 118, 51, 0.20);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.bromdar-theme .home-card.card-bromdar:hover {
  border-color: rgba(255, 118, 51, 0.35);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.65);
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-card.card-elandor {
  --home-card: #11141b;
  --home-text: #ebe6dd;
  --home-muted: #a99f93;
  --home-accent: #f0c674;
  border-color: rgba(240, 198, 116, 0.16);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45);
}

body.lw-site.world-rhome.kingdom-page.elandor-theme .home-card.card-elandor:hover {
  border-color: rgba(240, 198, 116, 0.32);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-card.card-galithar {
  --home-card: #0b1110;
  --home-text: #e6f3ea;
  --home-muted: #93a69a;
  --home-accent: #6cd3a4;
  border-color: rgba(108, 211, 164, 0.22);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.galithar-theme .home-card.card-galithar:hover {
  border-color: rgba(108, 211, 164, 0.35);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.65);
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-card.card-thalrith {
  --home-card: #12151b;
  --home-text: #e4e7ef;
  --home-muted: #8e949d;
  --home-accent: #7aa0c6;
  border-color: rgba(122, 158, 192, 0.18);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.thalrith-theme .home-card.card-thalrith:hover {
  border-color: rgba(122, 158, 192, 0.32);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.65);
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-card.card-vesper {
  --home-card: #11151c;
  --home-text: #f3ece3;
  --home-muted: #9d9489;
  --home-accent: #ffb469;
  border-color: rgba(255, 180, 105, 0.24);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.vesper-theme .home-card.card-vesper:hover {
  border-color: rgba(255, 196, 130, 0.36);
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.65);
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-card.card-virelia {
  --home-card: #11121a;
  --home-text: #f0ecf8;
  --home-muted: #9ca3b2;
  --home-accent: #a777ff;
  border-color: rgba(167, 119, 255, 0.20);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
}

body.lw-site.world-rhome.kingdom-page.virelia-theme .home-card.card-virelia:hover {
  border-color: rgba(167, 119, 255, 0.34);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.65);
}

/* =========================================
   Gutterfen Marshes Kingdom Theme
   Scope: /rhome/world-atlas/kingdoms/minor/gutterfen-marshes/
   Depends on:
     - core-reset.css
     - layout-lorewalker.css
     - theme-lorewalker.css
     - theme-rhome.css
     - theme-kingdom.css
   This file ONLY adjusts colors and light realm-specific styling.
   Layout, grids, and reset behavior remain untouched.
   ========================================= */

/* -----------------------------------------
   Realm Scope & Tokens
   ----------------------------------------- */

.realm-gutterfen {
  /* Mire / Rotlight palette */
  --gutterfen-bg-deep: #040804;         /* black brackish water */
  --gutterfen-bg-alt: #070f08;         /* misted swamp air */
  --gutterfen-surface: #0b130b;        /* primary card / panel surface */
  --gutterfen-surface-soft: #101a11;   /* softer surfaces */
  --gutterfen-surface-contrast: #142115;

  --gutterfen-border: #274028;         /* muted blue-gray edges */
  --gutterfen-glow: #8fe0c0;           /* eerie tide-glow accent */
  --gutterfen-accent: #a5f5cf;         /* lighter accent highlight */
  --gutterfen-accent-soft: #3d5f3f;    /* desaturated accent for subtle UI */
  --gutterfen-warning: #c8a153;        /* swampfire / fungal lantern tone */

  --gutterfen-text-main: #e6f4e8;      /* main body text */
  --gutterfen-text-muted: #9fb6a3;     /* secondary text */
  --gutterfen-text-soft: #7c8f7f;      /* tertiary, meta text */

  --gutterfen-divider: #273827;
  --gutterfen-shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.65);
  --gutterfen-shadow-tight: 0 2px 6px rgba(0, 0, 0, 0.8);

  /* Global radius override for this realm */
  --gutterfen-radius: 3px;
}

/* Enforce 3px corners on key realm elements */
.realm-gutterfen .home-card,
.realm-gutterfen .home-card-inner,
.realm-gutterfen .home-title,
.realm-gutterfen .home-nav,
.realm-gutterfen .home-nav-link,
.realm-gutterfen .home-section,
.realm-gutterfen .home-grid-shell,
.realm-gutterfen .home-hero,
.realm-gutterfen .home-lede,
.realm-gutterfen img,
.realm-gutterfen .atlas-intro-text,
.realm-gutterfen .home-divider {
  border-radius: 3px;
}

/* -----------------------------------------
   Background & Overall Atmosphere
   ----------------------------------------- */

.realm-gutterfen {
  background: radial-gradient(circle at top, #0d1b24 0%, #03060b 55%, #020309 100%);
  color: var(--gutterfen-text-main);
}

.realm-gutterfen .home-content {
  background: linear-gradient(
    to bottom,
    rgba(7, 15, 20, 0.9),
    rgba(3, 6, 11, 0.98)
  );
  box-shadow: var(--gutterfen-shadow-soft);
  border-radius: 3px;
  border: 1px solid rgba(50, 80, 86, 0.6);
}

/* -----------------------------------------
   Banner
   ----------------------------------------- */

.realm-gutterfen .lw-banner {
  background: radial-gradient(circle at center, #111b23 0%, #050910 100%);
  padding: 0.75rem 1.25rem;
  border-radius: 3px;
  border: 1px solid var(--gutterfen-border);
  box-shadow: var(--gutterfen-shadow-tight);
  margin-bottom: 0.75rem;
}

.realm-gutterfen .lw-banner img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 3px;
}

/* -----------------------------------------
   Breadcrumb (home-nav)
   ----------------------------------------- */

.realm-gutterfen .home-nav {
  margin: 0.5rem 0 1.25rem;
  padding: 0.35rem 0.75rem;
  background: rgba(5, 12, 16, 0.9);
  border-radius: 3px;
  border: 1px solid rgba(64, 104, 109, 0.6);
  box-shadow: var(--gutterfen-shadow-tight);
}

.realm-gutterfen .home-nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
}

.realm-gutterfen .home-nav-link {
  position: relative;
  padding: 0.15rem 0.5rem;
  font-size: 0.8rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--gutterfen-text-soft);
  border-radius: 3px;
  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}

.realm-gutterfen .home-nav-link.nav-root {
  color: var(--gutterfen-accent);
  font-weight: 600;
}

.realm-gutterfen .home-nav-link.is-ancestor {
  color: var(--gutterfen-text-muted);
}

.realm-gutterfen .home-nav-link.is-active {
  color: var(--gutterfen-text-main);
  background: radial-gradient(circle at center, #16363a 0%, #071518 65%, #04070a 100%);
  box-shadow: 0 0 0 1px rgba(79, 195, 180, 0.5), var(--gutterfen-shadow-tight);
}

.realm-gutterfen .home-nav-link:hover,
.realm-gutterfen .home-nav-link:focus-visible {
  color: var(--gutterfen-accent);
  background-color: rgba(32, 82, 85, 0.3);
  box-shadow: 0 0 0 1px rgba(79, 195, 180, 0.6);
}

/* -----------------------------------------
   Hero / Intro
   ----------------------------------------- */

.realm-gutterfen .home-hero {
  background: radial-gradient(circle at top left, #172933 0%, #070e15 55%, #04070b 100%);
  border-radius: 3px;
  border: 1px solid var(--gutterfen-border);
  padding: 1.5rem 1.5rem 1.75rem;
  box-shadow: var(--gutterfen-shadow-soft);
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

.realm-gutterfen .home-hero::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(circle at top right, rgba(79, 195, 180, 0.08), transparent 55%),
    radial-gradient(circle at bottom left, rgba(224, 184, 90, 0.06), transparent 60%);
  opacity: 0.9;
  pointer-events: none;
}

.realm-gutterfen .home-title {
  position: relative;
  z-index: 1;
  font-size: 2rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gutterfen-accent);
  text-shadow: 0 0 8px rgba(79, 195, 180, 0.55);
}

.realm-gutterfen .home-divider {
  position: relative;
  z-index: 1;
  margin: 0.6rem 0 1rem;
  border: 0;
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(136, 240, 201, 0.75),
    rgba(79, 195, 180, 0.1),
    transparent
  );
}

.realm-gutterfen .atlas-intro-text {
  position: relative;
  z-index: 1;
  color: var(--gutterfen-text-main);
}

.realm-gutterfen .atlas-intro-text p {
  margin-bottom: 0.8rem;
  line-height: 1.65;
  color: var(--gutterfen-text-main);
}

.realm-gutterfen .atlas-intro-text p:last-child {
  margin-bottom: 0;
}

.realm-gutterfen .atlas-intro-text em {
  color: var(--gutterfen-warning);
  font-style: italic;
}

/* -----------------------------------------
   Main / Grid
   ----------------------------------------- */

.realm-gutterfen .home-main {
  margin-top: 0.75rem;
}

.realm-gutterfen .home-section {
  border-radius: 3px;
}

.realm-gutterfen .home-grid-shell {
  padding: 0.25rem;
}

.realm-gutterfen .home-grid {
  /* Layout handled by core CSS; we only tint surfaces */
}

/* -----------------------------------------
   Cards
   ----------------------------------------- */

.realm-gutterfen .home-card {
  background: radial-gradient(circle at top, #111b25 0%, #05090f 55%, #03050a 100%);
  border-radius: 3px;
  border: 1px solid rgba(52, 80, 86, 0.85);
  box-shadow: var(--gutterfen-shadow-tight);
  color: var(--gutterfen-text-main);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.16s ease-out,
    box-shadow 0.16s ease-out,
    border-color 0.16s ease-out,
    background 0.16s ease-out;
}

.realm-gutterfen .home-card-inner {
  padding: 0.9rem 0.95rem 1rem;
  border-radius: 3px;
}

.realm-gutterfen .home-card-title {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  margin-bottom: 0.25rem;
  color: var(--gutterfen-accent);
}

.realm-gutterfen .home-card-tagline {
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
  color: var(--gutterfen-text-soft);
}

.realm-gutterfen .home-card-body {
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--gutterfen-text-muted);
}

.realm-gutterfen .home-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top right, rgba(79, 195, 180, 0.1), transparent 65%),
    radial-gradient(circle at bottom left, rgba(224, 184, 90, 0.06), transparent 70%);
  opacity: 0;
  transition: opacity 0.18s ease-out;
  pointer-events: none;
}

.realm-gutterfen .home-card:hover,
.realm-gutterfen .home-card:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(136, 240, 201, 0.75);
  box-shadow: 0 0 0 1px rgba(79, 195, 180, 0.55), var(--gutterfen-shadow-soft);
  background: radial-gradient(circle at top, #142633 0%, #060b12 55%, #03050a 100%);
}

.realm-gutterfen .home-card:hover::before,
.realm-gutterfen .home-card:focus-visible::before {
  opacity: 1;
}

/* GM-facing card accent, if used (same convention as Greenfields) */
.realm-gutterfen .home-card.home-card-gm {
  border-style: dashed;
  border-color: rgba(224, 184, 90, 0.8);
}

.realm-gutterfen .home-card.home-card-gm .home-card-title {
  color: var(--gutterfen-warning);
}

/* -----------------------------------------
   Badges / Pills (optional, non-layout)
   ----------------------------------------- */

.realm-gutterfen .pill,
.realm-gutterfen .tag {
  background: rgba(59, 122, 106, 0.25);
  color: var(--gutterfen-text-muted);
  border: 1px solid rgba(136, 240, 201, 0.35);
  border-radius: 3px;
  padding: 0.1rem 0.4rem;
  font-size: 0.78rem;
  letter-spacing: 0.03em;
}

/* -----------------------------------------
   Typography Tweaks
   ----------------------------------------- */

.realm-gutterfen .home-title,
.realm-gutterfen .home-card-title,
.realm-gutterfen .home-nav-link {
  text-rendering: optimizeLegibility;
}

/* -----------------------------------------
   No Side Nav Enforcement
   ----------------------------------------- */
/* We do NOT style or display any side navigation. If a generic
   side-nav class exists globally, neutralize it within this realm. */

.realm-gutterfen .home-side-nav,
.realm-gutterfen .kingdom-side-nav,
.realm-gutterfen .atlas-side-nav {
  display: none !important;
}

/* -----------------------------------------
   Accessibility & Focus
   ----------------------------------------- */

.realm-gutterfen a:focus-visible,
.realm-gutterfen button:focus-visible {
  outline: 2px solid var(--gutterfen-accent);
  outline-offset: 2px;
  border-radius: 3px;
}

/* -----------------------------------------
   Optional: Table tinting (non-layout)
   ----------------------------------------- */

.realm-gutterfen table {
  border-collapse: separate;
  border-spacing: 0;
  background: rgba(12, 20, 29, 0.8);
  border: 1px solid rgba(39, 54, 67, 0.75);
  border-radius: 3px;
  overflow: hidden;
}

.realm-gutterfen th,
.realm-gutterfen td {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid rgba(32, 44, 54, 0.7);
  color: var(--gutterfen-text-muted);
}

.realm-gutterfen th {
  color: var(--gutterfen-text-main);
  background: linear-gradient(to bottom, #162531, #0e1822);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 0.82rem;
}

.realm-gutterfen tr:last-child td {
  border-bottom: 0;
}

/* -----------------------------------------
   Media (images within cards/hero)
   ----------------------------------------- */

.realm-gutterfen .home-card img,
.realm-gutterfen .home-hero img {
  border-radius: 3px;
  box-shadow: var(--gutterfen-shadow-tight);
  border: 1px solid rgba(39, 54, 67, 0.65);
}