/* Static editorial pages share the initiative shell but keep natural-flow content. */
.static-page {
  margin: 0;
  display: block;
  min-height: 100dvh;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  line-height: 1.65;
  background: #07111d;
}
.static-page *,
.static-page *::before,
.static-page *::after { box-sizing: border-box; }
.static-page img { display: block; max-width: 100%; }
.static-page a, .static-page button { font-family: Manrope, sans-serif; }
.static-page #main-content > section:not(.modern-section) { display: block; }
.static-page #main-content {
  min-height: 0;
  width: 100%;
  max-width: none;
  background: #07111d;
  color: #f4f7fb;
  overflow: visible;
}
.static-page .contact-hero,
.static-page .hero {
  position: relative;
  min-height: 0;
  background: #071a2b;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
}
.static-page .contact-hero {
  padding: clamp(150px, 17vw, 220px) clamp(28px, 7vw, 108px) clamp(74px, 9vw, 120px);
  border-bottom: 1px solid rgba(125,196,255,.18);
}
.static-page .contact-hero-eyebrow,
.static-page .hero-eyebrow {
  display: block;
  margin-bottom: 18px;
  color: #7dc4ff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.static-page .contact-hero h1,
.static-page .hero-headline {
  max-width: 820px;
  color: #fff;
  font-family: var(--youth-display);
  font-size: clamp(3rem, 7vw, 6.2rem);
  font-weight: 400;
  line-height: .98;
  letter-spacing: -.07em;
}
.static-page .contact-hero p,
.static-page .hero-subhead {
  max-width: 620px;
  margin-top: 24px;
  color: rgba(255,255,255,.72);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  line-height: 1.55;
}
.static-page .contact-body {
  padding: clamp(70px, 9vw, 126px) clamp(20px, 3vw, 48px);
  background: #0b1928;
}
.static-page .contact-grid {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(34px, 7vw, 112px);
  width: 100%;
  max-width: none;
  align-items: start;
}
.static-page .contact-cards { display: grid; gap: 12px; }
.static-page .contact-card,
.static-page .contact-form-card {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 0;
  background: #13273a;
  box-shadow: none;
}
.static-page .contact-card { padding: 24px; }
.static-page .contact-card:hover { border-color: rgba(125,196,255,.5); background: #19344b; }
.static-page .contact-card-icon { margin-bottom: 16px; font-size: 22px; }
.static-page .contact-card-title { color: #f4f7fb; font-family: var(--youth-display); font-size: 1.45rem; font-weight: 400; letter-spacing: -.035em; }
.static-page .contact-card-desc { margin: 8px 0 14px; color: rgba(244,247,251,.62); font-size: 13px; line-height: 1.6; }
.static-page .contact-card-link { color: #7dc4ff; font-size: 12px; font-weight: 800; letter-spacing: .05em; text-decoration: none; }
.static-page .contact-form-card { padding: clamp(28px, 4vw, 48px); }
.static-page .contact-form-card h2 {
  color: #f4f7fb;
  font-family: var(--youth-display);
  font-size: clamp(2rem, 3.5vw, 3.4rem);
  font-weight: 400;
  letter-spacing: -.055em;
  line-height: 1;
}
.static-page .contact-form-card > p { margin-top: 16px; color: rgba(244,247,251,.62); font-size: 15px; line-height: 1.7; }
.static-page .contact-form-card > div[style] { margin-top: 32px !important; }
.static-page .contact-form-card .btn { justify-content: space-between; border-radius: 0; padding: 15px 18px !important; font-size: 12px !important; letter-spacing: .04em; }
.static-page .btn-primary { background: #7dc4ff; color: #061424; }
.static-page .btn-primary:hover { background: #fff; color: #061424; }
.static-page .btn-outline { border-color: rgba(255,255,255,.38); color: rgba(255,255,255,.82); }
.static-page .btn-outline:hover { border-color: #7dc4ff; color: #7dc4ff; }

/* Special Thanks keeps its glossary content and removes only the legacy shell/reveal behavior. */
.static-page .hero { min-height: 560px; display: flex; align-items: flex-end; }
.static-page .hero-bg {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 55% 45%, rgba(125,196,255,.16), transparent 70%), #071a2b;
}
.static-page .hero-dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 28px 28px;
}
.static-page .hero-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 150px clamp(28px, 7vw, 108px) 86px;
}
.static-page .hero-headline em { color: #7dc4ff; font-style: normal; }
.static-page .stats-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
  padding: 18px clamp(20px, 3vw, 48px);
  background: #0b1928;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.static-page .stat-item { display: flex; align-items: baseline; gap: 8px; }
.static-page .stat-num { color: #7dc4ff; font-size: 1.5rem; font-weight: 800; }
.static-page .stat-label { color: rgba(244,247,251,.58); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.static-page .gl-letter-nav {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  padding: 12px clamp(20px, 3vw, 48px);
  background: #071a2b;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.static-page .gl-letter-nav-label { color: rgba(244,247,251,.42); }
.static-page .gl-nav-letter { color: rgba(244,247,251,.62); }
.static-page .gl-nav-letter:hover { color: #fff; background: rgba(125,196,255,.1); border-color: rgba(125,196,255,.35); }
.static-page .gl-body { padding: 0 clamp(20px, 3vw, 48px) 96px; background: #0b1928; }
.static-page .gl-section { padding-top: 64px; }
.static-page .gl-letter-head { border-bottom-color: rgba(255,255,255,.16); }
.static-page .gl-letter-char { color: #7dc4ff; font-family: var(--youth-display); font-size: 3.4rem; font-weight: 400; }
.static-page .gl-letter-count { color: rgba(244,247,251,.38); }
.static-page .gl-link { color: rgba(244,247,251,.82); border-radius: 0; }
.static-page .gl-link:hover { color: #fff; background: rgba(125,196,255,.1); border-color: rgba(125,196,255,.25); }
.static-page .gl-ext { color: #7dc4ff; }
.static-page .closing { padding: clamp(70px, 9vw, 126px) clamp(20px, 3vw, 48px); background: #07111d; text-align: center; }
.static-page .closing-card { max-width: 980px; margin: 0 auto; padding: clamp(38px, 6vw, 76px); border: 1px solid rgba(125,196,255,.28); border-radius: 0; background: #13273a; }
.static-page .closing h2 { color: #fff; font-family: var(--youth-display); font-size: clamp(2.2rem, 4.5vw, 4.8rem); font-weight: 400; letter-spacing: -.06em; line-height: 1; }
.static-page .closing p { max-width: 680px; margin: 20px auto 30px; color: rgba(244,247,251,.65); font-size: 15px; line-height: 1.7; }
.static-page .closing .btn { border-radius: 0; }

html[data-theme="light"] .static-page #main-content { background: #f8f9fb; color: #071a2b; }
html[data-theme="light"] .static-page .hero { background: #071a2b; }
html[data-theme="light"] .static-page .contact-hero { background: #e7f0f8; color: #071a2b; border-bottom-color: rgba(30,115,190,.2); }
html[data-theme="light"] .static-page .contact-hero h1 { color: #071a2b; }
html[data-theme="light"] .static-page .contact-hero p { color: #274054; }
html[data-theme="light"] .static-page .contact-hero-eyebrow { color: #1e73be; }
html[data-theme="light"] .static-contact .contact-routing-intro { color: #274054; }
html[data-theme="light"] .static-contact .contact-routing-meta { border-top-color: rgba(7,26,43,.18); }
html[data-theme="light"] .static-contact .contact-routing-meta span { color: #1e73be; }
html[data-theme="light"] .static-contact .contact-routing-meta strong { color: #274054; }
html[data-theme="light"] .static-page .contact-body,
html[data-theme="light"] .static-page .gl-body { background: #f8f9fb; }
html[data-theme="light"] .static-page .contact-card,
html[data-theme="light"] .static-page .contact-form-card,
html[data-theme="light"] .static-page .closing-card { background: #fff; border-color: rgba(7,26,43,.14); }
html[data-theme="light"] .static-page .contact-card-title,
html[data-theme="light"] .static-page .contact-form-card h2 { color: #071a2b; }
html[data-theme="light"] .static-page .contact-card-desc,
html[data-theme="light"] .static-page .contact-form-card > p { color: rgba(7,26,43,.62); }
html[data-theme="light"] .static-page .contact-card:hover { background: #f1f6fa; border-color: rgba(30,115,190,.35); }
html[data-theme="light"] .static-page .stats-bar,
html[data-theme="light"] .static-page .gl-letter-nav { background: #eef1f6; border-color: rgba(7,26,43,.12); }
html[data-theme="light"] .static-page .stat-label,
html[data-theme="light"] .static-page .gl-letter-nav-label,
html[data-theme="light"] .static-page .gl-letter-count { color: rgba(7,26,43,.48); }
html[data-theme="light"] .static-page .gl-nav-letter { color: rgba(7,26,43,.62); }
html[data-theme="light"] .static-page .gl-letter-head { border-bottom-color: rgba(7,26,43,.14); }
html[data-theme="light"] .static-page .gl-link { color: rgba(7,26,43,.82); }
html[data-theme="light"] .static-page .gl-link:hover { color: #071a2b; background: rgba(30,115,190,.08); border-color: rgba(30,115,190,.22); }
html[data-theme="light"] .static-page .closing { background: #f8f9fb; }
html[data-theme="light"] .static-page .closing h2 { color: #071a2b; }
html[data-theme="light"] .static-page .closing p { color: rgba(7,26,43,.62); }

@media (max-width: 900px) {
  .static-page .contact-grid { grid-template-columns: 1fr; gap: 34px; }
  .static-page .contact-hero { padding-inline: 24px; }
  .static-page .contact-body { padding-inline: 24px; }
  .static-page .hero-content { padding-inline: 24px; }
  .static-page .gl-letter-nav, .static-page .gl-body, .static-page .stats-bar, .static-page .closing { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 600px) {
  .static-page .contact-hero { padding-top: 126px; padding-bottom: 68px; }
  .static-page .contact-hero h1, .static-page .hero-headline { font-size: clamp(2.8rem, 14vw, 5rem); }
  .static-page .contact-body { padding-top: 58px; padding-bottom: 72px; }
  .static-page .hero { min-height: 560px; }
  .static-page .hero-content { padding-top: 126px; padding-bottom: 76px; }
  .static-page .stats-bar { gap: 18px 24px; }
  .static-page .gl-body { padding-bottom: 72px; }
  .static-page .gl-section { padding-top: 48px; }
  .static-page .closing-card { padding: 36px 24px; }
}

/* Glossary structure and icon sizing are kept explicit so the old page CSS cannot
   leak browser defaults into the new editorial shell. */
.static-page .gl-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; margin: 0; padding: 0; list-style: none; }
.static-page .gl-item { min-width: 0; border-bottom: 1px solid rgba(7,26,43,.14); }
.static-page .gl-link { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 52px; padding: 12px 0; color: #071a2b; font-size: 14px; line-height: 1.35; text-decoration: none; }
.static-page .gl-ext { display: block; width: 12px; height: 12px; min-width: 12px; flex: 0 0 12px; color: #1e73be; }
.static-page .gl-letter-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid rgba(7,26,43,.14); }
.static-page .gl-letter-count { font-size: 11px; font-weight: 700; }
html[data-theme="light"] .static-page .contact-card-link { color: #1e73be; }
html[data-theme="light"] .static-page .contact-card-link:hover { color: #1558a0; }
html[data-theme="light"] .static-page .stats-bar { background: #071a2b; border-bottom-color: rgba(125,196,255,.22); }
html[data-theme="light"] .static-page .stat-label { color: rgba(255,255,255,.68); }
html[data-theme="light"] .static-page .stat-num { color: #7dc4ff; }
html[data-theme="light"] .static-page .gl-letter-nav-label { color: rgba(7,26,43,.68); }
html[data-theme="light"] .static-page .gl-nav-letter { color: #1e73be; }
html[data-theme="light"] .static-page .gl-nav-letter:hover { color: #071a2b; }
html[data-theme="light"] .static-page .gl-letter-char { color: #1e73be; }
html[data-theme="light"] .static-page .gl-letter-count { color: rgba(7,26,43,.62); }
html[data-theme="light"] .static-page .gl-item { border-bottom-color: rgba(7,26,43,.14); }
html[data-theme="light"] .static-page .gl-link { color: #071a2b; }
html[data-theme="light"] .static-page .gl-ext { color: #1e73be; }
@media (max-width: 700px) {
  .static-page .gl-list { grid-template-columns: 1fr; }
}

/* Modern contact intake: a focused two-zone hero inspired by editorial SaaS/contact patterns. */
.static-contact .contact-hero-modern {
  min-height: min(820px, 100svh);
  display: flex;
  align-items: center;
  padding: clamp(142px, 13vw, 190px) clamp(24px, 6vw, 96px) clamp(72px, 8vw, 112px);
  background: #071a2b;
}
.static-contact .contact-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(390px, 510px);
  gap: clamp(48px, 8vw, 128px);
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  align-items: center;
}
.static-contact .contact-hero-copy { max-width: 720px; }
.static-contact .contact-hero-copy h1 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-family: var(--youth-display);
  font-size: clamp(3.4rem, 7vw, 7.3rem);
  font-weight: 400;
  line-height: .94;
  letter-spacing: -.075em;
}
.static-contact .contact-hero-copy > p {
  max-width: 610px;
  margin-top: 30px;
  color: rgba(255,255,255,.72);
  font-size: clamp(1.05rem, 1.5vw, 1.25rem);
  line-height: 1.62;
}
.static-contact .contact-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 52px;
  padding-top: 18px;
  border-top: 1px solid rgba(125,196,255,.28);
}
.static-contact .contact-hero-meta div { display: grid; gap: 5px; }
.static-contact .contact-hero-meta span,
.static-contact .contact-panel-kicker {
  color: #7dc4ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
  line-height: 1.3;
  text-transform: uppercase;
}
.static-contact .contact-hero-meta strong { color: rgba(255,255,255,.88); font-size: 12px; font-weight: 700; }

/* Support route panel: keep each contribution path distinct and scannable. */
.static-support .support-intake-panel {
  padding: clamp(28px, 3vw, 40px);
  border: 1px solid rgba(7,26,43,.14);
  border-radius: 18px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 22px 70px rgba(7,26,43,.08);
}
.static-support .support-intake-panel h2 {
  margin: 14px 0 0;
  color: #071a2b;
  font-family: var(--youth-display);
  font-size: clamp(2.35rem, 4vw, 3.6rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .98;
}
.static-support .support-intake-panel > p {
  margin: 18px 0 0;
  color: #274054;
  font-size: 15px;
  line-height: 1.6;
}
.static-support .contact-route-list {
  display: grid;
  margin-top: 24px;
  border-top: 1px solid rgba(7,26,43,.16);
}
.static-support .contact-route {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  padding: 16px 0;
  border-bottom: 1px solid rgba(7,26,43,.16);
  color: #071a2b;
  text-decoration: none;
  transition: color .2s ease, padding-inline .2s ease, background-color .2s ease;
}
.static-support .contact-route > span {
  display: grid;
  min-width: 0;
  gap: 5px;
}
.static-support .contact-route strong {
  color: inherit;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}
.static-support .contact-route small {
  color: #526779;
  font-size: 12px;
  line-height: 1.4;
}
.static-support .contact-route b {
  flex: 0 0 auto;
  color: #1e73be;
  font-size: 18px;
  font-weight: 700;
}
.static-support .contact-route:hover,
.static-support .contact-route:focus-visible {
  padding-inline: 10px;
  background: rgba(30,115,190,.06);
  color: #1e73be;
  outline: none;
}
.static-support .contact-route:hover small,
.static-support .contact-route:focus-visible small { color: #274054; }
.static-support .contact-route-primary strong { color: #1e73be; }
.static-support .contact-panel-note {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  color: #526779;
  font-size: 11px;
  line-height: 1.4;
}
.static-support .contact-note-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 50%;
  background: #1e73be;
}
html:not([data-theme="light"]) .static-support .support-intake-panel {
  border-color: rgba(125,196,255,.24);
  background: rgba(16,40,58,.92);
  box-shadow: 0 22px 70px rgba(0,0,0,.2);
}
html:not([data-theme="light"]) .static-support .support-intake-panel h2,
html:not([data-theme="light"]) .static-support .contact-route { color: #f4f7fb; }
html:not([data-theme="light"]) .static-support .support-intake-panel > p,
html:not([data-theme="light"]) .static-support .contact-route small,
html:not([data-theme="light"]) .static-support .contact-panel-note { color: rgba(244,247,251,.68); }
html:not([data-theme="light"]) .static-support .contact-route-list,
html:not([data-theme="light"]) .static-support .contact-route { border-color: rgba(255,255,255,.16); }
html:not([data-theme="light"]) .static-support .contact-route:hover,
html:not([data-theme="light"]) .static-support .contact-route:focus-visible { background: rgba(125,196,255,.1); color: #7dc4ff; }

/* Special Thanks dark mode: the static glossary has a late light-surface rule that
   otherwise leaves links in dark editorial ink on the dark page. */
html:not([data-theme="light"]) .static-special-thanks .gl-link { color: rgba(244,247,251,.82); }
html:not([data-theme="light"]) .static-special-thanks .gl-link:hover { color: #fff; }
html:not([data-theme="light"]) .static-special-thanks .gl-item { border-bottom-color: rgba(255,255,255,.14); }
html:not([data-theme="light"]) .static-special-thanks .gl-letter-head { border-bottom-color: rgba(255,255,255,.16); }
.static-special-thanks .closing-cta,
.static-special-thanks .closing-cta:hover {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 13px 22px;
  border: 1px solid #7dc4ff;
  border-radius: 999px;
  background: #7dc4ff;
  color: #061424;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}
html[data-theme="light"] .static-special-thanks .closing-cta,
html[data-theme="light"] .static-special-thanks .closing-cta:hover { background: #1e73be; border-color: #1e73be; color: #fff; }

@media (max-width: 900px) {
  .static-contact .contact-hero-modern { min-height: 0; align-items: stretch; }
  .static-contact .contact-hero-inner { grid-template-columns: 1fr; gap: 48px; }
  .static-contact .contact-hero-copy { max-width: 720px; }
  .static-contact .contact-hero-copy h1 { font-size: clamp(3.4rem, 12vw, 6rem); }
}
@media (max-width: 600px) {
  .static-contact .contact-hero-modern { padding-top: 126px; padding-bottom: 64px; }
  .static-contact .contact-hero-inner { gap: 36px; }
  .static-contact .contact-hero-copy h1 { font-size: clamp(3rem, 15vw, 4.8rem); }
  .static-contact .contact-hero-copy > p { margin-top: 22px; font-size: 1rem; }
  .static-contact .contact-hero-meta { gap: 18px; margin-top: 36px; }
  .static-contact .contact-intake-panel { padding: 26px 20px; border-radius: 16px; }
  .static-contact .contact-intake-panel h2 { font-size: 2.6rem; }
}

/* Support proof and evidence bands complete the same natural-flow editorial shell. */
.static-support .support-proof {
  padding: clamp(72px, 9vw, 128px) clamp(24px, 6vw, 96px);
  background: #0b1928;
  color: #fff;
}
.static-support .support-section-shell { width: 100%; max-width: 1320px; margin: 0 auto; }
.static-support .support-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
  gap: 48px;
  align-items: end;
}
.static-support .support-kicker {
  color: #7dc4ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.static-support .support-section-heading h2,
.static-support .support-evidence h2 {
  margin-top: 16px;
  color: inherit;
  font-family: var(--youth-display);
  font-size: clamp(2.6rem, 5vw, 5rem);
  font-weight: 400;
  letter-spacing: -.065em;
  line-height: .98;
}
.static-support .support-section-heading > p { max-width: 420px; color: rgba(255,255,255,.66); font-size: 15px; line-height: 1.7; }
.static-support .support-value-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  margin-top: 56px;
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.13);
}
.static-support .support-value-grid > div { min-height: 156px; padding: 26px 22px; background: #13273a; }
.static-support .support-value-grid strong { display: block; color: #7dc4ff; font-size: clamp(1.7rem, 3vw, 2.5rem); font-weight: 800; letter-spacing: -.05em; }
.static-support .support-value-grid span { display: block; max-width: 18ch; margin-top: 10px; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.5; }
.static-support .support-evidence {
  padding: clamp(72px, 9vw, 128px) clamp(24px, 6vw, 96px);
  background: #071a2b;
  color: #fff;
}
.static-support .support-evidence-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(42px, 8vw, 124px); width: 100%; max-width: 1320px; margin: 0 auto; align-items: end; }
.static-support .support-evidence-copy { max-width: 620px; }
.static-support .support-evidence-copy p { color: rgba(255,255,255,.72); font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.65; }
.static-support .support-evidence-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 28px;
  padding: 13px 20px;
  border-radius: 999px;
  background: #7dc4ff;
  color: #061424;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-decoration: none;
  text-transform: uppercase;
}
.static-support .support-evidence-button:hover { background: #fff; color: #061424; }
html[data-theme="light"] .static-support .support-proof { background: #f8f9fb; color: #071a2b; }
html[data-theme="light"] .static-support .support-section-heading > p { color: #557087; }
html[data-theme="light"] .static-support .support-value-grid { border-color: rgba(7,26,43,.14); background: rgba(7,26,43,.14); }
html[data-theme="light"] .static-support .support-value-grid > div { background: #fff; }
html[data-theme="light"] .static-support .support-value-grid strong { color: #1e73be; }
html[data-theme="light"] .static-support .support-value-grid span { color: #557087; }
html[data-theme="light"] .static-support .support-evidence { background: #e7f0f8; color: #071a2b; }
html[data-theme="light"] .static-support .support-evidence-copy p { color: #274054; }
html[data-theme="light"] .static-support .support-evidence-button { background: #1e73be; color: #fff; }
html[data-theme="light"] .static-support .support-evidence-button:hover { background: #1558a0; color: #fff; }
@media (max-width: 900px) {
  .static-support .support-section-heading,
  .static-support .support-evidence-inner { grid-template-columns: 1fr; gap: 28px; }
  .static-support .support-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .static-support .support-proof,
  .static-support .support-evidence { padding-inline: 24px; }
  .static-support .support-value-grid { grid-template-columns: 1fr 1fr; margin-top: 36px; }
  .static-support .support-value-grid > div { min-height: 138px; padding: 20px 16px; }
  .static-support .support-value-grid span { font-size: 11px; }
}

/* Contact form companion: keep routing on the left and the writable intake on the right. */
.static-contact .contact-hero-with-form { min-height: min(1080px, 100svh); }
.static-contact .contact-hero-with-form .contact-hero-inner { grid-template-columns: minmax(0, .98fr) minmax(390px, .82fr); align-items: start; }
.static-contact .contact-form-panel {
  padding: clamp(28px, 4vw, 48px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  background: #f5f7f9;
  color: #071a2b;
  box-shadow: 0 28px 80px rgba(0,0,0,.24);
}
.static-contact .contact-form-panel h2 {
  margin: 16px 0 0;
  color: #071a2b;
  font-family: var(--youth-display);
  font-size: clamp(2.2rem, 4vw, 3.8rem);
  font-weight: 400;
  letter-spacing: -.06em;
  line-height: .98;
}
.static-contact .contact-form-panel > p { margin: 18px 0 28px; color: #557087; font-size: 14px; line-height: 1.65; }
.static-contact .contact-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
.static-contact .contact-form-fields label { display: grid; gap: 7px; min-width: 0; }
.static-contact .contact-form-fields label span { color: #071a2b; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.static-contact .contact-form-fields .contact-form-wide { grid-column: 1 / -1; }
.static-contact .contact-form-fields input,
.static-contact .contact-form-fields select,
.static-contact .contact-form-fields textarea {
  width: 100%;
  border: 1px solid rgba(7,26,43,.18);
  border-radius: 9px;
  background: #fff;
  color: #071a2b;
  font: 500 13px/1.45 Manrope, sans-serif;
  padding: 12px 13px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.static-contact .contact-form-fields textarea { min-height: 132px; resize: vertical; }
.static-contact .contact-form-fields input::placeholder,
.static-contact .contact-form-fields textarea::placeholder { color: #8294a3; }
.static-contact .contact-form-fields input:focus,
.static-contact .contact-form-fields select:focus,
.static-contact .contact-form-fields textarea:focus { outline: none; border-color: #1e73be; box-shadow: 0 0 0 3px rgba(30,115,190,.14); }
.static-contact .contact-form-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  margin-top: 22px;
  border: 1px solid #1e73be;
  border-radius: 999px;
  background: #1e73be;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.static-contact .contact-form-submit:hover { border-color: #1558a0; background: #1558a0; }
.static-contact .contact-form-note { margin: 14px 0 0 !important; color: #557087 !important; font-size: 11px !important; line-height: 1.55 !important; }
.static-contact .contact-form-status { min-height: 18px; margin: 8px 0 0 !important; color: #1e73be !important; font-size: 12px !important; }
@media (max-width: 900px) {
  .static-contact .contact-hero-with-form { min-height: 0; }
  .static-contact .contact-hero-with-form .contact-hero-inner { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 600px) {
  .static-contact .contact-form-panel { padding: 26px 20px; border-radius: 16px; }
  .static-contact .contact-form-fields { grid-template-columns: 1fr; gap: 14px; }
  .static-contact .contact-form-fields .contact-form-wide { grid-column: auto; }
  .static-contact .contact-form-panel h2 { font-size: 2.6rem; }
}

/* Unified left-side contact index: one composed element with no secondary route block. */
.static-contact .contact-editorial-panel { min-width: 0; padding-top: 2px; }
.static-contact .contact-editorial-panel h1 {
  max-width: 680px;
  margin: 22px 0 0;
  color: #fff;
  font-family: var(--youth-display);
  font-size: clamp(4rem, 6.2vw, 7rem);
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: .91;
}
.static-contact .contact-routing-intro { max-width: 610px; margin: 28px 0 0; color: rgba(255,255,255,.72); font-size: clamp(1rem, 1.45vw, 1.2rem); line-height: 1.65; }
.static-contact .contact-routing-meta {
  display: grid;
  grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
  gap: 24px;
  max-width: 610px;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.18);
}
.static-contact .contact-routing-meta div { display: grid; gap: 5px; }
.static-contact .contact-routing-meta span { color: #7dc4ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.static-contact .contact-routing-meta strong { color: rgba(255,255,255,.86); font-size: 12px; font-weight: 700; line-height: 1.4; }
.static-contact .contact-form-panel h2 { margin-top: 0; }
@media (max-width: 900px) {
  .static-contact .contact-editorial-panel h1 { font-size: clamp(3.5rem, 12vw, 6rem); }
}
@media (max-width: 600px) {
  .static-contact .contact-editorial-panel h1 { font-size: clamp(3.2rem, 15vw, 5rem); }
  .static-contact .contact-routing-intro { margin-top: 22px; font-size: 1rem; }
  .static-contact .contact-routing-meta { grid-template-columns: 1fr; gap: 15px; }
}

html[data-theme="light"] .static-contact .site-header,
html[data-theme="light"] .static-support .site-header {
  color: #071a2b;
  background: rgba(231,240,248,.88);
  border-bottom-color: rgba(7,26,43,.12);
}
html[data-theme="light"] .static-contact .site-header.is-scrolled,
html[data-theme="light"] .static-support .site-header.is-scrolled { background: rgba(248,249,251,.94); border-bottom-color: rgba(7,26,43,.14); }
html[data-theme="light"] .static-contact .site-brand,
html[data-theme="light"] .static-support .site-brand { color: #071a2b; }
html[data-theme="light"] .static-contact .site-brand img,
html[data-theme="light"] .static-support .site-brand img { filter: brightness(0) saturate(100%) invert(9%) sepia(19%) saturate(1472%) hue-rotate(171deg) brightness(93%) contrast(96%); }
html[data-theme="light"] .static-contact .site-brand span,
html[data-theme="light"] .static-support .site-brand span { border-left-color: rgba(7,26,43,.2); color: rgba(7,26,43,.62); }
html[data-theme="light"] .static-contact .site-nav-item > summary,
html[data-theme="light"] .static-support .site-nav-item > summary { color: rgba(7,26,43,.76); }
html[data-theme="light"] .static-contact .site-nav-item > summary span,
html[data-theme="light"] .static-support .site-nav-item > summary span { color: rgba(7,26,43,.48); }
html[data-theme="light"] .static-contact .site-nav-item > summary:hover,
html[data-theme="light"] .static-contact .site-nav-item[open] > summary,
html[data-theme="light"] .static-support .site-nav-item > summary:hover,
html[data-theme="light"] .static-support .site-nav-item[open] > summary { color: #071a2b; background: rgba(7,26,43,.06); }
html[data-theme="light"] .static-contact .site-theme-toggle,
html[data-theme="light"] .static-support .site-theme-toggle,
html[data-theme="light"] .static-contact .site-theme-toggle .theme-toggle-label,
html[data-theme="light"] .static-support .site-theme-toggle .theme-toggle-label { color: rgba(7,26,43,.72) !important; }
html[data-theme="light"] .static-contact .site-menu-toggle,
html[data-theme="light"] .static-support .site-menu-toggle { color: #071a2b; border-color: rgba(7,26,43,.2); }
@media (max-width: 960px) {
  html[data-theme="light"] .static-contact .site-navigation,
  html[data-theme="light"] .static-support .site-navigation { background: #e7f0f8; border-top-color: rgba(7,26,43,.12); }
}

/* Restored Support email capture inside the evidence band. */
.static-support .support-email-form { max-width: 560px; margin-top: 30px; }
.static-support .support-email-form > label { display: block; margin-bottom: 8px; color: rgba(255,255,255,.9); font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.static-support .support-email-row { display: flex; gap: 10px; }
.static-support .support-email-row input { min-width: 0; flex: 1; border: 1px solid rgba(255,255,255,.28); border-radius: 8px; background: rgba(7,26,43,.36); color: #fff; font: 500 13px/1.45 Manrope, sans-serif; padding: 12px 13px; }
.static-support .support-email-row input::placeholder { color: rgba(255,255,255,.52); }
.static-support .support-email-row input:focus { outline: none; border-color: #7dc4ff; box-shadow: 0 0 0 3px rgba(125,196,255,.14); }
.static-support .support-email-submit { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 150px; border: 1px solid #7dc4ff; border-radius: 999px; background: #7dc4ff; color: #061424; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.static-support .support-email-submit:hover { border-color: #fff; background: #fff; }
.static-support .support-email-note { margin: 10px 0 0 !important; color: rgba(255,255,255,.56) !important; font-size: 11px !important; line-height: 1.5 !important; }
.static-support .support-email-status { min-height: 16px; margin: 6px 0 0 !important; color: #7dc4ff !important; font-size: 11px !important; }
html[data-theme="light"] .static-support .support-email-form > label { color: #071a2b; }
html[data-theme="light"] .static-support .support-email-row input { border-color: rgba(7,26,43,.22); background: #fff; color: #071a2b; }
html[data-theme="light"] .static-support .support-email-row input::placeholder { color: #8294a3; }
html[data-theme="light"] .static-support .support-email-submit { border-color: #1e73be; background: #1e73be; color: #fff; }
html[data-theme="light"] .static-support .support-email-submit:hover { border-color: #1558a0; background: #1558a0; }
html[data-theme="light"] .static-support .support-email-note { color: #557087 !important; }
html[data-theme="light"] .static-support .support-email-status { color: #1e73be !important; }
@media (max-width: 600px) {
  .static-support .support-email-row { flex-direction: column; }
  .static-support .support-email-submit { min-height: 46px; }
}

/* SDG alignment page: an editorial map, not a generic goal grid. */
.static-sdgs .sdg-hero { padding: clamp(150px, 17vw, 220px) clamp(24px, 7vw, 108px) clamp(76px, 9vw, 126px); background: #071a2b; color: #fff; }
.static-sdgs .sdg-hero-inner { display: grid; grid-template-columns: minmax(0, .85fr) minmax(480px, 1.15fr); gap: clamp(32px, 5vw, 80px); width: 100%; max-width: 1320px; margin: 0 auto; align-items: center; }
.static-sdgs .sdg-hero h1 { max-width: 900px; margin-top: 20px; color: #fff; font-family: var(--youth-display); font-size: clamp(3.8rem, 4.8vw, 6.6rem); font-weight: 400; letter-spacing: -.08em; line-height: .9; text-wrap: balance; }
.static-sdgs .sdg-hero-intro { max-width: 760px; margin-top: 28px; color: rgba(255,255,255,.74); font-size: clamp(1.02rem, 1.45vw, 1.22rem); line-height: 1.65; }
.static-sdgs .sdg-hero-meta { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 24px; max-width: 760px; margin-top: 34px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.2); }
.static-sdgs .sdg-hero-meta div { display: grid; gap: 5px; }
.static-sdgs .sdg-hero-meta span { color: #7dc4ff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.static-sdgs .sdg-hero-meta strong { color: rgba(255,255,255,.86); font-size: 12px; line-height: 1.45; }
.static-sdgs .sdg-hero-note { display: grid; grid-template-columns: auto 1fr; gap: 18px; padding: 26px 0 0; border-top: 1px solid rgba(125,196,255,.3); }
.static-sdgs .sdg-note-number { color: #7dc4ff; font-size: clamp(3.8rem, 7vw, 6rem); font-weight: 800; letter-spacing: -.09em; line-height: .8; }
.static-sdgs .sdg-hero-note strong { display: block; color: #fff; font-size: 16px; }
.static-sdgs .sdg-hero-note p { margin-top: 10px; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.6; }
.static-sdgs .sdg-graphic { width: 100%; margin: 0; }
.static-sdgs .sdg-graphic svg { display: block; width: 100%; max-width: 700px; height: auto; margin-left: auto; overflow: visible; animation: sdg-graphic-float 9s ease-in-out infinite; }
.static-sdgs .sdg-graphic-orbit { fill: none; stroke: rgba(125,196,255,.28); stroke-dasharray: 3 8; stroke-width: 1; transform-box: fill-box; transform-origin: center; animation: sdg-orbit-drift 18s linear infinite; }
.static-sdgs .sdg-graphic-connection { opacity: 1; }
.static-sdgs .sdg-graphic-link { fill: none; stroke: rgba(125,196,255,.46); stroke-width: 1.5; stroke-dasharray: 2 9; opacity: .72; animation: sdg-link-solid-cycle 18s ease-in-out infinite; }
.static-sdgs .sdg-graphic-connection[data-goal="08"] .sdg-graphic-link { animation-delay: -3s; }
.static-sdgs .sdg-graphic-connection[data-goal="10"] .sdg-graphic-link { animation-delay: -6s; }
.static-sdgs .sdg-graphic-connection[data-goal="11"] .sdg-graphic-link { animation-delay: -9s; }
.static-sdgs .sdg-graphic-connection[data-goal="16"] .sdg-graphic-link { animation-delay: -12s; }
.static-sdgs .sdg-graphic-connection[data-goal="03"] .sdg-graphic-link { animation-delay: -15s; }
.static-sdgs .sdg-graphic-core { fill: #7dc4ff; stroke: #fff; stroke-width: 1; animation: sdg-core-breathe 4.8s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.static-sdgs .sdg-graphic-core-label { fill: #061424; font: 800 17px Manrope, sans-serif; letter-spacing: -.04em; }
.static-sdgs .sdg-graphic-core-sub { fill: #061424; font: 800 7px Manrope, sans-serif; letter-spacing: .12em; }
.static-sdgs .sdg-graphic-node circle { fill: #071a2b; stroke: #7dc4ff; stroke-width: 1.5; animation: sdg-node-pulse 4.8s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.static-sdgs .sdg-graphic-node > text:not(.sdg-graphic-node-label) { fill: #fff; font: 800 14px Manrope, sans-serif; }
.static-sdgs .sdg-graphic-node-label { fill: rgba(255,255,255,.9); font: 800 8px Manrope, sans-serif; letter-spacing: .13em; }
@keyframes sdg-link-solid-cycle {
  0%, 12% { stroke: rgba(125,196,255,.46); stroke-dasharray: 2 9; opacity: .72; }
  12.01%, 16.66% { stroke: #7dc4ff; stroke-dasharray: 1000 0; opacity: 1; }
  16.67%, 100% { stroke: rgba(125,196,255,.46); stroke-dasharray: 2 9; opacity: .72; }
}
@keyframes sdg-graphic-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes sdg-orbit-drift { to { transform: rotate(360deg); } }
@keyframes sdg-link-pulse { 0%, 100% { opacity: .45; stroke-dashoffset: 0; } 50% { opacity: .9; stroke-dashoffset: -22; } }
@keyframes sdg-core-breathe { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.045); } }
@keyframes sdg-node-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.static-sdgs .sdg-map { padding: clamp(76px, 9vw, 132px) clamp(24px, 6vw, 96px); background: #f8f9fb; color: #071a2b; }
.static-sdgs .sdg-shell { width: 100%; max-width: 1320px; margin: 0 auto; }
.static-sdgs .sdg-section-heading, .static-sdgs .sdg-explorer-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 430px); gap: 48px; align-items: end; }
.static-sdgs .sdg-explorer-intro { grid-template-columns: minmax(120px, .3fr) minmax(0, 1.2fr) minmax(260px, .7fr); gap: clamp(24px, 5vw, 80px); padding-bottom: 38px; border-bottom: 1px solid rgba(7,26,43,.16); }
.static-sdgs .sdg-explorer-intro-index { display: grid; align-content: end; gap: 5px; }
.static-sdgs .sdg-explorer-intro-index strong { color: #1e73be; font-size: clamp(4rem, 7vw, 6.6rem); font-weight: 800; letter-spacing: -.1em; line-height: .78; }
.static-sdgs .sdg-explorer-intro-index small { color: #557087; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.static-sdgs .sdg-kicker { color: #1e73be; font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.static-sdgs .sdg-section-heading h2, .static-sdgs .sdg-explorer-intro h2, .static-sdgs .sdg-method h2, .static-sdgs .sdg-sources h2 { margin-top: 16px; color: #071a2b; font-family: var(--youth-display); font-size: clamp(2.8rem, 5.4vw, 5.8rem); font-weight: 400; letter-spacing: -.075em; line-height: .92; }
.static-sdgs .sdg-explorer-intro-copy { align-self: end; }
.static-sdgs .sdg-explorer-intro-copy p { max-width: 360px; color: #557087; font-size: 15px; line-height: 1.7; }
.static-sdgs .sdg-explorer-prompt { display: inline-flex; align-items: center; gap: 12px; margin-top: 26px; color: #1e73be; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.static-sdgs .sdg-explorer-prompt span { display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid rgba(30,115,190,.35); border-radius: 50%; font-size: 15px; line-height: 1; }
.static-sdgs .sdg-section-heading > p { max-width: 430px; color: #557087; font-size: 15px; line-height: 1.7; }
.static-sdgs .sdg-explorer { display: grid; grid-template-columns: minmax(250px, .38fr) minmax(0, 1fr); gap: 1px; margin-top: 60px; background: rgba(7,26,43,.16); border: 1px solid rgba(7,26,43,.16); }
.static-sdgs .sdg-explorer-nav { display: grid; align-content: start; gap: 1px; padding: 14px; background: #e7f0f8; }
.static-sdgs .sdg-explorer-nav button { display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 12px; width: 100%; padding: 13px 12px; border: 0; border-left: 3px solid transparent; background: transparent; color: #071a2b; cursor: pointer; text-align: left; transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.static-sdgs .sdg-explorer-nav button:hover { background: rgba(255,255,255,.7); transform: translateX(3px); }
.static-sdgs .sdg-explorer-nav button[aria-selected="true"] { border-left-color: #1e73be; background: #fff; box-shadow: 0 8px 20px rgba(7,26,43,.08); }
.static-sdgs .sdg-explorer-nav button:focus-visible { outline: 2px solid #1e73be; outline-offset: -2px; }
.static-sdgs .sdg-explorer-nav button img { width: 46px; height: 46px; object-fit: cover; }
.static-sdgs .sdg-explorer-nav button strong, .static-sdgs .sdg-explorer-nav button small { display: block; }
.static-sdgs .sdg-explorer-nav button strong { font-size: 13px; line-height: 1.25; }
.static-sdgs .sdg-explorer-nav button small { margin-top: 3px; color: #557087; font-size: 10px; line-height: 1.25; }
.static-sdgs .sdg-explorer-nav button > span:last-child { color: #1e73be; font-size: 18px; }
.static-sdgs .sdg-card { min-width: 0; padding: clamp(26px, 3vw, 42px); background: #fff; }
.static-sdgs .sdg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-top: 60px; background: rgba(7,26,43,.16); border: 1px solid rgba(7,26,43,.16); }
.static-sdgs .sdg-explorer .sdg-grid { display: block; min-width: 0; margin-top: 0; background: #fff; border: 0; }
.static-sdgs .sdg-explorer .sdg-card { display: none; min-height: 100%; border: 0; }
.static-sdgs .sdg-explorer.is-ready .sdg-card.is-active { display: block; animation: sdg-panel-enter .38s ease both; }
.static-sdgs .sdg-explorer .sdg-card-image { height: 220px; }
@keyframes sdg-panel-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.static-sdgs .sdg-card-image { position: relative; height: 156px; margin-bottom: 30px; overflow: hidden; background: #dbe9f2; }
.static-sdgs .sdg-card-image::after { position: absolute; inset: 0; content: ''; background: linear-gradient(180deg, rgba(7,26,43,0) 36%, rgba(7,26,43,.78) 100%); pointer-events: none; }
.static-sdgs .sdg-card-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(.98); }
.static-sdgs .sdg-card-image span { position: absolute; left: 14px; bottom: 12px; z-index: 1; color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.static-sdgs .sdg-card-featured { min-height: 430px; }
.static-sdgs .sdg-card-wide { grid-column: 1 / -1; background: #e7f0f8; }
.static-sdgs .sdg-card-qualified { background: #f4eee4; }
.static-sdgs .sdg-hero { padding-inline: 0; }
.static-sdgs .sdg-hero-inner { max-width: none; padding-inline: clamp(24px, 6vw, 96px); box-sizing: border-box; }
.static-sdgs .sdg-map { padding-inline: 0; }
.static-sdgs .sdg-map > .sdg-shell { max-width: none; }
.static-sdgs .sdg-explorer-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; min-height: 150px; box-sizing: border-box; padding: 44px clamp(24px, 6vw, 96px) 24px; border-bottom: 1px solid rgba(7,26,43,.16); }
.static-sdgs .sdg-explorer-intro-label { display: flex; align-items: center; gap: 22px; }
.static-sdgs .sdg-explorer-intro-line { display: block; width: clamp(80px, 14vw, 220px); height: 1px; background: rgba(30,115,190,.35); }
.static-sdgs .sdg-explorer-intro-index { display: flex; align-items: baseline; gap: 14px; }
.static-sdgs .sdg-explorer-intro-index strong { font-size: clamp(4rem, 7vw, 6.6rem); }
.static-sdgs .sdg-goal-sections { width: 100%; margin-top: 0; margin-left: 0; }
.static-sdgs .sdg-goal-sections .sdg-card { position: relative; isolation: isolate; width: 100%; min-height: 200svh; margin: 0; padding: 0; border-top: 1px solid rgba(7,26,43,.16); background: transparent; overflow: visible; }
.static-sdgs .sdg-goal-sections .sdg-card + .sdg-card { margin-top: -100svh; }
.static-sdgs .sdg-goal-sections .sdg-goal-shell { position: sticky; top: 0; z-index: 1; display: grid; grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr); column-gap: clamp(42px, 8vw, 130px); align-content: center; align-items: center; width: 100%; min-height: 100svh; box-sizing: border-box; padding: clamp(64px, 9vw, 132px) clamp(24px, 6vw, 96px); background: #f8f9fb; overflow: hidden; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell { background: #eef4f7; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(5) .sdg-goal-shell { background: #e7f0f8; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(6) .sdg-goal-shell { background: #f4eee4; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(2) { z-index: 11; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(3) { z-index: 12; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(4) { z-index: 13; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(5) { z-index: 14; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(6) { z-index: 15; }
.static-sdgs .sdg-goal-sections .sdg-goal-shell::before { position: absolute; top: 18px; right: -10px; z-index: 0; content: ''; color: rgba(30,115,190,.06); font-size: clamp(17rem, 27vw, 34rem); font-weight: 800; letter-spacing: -.14em; line-height: .72; pointer-events: none; }
.static-sdgs .sdg-goal-sections .sdg-card[data-goal="04"] .sdg-goal-shell::before { content: '04'; }
.static-sdgs .sdg-goal-sections .sdg-card[data-goal="08"] .sdg-goal-shell::before { content: '08'; }
.static-sdgs .sdg-goal-sections .sdg-card[data-goal="10"] .sdg-goal-shell::before { content: '10'; }
.static-sdgs .sdg-goal-sections .sdg-card[data-goal="11"] .sdg-goal-shell::before { content: '11'; }
.static-sdgs .sdg-goal-sections .sdg-card[data-goal="16"] .sdg-goal-shell::before { content: '16'; }
.static-sdgs .sdg-goal-sections .sdg-card[data-goal="03"] .sdg-goal-shell::before { content: '03'; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell::before { right: auto; left: -10px; }
.static-sdgs .sdg-goal-sections .sdg-goal-shell > * { position: relative; z-index: 1; }
.static-sdgs .sdg-goal-sections .sdg-card-image { grid-column: 1; grid-row: 1 / span 7; width: 100%; height: min(58svh, 540px); margin: 0; clip-path: polygon(0 5%, 96% 0, 100% 94%, 4% 100%); }
.static-sdgs .sdg-goal-sections .sdg-card-image::before { position: absolute; inset: 12px; z-index: 2; content: ''; border: 1px solid rgba(255,255,255,.62); pointer-events: none; }
.static-sdgs .sdg-goal-sections .sdg-card-image::after { z-index: 0; }
.static-sdgs .sdg-goal-sections .sdg-card-image span { z-index: 3; }
.static-sdgs .sdg-goal-sections .sdg-card-image img { transition: transform .7s cubic-bezier(.2,.7,.2,1), filter .7s ease; }
.static-sdgs .sdg-goal-sections .sdg-card:hover .sdg-card-image img { transform: scale(1.06) rotate(.6deg); filter: saturate(.95) contrast(1.03); }
.static-sdgs .sdg-goal-sections .sdg-goal-shell h3,
.static-sdgs .sdg-goal-sections .sdg-goal-shell > p,
.static-sdgs .sdg-goal-sections .sdg-goal-shell .sdg-programs { grid-column: 2; }
.static-sdgs .sdg-goal-sections .sdg-goal-shell h3 { margin-top: 28px; }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-card-image { grid-column: 2; clip-path: polygon(4% 0, 100% 5%, 96% 100%, 0 94%); }
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell h3,
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell > p,
.static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-programs { grid-column: 1; }
.static-sdgs .sdg-goal-sections .sdg-programs a { border: 0; border-bottom: 1px solid rgba(30,115,190,.35); padding: 10px 0; background: transparent; }
.static-sdgs .sdg-card h3 { max-width: 22ch; margin-top: 28px; color: #071a2b; font-family: var(--youth-display); font-size: clamp(2.2rem, 3.2vw, 3.6rem); font-weight: 400; letter-spacing: -.06em; line-height: .95; text-wrap: balance; }
.static-sdgs .sdg-official-title { margin-top: 18px; color: #557087; font-size: 13px; font-style: italic; line-height: 1.55; }
.static-sdgs .sdg-card .sdg-goal-shell > p:not(.sdg-official-title) { max-width: 680px; margin-top: 18px; color: #274054; font-size: 16px; line-height: 1.7; }
.static-sdgs .sdg-programs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.static-sdgs .sdg-programs a { display: inline-flex; gap: 8px; padding: 9px 11px; border: 1px solid rgba(30,115,190,.22); color: #1e73be; font-size: 11px; font-weight: 800; text-decoration: none; }
.static-sdgs .sdg-programs a:hover { border-color: #1e73be; background: rgba(30,115,190,.08); }
.static-sdgs .sdg-programs .sdg-source-link { margin-top: 0; margin-left: auto; border-color: rgba(85,112,135,.3); color: #557087; letter-spacing: .04em; text-transform: uppercase; white-space: nowrap; }
.static-sdgs .sdg-programs .sdg-source-link:hover { border-color: #1e73be; color: #1e73be; }
.static-sdgs .sdg-method { padding: clamp(76px, 9vw, 132px) clamp(24px, 6vw, 96px); background: #071a2b; color: #fff; }
.static-sdgs .sdg-method-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(44px, 9vw, 132px); align-items: start; }
.static-sdgs .sdg-method h2 { color: #fff; }
.static-sdgs .sdg-method-copy { max-width: 680px; }
.static-sdgs .sdg-method-copy p { color: rgba(255,255,255,.7); font-size: clamp(1.05rem, 1.4vw, 1.2rem); line-height: 1.7; }
.static-sdgs .sdg-method-copy p + p { margin-top: 18px; }
.static-sdgs .sdg-sources { padding: clamp(76px, 9vw, 132px) clamp(24px, 6vw, 96px); background: #f4eee4; color: #071a2b; }
.static-sdgs .sdg-sources-intro { max-width: 680px; margin-top: 24px; color: #557087; font-size: 15px; line-height: 1.7; }
.static-sdgs .sdg-source-overview { display: inline-flex; gap: 8px; margin-top: 22px; color: #1e73be; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-decoration: none; text-transform: uppercase; }
.static-sdgs .sdg-source-overview:hover { color: #071a2b; }
.static-sdgs .sdg-source-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 48px; background: rgba(7,26,43,.14); border: 1px solid rgba(7,26,43,.14); }
.static-sdgs .sdg-source-card { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 16px; background: #fff; color: #071a2b; text-decoration: none; }
.static-sdgs .sdg-source-card:hover { background: #e7f0f8; }
.static-sdgs .sdg-source-card img { width: 78px; height: 78px; flex: 0 0 78px; object-fit: contain; }
.static-sdgs .sdg-source-card-copy { display: grid; gap: 4px; min-width: 0; }
.static-sdgs .sdg-source-card-copy strong { color: #071a2b; font-size: 14px; }
.static-sdgs .sdg-source-card-copy small { color: #557087; font-size: 11px; line-height: 1.4; }
.static-sdgs .sdg-source-card-copy em { margin-top: 4px; color: #1e73be; font-size: 10px; font-style: normal; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.static-sdgs .sdg-source-attribution { margin-top: 18px; color: #557087; font-size: 10px; line-height: 1.5; }
html[data-theme="light"] .static-sdgs .site-header { background: rgba(231,240,248,.88); }
html[data-theme="light"] .static-sdgs .sdg-hero { background: #e7f0f8; color: #071a2b; border-bottom-color: rgba(30,115,190,.2); }
html[data-theme="light"] .static-sdgs .sdg-hero h1 { color: #071a2b; }
html[data-theme="light"] .static-sdgs .sdg-hero-intro { color: #274054; }
html[data-theme="light"] .static-sdgs .sdg-hero-meta { border-top-color: rgba(7,26,43,.18); }
html[data-theme="light"] .static-sdgs .sdg-hero-meta strong { color: #274054; }
html[data-theme="light"] .static-sdgs .sdg-hero-note { border-top-color: rgba(30,115,190,.28); }
html[data-theme="light"] .static-sdgs .sdg-hero-note strong { color: #071a2b; }
html[data-theme="light"] .static-sdgs .sdg-hero-note p { color: #557087; }
html[data-theme="light"] .static-sdgs .sdg-graphic-orbit { stroke: rgba(30,115,190,.28); }
html[data-theme="light"] .static-sdgs .sdg-graphic-link { stroke: rgba(30,115,190,.42); }
html[data-theme="light"] .static-sdgs .sdg-graphic-core { fill: #1e73be; stroke: #fff; }
html[data-theme="light"] .static-sdgs .sdg-graphic-core-label,
html[data-theme="light"] .static-sdgs .sdg-graphic-core-sub { fill: #fff; }
html[data-theme="light"] .static-sdgs .sdg-graphic-node circle { fill: #fff; stroke: #1e73be; }
html[data-theme="light"] .static-sdgs .sdg-graphic-node > text:not(.sdg-graphic-node-label) { fill: #071a2b; }
html[data-theme="light"] .static-sdgs .sdg-graphic-node-label { fill: #557087; }
@media (prefers-reduced-motion: reduce) {
  .static-sdgs .sdg-graphic svg, .static-sdgs .sdg-graphic-orbit, .static-sdgs .sdg-graphic-link, .static-sdgs .sdg-graphic-core, .static-sdgs .sdg-graphic-node circle, .static-sdgs .sdg-explorer.is-ready .sdg-card.is-active { animation: none !important; }
  .static-sdgs .sdg-graphic-connection { opacity: 1; }
  .static-sdgs .sdg-graphic-link { stroke: #7dc4ff; stroke-dasharray: 1000 0; opacity: 1; }
}
@media (max-width: 900px) {
  .static-sdgs .sdg-explorer-intro { flex-direction: column; align-items: flex-start; gap: 20px; }
  .static-sdgs .sdg-explorer-intro h2 { width: 100%; min-width: 0; margin: 0; overflow-wrap: break-word; }
  .static-sdgs .sdg-explorer-intro-label { max-width: 100%; }
  .static-sdgs .sdg-hero-inner { grid-template-columns: 1fr; align-items: start; }
  .static-sdgs .sdg-graphic svg { margin: 0 auto; }
  .static-sdgs .sdg-grid { grid-template-columns: 1fr; }
  .static-sdgs .sdg-goal-sections { margin-left: 0; }
  .static-sdgs .sdg-goal-sections .sdg-card { min-height: 0; margin-top: 0 !important; }
  .static-sdgs .sdg-goal-sections .sdg-goal-shell { position: relative; grid-template-columns: 1fr; row-gap: 0; min-height: 0; padding: 72px 24px; align-content: start; }
  .static-sdgs .sdg-goal-sections .sdg-card-image,
  .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-card-image { grid-column: 1; grid-row: auto; }
  .static-sdgs .sdg-goal-sections .sdg-card-top,
  .static-sdgs .sdg-goal-sections .sdg-goal-shell h3,
  .static-sdgs .sdg-goal-sections .sdg-goal-shell > p,
  .static-sdgs .sdg-goal-sections .sdg-goal-shell .sdg-programs,
  .static-sdgs .sdg-goal-sections .sdg-goal-shell .sdg-source-link,
  .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-card-top,
  .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell h3,
  .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell > p,
  .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-programs,
  .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-source-link { grid-column: 1; }
  .static-sdgs .sdg-goal-sections .sdg-goal-shell::before { font-size: 13rem; }
  .static-sdgs .sdg-explorer { grid-template-columns: 1fr; }
  .static-sdgs .sdg-explorer-nav { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .static-sdgs .sdg-source-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .static-sdgs .sdg-card-wide { grid-column: auto; }
}
@media (max-width: 600px) {
  .static-sdgs .sdg-hero { padding-top: 104px; padding-bottom: 44px; }
  .static-sdgs .sdg-hero h1 { max-width: 100%; font-size: clamp(2.8rem, 11.6vw, 4.8rem); line-height: .93; text-wrap: balance; }
  .static-sdgs .sdg-hero-intro { font-size: 1.1rem; line-height: 1.65; }
  .static-sdgs .sdg-hero-meta { grid-template-columns: 1fr; gap: 15px; }
  .static-sdgs .sdg-map, .static-sdgs .sdg-method, .static-sdgs .sdg-sources { padding-inline: 24px; }
  .static-sdgs .sdg-map { padding-inline: 0; }
  .static-sdgs .sdg-explorer { margin-top: 38px; }
  .static-sdgs .sdg-explorer-intro { min-height: 0; padding: 28px 24px 22px; }
  .static-sdgs .sdg-explorer-intro h2 { font-size: clamp(2.8rem, 12vw, 5rem); line-height: .9; text-wrap: balance; }
  .static-sdgs .sdg-goal-sections .sdg-goal-shell { min-height: 0; padding: 52px 24px; }
  .static-sdgs .sdg-goal-sections .sdg-goal-shell h3 { max-width: 100%; margin-top: 24px; font-size: clamp(2.1rem, 9vw, 3.4rem); line-height: .94; }
  .static-sdgs .sdg-goal-sections .sdg-official-title { font-size: 13.5px; }
  .static-sdgs .sdg-goal-sections .sdg-card .sdg-goal-shell > p:not(.sdg-official-title) { font-size: 16px; }
  .static-sdgs .sdg-goal-sections .sdg-card-image { height: 220px; }
  .static-sdgs .sdg-explorer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 8px; }
  .static-sdgs .sdg-explorer-nav button { grid-template-columns: 38px minmax(0, 1fr); gap: 9px; padding: 10px 8px; }
  .static-sdgs .sdg-explorer-nav button img { width: 38px; height: 38px; }
  .static-sdgs .sdg-explorer-nav button > span:last-child { display: none; }
  .static-sdgs .sdg-explorer .sdg-card-image { height: 170px; }
  .static-sdgs .sdg-card { padding: 26px 22px; }
  .static-sdgs .sdg-sources h2 { max-width: 100%; font-size: clamp(2.25rem, 9.3vw, 4.8rem); line-height: .94; text-wrap: balance; }
  .static-sdgs .sdg-sources-intro { font-size: 17px; line-height: 1.65; }
  .static-sdgs .sdg-source-list { grid-template-columns: 1fr; }
}

/* SDG dark mode: keep the route intentionally dark instead of inheriting the light editorial map. */
html:not([data-theme="light"]) .static-sdgs #main-content { background: #07111d; color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-hero { background: #061424; border-bottom-color: rgba(125,196,255,.18); }
html:not([data-theme="light"]) .static-sdgs .sdg-map { background: #0b1928; color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-explorer-intro { border-bottom-color: rgba(255,255,255,.16); }
html:not([data-theme="light"]) .static-sdgs .sdg-explorer-intro h2,
html:not([data-theme="light"]) .static-sdgs .sdg-sources h2 { color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-kicker { color: #7dc4ff; }
html:not([data-theme="light"]) .static-sdgs .sdg-explorer-intro-line { background: rgba(125,196,255,.45); }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-card { border-top-color: rgba(255,255,255,.14); }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-goal-shell { background: #0b1928; }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-card:nth-child(even) .sdg-goal-shell { background: #102233; }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-card:nth-child(5) .sdg-goal-shell { background: #132b3c; }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-card:nth-child(6) .sdg-goal-shell { background: #2a241f; }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-goal-shell::before { color: rgba(125,196,255,.08); }
html:not([data-theme="light"]) .static-sdgs .sdg-card h3 { color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-official-title { color: rgba(244,247,251,.7); }
html:not([data-theme="light"]) .static-sdgs .sdg-card .sdg-goal-shell > p:not(.sdg-official-title) { color: rgba(244,247,251,.82); }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-programs a { border-bottom-color: rgba(125,196,255,.35); color: #7dc4ff; }
html:not([data-theme="light"]) .static-sdgs .sdg-goal-sections .sdg-programs a:hover { border-bottom-color: #7dc4ff; background: rgba(125,196,255,.08); }
html:not([data-theme="light"]) .static-sdgs .sdg-programs .sdg-source-link { border-color: rgba(255,255,255,.26); color: rgba(244,247,251,.75); }
html:not([data-theme="light"]) .static-sdgs .sdg-programs .sdg-source-link:hover { border-color: #7dc4ff; color: #7dc4ff; }
html:not([data-theme="light"]) .static-sdgs .sdg-sources { background: #07111d; color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-sources-intro { color: rgba(244,247,251,.7); }
html:not([data-theme="light"]) .static-sdgs .sdg-source-overview { color: #7dc4ff; }
html:not([data-theme="light"]) .static-sdgs .sdg-source-overview:hover { color: #fff; }
html:not([data-theme="light"]) .static-sdgs .sdg-source-list { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.14); }
html:not([data-theme="light"]) .static-sdgs .sdg-source-card { background: #13273a; color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-source-card:hover { background: #1b344a; }
html:not([data-theme="light"]) .static-sdgs .sdg-source-card-copy strong { color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .sdg-source-card-copy small { color: rgba(244,247,251,.64); }
html:not([data-theme="light"]) .static-sdgs .sdg-source-card-copy em { color: #7dc4ff; }
html:not([data-theme="light"]) .static-sdgs .sdg-source-attribution { color: rgba(244,247,251,.58); }
html:not([data-theme="light"]) .static-sdgs .site-menu-toggle { background: #13273a; border-color: rgba(255,255,255,.24); color: #f4f7fb; }
html:not([data-theme="light"]) .static-sdgs .site-menu-toggle span { background: #f4f7fb; }