/* NAVY RE-SKIN — graphic-only regression (Loki ruling 2026-08-25). EVERY rule is .stadium-scoped: app/cart screens run without body.stadium and must never match. Loaded AFTER stadium.css. Copy and controls frozen — this file may only restyle. !important only where marked (beats inline styles). */

.stadium {
  /* re-pointed stadium tokens (frozen markup consumes these) */
  --paper: #FFFFFF; --paper-shade: #F8FAFC;
  --ink: #1B2B4B; --ink-soft: #64748B;
  --gold: #22C55E; --gold-hi: #22C55E; --gold-deep: #22C55E;
  --green: #15803D; --green-tint: #F0FDF4;
  --red: #DC2626; --red-tint: #FEF2F2;
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  /* navy-system aliases (page-local styles reference some of these; the skin's own rules use them too) */
  --border: #E2E8F0; --paper-tint: #F8FAFC;
  --shadow-sm: 0 1px 3px rgba(27,43,75,0.06), 0 1px 2px rgba(27,43,75,0.04);
  --shadow-md: 0 4px 12px rgba(27,43,75,0.08), 0 2px 4px rgba(27,43,75,0.04);
  --shadow-lg: 0 10px 30px rgba(27,43,75,0.10), 0 4px 8px rgba(27,43,75,0.04);
  --radius: 12px; --radius-lg: 16px;
}

.stadium {
  background-image: none;
}

.stadium h1 {
  font-weight: 700; letter-spacing: -0.5px; line-height: 1.2;
}
.stadium h2 {
  font-weight: 700; letter-spacing: -0.5px; line-height: 1.2;
}
.stadium h3 {
  font-weight: 700; letter-spacing: -0.5px; line-height: 1.2;
}
.stadium .std-display {
  font-weight: 700; letter-spacing: -0.5px; line-height: 1.2;
}

.stadium .std-hero-h {
  font-size: clamp(2.2rem, 4.5vw, 3.25rem); font-weight: 800; letter-spacing: -1px; text-transform: none; text-shadow: none;
}

.stadium #screen-landing h2 {
  text-shadow: none;
}

.stadium .std-footer-wordmark {
  font-size: 1.5rem; letter-spacing: normal; line-height: 1.2;
}

.stadium .std-eyebrow {
  font-size: 11px; font-weight: 700; letter-spacing: 3px; color: #15803D;
}

.stadium .std-band {
  background: #F8FAFC;
}

.stadium .std-band-ink {
  background: #0A1628;
}

.stadium .std-card {
  border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
}

.stadium .std-card--ink {
  background: linear-gradient(135deg, #1B2B4B, #2d4a7a); border: none; box-shadow: var(--shadow-md);
}

.stadium .std-card--ink::after {
  display: none;
}

.stadium .std-bunting {
  display: none;
}

.stadium .std-rule {
  border-top: 1px solid var(--border);
}

.stadium .std-btn {
  border: none; border-radius: 10px; box-shadow: var(--shadow-sm); transition: background-color 150ms ease, box-shadow 150ms ease;
}

.stadium .std-btn:hover {
  transform: none; box-shadow: var(--shadow-md);
}

.stadium .std-btn:active {
  transform: none; box-shadow: var(--shadow-sm);
}

.stadium .std-btn:focus-visible {
  outline: 2px solid #1B2B4B; outline-offset: 2px;
}

.stadium .std-btn--secondary {
  background: #FFFFFF; border: 1px solid var(--border); color: #1B2B4B;
}

.stadium .std-btn--secondary:hover {
  background: #F8FAFC;
}

.stadium .std-btn--secondary:active {
  background: #F1F5F9;
}

.stadium .std-diorama {
  display: none;
}

.stadium .std-character-side {
  display: none;
}

.stadium img[src="/img/jubilee-seal.svg"] {
  display: none;
}

.stadium .std-ball-layer {
  display: none;
}

.stadium .std-confetti-canvas {
  display: none;
}

.stadium .std-numeral {
  display: none;
}

.stadium .std-stub {
  background: #F0FDF4; border: 1px solid #86EFAC; border-radius: 10px; box-shadow: none;
}

.stadium .std-stub::before {
  display: none;
}

.stadium .std-stub[style*="margin-right"] {
  margin-right: 0 !important;
}

.stadium .std-stamp {
  transform: none;
}

.stadium #screen-landing > header.std-wrap {
  background: #FFFFFF; border-bottom: 1px solid var(--border); width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); padding-left: max(20px, calc(50vw - 580px)); padding-right: max(20px, calc(50vw - 580px));
}

@media (min-width: 768px) {
  .stadium #screen-landing > header.std-wrap {
    padding-left: max(40px, calc(50vw - 560px)); padding-right: max(40px, calc(50vw - 560px));
  }
}

.stadium #uploadBox {
  border: 2px dashed #CBD5E1 !important; border-radius: var(--radius) !important; background: #F8FAFC;
}

.stadium #uploadBox.drag-over {
  background: #F0FDF4;
}

.stadium #uploadBox.has-file {
  border-style: solid !important; border-color: #22C55E !important; background: #F0FDF4;
}

.stadium #nav-placeholder > div {
  background: #FFFFFF !important; border-bottom: 1px solid var(--border) !important;
}

.stadium #mobileMenu {
  background: #FFFFFF !important; border-bottom: 1px solid var(--border) !important; box-shadow: var(--shadow-lg) !important;
}

.stadium .std-article .faq-group-title {
  border-bottom: 1px solid var(--border); color: #15803D;
}

.stadium .std-article h2 {
  border-bottom-width: 1px; border-bottom-color: var(--border);
}

.stadium .std-article .faq-q:hover {
  background: #F8FAFC;
}

.stadium section.std-band[style*="border-bottom"] {
  border-bottom: 1px solid var(--border) !important;
}

.stadium .std-stamp {
  color: #15803D; border-color: #15803D;
}

.stadium .std-article a.std-btn {
  color: #1B2B4B;
}

/* ── LEGACY GREEN-HERO RETUNE (Loki feedback 2026-08-25: "the old version had a green
   banner" — the original marketing surface opened on the dark-green gradient hero and
   dark translucent nav still live on who-its-for/why-jubilee; the white-page skin above
   matched the wrong half of the legacy system. Overrides below win by file order.
   Same contract: .stadium-scoped, one selector per rule, copy/controls untouched.) ── */

.stadium #screen-landing > header.std-wrap {
  --ink: #FFFFFF;
  background: rgba(6,31,16,0.92); backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  position: sticky; top: 0; z-index: 100;
}
.stadium #screen-landing > header.std-wrap .std-btn {
  background: #15803D; color: #FFFFFF;
}
.stadium #screen-landing > header.std-wrap .std-btn:hover {
  background: #166534;
}

.stadium #screen-landing > section.std-wrap:first-of-type {
  --ink-soft: rgba(255,255,255,0.85);
  color: #FFFFFF;
  background: linear-gradient(135deg,#064e29 0%,#166534 40%,#16a34a 100%);
  width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);
  padding-left: max(20px, calc(50vw - 580px)); padding-right: max(20px, calc(50vw - 580px));
  padding-top: 72px; padding-bottom: 80px;
}
@media (min-width: 768px) {
  .stadium #screen-landing > section.std-wrap:first-of-type {
    padding-left: max(40px, calc(50vw - 560px)); padding-right: max(40px, calc(50vw - 560px));
  }
}
.stadium #screen-landing > section.std-wrap:first-of-type .std-eyebrow {
  display: inline-block; background: rgba(255,255,255,0.15); color: #FFFFFF;
  border: 1px solid rgba(255,255,255,0.25); border-radius: 20px; padding: 5px 14px;
}
.stadium #screen-landing > section.std-wrap:first-of-type .std-hero-h {
  color: #FFFFFF; font-size: clamp(36px, 4vw, 52px); letter-spacing: -1.5px;
}
.stadium #screen-landing > section.std-wrap:first-of-type .std-btn {
  background: #FFFFFF; color: #15803D; font-weight: 700;
}
.stadium #screen-landing > section.std-wrap:first-of-type .std-btn:hover {
  background: #FFFFFF; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}
.stadium #screen-landing > section.std-wrap:first-of-type .std-btn--secondary {
  background: transparent; border: 1px solid rgba(255,255,255,0.4); color: #FFFFFF;
}
.stadium #screen-landing > section.std-wrap:first-of-type .std-btn--secondary:hover {
  background: rgba(255,255,255,0.12);
}

.stadium #name-story {
  background: linear-gradient(135deg,#064e29 0%,#166534 50%,#16a34a 100%);
  --gold: rgba(255,255,255,0.85);
}

.stadium .std-card:not(.std-card--ink) {
  border-top: 3px solid #22C55E;
}

.stadium #nav-placeholder > div {
  --ink: #FFFFFF;
  background: rgba(6,31,16,0.92) !important; backdrop-filter: blur(20px) saturate(180%); -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.stadium #nav-placeholder > div .std-btn {
  background: #15803D; color: #FFFFFF;
}
.stadium #mobileMenu {
  --ink: #FFFFFF;
  background: #0B2818 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}
.stadium #mobileMenu .std-btn {
  background: #15803D; color: #FFFFFF;
}

.stadium.page-hiw section.std-band[style*="border-bottom"] {
  --ink: #FFFFFF; --ink-soft: rgba(255,255,255,0.85);
  color: #FFFFFF;
  background: linear-gradient(135deg,#064e29 0%,#166534 40%,#16a34a 100%) !important;
  border-bottom: none !important; padding-top: 72px; padding-bottom: 64px;
}
.stadium.page-dispute section.std-band[style*="border-bottom"] {
  --ink: #FFFFFF; --ink-soft: rgba(255,255,255,0.85);
  color: #FFFFFF;
  background: linear-gradient(135deg,#064e29 0%,#166534 40%,#16a34a 100%) !important;
  border-bottom: none !important; padding-top: 72px; padding-bottom: 64px;
}
.stadium.page-hiw section.std-band[style*="border-bottom"] .std-eyebrow {
  color: rgba(255,255,255,0.8);
}
.stadium.page-dispute section.std-band[style*="border-bottom"] .std-eyebrow {
  color: rgba(255,255,255,0.8);
}
.stadium.page-faq section.std-band[style*="border-bottom"] {
  --ink: #FFFFFF; --ink-soft: #94A3B8;
  color: #FFFFFF;
  background: #0A1628 !important;
  border-bottom: none !important; padding-top: 72px; padding-bottom: 56px;
}
.stadium.page-faq section.std-band[style*="border-bottom"] .std-eyebrow {
  color: #22C55E;
}