body.swu-page {
  --bg: #04080f;
  --panel: #0a0f18;
  --panel-alt: #0e1522;
  --panel-soft: #0c131f;
  --panel-highlight: #182233;
  --ink: #f4f7ff;
  --muted: #c1cadb;
  --muted-soft: rgba(193, 202, 219, 0.7);
  --accent: #9bb8ff;
  --accent-iris: #8fa7ff;
  --accent-mint: #88c9ff;
  --accent-soft: rgba(155, 184, 255, 0.22);
  --accent-soft-strong: rgba(155, 184, 255, 0.42);
  --brand-gold: #e1e7f5;
  --brand-gold-glow: rgba(225, 231, 245, 0.35);
  --accent-gradient: linear-gradient(135deg, rgba(150, 182, 255, 0.4), rgba(120, 150, 220, 0.28), rgba(176, 190, 255, 0.4));
  --accent-gradient-strong: linear-gradient(120deg, #9bb8ff 0%, #7fa3ff 48%, #c0cbff 100%);
  background: var(--bg);
  background-image:
    radial-gradient(1400px 950px at 12% 12%, rgba(18, 28, 48, 0.7), transparent 64%),
    radial-gradient(1100px 800px at 78% 18%, rgba(28, 44, 80, 0.5), transparent 70%),
    radial-gradient(900px 700px at 46% 88%, rgba(34, 38, 80, 0.55), transparent 72%),
    linear-gradient(180deg, rgba(1, 3, 8, 0.99), rgba(1, 2, 5, 0.99));
  position: relative;
}

body.swu-page::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(230, 235, 255, 0.9) 0.95px, transparent 1.3px),
    radial-gradient(circle, rgba(190, 205, 255, 0.6) 0.65px, transparent 1px),
    radial-gradient(circle, rgba(150, 170, 230, 0.45) 0.45px, transparent 0.9px);
  background-size: 140px 140px, 220px 220px, 320px 320px;
  background-position: 0 0, 120px 140px, 200px 70px;
  opacity: 0.5;
  z-index: -1;
}

body.swu-page::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(440px 260px at 16% 28%, rgba(90, 120, 200, 0.3), transparent 78%),
    radial-gradient(420px 260px at 84% 20%, rgba(140, 170, 230, 0.22), transparent 80%),
    radial-gradient(480px 340px at 62% 82%, rgba(70, 90, 160, 0.3), transparent 84%);
  opacity: 0.55;
  z-index: -2;
}

body.swu-page .card {
  box-shadow: 0 18px 50px rgba(2, 5, 18, 0.85);
}

body.swu-page .pill {
  border: 1px solid rgba(140, 170, 240, 0.45);
  background: linear-gradient(135deg, rgba(90, 130, 220, 0.22), rgba(60, 90, 160, 0.3));
  box-shadow: 0 0 24px rgba(90, 130, 220, 0.45);
}

body.swu-page .site-banner {
  display: block;
  width: clamp(240px, 40vw, 360px);
  margin-bottom: 8px;
  filter: drop-shadow(0 12px 30px rgba(10, 16, 36, 0.6));
}

body.swu-page .site-banner img {
  display: block;
  width: 100%;
}

body.swu-page .lede {
  color: var(--muted);
  max-width: 760px;
}

body.swu-page .pill {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.swu-page .section-note {
  font-size: 0.95rem;
  color: var(--muted);
}

body.swu-page .meta-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 24px;
  margin: 0;
  padding: 0;
}

body.swu-page .meta-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: rgba(159, 176, 194, 0.8);
}

body.swu-page .meta-value {
  font-size: 0.95rem;
  color: var(--muted);
}

@media (max-width: 640px) {
  body.swu-page .meta-list {
    flex-direction: column;
    gap: 8px;
  }
}