.hero-content {
  max-width: min(1500px, 96vw) !important;
}


.democracy-inner p {
  max-width: 720px !important;
  width: min(720px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.transition-section .transition-puzzle-note {
  color: var(--azure) !important;
}

.transition-section .transition-n,
.transition-section .transition-item summary::after,
.transition-section .transition-plus,
.transition-section .transition-toggle {
  color: var(--jade) !important;
}

.transition-section .transition-item summary::after,
.transition-section .transition-plus,
.transition-section .transition-toggle {
  border-color: color-mix(in srgb, var(--jade) 65%, transparent) !important;
}

.transition-section h2,
.transition-section .section-title {
  max-width: 18ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-wrap: balance;
}


/* Rules and Games title spacing tune.
   This targets the rendered section structurally without touching the quote. */
section:has(.eyebrow) h2:has(.grad-text-warm),
section:has(.eyebrow) h2:has(.grad-text) {
  text-wrap: balance;
}
section:has(.eyebrow) h2.creditism-rules-title-tight,
section:has(.eyebrow) h2.rules-and-games-title-tight {
  line-height: 1.02 !important;
  margin-bottom: 1rem !important;
}
section:has(.eyebrow) h2.creditism-rules-title-tight span,
section:has(.eyebrow) h2.creditism-rules-title-tight em,
section:has(.eyebrow) h2.rules-and-games-title-tight span,
section:has(.eyebrow) h2.rules-and-games-title-tight em {
  line-height: 1.02 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.rules-subtitle {
  display: inline-block;
}

.rules-subtitle-balance {
  color: #9EB8C8 !important;
}

.rules-subtitle-healing {
  color: #8BC88B !important;
}

.rules-subtitle-closer {
  color: #C8A96E !important;
}

.bio-word {
  display: inline-block;
  font-weight: inherit;
}

.bio-word-life {
  color: #8cffb3 !important;
  text-shadow: 0 0 10px rgba(0, 255, 136, 0.45), 0 0 22px rgba(0, 255, 136, 0.24);
}

.bio-word-liberty {
  color: #9edfff !important;
  text-shadow: 0 0 10px rgba(93, 203, 255, 0.45), 0 0 22px rgba(93, 203, 255, 0.24);
}

.bio-word-love {
  color: #ff9a9a !important;
  text-shadow: 0 0 10px rgba(255, 78, 95, 0.42), 0 0 22px rgba(255, 78, 95, 0.22);
}

.creditism-eyebrow-forbidden {
  color: var(--magenta) !important;
  -webkit-text-fill-color: var(--magenta) !important;
  text-shadow: 0 0 10px rgba(224, 64, 251, 0.38), 0 0 22px rgba(224, 64, 251, 0.18) !important;
}

.creditism-eyebrow-jade {
  color: var(--jade) !important;
  -webkit-text-fill-color: var(--jade) !important;
  text-shadow: 0 0 10px rgba(0, 255, 136, 0.36), 0 0 22px rgba(0, 255, 136, 0.16) !important;
}

.wave-divider {
  background: transparent !important;
  margin-block: 0 !important;
}

.wave-divider svg {
  display: block !important;
}




.infra-head .section-p {
  max-width: 680px !important;
  width: min(680px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

blockquote:has(.visible-hand-quote-text) {
  max-width: min(100%, 72rem) !important;
}

.visible-hand-elements-note {
  max-width: min(860px, 74vw) !important;
  color: var(--azure) !important;
}

.infra-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  max-width: 1100px !important;
  margin: 3rem auto 0 !important;
}

.infra-card {
  border-radius: 18px !important;
  padding: 1.8rem 1.8rem 2rem !important;
}

.infra-icon {
  display: block !important;
  flex-shrink: 0 !important;
  width: 52px !important;
  height: 52px !important;
}

.infra-icon svg,
.infra-icon img {
  width: 52px !important;
  height: 52px !important;
  display: block !important;
}

.infra-card-header {
  display: flex !important;
  align-items: center !important;
  gap: 0.7rem !important;
  margin-bottom: 0.7rem !important;
}

.infra-card h4 {
  font-family: var(--serif) !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  color: rgba(200, 240, 255, 1) !important;
}

.infra-grid .infra-card:nth-child(1) h4,
.infra-grid .infra-card:nth-child(6) h4 {
  color: #8BC88B !important;
}

.infra-grid .infra-card:nth-child(2) h4,
.infra-grid .infra-card:nth-child(4) h4,
.infra-grid .infra-card:nth-child(7) h4,
.infra-grid .infra-card:nth-child(8) h4,
.infra-grid .infra-card:nth-child(11) h4,
.infra-grid .infra-card:nth-child(13) h4 {
  color: #C8A96E !important;
}

.infra-grid .infra-card:nth-child(3) h4,
.infra-grid .infra-card:nth-child(15) h4 {
  color: #6B9EC8 !important;
}

.infra-grid .infra-card:nth-child(5) h4,
.infra-grid .infra-card:nth-child(9) h4,
.infra-grid .infra-card:nth-child(10) h4,
.infra-grid .infra-card:nth-child(12) h4,
.infra-grid .infra-card:nth-child(14) h4 {
  color: #9EB8C8 !important;
}



.infra-card p {
  font-size: 0.82rem !important;
  letter-spacing: 0.04em !important;
  color: rgba(220, 245, 255, 0.92) !important;
  line-height: 1.8 !important;
}

@media (max-width: 860px) {
  .infra-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .infra-card {
    padding: 1.4rem 1.2rem 1.6rem !important;
  }

  .infra-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 720px) {
  .visible-hand-quote-break {
    display: inline !important;
  }

  .visible-hand-elements-note {
    max-width: min(520px, 82vw) !important;
  }
}