@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500..800;1,9..144,400..700&family=Plus+Jakarta+Sans:ital,wght@0,400..800;1,400..700&display=swap');

:root {
  --htg-bg: var(--bg-cream, #FAF8F5);              
  --htg-bg-alt: var(--bg-sun-Wash, #F4EFE6);       
  --htg-card-bg: var(--bg-card-solid, #FFFFFF);    
  --htg-dark: #141614;                             
  --htg-dark-surface: #1C1F1C;                     
  --htg-charcoal: var(--ink-900, var(--rind-dark, #181A18)); 
  --htg-ink-sub: var(--ink-500, #4B5563);          
  --htg-crimson: var(--melon-red, #047857);        
  --htg-crimson-hover: var(--melon-crimson, #059669);
  --htg-crimson-light: var(--melon-soft, #ECFDF5);
  --htg-emerald: var(--emerald-hope, #1C6742);      
  --htg-emerald-bright: var(--emerald-bright, #2E8B57);
  --htg-emerald-light: var(--emerald-soft, #EBF5F0);
  --htg-border: var(--border-warm, #E8E2D8);       
  --htg-border-strong: var(--border-strong, #D5CEBF);
  --htg-track: var(--emerald-tint, #E5E7EB);        
  
  --font-serif: 'Fraunces', Georgia, serif;
  --font-heading: 'Fraunces', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-condensed: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-script: 'Fraunces', Georgia, serif;

  --shadow-card: 0 4px 18px -2px rgba(24, 26, 24, 0.06), 0 1px 4px rgba(24, 26, 24, 0.04);
  --shadow-hover: 0 12px 30px -4px rgba(24, 26, 24, 0.12), 0 3px 8px rgba(24, 26, 24, 0.06);
}

:root[data-theme^="dark-"],
body[data-theme^="dark-"] {
  --htg-bg: var(--bg-cream, #0A0F0D);
  --htg-bg-alt: var(--bg-sun-Wash, #121A16);
  --htg-card-bg: var(--bg-card-solid, #141C18);
  --htg-charcoal: var(--ink-900, #F2F7F4);
  --htg-ink-sub: var(--ink-500, #9CA3AF);
  --htg-border: var(--border-warm, rgba(255, 255, 255, 0.14));
  --htg-border-strong: var(--border-strong, rgba(255, 255, 255, 0.28));
  --htg-track: rgba(255, 255, 255, 0.15);
  --htg-emerald: var(--emerald-bright, #34D399);
}

html,
html[data-theme],
body,
body.heritage-design,
body[data-theme] {
  background: var(--theme-canvas-bg, var(--htg-bg, #FAF8F5)) !important;
  background-color: var(--theme-canvas-bg, var(--htg-bg, #FAF8F5)) !important;
  color: var(--theme-ink-primary, var(--htg-charcoal, #181A18)) !important;
  font-family: var(--font-body) !important;
  transition: background-color 0.25s ease, color 0.2s ease !important;
}

body::before {
  display: none !important;
  content: none !important;
}

.site-header {
  background: var(--htg-bg) !important;
  border-bottom: 1.5px solid var(--htg-border) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  backdrop-filter: blur(12px);
}

.brand-name {
  font-family: var(--font-condensed) !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  color: var(--htg-charcoal) !important;
  text-transform: uppercase !important;
}

.nav-link {
  font-weight: 600 !important;
  color: var(--htg-charcoal) !important;
  font-size: 0.88rem !important;
  transition: color 0.15s ease !important;
}

.nav-link:hover {
  color: var(--htg-crimson) !important;
}

.btn-nav-support-families {
  background: var(--htg-crimson) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0.5rem 1.15rem !important;
  font-weight: 700 !important;
  font-size: 0.84rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 12px rgba(4, 120, 87, 0.25) !important;
  transition: all 0.2s ease !important;
}

.btn-nav-support-families:hover {
  background: var(--htg-crimson-hover) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(4, 120, 87, 0.35) !important;
}

.heritage-hero-section {
  background-color: var(--htg-bg);
  position: relative;
  padding: 2.5rem 0 0;
  overflow: hidden;
}

.heritage-hero-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem 3.5rem;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 3rem;
  align-items: center;
}

@media (max-width: 900px) {
  .heritage-hero-container {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding-bottom: 2rem;
  }
}

.heritage-hero-content {
  display: flex;
  flex-direction: column;
}

.heritage-hero-title {
  font-family: var(--font-condensed);
  font-size: clamp(3rem, 6.5vw, 4.75rem);
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.015em;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}

.heritage-hero-title .title-dark {
  display: block;
  color: var(--htg-charcoal);
}

.heritage-hero-title .title-green {
  display: block;
  color: var(--htg-emerald);
}

.heritage-hero-sub {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 500;
  color: var(--htg-ink-sub);
  margin: 0 0 2rem;
  line-height: 1.45;
}

.heritage-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 2.25rem;
}

.btn-heritage-primary {
  background: var(--htg-crimson);
  color: #FFFFFF !important;
  padding: 0.85rem 1.85rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.88rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1.5px solid var(--htg-crimson);
  box-shadow: 0 6px 18px rgba(4, 120, 87, 0.28);
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-heritage-primary:hover {
  background: var(--htg-crimson-hover);
  border-color: var(--htg-crimson-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(4, 120, 87, 0.38);
}

.btn-heritage-outline {
  background: transparent;
  color: var(--htg-charcoal) !important;
  padding: 0.85rem 1.85rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: 0.88rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1.8px solid var(--htg-charcoal);
  transition: all 0.2s ease;
}

.btn-heritage-outline:hover {
  background: var(--htg-charcoal);
  color: #FFFFFF !important;
  transform: translateY(-2px);
}

.heritage-trust-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--htg-border);
}

.trust-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--htg-ink-sub);
}

.trust-item svg,
.trust-item .trust-icon {
  width: 17px;
  height: 17px;
  color: var(--htg-charcoal);
  flex-shrink: 0;
}

.heritage-hero-visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-visual-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 16px 40px -8px rgba(0, 0, 0, 0.16);
  border: 4px solid #FFFFFF;
  background: #FFFFFF;
  max-width: 520px;
  width: 100%;
}

.hero-visual-card img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.hero-visual-card:hover img {
  transform: scale(1.02);
}

.script-overlay-badge {
  position: absolute;
  top: 18%;
  right: -10px;
  font-family: var(--font-script);
  font-size: 1.85rem;
  font-weight: 700;
  line-height: 1.15;
  color: #231F20;
  text-align: right;
  pointer-events: none;
  transform: rotate(3deg);
  z-index: 3;
  filter: drop-shadow(0 2px 4px rgba(255, 255, 255, 0.9));
}

@media (max-width: 600px) {
  .script-overlay-badge {
    position: static;
    transform: none;
    text-align: center;
    margin-top: 0.5rem;
    font-size: 1.5rem;
  }
}

.torn-paper-divider {
  position: relative;
  width: 100%;
  height: 28px;
  overflow: hidden;
  line-height: 0;
  z-index: 5;
}

.torn-paper-divider svg {
  display: block;
  width: 100%;
  height: 28px;
}

.torn-paper-divider svg path {
  fill: var(--htg-bg) !important;
  transition: fill 0.25s ease;
}

.torn-paper-divider.torn-down {
  margin-top: -1px;
}

.torn-paper-divider.torn-up {
  margin-bottom: -1px;
  transform: rotate(180deg);
}

.heritage-featured-section {
  background-color: var(--htg-bg);
  padding: 3.5rem 0 4.5rem;
  position: relative;
}

.heritage-section-header {
  max-width: 1200px;
  margin: 0 auto 2.5rem;
  padding: 0 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 1rem;
}

.section-title-wrap {
  display: flex;
  flex-direction: column;
}

.section-eyebrow-dash {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-condensed);
  font-size: clamp(1.6rem, 3.2vw, 2.2rem);
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--htg-charcoal);
  margin-bottom: 0.35rem;
}

.section-eyebrow-dash::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 4px;
  background-color: var(--htg-crimson);
  border-radius: 2px;
}

.section-subtitle-text {
  font-size: 0.98rem;
  color: var(--htg-ink-sub);
  margin: 0;
  max-width: 700px;
}

.link-view-all-families {
  font-size: 0.92rem;
  font-weight: 800;
  color: var(--htg-crimson);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-bottom: 2px solid transparent;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.link-view-all-families:hover {
  color: var(--htg-crimson-hover);
  border-bottom-color: var(--htg-crimson-hover);
}

.heritage-cards-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

@media (max-width: 1024px) {
  .heritage-cards-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .heritage-cards-grid {
    grid-template-columns: 1fr;
  }
}

.heritage-family-card {
  background: var(--htg-card-bg);
  border: 1.5px solid var(--htg-border);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.heritage-family-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
  border-color: var(--htg-border-strong);
}

.heritage-card-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 11;
  overflow: hidden;
  background: #E5E7EB;
}

.heritage-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.heritage-family-card:hover .heritage-card-thumb img {
  transform: scale(1.04);
}

.heritage-card-body {
  padding: 1.15rem 1.15rem 1.25rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.heritage-card-name {
  font-family: var(--font-body);
  font-size: 1.12rem;
  font-weight: 800;
  color: var(--htg-charcoal);
  margin: 0 0 0.35rem;
  line-height: 1.3;
}

.heritage-card-members {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--htg-ink-sub);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 0.65rem;
}

.heritage-card-story {
  font-size: 0.84rem;
  line-height: 1.5;
  color: var(--htg-ink-sub);
  margin: 0 0 1rem;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.heritage-progress-track {
  width: 100%;
  height: 6px;
  background-color: var(--htg-track);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 0.65rem;
}

.heritage-progress-fill {
  height: 100%;
  background-color: var(--htg-emerald);
  border-radius: 999px;
  transition: width 0.6s ease;
}

.heritage-card-stats {
  font-size: 0.82rem;
  color: var(--htg-ink-sub);
  margin-bottom: 1rem;
}

.heritage-card-stats strong {
  font-weight: 800;
  color: var(--htg-charcoal);
}

.heritage-card-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  margin-top: auto;
}

.btn-card-donate {
  background: var(--htg-crimson);
  color: #FFFFFF !important;
  border: none;
  border-radius: 6px;
  padding: 0.55rem 0.5rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.15s ease, transform 0.15s ease;
}

.btn-card-donate:hover {
  background: var(--htg-crimson-hover);
  transform: translateY(-1px);
}

.btn-card-story {
  background: transparent;
  color: var(--htg-charcoal) !important;
  border: 1px solid var(--htg-border);
  border-radius: 6px;
  padding: 0.55rem 0.5rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.15s ease;
}

.btn-card-story:hover {
  border-color: var(--htg-charcoal);
  color: var(--htg-charcoal) !important;
  background: rgba(128, 128, 128, 0.08);
  transform: translateY(-1px);
}

.heritage-mission-banner {
  background-color: var(--htg-dark);
  color: #FFFFFF;
  position: relative;
  padding: 4.5rem 0;
  overflow: hidden;
}

.heritage-mission-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle at 10% 20%, rgba(28, 103, 66, 0.12) 0%, transparent 60%),
                    radial-gradient(circle at 90% 80%, rgba(185, 28, 28, 0.08) 0%, transparent 60%);
  pointer-events: none;
}

.heritage-mission-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 3.5rem;
  align-items: center;
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .heritage-mission-container {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}

.mission-arch-visual {
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.mission-arch-visual img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.mission-content-side {
  display: flex;
  flex-direction: column;
  position: relative;
}

.mission-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-condensed);
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}

.mission-eyebrow::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 3.5px;
  background-color: var(--htg-crimson);
  border-radius: 2px;
}

.mission-headline {
  font-family: var(--font-condensed);
  font-size: clamp(2.2rem, 4.4vw, 3.4rem);
  font-weight: 900;
  line-height: 0.98;
  letter-spacing: -0.01em;
  margin: 0 0 1.25rem;
  text-transform: uppercase;
}

.mission-headline .head-white {
  display: block;
  color: #FFFFFF;
}

.mission-headline .head-green {
  display: block;
  color: #34D399; 
}

.mission-body-text {
  font-size: 1.02rem;
  line-height: 1.65;
  color: #D1D5DB;
  margin: 0 0 2rem;
  max-width: 620px;
}

.btn-mission-primary {
  background: var(--htg-crimson);
  color: #FFFFFF !important;
  border-radius: 999px;
  padding: 0.85rem 1.85rem;
  font-weight: 800;
  font-size: 0.86rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  box-shadow: 0 6px 20px rgba(185, 28, 28, 0.4);
  transition: all 0.2s ease;
}

.btn-mission-primary:hover {
  background: var(--htg-crimson-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(185, 28, 28, 0.55);
}

.mission-botanical-art {
  position: absolute;
  right: -20px;
  bottom: -40px;
  width: 180px;
  height: 180px;
  opacity: 0.25;
  pointer-events: none;
  color: #A7F3D0;
}

.heritage-how-it-works {
  background-color: var(--htg-bg);
  padding: 4.5rem 0;
  position: relative;
}

.how-steps-grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}

@media (max-width: 900px) {
  .how-steps-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 500px) {
  .how-steps-grid {
    grid-template-columns: 1fr;
  }
}

.how-step-card {
  background: var(--htg-card-bg);
  border: 1.5px solid var(--htg-border);
  border-radius: 14px;
  padding: 2rem 1.5rem 1.75rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: var(--shadow-card);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.how-step-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-hover);
  border-color: var(--htg-border-strong);
}

.how-step-icon {
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: var(--htg-bg-alt);
  color: var(--htg-charcoal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  margin-bottom: 1.15rem;
  border: 1px solid var(--htg-border);
}

.how-step-title {
  font-family: var(--font-condensed);
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--htg-charcoal);
  margin: 0 0 0.5rem;
}

.how-step-desc {
  font-size: 0.88rem;
  line-height: 1.5;
  color: var(--htg-ink-sub);
  margin: 0;
}

.layout-sticky-stage .heritage-hero-container {
  display: grid;
  grid-template-columns: 5fr 7fr;
  gap: 2.5rem;
  align-items: start;
}

.layout-sticky-stage .heritage-hero-content {
  position: sticky;
  top: 5.5rem;
  z-index: 10;
}

.layout-curated-bento .heritage-cards-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1.5rem;
}

.layout-curated-bento .heritage-family-card:first-child {
  grid-column: span 7;
  grid-row: span 2;
}

.layout-curated-bento .heritage-family-card:not(:first-child) {
  grid-column: span 5;
}

@media (max-width: 900px) {
  .layout-curated-bento .heritage-family-card:first-child,
  .layout-curated-bento .heritage-family-card:not(:first-child) {
    grid-column: span 12;
    grid-row: auto;
  }
}

.layout-horizontal-rails .heritage-cards-grid {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 1.5rem;
  padding-bottom: 1.5rem;
  scrollbar-width: thin;
}

.layout-horizontal-rails .heritage-family-card {
  min-width: 310px;
  max-width: 340px;
  scroll-snap-align: start;
  flex-shrink: 0;
}

.layout-stone-sanctuary .heritage-family-card {
  border-radius: 999px 999px 20px 20px !important;
  border: 2px solid #D8CEBE !important;
  background: #FFFFFF !important;
  text-align: center;
}

.layout-stone-sanctuary .heritage-card-thumb {
  border-radius: 999px 999px 0 0 !important;
  aspect-ratio: 1 / 1.15;
}

.layout-stone-sanctuary .heritage-card-actions {
  grid-template-columns: 1fr;
}

.layout-stone-sanctuary .btn-card-donate {
  border-radius: 999px !important;
}

.layout-dense-dossier .heritage-cards-grid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.layout-dense-dossier .heritage-family-card {
  flex-direction: row;
  align-items: center;
  padding: 0.85rem 1.25rem;
  border-radius: 12px;
}

.layout-dense-dossier .heritage-card-thumb {
  width: 72px;
  height: 72px;
  border-radius: 999px;
  flex-shrink: 0;
  margin-right: 1.25rem;
}

.layout-dense-dossier .heritage-card-body {
  padding: 0;
  display: grid;
  grid-template-columns: 1.8fr 1fr 1fr;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

@media (max-width: 800px) {
  .layout-dense-dossier .heritage-family-card {
    flex-direction: column;
    align-items: stretch;
  }
  .layout-dense-dossier .heritage-card-body {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-top: 0.75rem;
  }
}

body[data-theme^="dark-"] .heritage-hero-visual .hero-visual-card {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: var(--htg-card-bg) !important;
  box-shadow: 0 20px 48px -10px rgba(0, 0, 0, 0.8) !important;
}

body[data-theme^="dark-"] .btn-heritage-outline {
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .btn-heritage-outline:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .script-overlay-badge {
  color: #FFFFFF !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.95)) !important;
}

body[data-theme^="dark-"] .heritage-family-card {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

body[data-theme^="dark-"] .how-step-icon {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--htg-border) !important;
  color: var(--htg-charcoal) !important;
}

:root {
  --watermelon-gradient: none !important;
}

.friendly-welcome-hero-box::before,
.hotdog-item::before,
.random-chooser-card::before,
.story-modal-content::before,
.qr-action-hub-card::before,
.qr-poster-preview-card::before,
.faq-item::before,
.site-footer::before,
.org-card::before,
.org-card-photo-banner::after,
.fotw-card-wrapper::before,
.city-banner-studio-card::before,
.watermelon-top-strip {
  display: none !important;
  background: none !important;
}

body:not([data-theme]),
body[data-theme="heritage"] {
  background: var(--htg-bg, #FAF8F5) !important;
  background-color: var(--htg-bg, #FAF8F5) !important;
  color: var(--htg-charcoal, #181A18) !important;
  font-family: var(--font-body) !important;
}

.families-section,
.orgs-section,
.faq-section,
.newsletter-section,
.solidarity-wall-section {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--htg-border, #E2D9CC) !important;
}

.hero-tiktok-banner {
  background: var(--htg-dark-surface, #181B18) !important;
  border: 1.5px solid var(--htg-border-strong, #D8CEBE) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 32px rgba(20, 22, 20, 0.22) !important;
  color: #FFFFFF !important;
  padding: 1.1rem 1.6rem !important;
  margin-bottom: 2rem !important;
}

.hero-tiktok-banner:hover {
  border-color: var(--htg-emerald-bright, #34D399) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 40px rgba(20, 22, 20, 0.35) !important;
}

.hero-tiktok-icon {
  background: #111411 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.25) !important;
  border-radius: 14px !important;
  color: #FFFFFF !important;
}

.hero-tiktok-topline {
  color: #F3F4F6 !important;
}

.hero-tiktok-topline .live-badge-beacon {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #A7F3D0 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 999px !important;
}

.hero-tiktok-title {
  color: #FFFFFF !important;
  font-family: var(--font-condensed) !important;
  font-size: 1.22rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.hero-tiktok-sub {
  color: #D1D5DB !important;
  font-size: 0.88rem !important;
}

.hero-tiktok-badge.live-cta-pill {
  background: var(--htg-crimson, #B91C1C) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.6rem 1.35rem !important;
  box-shadow: 0 4px 14px rgba(185, 28, 28, 0.4) !important;
}

.hero-tiktok-badge.live-cta-pill:hover {
  background: var(--htg-crimson-hover, #991B1B) !important;
  transform: translateY(-1px) !important;
}

.fotw-spotlight-section {
  margin: 2rem 0 3rem !important;
}

.fotw-card-wrapper {
  background: var(--htg-bg-alt, #F5EFEB) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 28px !important;
  box-shadow: 0 10px 36px rgba(28, 24, 20, 0.07) !important;
  padding: 2rem 2.25rem !important;
}

.fotw-header-banner-clean {
  border-bottom: 1.5px solid var(--htg-border, #E2D9CC) !important;
  padding-bottom: 1.15rem !important;
  margin-bottom: 1.85rem !important;
}

.fotw-clean-heading {
  font-family: var(--font-condensed) !important;
  font-size: clamp(1.85rem, 3.2vw, 2.5rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--htg-charcoal, #181A18) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.fotw-clean-heading::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 4.5px;
  background-color: var(--htg-crimson, #B91C1C);
  border-radius: 2px;
}

.fotw-clean-sub {
  color: var(--htg-ink-sub, #4B5563) !important;
  font-size: 0.98rem !important;
  font-weight: 500 !important;
}

.btn-fotw-method-link {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 0.55rem 1.25rem !important;
  font-size: 0.85rem !important;
  transition: all 0.2s ease !important;
  box-shadow: 0 2px 8px rgba(28, 24, 20, 0.04) !important;
}

.btn-fotw-method-link:hover {
  background: var(--htg-charcoal, #181A18) !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

.fotw-single-card {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 999px 999px 24px 24px !important;
  box-shadow: 0 6px 24px rgba(28, 24, 20, 0.06) !important;
  padding: 1.5rem 1.35rem !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.fotw-single-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 40px rgba(28, 24, 20, 0.12) !important;
  border-color: var(--htg-border-strong, #D8CEBE) !important;
}

.fotw-hero-photo-wrap {
  border-radius: 999px 999px 16px 16px !important;
  overflow: hidden !important;
  border: 2px solid var(--htg-border-strong, #D8CEBE) !important;
  box-shadow: 0 6px 20px rgba(28, 24, 20, 0.08) !important;
}

.fotw-name {
  font-family: var(--font-condensed) !important;
  font-size: 1.6rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.015em !important;
  text-transform: uppercase !important;
  color: var(--htg-charcoal, #181A18) !important;
  margin: 0.85rem 0 0.4rem !important;
  text-align: center !important;
}

.fotw-meta-row {
  display: flex !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 0.85rem !important;
}

.fotw-meta-tag {
  background: var(--htg-bg, #FAF8F5) !important;
  border: 1px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-ink-sub, #4B5563) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 0.25rem 0.65rem !important;
}

.fotw-meta-tag.platform {
  background: var(--htg-emerald-light, #EBF5F0) !important;
  color: var(--htg-emerald, #1C6742) !important;
  border-color: rgba(28, 103, 66, 0.25) !important;
}

.fotw-story-snippet {
  color: var(--htg-ink-sub, #4B5563) !important;
  font-size: 0.9rem !important;
  line-height: 1.65 !important;
  text-align: center !important;
  margin-bottom: 1.15rem !important;
}

.fotw-progress-card {
  background: var(--htg-bg, #FAF8F5) !important;
  border: 1px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 14px !important;
  padding: 0.95rem 1.15rem !important;
  margin-bottom: 1.25rem !important;
}

.fotw-progress-header {
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  color: var(--htg-charcoal, #181A18) !important;
  margin-bottom: 0.5rem !important;
  text-align: center !important;
}

.fotw-progress-track {
  background: var(--htg-track, #E5E7EB) !important;
  border-radius: 999px !important;
  height: 8px !important;
}

.fotw-progress-fill {
  background: var(--htg-emerald, #1C6742) !important;
  border-radius: 999px !important;
}

.fotw-action-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.65rem !important;
  margin-bottom: 0.75rem !important;
}

.btn-fotw-donate {
  grid-column: span 2 !important;
  background: var(--htg-crimson, #B91C1C) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 0.75rem 1.35rem !important;
  text-align: center !important;
  box-shadow: 0 6px 18px rgba(185, 28, 28, 0.35) !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

.btn-fotw-donate:hover {
  background: var(--htg-crimson-hover, #991B1B) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(185, 28, 28, 0.45) !important;
}

.btn-fotw-story {
  background: transparent !important;
  color: var(--htg-charcoal, #181A18) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  padding: 0.6rem 0.95rem !important;
  text-align: center !important;
  transition: all 0.18s ease !important;
}

.btn-fotw-story:hover {
  border-color: var(--htg-charcoal, #181A18) !important;
  background: var(--htg-bg-alt, #F5EFEB) !important;
  color: var(--htg-charcoal, #181A18) !important;
}

.btn-fotw-tiktok {
  border-radius: 999px !important;
  background: var(--htg-dark-surface, #181B18) !important;
  border: 1px solid var(--htg-border, #E2D9CC) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  padding: 0.55rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
}

.btn-fotw-tiktok:hover {
  background: var(--htg-charcoal, #181A18) !important;
  border-color: #10B981 !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 16px rgba(16, 185, 129, 0.35) !important;
  transform: translateY(-2px) !important;
}

.random-chooser-banner {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.8px solid var(--htg-border-strong, #D8CEBE) !important;
  border-radius: 22px !important;
  box-shadow: 0 6px 24px rgba(28, 24, 20, 0.06) !important;
  color: var(--htg-charcoal, #181A18) !important;
  padding: 1.25rem 1.75rem !important;
  margin-bottom: 2rem !important;
}

.random-chooser-icon {
  background: var(--htg-bg-alt, #F5EFEB) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  border-radius: 999px !important;
}

.random-chooser-eyebrow {
  color: var(--htg-crimson, #B91C1C) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
}

.random-chooser-title {
  color: var(--htg-charcoal, #181A18) !important;
  font-family: var(--font-condensed) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.random-chooser-sub {
  color: var(--htg-ink-sub, #4B5563) !important;
  font-size: 0.92rem !important;
}

.btn-random-pick-large {
  background: var(--htg-crimson, #B91C1C) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 0.75rem 1.6rem !important;
  font-size: 0.88rem !important;
  box-shadow: 0 6px 18px rgba(185, 28, 28, 0.35) !important;
}

.btn-random-pick-large:hover {
  background: var(--htg-crimson-hover, #991B1B) !important;
  transform: translateY(-2px) !important;
}

.directory-scale-bar {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.2px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(28, 24, 20, 0.04) !important;
  padding: 0.45rem 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

#familySearchInput {
  background: var(--htg-bg, #FAF8F5) !important;
  border: 1.2px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  border-radius: 7px !important;
  font-weight: 600 !important;
  height: 31px !important;
  padding: 0.2rem 1.6rem 0.2rem 1.95rem !important;
  font-size: 0.78rem !important;
}

#familySearchInput:focus {
  border-color: var(--htg-emerald, #1C6742) !important;
  background: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(28, 103, 66, 0.15) !important;
}

.directory-filter-row {
  border-top: 1px solid var(--htg-border, #E2D9CC) !important;
  padding-top: 0.35rem !important;
}

.filter-pill {
  background: var(--htg-bg, #FAF8F5) !important;
  border: 1px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 0.13rem 0.40rem !important;
  font-size: 0.69rem !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  transition: all 0.18s ease !important;
}

.filter-pill:hover {
  background: var(--htg-bg-alt, #F5EFEB) !important;
  border-color: var(--htg-border-strong, #D8CEBE) !important;
}

.filter-pill.active {
  background: var(--htg-emerald, #1C6742) !important;
  color: #FFFFFF !important;
  border-color: var(--htg-emerald, #1C6742) !important;
  box-shadow: 0 2px 6px rgba(28, 103, 66, 0.25) !important;
}

.pagesize-select,
.jump-number-input {
  background: var(--htg-bg, #FAF8F5) !important;
  border: 1.2px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  height: 29px !important;
  padding: 0.15rem 0.4rem !important;
  font-size: 0.72rem !important;
}

.btn-jump-go {
  background: var(--htg-charcoal, #181A18) !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  height: 29px !important;
  padding: 0.15rem 0.55rem !important;
  font-size: 0.71rem !important;
}

.directory-pagination-bar {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 20px rgba(28, 24, 20, 0.05) !important;
}

.hotdog-tabs-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.35rem !important;
  align-items: stretch !important;
}
@media (max-width: 1200px) {
  .hotdog-tabs-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 900px) {
  .hotdog-tabs-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  .hotdog-tabs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.65rem !important; }
}

.hotdog-item,
.hotdog-item.verified-family-card,
.hotdog-item.coming-soon-pill-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 470px !important;
  box-sizing: border-box !important;
  background: var(--theme-card-bg, #FFFFFF) !important;
  border: 1.8px solid var(--theme-border, #E2D9CC) !important;
  border-radius: 999px 999px 24px 24px !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.06) !important;
  padding: 1.15rem 1.15rem 1.25rem !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.2s ease !important;
}

.hotdog-item::before,
.hotdog-item.verified-family-card::before {
  display: none !important;
  content: none !important;
}

.hotdog-item:not(.expanded):hover,
.hotdog-item:not(.expanded):focus-visible {
  border-color: var(--theme-border-strong, #D8CEBE) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-4px) !important;
}

.hotdog-hover-preview,
.hotdog-item .hotdog-hover-preview,
.hotdog-item:not(.expanded) .hotdog-hover-preview {
  display: contents !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

.hotdog-item .hotdog-photos-strip,
.hotdog-photos-strip {
  order: 1 !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 190px !important;
  flex-shrink: 0 !important;
  margin-bottom: 0.75rem !important;
  border-radius: 999px 999px 14px 14px !important;
  overflow: hidden !important;
  border: 1.8px solid var(--theme-border-strong, #D8CEBE) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
  padding: 0 !important;
}

.hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child,
.hotdog-photo-thumb:first-child {
  width: 100% !important;
  height: 190px !important;
  border-radius: 999px 999px 12px 12px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  cursor: pointer !important;
}

.hotdog-item .hotdog-photo-thumb:first-child img.thumb-img,
.hotdog-photo-thumb img.thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25%;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.hotdog-item:hover .hotdog-photo-thumb:first-child img.thumb-img {
  transform: scale(1.04) !important;
}

.hotdog-item .single-photo-count-pill,
.single-photo-count-pill {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(10px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(180%) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  border-radius: 999px !important;
  color: #FFFFFF !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
  padding: 0.2rem 0.55rem !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

.hotdog-bar,
.hotdog-item .hotdog-bar,
.hotdog-item.verified-family-card .hotdog-bar,
.hotdog-item:hover .hotdog-bar,
.hotdog-item.expanded .hotdog-bar {
  order: 2 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 0.45rem !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 94px !important;
  max-height: 94px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.hotdog-item .hotdog-avatar,
.hotdog-avatar {
  display: none !important;
}

.hotdog-item .hotdog-pill-left,
.hotdog-pill-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.2rem !important;
  width: 100% !important;
}

.hotdog-item .hotdog-title-line,
.hotdog-title-line {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.35rem !important;
  margin-bottom: 0.15rem !important;
}

.hotdog-item .hotdog-name,
.hotdog-name,
.hotdog-item.verified-family-card .hotdog-name,
.hotdog-item:hover .hotdog-name {
  font-family: var(--font-condensed) !important;
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: var(--theme-ink-primary, #181A18) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.4em !important;
  max-height: 2.4em !important;
}

.hotdog-item .fotw-card-crown-tag,
.fotw-card-crown-tag {
  display: inline-block !important;
  margin-left: 0.45rem !important;
  padding: 0.12rem 0.45rem !important;
  background: var(--theme-accent-emerald, #1C6742) !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  vertical-align: middle !important;
}

.hotdog-item .hotdog-friendly-sub,
.hotdog-friendly-sub,
.hotdog-item .hotdog-sub-line,
.hotdog-sub-line,
.hotdog-item.verified-family-card .hotdog-friendly-sub {
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-size: 0.76rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 1.3em !important;
  max-height: 1.3em !important;
  line-height: 1.3 !important;
}

.hotdog-item .hotdog-pill-right,
.hotdog-pill-right {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  flex-shrink: 0 !important;
}

.hotdog-item .gas-meter-pill-badge,
.gas-meter-pill-badge {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-accent-emerald, #1C6742) !important;
  font-weight: 800 !important;
  font-size: 0.78rem !important;
  padding: 0.18rem 0.5rem !important;
  border-radius: 999px !important;
}

.hotdog-item .hotdog-rank,
.hotdog-rank,
.hotdog-item.verified-family-card .hotdog-rank {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-family: var(--font-condensed) !important;
  font-weight: 800 !important;
  font-size: 0.78rem !important;
  padding: 0.18rem 0.42rem !important;
  border-radius: 8px !important;
}

.hotdog-item .compact-fuel-bar,
.compact-fuel-bar {
  order: 3 !important;
  margin-top: auto !important;
  margin-bottom: 0.6rem !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1.2px solid var(--theme-border, #E2D9CC) !important;
  border-radius: 12px !important;
  padding: 0.45rem 0.7rem !important;
  height: 52px !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

.hotdog-item .compact-fuel-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  line-height: 1 !important;
}

.hotdog-item .compact-fuel-raised,
.compact-fuel-raised {
  color: var(--theme-ink-primary, #181A18) !important;
  font-weight: 800 !important;
  font-size: 0.86rem !important;
}

.hotdog-item .compact-fuel-goal,
.compact-fuel-goal {
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-weight: 600 !important;
  font-size: 0.76rem !important;
}

.hotdog-item .compact-fuel-track,
.compact-fuel-track {
  background: var(--theme-border, #E2D9CC) !important;
  border-radius: 999px !important;
  height: 8px !important;
  margin-top: 0.35rem !important;
  overflow: hidden !important;
}

.hotdog-item .compact-fuel-fill,
.compact-fuel-fill {
  background: var(--theme-accent-emerald, #1C6742) !important;
  border-radius: 999px !important;
  height: 100% !important;
}

.hotdog-item .hotdog-quick-actions,
.hotdog-quick-actions {
  order: 4 !important;
  margin-top: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  width: 100% !important;
  min-height: 80px !important;
  flex-shrink: 0 !important;
}

.hotdog-item .hotdog-quick-actions-row,
.hotdog-quick-actions-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.35rem !important;
  width: 100% !important;
  height: 34px !important;
  flex-shrink: 0 !important;
}

.hotdog-item .hotdog-click-prompt,
.hotdog-item .btn-story-card-trigger,
.hotdog-item .btn-compact-share,
.hotdog-click-prompt,
.btn-story-card-trigger,
.btn-compact-share {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1.2px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-primary, #181A18) !important;
  border-radius: 999px !important;
  flex: 1 !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 0 0.4rem !important;
  flex-shrink: 0 !important;
  transition: transform 0.15s ease, background 0.15s ease !important;
}

.hotdog-item .hotdog-click-prompt:hover,
.hotdog-item .btn-story-card-trigger:hover,
.hotdog-item .btn-compact-share:hover {
  transform: translateY(-2px) !important;
  background: var(--theme-border, #E2D9CC) !important;
}

.hotdog-item .btn-donate-family-direct,
.hotdog-item .btn-donate-direct-hero,
.hotdog-item .btn-compact-donate-full,
.hotdog-quick-actions .btn-compact-donate-full,
.btn-compact-donate-full,
.btn-hotdog-donate,
.hotdog-drawer-actions .btn-hotdog-donate {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--theme-accent-crimson, #B91C1C) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 0 1.1rem !important;
  font-family: var(--font-condensed) !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(4, 120, 87, 0.25) !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
}

.hotdog-item .btn-donate-family-direct:hover,
.hotdog-item .btn-donate-direct-hero:hover,
.hotdog-item .btn-compact-donate-full:hover,
.hotdog-quick-actions .btn-compact-donate-full:hover,
.btn-compact-donate-full:hover,
.btn-hotdog-donate:hover,
.hotdog-drawer-actions .btn-hotdog-donate:hover {
  background: var(--theme-donate-btn-hover, #059669) !important;
  background-image: none !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(5, 150, 105, 0.35) !important;
}

.hotdog-item.expanded {
  grid-column: 1 / -1 !important;
  border-radius: 28px !important;
  padding: 1.5rem !important;
}

.hotdog-item.expanded .hotdog-photos-strip {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 0.75rem !important;
  border-radius: 18px !important;
  height: auto !important;
  max-width: 100% !important;
}

.hotdog-item.expanded .hotdog-photo-thumb {
  display: block !important;
  height: 150px !important;
  border-radius: 12px !important;
}

.btn-compact-donate-full.is-completed,
.hotdog-quick-actions .btn-compact-donate-full.is-completed {
  background: var(--htg-emerald, #1C6742) !important;
  border: 1px solid rgba(28, 103, 66, 0.4) !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(28, 103, 66, 0.25) !important;
}

.hotdog-item .hotdog-click-prompt,
.hotdog-item .btn-story-card-trigger,
.hotdog-item .btn-compact-share,
.hotdog-quick-actions .hotdog-click-prompt,
.hotdog-quick-actions .btn-story-card-trigger,
.hotdog-quick-actions .btn-compact-share {
  background: var(--htg-bg, #FAF8F5) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  border-radius: 999px !important;
  transition: all 0.18s ease !important;
}

.hotdog-item .hotdog-click-prompt:hover,
.hotdog-item .btn-story-card-trigger:hover,
.hotdog-item .btn-compact-share:hover,
.hotdog-quick-actions .hotdog-click-prompt:hover,
.hotdog-quick-actions .btn-story-card-trigger:hover,
.hotdog-quick-actions .btn-compact-share:hover {
  background: var(--htg-charcoal, #181A18) !important;
  color: #FFFFFF !important;
  border-color: var(--htg-charcoal, #181A18) !important;
}

.solidarity-wall-section {
  padding: 4.5rem 1.5rem !important;
  border-top: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-bottom: 1.5px solid var(--htg-border, #E2D9CC) !important;
  background-color: var(--htg-bg, #FAF8F5) !important;
  position: relative !important;
}

.solidarity-pill {
  background: var(--htg-bg-alt, #F5EFEB) !important;
  color: var(--htg-emerald, #1C6742) !important;
  border: 1px solid var(--htg-border, #E2D9CC) !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
}

.solidarity-title {
  font-family: var(--font-condensed) !important;
  font-size: clamp(2rem, 3.8vw, 2.85rem) !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--htg-charcoal, #181A18) !important;
}

.solidarity-sub {
  color: var(--htg-ink-sub, #4B5563) !important;
  font-size: 1.02rem !important;
}

.btn-leave-solidarity-message {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  padding: 0.75rem 1.6rem !important;
  box-shadow: 0 6px 18px rgba(5, 150, 105, 0.35) !important;
}

.btn-leave-solidarity-message:hover {
  background: linear-gradient(135deg, #047857 0%, #064E3B 100%) !important;
  transform: translateY(-2px) !important;
}

.solidarity-card {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 18px rgba(28, 24, 20, 0.05) !important;
  color: var(--htg-charcoal, #181A18) !important;
  padding: 1.35rem 1.45rem !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.solidarity-card:hover {
  border-color: var(--htg-border-strong, #D8CEBE) !important;
  box-shadow: 0 12px 28px rgba(28, 24, 20, 0.1) !important;
  transform: translateY(-3px) !important;
}

.orgs-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.25rem !important;
}

@media (max-width: 1100px) {
  .orgs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }
}

@media (max-width: 768px) {
  .orgs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
  }
  .org-card {
    border-radius: 999px 999px 18px 18px !important;
  }
}

.org-card {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 999px 999px 22px 22px !important;
  box-shadow: 0 8px 24px rgba(28, 24, 20, 0.06) !important;
}

.faq-card,
.faq-accordion-item {
  background: var(--htg-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 16px !important;
}

.newsletter-card {
  background: var(--htg-bg-alt, #F5EFEB) !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  border-radius: 26px !important;
}

.newsletter-input-pill {
  background: #FFFFFF !important;
  border: 1.5px solid var(--htg-border, #E2D9CC) !important;
  color: var(--htg-charcoal, #181A18) !important;
  border-radius: 999px !important;
}

.btn-newsletter-subscribe {
  background: var(--htg-crimson, #B91C1C) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  border: none !important;
}

.site-footer {
  background: var(--htg-dark, #141614) !important;
  color: #E5E7EB !important;
  padding: 4.5rem 0 2.5rem !important;
  margin-top: 3.5rem !important;
  border-top: 1.5px solid rgba(255, 255, 255, 0.14) !important;
  position: relative !important;
}

.site-footer .brand-name {
  color: #064E3B !important;
  font-family: var(--font-condensed) !important;
  font-size: 1.55rem !important;
}

.footer-mission-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
  margin-top: 0.85rem !important;
  margin-bottom: 0.85rem !important;
  flex-wrap: wrap !important;
}

.footer-mission-wrap .footer-mission {
  color: #374151 !important;
  line-height: 1.65 !important;
  font-size: 0.92rem !important;
  max-width: none !important;
  flex: 1 1 360px !important;
  margin-top: 0 !important;
}

.footer-mission-wrap .btn-footer-email {
  flex-shrink: 0 !important;
}

.footer-links-col h4,
.footer-admin-col h4 {
  color: #064E3B !important;
  font-family: var(--font-condensed) !important;
  font-size: 1.2rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.footer-links-col a {
  color: #047857 !important;
  text-decoration: underline !important;
  text-decoration-color: #047857 !important;
  text-underline-offset: 3px;
  font-weight: 700 !important;
  transition: all 0.18s ease !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
}

.footer-links-col a .footer-nav-bullet {
  color: #064E3B !important;
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform 0.18s ease !important;
}

.footer-links-col a:hover {
  color: #064E3B !important;
  text-decoration-color: #064E3B !important;
  transform: translateX(4px) !important;
}

.footer-links-col a:hover .footer-nav-bullet {
  transform: translateX(2px) !important;
  color: #047857 !important;
}

.footer-admin-col p {
  color: #4B5563 !important;
}

:root[data-theme="heritage"],
body[data-theme="heritage"] {
  --theme-canvas-bg: #FAF0EB;
  --theme-bg-base: #FAF0EB;
  --bg-cream: #FAF0EB;
  --theme-header-bg: rgba(250, 240, 235, 0.94);
  --theme-card-bg: #FFFFFF;
  --theme-card-surface: #F5E4DC;
  --theme-border: #F0D6CB;
  --theme-border-strong: #E2B8A6;
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #63473B;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #63473B;
  --theme-accent-emerald: #E03E1A;
  --theme-accent-crimson: #E03E1A;
  --theme-donate-btn-bg: #E03E1A;
  --theme-donate-btn-hover: #C53210;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #F8ECE4;

  --htg-bg: #FAF0EB;
  --htg-bg-alt: #F5E4DC;
  --htg-card-bg: #FFFFFF;
  --htg-border: #F0D6CB;
  --htg-border-strong: #E2B8A6;
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #63473B;
  --htg-emerald: #E03E1A;
  --htg-crimson: #E03E1A;
  --htg-crimson-hover: #C53210;
}

:root[data-theme="light-terracotta-hearth"],
body[data-theme="light-terracotta-hearth"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F5E4DC;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #D95338;
  --theme-accent-crimson: #D95338;
  --theme-donate-btn-bg: #D95338;
  --theme-donate-btn-hover: #C04229;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #F9EDE6;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F5E4DC;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #D95338;
  --htg-crimson: #D95338;
  --htg-crimson-hover: #C04229;
}

:root[data-theme="light-sunbaked-adobe"],
body[data-theme="light-sunbaked-adobe"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F7E8E1;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #C8644A;
  --theme-accent-crimson: #C8644A;
  --theme-donate-btn-bg: #C8644A;
  --theme-donate-btn-hover: #AF5139;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #FAF0EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F7E8E1;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #C8644A;
  --htg-crimson: #C8644A;
  --htg-crimson-hover: #AF5139;
}

:root[data-theme="light-pottery-clay"],
body[data-theme="light-pottery-clay"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6E3DB;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #BE5A38;
  --theme-accent-crimson: #BE5A38;
  --theme-donate-btn-bg: #BE5A38;
  --theme-donate-btn-hover: #A54B2C;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #F9EDE7;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6E3DB;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #BE5A38;
  --htg-crimson: #BE5A38;
  --htg-crimson-hover: #A54B2C;
}

:root[data-theme="light-cinnamon-earth"],
body[data-theme="light-cinnamon-earth"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F5E6DF;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #B35446;
  --theme-accent-crimson: #B35446;
  --theme-donate-btn-bg: #B35446;
  --theme-donate-btn-hover: #9C4336;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #F9EFEB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F5E6DF;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #B35446;
  --htg-crimson: #B35446;
  --htg-crimson-hover: #9C4336;
}

:root[data-theme="light-roasted-pecan"],
body[data-theme="light-roasted-pecan"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F4E7DF;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #A05244;
  --theme-accent-crimson: #A05244;
  --theme-donate-btn-bg: #A05244;
  --theme-donate-btn-hover: #894135;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #F9EEE7;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F4E7DF;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #A05244;
  --htg-crimson: #A05244;
  --htg-crimson-hover: #894135;
}

:root[data-theme="light-kiln-brick"],
body[data-theme="light-kiln-brick"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F8E7E0;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #CE5D44;
  --theme-accent-crimson: #CE5D44;
  --theme-donate-btn-bg: #CE5D44;
  --theme-donate-btn-hover: #B54C35;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #FAF0EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F8E7E0;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #CE5D44;
  --htg-crimson: #CE5D44;
  --htg-crimson-hover: #B54C35;
}

:root[data-theme="light-spiced-paprika"],
body[data-theme="light-spiced-paprika"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6E4DE;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #C54E3E;
  --theme-accent-crimson: #C54E3E;
  --theme-donate-btn-bg: #C54E3E;
  --theme-donate-btn-hover: #AA3D2F;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #F9EEEA;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6E4DE;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #C54E3E;
  --htg-crimson: #C54E3E;
  --htg-crimson-hover: #AA3D2F;
}

:root[data-theme="light-almond-hearth"],
body[data-theme="light-almond-hearth"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F7E8DE;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1F140E;
  --theme-ink-secondary: #5C4438;
  --ink-900: #1F140E;
  --ink-800: #1F140E;
  --ink-500: #5C4438;
  --theme-accent-emerald: #B86847;
  --theme-accent-crimson: #B86847;
  --theme-donate-btn-bg: #B86847;
  --theme-donate-btn-hover: #9F5435;
  --theme-mission-bg: #180E0A;
  --theme-footer-bg: #100906;
  --theme-footer-ink: #DECBC2;
  --theme-input-bg: #FAF1EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F7E8DE;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1F140E;
  --htg-ink-sub: #5C4438;
  --htg-emerald: #B86847;
  --htg-crimson: #B86847;
  --htg-crimson-hover: #9F5435;
}

:root[data-theme="light-mediterranean-sage"],
body[data-theme="light-mediterranean-sage"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E3EED7;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #7CA982;
  --theme-accent-crimson: #7CA982;
  --theme-donate-btn-bg: #7CA982;
  --theme-donate-btn-hover: #6B9671;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #EEF5E7;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E3EED7;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #7CA982;
  --htg-crimson: #7CA982;
  --htg-crimson-hover: #6B9671;
}

:root[data-theme="light-ancient-olivewood"],
body[data-theme="light-ancient-olivewood"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E5EED9;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #6E9362;
  --theme-accent-crimson: #6E9362;
  --theme-donate-btn-bg: #6E9362;
  --theme-donate-btn-hover: #5B7E50;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #EFF5E7;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E5EED9;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #6E9362;
  --htg-crimson: #6E9362;
  --htg-crimson-hover: #5B7E50;
}

:root[data-theme="light-muted-pistachio"],
body[data-theme="light-muted-pistachio"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E6EFDB;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #82A769;
  --theme-accent-crimson: #82A769;
  --theme-donate-btn-bg: #82A769;
  --theme-donate-btn-hover: #709357;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #F0F6E9;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E6EFDB;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #82A769;
  --htg-crimson: #82A769;
  --htg-crimson-hover: #709357;
}

:root[data-theme="light-french-sage"],
body[data-theme="light-french-sage"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E4EDE0;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #739E79;
  --theme-accent-crimson: #739E79;
  --theme-donate-btn-bg: #739E79;
  --theme-donate-btn-hover: #608A66;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #EEF5EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E4EDE0;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #739E79;
  --htg-crimson: #739E79;
  --htg-crimson-hover: #608A66;
}

:root[data-theme="light-rosemary-thyme"],
body[data-theme="light-rosemary-thyme"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E2ECE2;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #6B9777;
  --theme-accent-crimson: #6B9777;
  --theme-donate-btn-bg: #6B9777;
  --theme-donate-btn-hover: #588364;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #EDF5ED;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E2ECE2;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #6B9777;
  --htg-crimson: #6B9777;
  --htg-crimson-hover: #588364;
}

:root[data-theme="light-citrus-grove"],
body[data-theme="light-citrus-grove"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E8EED5;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #839E59;
  --theme-accent-crimson: #839E59;
  --theme-donate-btn-bg: #839E59;
  --theme-donate-btn-hover: #6F8947;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #F1F6E2;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E8EED5;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #839E59;
  --htg-crimson: #839E59;
  --htg-crimson-hover: #6F8947;
}

:root[data-theme="light-eucalyptus-mist"],
body[data-theme="light-eucalyptus-mist"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E0EDE7;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #689E8A;
  --theme-accent-crimson: #689E8A;
  --theme-donate-btn-bg: #689E8A;
  --theme-donate-btn-hover: #558A77;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #ECF5F0;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E0EDE7;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #689E8A;
  --htg-crimson: #689E8A;
  --htg-crimson-hover: #558A77;
}

:root[data-theme="light-highland-cypress"],
body[data-theme="light-highland-cypress"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E1EDE4;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #181E19;
  --theme-ink-secondary: #4A5B4D;
  --ink-900: #181E19;
  --ink-800: #181E19;
  --ink-500: #4A5B4D;
  --theme-accent-emerald: #5D8F6F;
  --theme-accent-crimson: #5D8F6F;
  --theme-donate-btn-bg: #5D8F6F;
  --theme-donate-btn-hover: #4C7B5D;
  --theme-mission-bg: #101705;
  --theme-footer-bg: #0B0F03;
  --theme-footer-ink: #C8D8BA;
  --theme-input-bg: #ECF5EF;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E1EDE4;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #181E19;
  --htg-ink-sub: #4A5B4D;
  --htg-emerald: #5D8F6F;
  --htg-crimson: #5D8F6F;
  --htg-crimson-hover: #4C7B5D;
}

:root[data-theme="light-coastal-dune-sand"],
body[data-theme="light-coastal-dune-sand"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F7EEDF;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #B8874E;
  --theme-accent-crimson: #B8874E;
  --theme-donate-btn-bg: #B8874E;
  --theme-donate-btn-hover: #A1733C;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #FAF4EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F7EEDF;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #B8874E;
  --htg-crimson: #B8874E;
  --htg-crimson-hover: #A1733C;
}

:root[data-theme="light-unbleached-linen"],
body[data-theme="light-unbleached-linen"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6EFE3;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #A68257;
  --theme-accent-crimson: #A68257;
  --theme-donate-btn-bg: #A68257;
  --theme-donate-btn-hover: #906F46;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #FAF5ED;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6EFE3;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #A68257;
  --htg-crimson: #A68257;
  --htg-crimson-hover: #906F46;
}

:root[data-theme="light-harvest-wheat"],
body[data-theme="light-harvest-wheat"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F8EEDC;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #BD863F;
  --theme-accent-crimson: #BD863F;
  --theme-donate-btn-bg: #BD863F;
  --theme-donate-btn-hover: #A5722E;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #FAF4E8;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F8EEDC;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #BD863F;
  --htg-crimson: #BD863F;
  --htg-crimson-hover: #A5722E;
}

:root[data-theme="light-toasted-sesame"],
body[data-theme="light-toasted-sesame"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F5ECE0;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #A87C52;
  --theme-accent-crimson: #A87C52;
  --theme-donate-btn-bg: #A87C52;
  --theme-donate-btn-hover: #926941;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #F9F3EA;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F5ECE0;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #A87C52;
  --htg-crimson: #A87C52;
  --htg-crimson-hover: #926941;
}

:root[data-theme="light-cardamom-oat"],
body[data-theme="light-cardamom-oat"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F7EEE4;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #AF815B;
  --theme-accent-crimson: #AF815B;
  --theme-donate-btn-bg: #AF815B;
  --theme-donate-btn-hover: #986E49;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #FAF4ED;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F7EEE4;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #AF815B;
  --htg-crimson: #AF815B;
  --htg-crimson-hover: #986E49;
}

:root[data-theme="light-desert-chalk"],
body[data-theme="light-desert-chalk"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F5EBE1;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #A1795E;
  --theme-accent-crimson: #A1795E;
  --theme-donate-btn-bg: #A1795E;
  --theme-donate-btn-hover: #8C654C;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #FAF2EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F5EBE1;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #A1795E;
  --htg-crimson: #A1795E;
  --htg-crimson-hover: #8C654C;
}

:root[data-theme="light-honeyed-biscuit"],
body[data-theme="light-honeyed-biscuit"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F8EED8;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #B88B46;
  --theme-accent-crimson: #B88B46;
  --theme-donate-btn-bg: #B88B46;
  --theme-donate-btn-hover: #A07635;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #FAF3E3;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F8EED8;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #B88B46;
  --htg-crimson: #B88B46;
  --htg-crimson-hover: #A07635;
}

:root[data-theme="light-sunlit-straw"],
body[data-theme="light-sunlit-straw"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6ECE1;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #1E1710;
  --theme-ink-secondary: #5C4B3D;
  --ink-900: #1E1710;
  --ink-800: #1E1710;
  --ink-500: #5C4B3D;
  --theme-accent-emerald: #B07C54;
  --theme-accent-crimson: #B07C54;
  --theme-donate-btn-bg: #B07C54;
  --theme-donate-btn-hover: #9A6943;
  --theme-mission-bg: #19120B;
  --theme-footer-bg: #100B06;
  --theme-footer-ink: #DEC8B2;
  --theme-input-bg: #F9F2EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6ECE1;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #1E1710;
  --htg-ink-sub: #5C4B3D;
  --htg-emerald: #B07C54;
  --htg-crimson: #B07C54;
  --htg-crimson-hover: #9A6943;
}

:root[data-theme="light-jericho-rose"],
body[data-theme="light-jericho-rose"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F7E5E9;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #BA6377;
  --theme-accent-crimson: #BA6377;
  --theme-donate-btn-bg: #BA6377;
  --theme-donate-btn-hover: #A44F63;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #FAF0F3;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F7E5E9;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #BA6377;
  --htg-crimson: #BA6377;
  --htg-crimson-hover: #A44F63;
}

:root[data-theme="light-pomegranate-peel"],
body[data-theme="light-pomegranate-peel"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6E3E4;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #B9525C;
  --theme-accent-crimson: #B9525C;
  --theme-donate-btn-bg: #B9525C;
  --theme-donate-btn-hover: #A23E48;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #F9ECEE;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6E3E4;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #B9525C;
  --htg-crimson: #B9525C;
  --htg-crimson-hover: #A23E48;
}

:root[data-theme="light-damascus-fig"],
body[data-theme="light-damascus-fig"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F4E5ED;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #A05A81;
  --theme-accent-crimson: #A05A81;
  --theme-donate-btn-bg: #A05A81;
  --theme-donate-btn-hover: #8A476C;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #F8EDF3;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F4E5ED;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #A05A81;
  --htg-crimson: #A05A81;
  --htg-crimson-hover: #8A476C;
}

:root[data-theme="light-mauve-sandstone"],
body[data-theme="light-mauve-sandstone"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F5E6EB;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #A8637B;
  --theme-accent-crimson: #A8637B;
  --theme-donate-btn-bg: #A8637B;
  --theme-donate-btn-hover: #924F67;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #F9EFF2;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F5E6EB;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #A8637B;
  --htg-crimson: #A8637B;
  --htg-crimson-hover: #924F67;
}

:root[data-theme="light-mountain-sumac"],
body[data-theme="light-mountain-sumac"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6E3E6;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #B04D60;
  --theme-accent-crimson: #B04D60;
  --theme-donate-btn-bg: #B04D60;
  --theme-donate-btn-hover: #983A4C;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #F9ECEF;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6E3E6;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #B04D60;
  --htg-crimson: #B04D60;
  --htg-crimson-hover: #983A4C;
}

:root[data-theme="light-blush-cedar"],
body[data-theme="light-blush-cedar"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F7E7E7;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #B6666E;
  --theme-accent-crimson: #B6666E;
  --theme-donate-btn-bg: #B6666E;
  --theme-donate-btn-hover: #9F5159;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #FAF1F1;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F7E7E7;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #B6666E;
  --htg-crimson: #B6666E;
  --htg-crimson-hover: #9F5159;
}

:root[data-theme="light-dried-henna"],
body[data-theme="light-dried-henna"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6E5E0;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #B35D50;
  --theme-accent-crimson: #B35D50;
  --theme-donate-btn-bg: #B35D50;
  --theme-donate-btn-hover: #9C4A3E;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #FAF0EB;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6E5E0;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #B35D50;
  --htg-crimson: #B35D50;
  --htg-crimson-hover: #9C4A3E;
}

:root[data-theme="light-hebron-glass-rose"],
body[data-theme="light-hebron-glass-rose"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #F6E6EC;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #201317;
  --theme-ink-secondary: #5E434B;
  --ink-900: #201317;
  --ink-800: #201317;
  --ink-500: #5E434B;
  --theme-accent-emerald: #AB607F;
  --theme-accent-crimson: #AB607F;
  --theme-donate-btn-bg: #AB607F;
  --theme-donate-btn-hover: #954D6C;
  --theme-mission-bg: #190E13;
  --theme-footer-bg: #10080B;
  --theme-footer-ink: #DBC3CB;
  --theme-input-bg: #FAF0F5;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #F6E6EC;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #201317;
  --htg-ink-sub: #5E434B;
  --htg-emerald: #AB607F;
  --htg-crimson: #AB607F;
  --htg-crimson-hover: #954D6C;
}

:root[data-theme="light-mediterranean-seafoam"],
body[data-theme="light-mediterranean-seafoam"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E0EFE8;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #5B9B88;
  --theme-accent-crimson: #5B9B88;
  --theme-donate-btn-bg: #5B9B88;
  --theme-donate-btn-hover: #498774;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #EBF6F1;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E0EFE8;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #5B9B88;
  --htg-crimson: #5B9B88;
  --htg-crimson-hover: #498774;
}

:root[data-theme="light-coastal-agave"],
body[data-theme="light-coastal-agave"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E1EEEB;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #5A948C;
  --theme-accent-crimson: #5A948C;
  --theme-donate-btn-bg: #5A948C;
  --theme-donate-btn-hover: #478078;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #ECF5F3;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E1EEEB;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #5A948C;
  --htg-crimson: #5A948C;
  --htg-crimson-hover: #478078;
}

:root[data-theme="light-river-reed"],
body[data-theme="light-river-reed"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E4EDE6;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #6D947B;
  --theme-accent-crimson: #6D947B;
  --theme-donate-btn-bg: #6D947B;
  --theme-donate-btn-hover: #5A8167;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #EEF5F0;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E4EDE6;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #6D947B;
  --htg-crimson: #6D947B;
  --htg-crimson-hover: #5A8167;
}

:root[data-theme="light-river-pebble"],
body[data-theme="light-river-pebble"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E6ECE8;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #6F8A80;
  --theme-accent-crimson: #6F8A80;
  --theme-donate-btn-bg: #6F8A80;
  --theme-donate-btn-hover: #5B766D;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #F0F5F2;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E6ECE8;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #6F8A80;
  --htg-crimson: #6F8A80;
  --htg-crimson-hover: #5B766D;
}

:root[data-theme="light-slate-cedar"],
body[data-theme="light-slate-cedar"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E2ECE9;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #5F8F87;
  --theme-accent-crimson: #5F8F87;
  --theme-donate-btn-bg: #5F8F87;
  --theme-donate-btn-hover: #4C7B74;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #ECF5F2;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E2ECE9;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #5F8F87;
  --htg-crimson: #5F8F87;
  --htg-crimson-hover: #4C7B74;
}

:root[data-theme="light-desert-dusk-shadow"],
body[data-theme="light-desert-dusk-shadow"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #EBECE8;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #7A8778;
  --theme-accent-crimson: #7A8778;
  --theme-donate-btn-bg: #7A8778;
  --theme-donate-btn-hover: #667364;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #F3F4F1;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #EBECE8;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #7A8778;
  --htg-crimson: #7A8778;
  --htg-crimson-hover: #667364;
}

:root[data-theme="light-cypress-mist"],
body[data-theme="light-cypress-mist"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E3ECE7;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #639380;
  --theme-accent-crimson: #639380;
  --theme-donate-btn-bg: #639380;
  --theme-donate-btn-hover: #507F6D;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #EDF5F1;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E3ECE7;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #639380;
  --htg-crimson: #639380;
  --htg-crimson-hover: #507F6D;
}

:root[data-theme="light-tidal-seaglass"],
body[data-theme="light-tidal-seaglass"] {
  --theme-canvas-bg: #FFFFFF;
  --theme-bg-base: #FFFFFF;
  --bg-cream: #FFFFFF;
  --theme-header-bg: #FFFFFFF0;
  --theme-card-bg: #E1EEE6;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.16);
  --theme-ink-primary: #141E1B;
  --theme-ink-secondary: #475C55;
  --ink-900: #141E1B;
  --ink-800: #141E1B;
  --ink-500: #475C55;
  --theme-accent-emerald: #629A84;
  --theme-accent-crimson: #629A84;
  --theme-donate-btn-bg: #629A84;
  --theme-donate-btn-hover: #4F8671;
  --theme-mission-bg: #0B1713;
  --theme-footer-bg: #060F0C;
  --theme-footer-ink: #BCD6CE;
  --theme-input-bg: #ECF5F0;

  --htg-bg: #FFFFFF;
  --htg-bg-alt: #FFFFFF;
  --htg-card-bg: #E1EEE6;
  --htg-border: rgba(0, 0, 0, 0.08);
  --htg-border-strong: rgba(0, 0, 0, 0.16);
  --htg-charcoal: #141E1B;
  --htg-ink-sub: #475C55;
  --htg-emerald: #629A84;
  --htg-crimson: #629A84;
  --htg-crimson-hover: #4F8671;
}

:root[data-theme="dark-terracotta-hearth"],
body[data-theme="dark-terracotta-hearth"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #241813;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #E26D54;
  --theme-accent-crimson: #E26D54;
  --theme-donate-btn-bg: #E26D54;
  --theme-donate-btn-hover: #D95338;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #241813;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #E26D54;
  --htg-crimson: #E26D54;
  --htg-crimson-hover: #D95338;
}

:root[data-theme="dark-sunbaked-adobe"],
body[data-theme="dark-sunbaked-adobe"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #261A15;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #DA7C64;
  --theme-accent-crimson: #DA7C64;
  --theme-donate-btn-bg: #DA7C64;
  --theme-donate-btn-hover: #C8644A;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #261A15;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #DA7C64;
  --htg-crimson: #DA7C64;
  --htg-crimson-hover: #C8644A;
}

:root[data-theme="dark-pottery-clay"],
body[data-theme="dark-pottery-clay"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #251712;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #D37353;
  --theme-accent-crimson: #D37353;
  --theme-donate-btn-bg: #D37353;
  --theme-donate-btn-hover: #BE5A38;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251712;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #D37353;
  --htg-crimson: #D37353;
  --htg-crimson-hover: #BE5A38;
}

:root[data-theme="dark-cinnamon-earth"],
body[data-theme="dark-cinnamon-earth"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #241815;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #CA6F61;
  --theme-accent-crimson: #CA6F61;
  --theme-donate-btn-bg: #CA6F61;
  --theme-donate-btn-hover: #B35446;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #241815;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #CA6F61;
  --htg-crimson: #CA6F61;
  --htg-crimson-hover: #B35446;
}

:root[data-theme="dark-roasted-pecan"],
body[data-theme="dark-roasted-pecan"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #231814;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #B7695B;
  --theme-accent-crimson: #B7695B;
  --theme-donate-btn-bg: #B7695B;
  --theme-donate-btn-hover: #A05244;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #231814;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #B7695B;
  --htg-crimson: #B7695B;
  --htg-crimson-hover: #A05244;
}

:root[data-theme="dark-kiln-brick"],
body[data-theme="dark-kiln-brick"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #271914;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #E0765F;
  --theme-accent-crimson: #E0765F;
  --theme-donate-btn-bg: #E0765F;
  --theme-donate-btn-hover: #CE5D44;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #271914;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #E0765F;
  --htg-crimson: #E0765F;
  --htg-crimson-hover: #CE5D44;
}

:root[data-theme="dark-spiced-paprika"],
body[data-theme="dark-spiced-paprika"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #261713;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #D96757;
  --theme-accent-crimson: #D96757;
  --theme-donate-btn-bg: #D96757;
  --theme-donate-btn-hover: #C54E3E;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #261713;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #D96757;
  --htg-crimson: #D96757;
  --htg-crimson-hover: #C54E3E;
}

:root[data-theme="dark-almond-hearth"],
body[data-theme="dark-almond-hearth"] {
  --theme-canvas-bg: #0D0A08;
  --theme-bg-base: #0D0A08;
  --bg-cream: #0D0A08;
  --theme-header-bg: #0D0A08F0;
  --theme-card-bg: #251914;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #CC7E5E;
  --theme-accent-crimson: #CC7E5E;
  --theme-donate-btn-bg: #CC7E5E;
  --theme-donate-btn-hover: #B86847;
  --theme-mission-bg: #070403;
  --theme-footer-bg: #040202;
  --theme-footer-ink: #D4B6AC;
  --theme-input-bg: #140D0A;

  --htg-bg: #0D0A08;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251914;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #CC7E5E;
  --htg-crimson: #CC7E5E;
  --htg-crimson-hover: #B86847;
}

:root[data-theme="dark-mediterranean-sage"],
body[data-theme="dark-mediterranean-sage"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #18241B;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #5E9C68;
  --theme-accent-crimson: #5E9C68;
  --theme-donate-btn-bg: #5E9C68;
  --theme-donate-btn-hover: #4E8757;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #B4D6BC;
  --theme-input-bg: #0C170F;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #18241B;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #5E9C68;
  --htg-crimson: #5E9C68;
  --htg-crimson-hover: #4E8757;
}

:root[data-theme="dark-ancient-olivewood"],
body[data-theme="dark-ancient-olivewood"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #1A2417;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #5B834F;
  --theme-accent-crimson: #5B834F;
  --theme-donate-btn-bg: #5B834F;
  --theme-donate-btn-hover: #4C6F41;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #B8D4AD;
  --theme-input-bg: #0D170B;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #1A2417;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #5B834F;
  --htg-crimson: #5B834F;
  --htg-crimson-hover: #4C6F41;
}

:root[data-theme="dark-muted-pistachio"],
body[data-theme="dark-muted-pistachio"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #1B2418;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #6B9E54;
  --theme-accent-crimson: #6B9E54;
  --theme-donate-btn-bg: #6B9E54;
  --theme-donate-btn-hover: #5A8A45;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #BCD6AE;
  --theme-input-bg: #0E170B;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #1B2418;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #6B9E54;
  --htg-crimson: #6B9E54;
  --htg-crimson-hover: #5A8A45;
}

:root[data-theme="dark-french-sage"],
body[data-theme="dark-french-sage"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #18231C;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #5B8C62;
  --theme-accent-crimson: #5B8C62;
  --theme-donate-btn-bg: #5B8C62;
  --theme-donate-btn-hover: #4B7751;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #B4D6BA;
  --theme-input-bg: #0C170F;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #18231C;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #5B8C62;
  --htg-crimson: #5B8C62;
  --htg-crimson-hover: #4B7751;
}

:root[data-theme="dark-rosemary-thyme"],
body[data-theme="dark-rosemary-thyme"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #17231B;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #558762;
  --theme-accent-crimson: #558762;
  --theme-donate-btn-bg: #558762;
  --theme-donate-btn-hover: #467251;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #B2D5BD;
  --theme-input-bg: #0B170E;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #17231B;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #558762;
  --htg-crimson: #558762;
  --htg-crimson-hover: #467251;
}

:root[data-theme="dark-citrus-grove"],
body[data-theme="dark-citrus-grove"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #1C2415;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #6B8E42;
  --theme-accent-crimson: #6B8E42;
  --theme-donate-btn-bg: #6B8E42;
  --theme-donate-btn-hover: #5A7A35;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #BED8A0;
  --theme-input-bg: #0F170A;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #1C2415;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #6B8E42;
  --htg-crimson: #6B8E42;
  --htg-crimson-hover: #5A7A35;
}

:root[data-theme="dark-eucalyptus-mist"],
body[data-theme="dark-eucalyptus-mist"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #16241F;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #518E79;
  --theme-accent-crimson: #518E79;
  --theme-donate-btn-bg: #518E79;
  --theme-donate-btn-hover: #427866;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #AEE0CF;
  --theme-input-bg: #0B1713;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #16241F;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #518E79;
  --htg-crimson: #518E79;
  --htg-crimson-hover: #427866;
}

:root[data-theme="dark-highland-cypress"],
body[data-theme="dark-highland-cypress"] {
  --theme-canvas-bg: #080D09;
  --theme-bg-base: #080D09;
  --bg-cream: #080D09;
  --theme-header-bg: #080D09F0;
  --theme-card-bg: #17241A;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #4C855E;
  --theme-accent-crimson: #4C855E;
  --theme-donate-btn-bg: #4C855E;
  --theme-donate-btn-hover: #3D6F4D;
  --theme-mission-bg: #030704;
  --theme-footer-bg: #020402;
  --theme-footer-ink: #AFD8BD;
  --theme-input-bg: #0B170E;

  --htg-bg: #080D09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #17241A;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #4C855E;
  --htg-crimson: #4C855E;
  --htg-crimson-hover: #3D6F4D;
}

:root[data-theme="dark-coastal-dune-sand"],
body[data-theme="dark-coastal-dune-sand"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #252016;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C7975D;
  --theme-accent-crimson: #C7975D;
  --theme-donate-btn-bg: #C7975D;
  --theme-donate-btn-hover: #B8874E;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #252016;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C7975D;
  --htg-crimson: #C7975D;
  --htg-crimson-hover: #B8874E;
}

:root[data-theme="dark-unbleached-linen"],
body[data-theme="dark-unbleached-linen"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #242017;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #B79368;
  --theme-accent-crimson: #B79368;
  --theme-donate-btn-bg: #B79368;
  --theme-donate-btn-hover: #A68257;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #242017;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #B79368;
  --htg-crimson: #B79368;
  --htg-crimson-hover: #A68257;
}

:root[data-theme="dark-harvest-wheat"],
body[data-theme="dark-harvest-wheat"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #262015;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #CC9650;
  --theme-accent-crimson: #CC9650;
  --theme-donate-btn-bg: #CC9650;
  --theme-donate-btn-hover: #BD863F;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #262015;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #CC9650;
  --htg-crimson: #CC9650;
  --htg-crimson-hover: #BD863F;
}

:root[data-theme="dark-toasted-sesame"],
body[data-theme="dark-toasted-sesame"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #241F17;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #B98D63;
  --theme-accent-crimson: #B98D63;
  --theme-donate-btn-bg: #B98D63;
  --theme-donate-btn-hover: #A87C52;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #241F17;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #B98D63;
  --htg-crimson: #B98D63;
  --htg-crimson-hover: #A87C52;
}

:root[data-theme="dark-cardamom-oat"],
body[data-theme="dark-cardamom-oat"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #251F18;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C0926C;
  --theme-accent-crimson: #C0926C;
  --theme-donate-btn-bg: #C0926C;
  --theme-donate-btn-hover: #AF815B;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251F18;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C0926C;
  --htg-crimson: #C0926C;
  --htg-crimson-hover: #AF815B;
}

:root[data-theme="dark-desert-chalk"],
body[data-theme="dark-desert-chalk"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #231E18;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #B38B70;
  --theme-accent-crimson: #B38B70;
  --theme-donate-btn-bg: #B38B70;
  --theme-donate-btn-hover: #A1795E;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #231E18;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #B38B70;
  --htg-crimson: #B38B70;
  --htg-crimson-hover: #A1795E;
}

:root[data-theme="dark-honeyed-biscuit"],
body[data-theme="dark-honeyed-biscuit"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #262114;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C79A55;
  --theme-accent-crimson: #C79A55;
  --theme-donate-btn-bg: #C79A55;
  --theme-donate-btn-hover: #B88B46;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #262114;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C79A55;
  --htg-crimson: #C79A55;
  --htg-crimson-hover: #B88B46;
}

:root[data-theme="dark-sunlit-straw"],
body[data-theme="dark-sunlit-straw"] {
  --theme-canvas-bg: #0D0C09;
  --theme-bg-base: #0D0C09;
  --bg-cream: #0D0C09;
  --theme-header-bg: #0D0C09F0;
  --theme-card-bg: #251E17;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C18D65;
  --theme-accent-crimson: #C18D65;
  --theme-donate-btn-bg: #C18D65;
  --theme-donate-btn-hover: #B07C54;
  --theme-mission-bg: #070503;
  --theme-footer-bg: #040301;
  --theme-footer-ink: #D8C2A8;
  --theme-input-bg: #14110A;

  --htg-bg: #0D0C09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251E17;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C18D65;
  --htg-crimson: #C18D65;
  --htg-crimson-hover: #B07C54;
}

:root[data-theme="dark-jericho-rose"],
body[data-theme="dark-jericho-rose"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #26161A;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #CD758A;
  --theme-accent-crimson: #CD758A;
  --theme-donate-btn-bg: #CD758A;
  --theme-donate-btn-hover: #BA6377;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #26161A;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #CD758A;
  --htg-crimson: #CD758A;
  --htg-crimson-hover: #BA6377;
}

:root[data-theme="dark-pomegranate-peel"],
body[data-theme="dark-pomegranate-peel"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #261617;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #CE646E;
  --theme-accent-crimson: #CE646E;
  --theme-donate-btn-bg: #CE646E;
  --theme-donate-btn-hover: #B9525C;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #261617;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #CE646E;
  --htg-crimson: #CE646E;
  --htg-crimson-hover: #B9525C;
}

:root[data-theme="dark-damascus-fig"],
body[data-theme="dark-damascus-fig"] {
  --theme-canvas-bg: #0C080B;
  --theme-bg-base: #0C080B;
  --bg-cream: #0C080B;
  --theme-header-bg: #0C080BF0;
  --theme-card-bg: #251720;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #B46E95;
  --theme-accent-crimson: #B46E95;
  --theme-donate-btn-bg: #B46E95;
  --theme-donate-btn-hover: #A05A81;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #130B10;

  --htg-bg: #0C080B;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251720;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #B46E95;
  --htg-crimson: #B46E95;
  --htg-crimson-hover: #A05A81;
}

:root[data-theme="dark-mauve-sandstone"],
body[data-theme="dark-mauve-sandstone"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #25171C;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #BC778F;
  --theme-accent-crimson: #BC778F;
  --theme-donate-btn-bg: #BC778F;
  --theme-donate-btn-hover: #A8637B;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #25171C;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #BC778F;
  --htg-crimson: #BC778F;
  --htg-crimson-hover: #A8637B;
}

:root[data-theme="dark-mountain-sumac"],
body[data-theme="dark-mountain-sumac"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #261519;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C46073;
  --theme-accent-crimson: #C46073;
  --theme-donate-btn-bg: #C46073;
  --theme-donate-btn-hover: #B04D60;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #261519;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C46073;
  --htg-crimson: #C46073;
  --htg-crimson-hover: #B04D60;
}

:root[data-theme="dark-blush-cedar"],
body[data-theme="dark-blush-cedar"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #251819;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C97A82;
  --theme-accent-crimson: #C97A82;
  --theme-donate-btn-bg: #C97A82;
  --theme-donate-btn-hover: #B6666E;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251819;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C97A82;
  --htg-crimson: #C97A82;
  --htg-crimson-hover: #B6666E;
}

:root[data-theme="dark-dried-henna"],
body[data-theme="dark-dried-henna"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #251815;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #C67063;
  --theme-accent-crimson: #C67063;
  --theme-donate-btn-bg: #C67063;
  --theme-donate-btn-hover: #B35D50;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #251815;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #C67063;
  --htg-crimson: #C67063;
  --htg-crimson-hover: #B35D50;
}

:root[data-theme="dark-hebron-glass-rose"],
body[data-theme="dark-hebron-glass-rose"] {
  --theme-canvas-bg: #0D080A;
  --theme-bg-base: #0D080A;
  --bg-cream: #0D080A;
  --theme-header-bg: #0D080AF0;
  --theme-card-bg: #25171D;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #BE7392;
  --theme-accent-crimson: #BE7392;
  --theme-donate-btn-bg: #BE7392;
  --theme-donate-btn-hover: #AB607F;
  --theme-mission-bg: #070305;
  --theme-footer-bg: #040203;
  --theme-footer-ink: #D6B4BF;
  --theme-input-bg: #140B0E;

  --htg-bg: #0D080A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #25171D;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #BE7392;
  --htg-crimson: #BE7392;
  --htg-crimson-hover: #AB607F;
}

:root[data-theme="dark-mediterranean-seafoam"],
body[data-theme="dark-mediterranean-seafoam"] {
  --theme-canvas-bg: #070D0B;
  --theme-bg-base: #070D0B;
  --bg-cream: #070D0B;
  --theme-header-bg: #070D0BF0;
  --theme-card-bg: #162420;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #508F7C;
  --theme-accent-crimson: #508F7C;
  --theme-donate-btn-bg: #508F7C;
  --theme-donate-btn-hover: #3F7867;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #A8D6C7;
  --theme-input-bg: #0A1713;

  --htg-bg: #070D0B;
  --htg-bg-alt: #000000;
  --htg-card-bg: #162420;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #508F7C;
  --htg-crimson: #508F7C;
  --htg-crimson-hover: #3F7867;
}

:root[data-theme="dark-coastal-agave"],
body[data-theme="dark-coastal-agave"] {
  --theme-canvas-bg: #070D0B;
  --theme-bg-base: #070D0B;
  --bg-cream: #070D0B;
  --theme-header-bg: #070D0BF0;
  --theme-card-bg: #162321;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #4F8981;
  --theme-accent-crimson: #4F8981;
  --theme-donate-btn-bg: #4F8981;
  --theme-donate-btn-hover: #3E736C;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #A8D6CE;
  --theme-input-bg: #0A1714;

  --htg-bg: #070D0B;
  --htg-bg-alt: #000000;
  --htg-card-bg: #162321;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #4F8981;
  --htg-crimson: #4F8981;
  --htg-crimson-hover: #3E736C;
}

:root[data-theme="dark-river-reed"],
body[data-theme="dark-river-reed"] {
  --theme-canvas-bg: #080D0A;
  --theme-bg-base: #080D0A;
  --bg-cream: #080D0A;
  --theme-header-bg: #080D0AF0;
  --theme-card-bg: #17231B;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #598367;
  --theme-accent-crimson: #598367;
  --theme-donate-btn-bg: #598367;
  --theme-donate-btn-hover: #496F54;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #B4D6BE;
  --theme-input-bg: #0B170F;

  --htg-bg: #080D0A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #17231B;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #598367;
  --htg-crimson: #598367;
  --htg-crimson-hover: #496F54;
}

:root[data-theme="dark-river-pebble"],
body[data-theme="dark-river-pebble"] {
  --theme-canvas-bg: #090C0B;
  --theme-bg-base: #090C0B;
  --bg-cream: #090C0B;
  --theme-header-bg: #090C0BF0;
  --theme-card-bg: #1A2220;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #617C72;
  --theme-accent-crimson: #617C72;
  --theme-donate-btn-bg: #617C72;
  --theme-donate-btn-hover: #506A61;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #B2D0C5;
  --theme-input-bg: #0C1513;

  --htg-bg: #090C0B;
  --htg-bg-alt: #000000;
  --htg-card-bg: #1A2220;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #617C72;
  --htg-crimson: #617C72;
  --htg-crimson-hover: #506A61;
}

:root[data-theme="dark-slate-cedar"],
body[data-theme="dark-slate-cedar"] {
  --theme-canvas-bg: #080C0B;
  --theme-bg-base: #080C0B;
  --bg-cream: #080C0B;
  --theme-header-bg: #080C0BF0;
  --theme-card-bg: #172320;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #54847C;
  --theme-accent-crimson: #54847C;
  --theme-donate-btn-bg: #54847C;
  --theme-donate-btn-hover: #437069;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #A8D2C9;
  --theme-input-bg: #0A1613;

  --htg-bg: #080C0B;
  --htg-bg-alt: #000000;
  --htg-card-bg: #172320;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #54847C;
  --htg-crimson: #54847C;
  --htg-crimson-hover: #437069;
}

:root[data-theme="dark-desert-dusk-shadow"],
body[data-theme="dark-desert-dusk-shadow"] {
  --theme-canvas-bg: #0A0B09;
  --theme-bg-base: #0A0B09;
  --bg-cream: #0A0B09;
  --theme-header-bg: #0A0B09F0;
  --theme-card-bg: #1E211D;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #6A7868;
  --theme-accent-crimson: #6A7868;
  --theme-donate-btn-bg: #6A7868;
  --theme-donate-btn-hover: #586657;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #B4C5B2;
  --theme-input-bg: #0E120D;

  --htg-bg: #0A0B09;
  --htg-bg-alt: #000000;
  --htg-card-bg: #1E211D;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #6A7868;
  --htg-crimson: #6A7868;
  --htg-crimson-hover: #586657;
}

:root[data-theme="dark-cypress-mist"],
body[data-theme="dark-cypress-mist"] {
  --theme-canvas-bg: #080D0A;
  --theme-bg-base: #080D0A;
  --bg-cream: #080D0A;
  --theme-header-bg: #080D0AF0;
  --theme-card-bg: #18231E;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #578774;
  --theme-accent-crimson: #578774;
  --theme-donate-btn-bg: #578774;
  --theme-donate-btn-hover: #467462;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #B0D8C8;
  --theme-input-bg: #0B1711;

  --htg-bg: #080D0A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #18231E;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #578774;
  --htg-crimson: #578774;
  --htg-crimson-hover: #467462;
}

:root[data-theme="dark-tidal-seaglass"],
body[data-theme="dark-tidal-seaglass"] {
  --theme-canvas-bg: #070D0A;
  --theme-bg-base: #070D0A;
  --bg-cream: #070D0A;
  --theme-header-bg: #070D0AF0;
  --theme-card-bg: #16231E;
  --theme-card-surface: #000000;
  --theme-border: rgba(255, 255, 255, 0.14);
  --theme-border-strong: rgba(255, 255, 255, 0.28);
  --theme-ink-primary: #FFFFFF;
  --theme-ink-secondary: #A1A1AA;
  --ink-900: #FFFFFF;
  --ink-800: #FFFFFF;
  --ink-500: #A1A1AA;
  --theme-accent-emerald: #558C77;
  --theme-accent-crimson: #558C77;
  --theme-donate-btn-bg: #558C77;
  --theme-donate-btn-hover: #447864;
  --theme-mission-bg: #020705;
  --theme-footer-bg: #010403;
  --theme-footer-ink: #ACD7C6;
  --theme-input-bg: #0A1711;

  --htg-bg: #070D0A;
  --htg-bg-alt: #000000;
  --htg-card-bg: #16231E;
  --htg-border: rgba(255, 255, 255, 0.14);
  --htg-border-strong: rgba(255, 255, 255, 0.28);
  --htg-charcoal: #FFFFFF;
  --htg-ink-sub: #A1A1AA;
  --htg-emerald: #558C77;
  --htg-crimson: #558C77;
  --htg-crimson-hover: #447864;
}

body[data-theme],
html[data-theme] {
  background: var(--theme-canvas-bg) !important;
  background-color: var(--theme-canvas-bg) !important;
  background-image: none !important;
  color: var(--theme-ink-primary) !important;
  transition: background-color 0.25s ease, color 0.25s ease !important;
}

body[data-theme]::before,
html[data-theme]::before {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
}

body[data-theme] .ambient-bg,
body[data-theme] .sun-orb,
body[data-theme] #sunbeamCanvas,
body.heritage-design .ambient-bg,
body.heritage-design .sun-orb,
body.heritage-design #sunbeamCanvas {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body[data-theme] .watermelon-top-strip,
body.heritage-design .watermelon-top-strip {
  display: none !important;
}

body[data-theme] .site-header,
body[data-theme] .nav-container,
body[data-theme] .heritage-sticky-nav {
  background: var(--theme-header-bg) !important;
  border-bottom: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme] .brand-name,
body[data-theme] .site-logo-link span {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .brand-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .nav-link,
body[data-theme] .heritage-nav-link {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .nav-link:hover {
  color: var(--theme-accent-crimson) !important;
}
body[data-theme] .nav-link,
body[data-theme] .nav-link.nav-link-families,
body[data-theme] .nav-link.nav-link-method,
body[data-theme] .nav-link.nav-link-pledge,
body[data-theme] .nav-link.nav-link-qr,
body[data-theme] .nav-link.nav-link-fotw,
body[data-theme] .btn-nav-fotw-spotlight {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  border-radius: 9999px !important;
  padding: 0.3rem 0.68rem !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}
body[data-theme] .nav-link:hover,
body[data-theme] .nav-link.nav-link-families:hover,
body[data-theme] .nav-link.nav-link-method:hover,
body[data-theme] .nav-link.nav-link-pledge:hover,
body[data-theme] .nav-link.nav-link-qr:hover,
body[data-theme] .nav-link.nav-link-fotw:hover {
  background: var(--theme-border) !important;
  border-color: var(--theme-border-strong) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .site-header .nav-link.active,
.site-header .nav-link.active {
  background: #047857 !important;
  color: #FFFFFF !important;
  border-color: #059669 !important;
  font-weight: 800 !important;
}
body[data-theme] #navTikTokLivePill:not(.is-live),
body[data-theme] #navTikTokLivePill:not(.is-live) span,
body[data-theme] #navLiveStreamIcon:not(.is-live),
body[data-theme] #navLiveStreamText:not(.is-live) {
  background: var(--theme-card-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] #navTikTokLivePill.is-live {
  background: linear-gradient(135deg, #140508 0%, #26070F 55%, #140508 100%) !important;
  border: 1.5px solid #EF4444 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 14px rgba(239, 68, 68, 0.5), inset 0 0 8px rgba(239, 68, 68, 0.22) !important;
}

body[data-theme] #navTikTokLivePill.is-live #navLivePulseDot {
  background: #FF0033 !important;
  box-shadow: 0 0 8px #FF0033, 0 0 16px rgba(255, 0, 51, 0.95) !important;
}

body[data-theme] #navTikTokLivePill.is-live .rec-tally-tag {
  background: transparent !important;
  color: #FF3B53 !important;
  font-weight: 800 !important;
  font-family: var(--font-sans) !important;
  font-variant-numeric: tabular-nums !important;
  font-size: 0.74rem !important;
  text-shadow: 0 0 8px rgba(255, 59, 83, 0.6) !important;
}

body[data-theme] #navTikTokLivePill.is-live .rec-tally-sep {
  background: transparent !important;
  color: rgba(255, 255, 255, 0.65) !important;
}

body[data-theme] #navTikTokLivePill.is-live .rec-tally-live {
  background: transparent !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  font-size: 0.73rem !important;
}

body[data-theme] #navTikTokLivePill.is-live #navLiveStreamText {
  background: transparent !important;
  color: #FFFFFF !important;
}

body[data-theme] #navTikTokLivePill.is-live:hover {
  background: linear-gradient(135deg, #22080E 0%, #380A15 50%, #22080E 100%) !important;
  border-color: #FF0033 !important;
  box-shadow: 0 0 22px rgba(255, 0, 51, 0.75), 0 4px 14px rgba(0, 0, 0, 0.5), inset 0 0 12px rgba(255, 0, 51, 0.35) !important;
}

body[data-theme] #navTikTokLivePill.is-live:hover #navLivePulseDot {
  background: #FF1744 !important;
  box-shadow: 0 0 12px #FF1744, 0 0 24px rgba(255, 23, 68, 1) !important;
}

body[data-theme] #navTikTokLivePill.is-live:hover .rec-tally-tag {
  color: #FF5E73 !important;
  text-shadow: 0 0 12px rgba(255, 94, 115, 0.95) !important;
}
body[data-theme] .btn-nav-support-families {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
}
@media (max-width: 768px) {
  body[data-theme] .lang-switcher-wrapper,
  .lang-switcher-wrapper {
    display: none !important;
  }
}

body[data-theme] .btn-lang-selector {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .lang-dropdown-menu {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border-strong) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .lang-menu-item {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .lang-menu-item:hover {
  background: var(--theme-card-surface) !important;
}
body[data-theme] .lang-tab-bar-strip {
  background: var(--theme-card-surface) !important;
  border-bottom: 1px solid var(--theme-border) !important;
}
body[data-theme] .lang-tab-label {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .lang-tab-btn {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .lang-tab-btn.active {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  border-color: var(--theme-accent-emerald) !important;
}
body[data-theme] .header-socials a {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .btn-install-pwa {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  border: none !important;
}

body[data-theme] .solidarity-live-ticker,
body[data-theme] #solidarityLiveTicker {
  background: var(--theme-card-surface) !important;
  border-bottom: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .ticker-badge,
body[data-theme] #tickerBadge {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .pulse-emerald-dot,
body[data-theme] #tickerBadgeDot {
  background: var(--theme-accent-emerald) !important;
}
body[data-theme] .ticker-message {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .ticker-message strong {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .ticker-action-link,
body[data-theme] #tickerActionLink {
  background: transparent !important;
  background-image: none !important;
  color: var(--theme-accent-emerald, #047857) !important;
  font-weight: 700 !important;
}

body[data-theme] #welcome,
body[data-theme] .welcome-section,
body[data-theme] .hero-section,
body[data-theme] .heritage-hero-section {
  background: var(--theme-canvas-bg) !important;
  background-color: var(--theme-canvas-bg) !important;
}
body[data-theme] .friendly-welcome-banner-box,
body[data-theme] .friendly-welcome-hero-box,
body[data-theme] #welcomeBannerBox,
body[data-theme] #welcomeHeroBox {
  background: var(--theme-card-bg) !important;
  border: 1.8px solid var(--theme-border) !important;
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.08) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .friendly-welcome-banner-box::before,
body[data-theme] .friendly-welcome-hero-box::before,
body[data-theme] #welcomeBannerBox::before,
body[data-theme] #welcomeHeroBox::before {
  display: none !important;
  content: none !important;
}
body[data-theme] .welcome-kpi-pill {
  background: var(--theme-card-surface) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .featured-story-bar,
body[data-theme] .press-story-badge {
  background: var(--theme-card-surface) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .welcome-pill {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .welcome-title,
body[data-theme] .hero-title {
  color: var(--theme-ink-primary) !important;
}
.welcome-title-highlight,
.hero-title-highlight,
body[data-theme] .welcome-title-highlight,
body[data-theme] .hero-title-highlight {
  color: #047857 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: initial !important;
}

body[data-theme^="dark-"] .welcome-title-highlight,
body[data-theme^="dark-"] .hero-title-highlight {
  color: #34D399 !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: initial !important;
}
body[data-theme] .live-impact-ticker-box,
body[data-theme] .tier5-impact-glass {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .impact-metric-label {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .impact-metric-val {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .impact-metric-val.impact-green-highlight {
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .impact-metric-divider {
  background: var(--theme-border) !important;
}
body[data-theme] .live-impact-ticker-badge {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .ticker-badge-text,
body[data-theme] #tickerBadgeText {
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] #quickShuffleBtn {
  color: var(--theme-ink-primary) !important;
  border-color: var(--theme-border) !important;
}
body[data-theme] #quickShuffleBtn svg,
body[data-theme] #quickShuffleBtn svg * {
  stroke: currentColor !important;
}
body[data-theme] .live-impact-headline {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .live-impact-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .btn-ticker-quick-pick {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
  border: none !important;
}
body[data-theme] .mobile-hero-fast-bar {
  background: transparent !important;
}
body[data-theme] .btn-mobile-fast-primary {
  background: var(--theme-donate-btn-bg, #047857) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(4, 120, 87, 0.28) !important;
}
body[data-theme] .btn-mobile-fast-random,
body[data-theme] .btn-mobile-mission-toggle {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .mission-card,
body[data-theme] #missionSection,
body[data-theme] .heritage-mission-banner,
body[data-theme] #heritageMissionSection {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .mission-eyebrow-badge {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .mission-eyebrow-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .mission-statement {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .pillar-tag {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .press-story-badge {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .hero-logo-img {
  border: 2px solid var(--theme-border-strong) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}
body[data-theme] .tier5-impact-metrics-row {
  border-bottom: 1px solid var(--theme-border) !important;
}
body[data-theme] .presence-pulse-dot {
  background: var(--theme-accent-emerald) !important;
}
body[data-theme] #liveImpactPulseDot {
  background: var(--theme-accent-emerald) !important;
}
body[data-theme] .mission-footer {
  border-top: 1px solid var(--theme-border) !important;
}
body[data-theme] .section-eyebrow,
body[data-theme] .eyebrow-emerald,
body[data-theme] .eyebrow-gold {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .press-pill {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-crimson) !important;
}
body[data-theme] .press-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .press-headline {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .btn-press-read {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .metric-box {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .metric-box .metric-value {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .metric-box .metric-label {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .btn-primary-sun {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
  border: none !important;
}
body[data-theme] .btn-secondary-warm {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .btn-outline-qr {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .community-tiktok-banner,
body[data-theme] .hero-tiktok-banner,
body[data-theme] #communityTikTokBanner,
body[data-theme] #heroTikTokBanner {
  background: var(--theme-card-bg) !important;
  border: 1.8px solid var(--theme-border-strong) !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.08) !important;
  color: var(--theme-ink-primary) !important;
  position: relative !important;
  overflow: hidden !important;
}
body[data-theme] .community-tiktok-title,
body[data-theme] .hero-tiktok-title {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .community-tiktok-sub,
body[data-theme] .hero-tiktok-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .community-tiktok-icon,
body[data-theme] .hero-tiktok-icon {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-crimson) !important;
  position: relative !important;
}
body[data-theme] .community-tiktok-badge,
body[data-theme] .hero-tiktok-badge {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
}
body[data-theme] #communityTikTokBeacon,
body[data-theme] #heroTikTokBeacon,
body[data-theme] .community-tiktok-beacon,
body[data-theme] .hero-tiktok-beacon {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] #communityTikTokCta,
body[data-theme] #heroTikTokCta,
body[data-theme] .community-tiktok-cta,
body[data-theme] .hero-tiktok-cta {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--theme-accent-emerald) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}
body[data-theme] #communityTikTokCta:hover,
body[data-theme] #heroTikTokCta:hover,
body[data-theme] .community-tiktok-cta:hover,
body[data-theme] .hero-tiktok-cta:hover {
  filter: brightness(1.1) !important;
  transform: translateY(-1px) !important;
}

body[data-theme] .fotw-spotlight-section,
body[data-theme] #familiesOfTheWeekSection {
  background: var(--theme-canvas-bg) !important;
}
body[data-theme] .fotw-card-wrapper {
  background: transparent !important;
}
body[data-theme] .fotw-clean-heading {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .fotw-clean-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .btn-fotw-method-link {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .fotw-single-card {
  background: var(--theme-card-bg) !important;
  border: 1.8px solid var(--theme-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .fotw-hero-photo-wrap {
  border-color: var(--theme-border-strong) !important;
}
body[data-theme] .fotw-name {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .fotw-meta-tag {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .fotw-story-snippet {
  background: var(--theme-card-surface) !important;
  border-left: 3px solid var(--theme-accent-emerald) !important;
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .fotw-index-pill {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .fotw-progress-card {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
}
body[data-theme] .fotw-progress-track {
  background: var(--theme-border) !important;
}
body[data-theme] .fotw-progress-fill {
  background: var(--theme-accent-emerald) !important;
}
body[data-theme] .fotw-progress-pct-in-bar {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .fotw-progress-header {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .fotw-donate-pill-btn,
body[data-theme] .btn-fotw-donate {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
}
body[data-theme] .btn-fotw-story,
body[data-theme] .btn-fotw-share {
  background: var(--theme-input-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .btn-fotw-tiktok {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  transition: all 0.2s ease !important;
}
body[data-theme] .btn-fotw-tiktok:hover {
  background: var(--theme-input-bg, #111827) !important;
  border-color: #10B981 !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 16px rgba(16, 185, 129, 0.35) !important;
  transform: translateY(-2px) !important;
}

body[data-theme] .random-chooser-banner,
.random-chooser-banner {
  background: var(--theme-card-bg, #FFFFFF) !important;
  background-image: none !important;
  border: 1.8px solid var(--theme-border, #E2D9CC) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  color: var(--theme-ink-primary, #181A18) !important;
}
body[data-theme] .random-chooser-icon,
.random-chooser-icon {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-accent-emerald, #1C6742) !important;
}
body[data-theme] .random-chooser-eyebrow,
.random-chooser-eyebrow {
  color: var(--theme-ink-secondary, #4B5563) !important;
}
body[data-theme] .random-chooser-title,
.random-chooser-title {
  color: var(--theme-ink-primary, #181A18) !important;
}
body[data-theme] .btn-random-pick-large,
body[data-theme] .btn-random-chooser,
.btn-random-chooser {
  background: var(--theme-accent-emerald, #047857) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(4, 120, 87, 0.25) !important;
}
body[data-theme] .random-spotlight-card {
  background: var(--theme-card-bg) !important;
  border: 2px solid var(--theme-border-strong) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .random-chooser-banner {
  padding: 0.45rem 0.85rem !important;
  margin-bottom: 0.55rem !important;
  border-radius: 12px !important;
}
body[data-theme] .random-chooser-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
body[data-theme] .random-chooser-left {
  gap: 0.6rem !important;
}
body[data-theme] .random-chooser-eyebrow {
  font-size: 0.66rem !important;
  margin-bottom: 0.05rem !important;
}
body[data-theme] .random-chooser-title {
  font-size: 0.84rem !important;
  line-height: 1.2 !important;
}
body[data-theme] .btn-random-chooser {
  padding: 0.3rem 0.75rem !important;
  font-size: 0.72rem !important;
  border-radius: 999px !important;
}

body[data-theme] .section-header#directoryStart,
.section-header#directoryStart {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.4rem 0.85rem !important;
  margin-bottom: 0.45rem !important;
}
body[data-theme] .section-header .section-header-text,
.section-header#directoryStart .section-header-text {
  max-width: 680px !important;
}
body[data-theme] .section-header .section-eyebrow,
.section-header#directoryStart .section-eyebrow {
  color: var(--theme-accent-crimson, #9E2A2B) !important;
  font-size: 0.64rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  padding: 0.12rem 0.5rem !important;
  border-radius: 999px !important;
  margin-bottom: 0.15rem !important;
  display: inline-block !important;
}
body[data-theme] .section-header .section-title,
.section-header#directoryStart .section-title {
  color: var(--theme-ink-primary) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.2 !important;
  margin: 0 0 0.1rem 0 !important;
}
body[data-theme] .section-header .section-subtitle,
.section-header#directoryStart .section-subtitle {
  color: var(--theme-ink-secondary) !important;
  font-size: 0.74rem !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
body[data-theme] .section-header .section-controls,
.section-header#directoryStart .section-controls {
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  flex-wrap: nowrap !important;
}
body[data-theme] .btn-fair-rotation,
body[data-theme] .btn-visitor-shuffle,
body[data-theme] #toggleViewModeBtn,
.section-header#directoryStart .btn-fair-rotation,
.section-header#directoryStart .btn-visitor-shuffle,
.section-header#directoryStart #toggleViewModeBtn {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1.2px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-primary) !important;
  height: 27px !important;
  padding: 0.16rem 0.6rem !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  white-space: nowrap !important;
}
.section-header#directoryStart .btn-visitor-shuffle svg {
  width: 13px !important;
  height: 13px !important;
}

body[data-theme] .directory-scale-bar {
  background: var(--theme-card-bg) !important;
  border: 1.2px solid var(--theme-border) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  padding: 0.45rem 0.75rem !important;
  margin-bottom: 0.75rem !important;
  border-radius: 12px !important;
}
body[data-theme] .directory-search-row {
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin-bottom: 0.35rem !important;
}
body[data-theme] .directory-search-input-wrap {
  position: relative !important;
  flex: 1 !important;
  min-width: 180px !important;
  display: flex !important;
  align-items: center !important;
}
body[data-theme] .search-icon-prefix {
  left: 8px !important;
  font-size: 0.8rem !important;
  line-height: 1 !important;
  position: absolute !important;
}
body[data-theme] #familySearchInput {
  background: var(--theme-input-bg) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  height: 31px !important;
  padding: 0.2rem 1.6rem 0.2rem 1.95rem !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  border-radius: 7px !important;
  width: 100% !important;
}
body[data-theme] .btn-search-execute {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #047857 !important;
  border-radius: 7px !important;
  height: 31px !important;
  padding: 0 0.85rem !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.2) !important;
  transition: all 0.18s ease !important;
}
body[data-theme] .btn-search-execute:hover {
  background: linear-gradient(135deg, #047857 0%, #065F46 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(5, 150, 105, 0.3) !important;
}
body[data-theme] .btn-clear-search {
  right: 6px !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 0.65rem !important;
  line-height: 18px !important;
}

body[data-theme] .directory-jump-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}
body[data-theme] .jump-label {
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  color: var(--theme-ink-secondary, #6B7280) !important;
  white-space: nowrap !important;
}
body[data-theme] .jump-number-input {
  background: var(--theme-input-bg) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  width: 60px !important;
  height: 29px !important;
  padding: 0.15rem 0.35rem !important;
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  text-align: center !important;
}
body[data-theme] .btn-jump-go {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  height: 29px !important;
  padding: 0.15rem 0.55rem !important;
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  border: none !important;
}

body[data-theme] .directory-pagesize-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
}
body[data-theme] .pagesize-select {
  background: var(--theme-card-surface) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  height: 29px !important;
  padding: 0.15rem 0.45rem !important;
  font-size: 0.71rem !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
}

@media (max-width: 768px) {
  body[data-theme] .section-header .section-controls,
  .section-header#directoryStart .section-controls {
    flex-wrap: wrap !important;
    width: 100% !important;
    gap: 0.35rem !important;
  }
  body[data-theme] .directory-search-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.3rem !important;
    margin-bottom: 0.5rem !important;
  }
  body[data-theme] .directory-search-input-wrap {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
  }
  body[data-theme] #familySearchInput {
    height: 42px !important;
    font-size: 0.88rem !important;
    padding-left: 2.3rem !important;
    padding-right: 2rem !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
  }
  body[data-theme] .search-icon-prefix {
    left: 10px !important;
    font-size: 0.92rem !important;
  }
  body[data-theme] .directory-jump-wrap {
    flex: 0 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.25rem !important;
  }
  body[data-theme] .jump-number-input {
    width: 56px !important;
    min-width: 52px !important;
    height: 34px !important;
    font-size: 0.78rem !important;
    padding: 0 0.25rem !important;
    text-align: center !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
    -moz-appearance: textfield !important;
  }
  body[data-theme] .jump-number-input::-webkit-outer-spin-button,
  body[data-theme] .jump-number-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
  }
  body[data-theme] .btn-jump-go {
    height: 34px !important;
    padding: 0 0.58rem !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
    border-radius: 7px !important;
  }
  body[data-theme] .directory-pagesize-wrap {
    flex: 0 1 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.25rem !important;
    margin-left: auto !important;
  }
  body[data-theme] .pagesize-select {
    height: 34px !important;
    width: auto !important;
    min-width: 102px !important;
    max-width: none !important;
    font-size: 0.74rem !important;
    padding: 0 1.2rem 0 0.45rem !important;
    border-radius: 7px !important;
    box-sizing: border-box !important;
  }
}

body[data-theme] .directory-filter-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.35rem !important;
  padding-top: 0.35rem !important;
  border-top: 1px solid var(--theme-border) !important;
  flex-wrap: wrap !important;
}
body[data-theme] .directory-filter-pills,
.directory-filter-pills {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0.2rem !important;
  flex: 1 !important;
  min-width: 0 !important;
}
body[data-theme] .filter-pill,
.filter-pill {
  background: var(--theme-input-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  padding: 0.13rem 0.40rem !important;
  font-size: 0.69rem !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
body[data-theme] .filter-pill:hover,
.filter-pill:hover {
  background: var(--theme-card-surface, #F5EFEB) !important;
  color: var(--theme-ink-primary, #1C1814) !important;
}
body[data-theme] .filter-pill.active,
.filter-pill.active {
  background: var(--theme-accent-emerald) !important;
  border-color: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(28, 103, 66, 0.25) !important;
}

body[data-theme] .directory-capacity-status,
.directory-capacity-status {
  display: flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  flex-shrink: 0 !important;
}
body[data-theme] #btnPickRandomFamilyDesktop.btn-rally-wheel-live,
#btnPickRandomFamilyDesktop.btn-rally-wheel-live {
  height: 25px !important;
  padding: 0.12rem 0.5rem !important;
  font-size: 0.70rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  margin: 0 !important;
  background: var(--theme-accent-emerald, #047857) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(4, 120, 87, 0.25) !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}
#btnPickRandomFamilyDesktop.btn-rally-wheel-live:hover {
  transform: translateY(-1px) !important;
}

body[data-theme] .directory-pagination-bar {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .families-section,
body[data-theme] #families {
  background: var(--theme-canvas-bg) !important;
}
body[data-theme] .hotdog-item,
body[data-theme] .hotdog-item.verified-family-card,
body[data-theme] .hotdog-item.coming-soon-pill-card {
  background: var(--theme-card-bg) !important;
  border: 1.8px solid var(--theme-border) !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08) !important;
}
body[data-theme] .hotdog-item:hover,
body[data-theme] .hotdog-item:not(.expanded):hover {
  border-color: var(--theme-border-strong) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.16) !important;
  transform: translateY(-5px) !important;
}
body[data-theme] .hotdog-item::before,
body[data-theme] .hotdog-item.verified-family-card::before {
  display: none !important;
  content: none !important;
}
body[data-theme] .hotdog-hover-preview,
body[data-theme] .hotdog-item .hotdog-hover-preview,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-hover-preview {
  display: contents !important;
  background: transparent !important;
}
body[data-theme] .hotdog-photos-strip,
body[data-theme] .hotdog-item .hotdog-photos-strip {
  background: var(--theme-card-surface) !important;
  border: 2px solid var(--theme-border-strong) !important;
}
body[data-theme] .hotdog-bar,
body[data-theme] .hotdog-item .hotdog-bar,
body[data-theme] .hotdog-item.verified-family-card .hotdog-bar,
body[data-theme] .hotdog-item:hover .hotdog-bar,
body[data-theme] .hotdog-item.expanded .hotdog-bar {
  background: transparent !important;
  border: none !important;
}
body[data-theme] .hotdog-name,
body[data-theme] .hotdog-item .hotdog-name,
body[data-theme] .hotdog-item.verified-family-card .hotdog-name,
body[data-theme] .hotdog-item:hover .hotdog-name {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .hotdog-friendly-sub,
body[data-theme] .hotdog-item .hotdog-friendly-sub,
body[data-theme] .hotdog-item.verified-family-card .hotdog-friendly-sub,
body[data-theme] .hotdog-item:hover .hotdog-friendly-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .hotdog-story {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .hotdog-rank,
body[data-theme] .hotdog-item .hotdog-rank,
body[data-theme] .hotdog-item.verified-family-card .hotdog-rank,
body[data-theme] .hotdog-item:hover .hotdog-rank {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .urgent-need-card-badge,
.urgent-need-card-badge {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-accent-crimson, #9E2A2B) !important;
  color: var(--theme-accent-crimson, #9E2A2B) !important;
  font-weight: 800 !important;
}
body[data-theme] .zero-funded-card-badge,
.zero-funded-card-badge {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-border-strong, #D8CEBE) !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-weight: 800 !important;
}
body[data-theme] .compact-pct-badge,
.compact-pct-badge {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-accent-emerald, #1C6742) !important;
  font-weight: 800 !important;
}
body[data-theme] .member-index-badge,
.member-index-badge {
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
}

body[data-theme] .filter-pill-urgent,
.filter-pill-urgent {
  background: var(--theme-input-bg) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-accent-crimson) !important;
}
body[data-theme] .filter-pill-zero,
.filter-pill-zero {
  background: var(--theme-input-bg) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .filter-pill-almost,
.filter-pill-almost {
  background: var(--theme-input-bg) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}

body[data-theme] .gas-meter-pill-badge,
body[data-theme] .hotdog-item .gas-meter-pill-badge {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .compact-fuel-bar,
body[data-theme] .hotdog-item .compact-fuel-bar {
  background: var(--theme-card-surface) !important;
  border: 1.2px solid var(--theme-border) !important;
  border-radius: 12px !important;
}
body[data-theme] .compact-fuel-raised {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .compact-fuel-goal {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .compact-fuel-track {
  background: var(--theme-border) !important;
  border-radius: 999px !important;
}
body[data-theme] .compact-fuel-fill {
  background: var(--theme-accent-emerald) !important;
  border-radius: 999px !important;
}

body[data-theme] .gas-meter-widget {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .gas-tank-track {
  background: var(--theme-border) !important;
}
body[data-theme] .gas-tank-fill {
  background: var(--theme-accent-emerald) !important;
}
body[data-theme] .gas-meter-percent-big {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .gas-meter-amounts {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .hotdog-story-box {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .hotdog-initiative-bar {
  background: var(--theme-card-surface) !important;
  border-top: 1px solid var(--theme-border) !important;
}

body[data-theme] .hotdog-btn-primary,
body[data-theme] .hotdog-item .btn-primary-sun,
body[data-theme] .btn-compact-donate-full,
body[data-theme] .hotdog-item .btn-compact-donate-full,
body[data-theme] .btn-hotdog-donate,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending),
body[data-theme] .btn-compact-donate {
  background: var(--theme-accent-crimson) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
}

body[data-theme] .hotdog-quick-actions .btn-compact-donate-full:hover,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending):hover,
body[data-theme] .btn-compact-donate-full:hover,
body[data-theme] .hotdog-item .btn-compact-donate-full:hover,
body[data-theme] .btn-hotdog-donate:hover,
body[data-theme] .btn-compact-donate:hover {
  background: var(--theme-accent-crimson) !important;
  background-image: none !important;
  filter: brightness(1.12) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22) !important;
}

body[data-theme] .hotdog-quick-actions .btn-compact-donate-full.is-completed,
body[data-theme] .btn-compact-donate-full.is-completed {
  background: var(--theme-accent-emerald) !important;
  background-image: none !important;
  border-color: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
}

body[data-theme] .compact-fuel-pct-in-bar.is-dark,
body[data-theme] .compact-fuel-pct-in-bar.is-white,
body[data-theme] .compact-fuel-pct-in-bar {
  color: var(--theme-ink-primary) !important;
  text-shadow: none !important;
}
body[data-theme] .hotdog-btn-secondary,
body[data-theme] .hotdog-item .btn-secondary-warm,
body[data-theme] .btn-story-card-trigger,
body[data-theme] .btn-compact-share,
body[data-theme] .hotdog-click-prompt {
  background: var(--theme-card-surface) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  border-radius: 999px !important;
}
body[data-theme] .coming-soon-grid-divider {
  background: var(--theme-card-surface) !important;
  border: 1.5px dashed var(--theme-border-strong) !important;
  color: var(--theme-ink-primary) !important;
  border-radius: 16px !important;
}
body[data-theme] .brand-emblem {
  border-color: var(--theme-border-strong) !important;
  background: var(--theme-card-surface) !important;
  border-radius: 12px !important;
}
body[data-theme] .btn-page-num {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .btn-page-num.active {
  background: var(--theme-accent-emerald) !important;
  border-color: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
}

body[data-theme] .solidarity-wall-section {
  background: var(--theme-canvas-bg) !important;
  border-top: 1.5px solid var(--theme-border) !important;
  border-bottom: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .solidarity-title {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .solidarity-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .solidarity-card {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .solidarity-msg {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .solidarity-author {
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .solidarity-input-bar {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .solidarity-input {
  background: var(--theme-input-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .solidarity-submit-btn {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
}

body[data-theme] #goalReachedCommunitySection,
body[data-theme] .goal-reached-community-section {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.05) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .goal-reached-eyebrow {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .goal-reached-title {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .goal-reached-desc {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .goal-stat-pill {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .goal-stat-num {
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .goal-stat-pill.goal-stat-pill-amber .goal-stat-num {
  color: var(--theme-accent-crimson) !important;
}
body[data-theme] .goal-stat-label {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .goal-next-graduate-banner {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .goal-reached-empty-community-box {
  background: var(--theme-card-surface) !important;
  border: 1.5px dashed var(--theme-border-strong) !important;
}
body[data-theme] .goal-reached-empty-community-box h4 {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .goal-empty-status-pill {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .goal-next-remaining-tag {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .btn-goal-next-support {
  background: var(--theme-accent-emerald, #047857) !important;
  color: #FFFFFF !important;
  border: none !important;
}
body[data-theme] .goal-next-candidate-card {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}
body[data-theme] .goal-next-candidate-card:hover {
  border-color: var(--theme-border-strong) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;
}
body[data-theme] .goal-next-name {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .goal-next-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .goal-next-explain {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .goal-next-rank-tag {
  background: var(--theme-card-bg) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-accent-emerald) !important;
}
body[data-theme] .goal-next-avatar {
  border-color: var(--theme-accent-emerald) !important;
}
body[data-theme] .btn-goal-next-view {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .btn-goal-next-view:hover {
  background: var(--theme-card-surface) !important;
  border-color: var(--theme-accent-emerald) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .goal-next-progress-track {
  background: var(--theme-border) !important;
}
body[data-theme] .goal-next-progress-track .compact-fuel-fill {
  background: var(--theme-accent-emerald) !important;
}

body[data-theme] #organizations,
body[data-theme] .orgs-section {
  background-color: var(--theme-canvas-bg) !important;
  background-image: none !important;
}
body[data-theme] .orgs-section .orgs-header .section-eyebrow {
  background: var(--theme-card-surface) !important;
  color: var(--theme-accent-emerald) !important;
  border-color: var(--theme-border) !important;
  box-shadow: none !important;
}
body[data-theme] .orgs-section .orgs-header .section-title {
  color: var(--theme-ink-primary) !important;
  text-shadow: none !important;
}
body[data-theme] .orgs-section .orgs-header .section-subtitle {
  color: var(--theme-ink-secondary) !important;
  text-shadow: none !important;
}
body[data-theme] .inline-org-link {
  color: var(--theme-accent-emerald) !important;
  text-shadow: none !important;
}
body[data-theme] .org-card {
  background-color: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
}
body[data-theme] .org-card:hover {
  border-color: var(--theme-border-strong) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1) !important;
}
body[data-theme] .org-card-photo-banner {
  border-bottom: 1px solid var(--theme-border) !important;
}
body[data-theme] .org-card-photo-banner::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.65) 100%) !important;
}
body[data-theme] .org-photo-location-pill {
  background: rgba(0, 0, 0, 0.65) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
body[data-theme] .org-badge {
  background: var(--theme-card-surface) !important;
  color: var(--theme-accent-emerald) !important;
  border: 1px solid var(--theme-border) !important;
}
body[data-theme] .org-card-body {
  background: var(--theme-card-bg) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .org-title {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .org-card-info-wrap {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
body[data-theme] .org-desc {
  color: var(--theme-ink-secondary) !important;
  flex: 1 !important;
}
body[data-theme] .org-card-footer {
  margin-top: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  border-top: 1px solid var(--theme-border) !important;
  width: 100% !important;
}
body[data-theme] .org-card-footer .org-domain-link,
body[data-theme] .org-card-footer a:first-child {
  display: block !important;
  width: 100% !important;
  color: var(--theme-accent-emerald, #047857) !important;
  line-height: 1.4 !important;
  min-height: 1.4em !important;
}
body[data-theme] .btn-org-link {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(16, 185, 129, 0.4) !important;
  box-shadow: 0 4px 12px rgba(4, 120, 87, 0.25) !important;
}
body[data-theme] .btn-org-link:hover {
  background: linear-gradient(135deg, #047857 0%, #065F46 100%) !important;
  border-color: #10B981 !important;
  filter: none !important;
}

body[data-theme] #organizerPledgeSection,
body[data-theme] .pledge-preview-section {
  background: var(--theme-canvas-bg) !important;
  border-top: 1.5px solid var(--theme-border) !important;
  border-bottom: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .pledge-banner-card {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.05) !important;
}
body[data-theme] #organizerPledgeSection span[style*="background"],
body[data-theme] #organizerPledgeSection span.pledge-eyebrow {
  background: var(--theme-card-surface) !important;
  color: var(--theme-accent-emerald) !important;
  border-color: var(--theme-border) !important;
}
body[data-theme] #organizerPledgeSection h2 {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] #organizerPledgeSection p {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] #organizerPledgeSection .btn-download-pledge,
body[data-theme] #organizerPledgeSection a[style*="background: linear-gradient"],
body[data-theme] #organizerPledgeSection a[style*="background:linear-gradient"],
body[data-theme] #organizerPledgeSection a.tier5-glow-btn,
body[data-theme] #organizerPledgeSection a[download] {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
  border: 1px solid #059669 !important;
  box-shadow: 0 4px 14px rgba(4, 120, 87, 0.35) !important;
}
body[data-theme] #organizerPledgeSection .btn-download-pledge:hover,
body[data-theme] #organizerPledgeSection a[download]:hover,
body[data-theme] #organizerPledgeSection a.tier5-glow-btn:hover {
  background: linear-gradient(135deg, #047857 0%, #065F46 100%) !important;
  border-color: #10B981 !important;
}
body[data-theme] #organizerPledgeSection #printPledgeFormDirectBtn {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] #organizerPledgeSection div[style*="background:#F8FAFC"],
body[data-theme] #organizerPledgeSection div[style*="background: #F8FAFC"] {
  background: var(--theme-card-surface) !important;
  border: 1px solid var(--theme-border) !important;
}
body[data-theme] #organizerPledgeSection div[style*="background:#F8FAFC"] strong,
body[data-theme] #organizerPledgeSection div[style*="background: #F8FAFC"] strong {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] #organizerPledgeSection div[style*="background:#F8FAFC"] span,
body[data-theme] #organizerPledgeSection div[style*="background: #F8FAFC"] span {
  color: var(--theme-ink-secondary) !important;
}

body[data-theme] #printableCityBannerSection,
body[data-theme] .city-banner-studio-card {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.05) !important;
}
body[data-theme] .city-banner-controls-panel {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] #printableCityBannerSection label,
body[data-theme] .city-banner-controls-panel label {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] #printableCityBannerSection select,
body[data-theme] .city-banner-controls-panel select {
  background: var(--theme-input-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .city-preset-pill {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .city-preset-pill:hover,
body[data-theme] .city-preset-pill.active {
  background: var(--theme-accent-emerald) !important;
  border-color: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
}
body[data-theme] .city-input-with-clear input#bannerCityInput,
body[data-theme] #bannerCityInput {
  background: var(--theme-input-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .city-banner-action-bar {
  border-top: 1.5px solid var(--theme-border) !important;
}
body[data-theme] #printCityBannerBtn {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  border: none !important;
}
body[data-theme] #downloadCityBannerPngBtn {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

#printableCityBanner.printable-city-banner,
body[data-theme] #printableCityBanner.printable-city-banner {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  color: #0B0F19 !important;
  border: 3.5px solid #064E3B !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22) !important;
}
body[data-theme] .banner-flag-top-bar {
  border-bottom: 2px solid #064E3B !important;
}
body[data-theme] .banner-header-zone {
  background: #FFFFFF !important;
  background-image: linear-gradient(180deg, #F0FDF4 0%, #FFFFFF 100%) !important;
  color: #0B0F19 !important;
}
body[data-theme] .banner-inline-edit-hint.no-print {
  background: #ECFDF5 !important;
  border: 1.5px dashed #10B981 !important;
  color: #047857 !important;
}
body[data-theme] #focusBannerCityBtn.banner-city-edit-badge.no-print {
  background: #064E3B !important;
  border: 1.5px solid #10B981 !important;
  color: #FFFFFF !important;
}
body[data-theme] .banner-city-headline,
body[data-theme] .banner-city-headline * {
  color: #0B0F19 !important;
}
body[data-theme] .banner-city-headline input.banner-city-inline-input {
  color: #CE1126 !important;
  background: #FFF1F2 !important;
  border: 2px dashed #007A3D !important;
}
body[data-theme] .banner-city-subheadline {
  color: #334155 !important;
}
body[data-theme] .banner-side-callout {
  background: #F0FDF4 !important;
  border: 2px dashed #007A3D !important;
  color: #064E3B !important;
}
body[data-theme] .callout-badge-circle {
  background: #FFFFFF !important;
  border: 2px solid #007A3D !important;
  color: #064E3B !important;
}
body[data-theme] .callout-title {
  color: #064E3B !important;
}
body[data-theme] .callout-desc {
  color: #334155 !important;
}
body[data-theme] .callout-arrow-right,
body[data-theme] .callout-arrow-left {
  color: #007A3D !important;
}
body[data-theme] .banner-footer-zone {
  background: #FFFFFF !important;
  border-top: 2px solid #A7F3D0 !important;
  color: #0B0F19 !important;
}
body[data-theme] .banner-url-giant,
body[data-theme] .banner-url-giant a {
  color: #007A3D !important;
}
body[data-theme] .banner-footer-meta,
body[data-theme] .banner-footer-meta * {
  color: #1E293B !important;
}
body[data-theme] #bannerFooterCityInput.banner-footer-city-inline-input {
  background: #FFF1F2 !important;
  border: 1.5px dashed #007A3D !important;
  color: #0B0F19 !important;
}
body[data-theme] .banner-solidarity-pill {
  background: #064E3B !important;
  border: 1.5px solid #007A3D !important;
  color: #FFFFFF !important;
}
body[data-theme] .banner-qr-bottom-tag {
  background: #047857 !important;
  border: 1px solid #064E3B !important;
  color: #FFFFFF !important;
}

@media print {
  html,
  html[data-theme],
  body,
  body[data-theme],
  body.printing-city-banner,
  body[data-theme].printing-city-banner {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #0B0F19 !important;
  }

  #printableCityBannerSection,
  body[data-theme] #printableCityBannerSection,
  .printable-banner-stage-wrap,
  body[data-theme] .printable-banner-stage-wrap {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: none !important;
    color: #0B0F19 !important;
    box-shadow: none !important;
  }

  #printableCityBanner,
  body[data-theme] #printableCityBanner,
  body.printing-city-banner #printableCityBanner,
  body[data-theme].printing-city-banner #printableCityBanner,
  body.printing-city-banner .printable-city-banner,
  body[data-theme].printing-city-banner .printable-city-banner {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 4px solid #064E3B !important;
    color: #0B0F19 !important;
    box-shadow: none !important;
  }

  .banner-header-zone,
  body[data-theme] .banner-header-zone,
  body.printing-city-banner .banner-header-zone,
  body[data-theme].printing-city-banner .banner-header-zone {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #0B0F19 !important;
  }

  .banner-solidarity-pill,
  body[data-theme] .banner-solidarity-pill,
  body.printing-city-banner .banner-solidarity-pill,
  body[data-theme].printing-city-banner .banner-solidarity-pill {
    background: #F0FDF4 !important;
    background-color: #F0FDF4 !important;
    border: 1.5px solid #007A3D !important;
    color: #064E3B !important;
  }

  .banner-city-headline,
  body[data-theme] .banner-city-headline,
  .banner-city-headline *,
  body[data-theme] .banner-city-headline *,
  body.printing-city-banner .banner-city-headline,
  body[data-theme].printing-city-banner .banner-city-headline,
  body.printing-city-banner .banner-city-headline *,
  body[data-theme].printing-city-banner .banner-city-headline * {
    color: #0B0F19 !important;
    -webkit-text-fill-color: #0B0F19 !important;
  }

  .banner-city-headline input.banner-city-inline-input,
  body[data-theme] .banner-city-headline input.banner-city-inline-input,
  body.printing-city-banner input.banner-city-inline-input {
    color: #CE1126 !important;
    -webkit-text-fill-color: #CE1126 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
    text-decoration-color: #007A3D !important;
    display: inline-block !important;
  }

  .banner-city-subheadline,
  body[data-theme] .banner-city-subheadline,
  body.printing-city-banner .banner-city-subheadline,
  body[data-theme].printing-city-banner .banner-city-subheadline {
    color: #1E293B !important;
  }

  .banner-side-callout,
  body[data-theme] .banner-side-callout,
  body.printing-city-banner .banner-side-callout,
  body[data-theme].printing-city-banner .banner-side-callout {
    background: #F0FDF4 !important;
    background-color: #F0FDF4 !important;
    border: 2px solid #007A3D !important;
    color: #064E3B !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .callout-badge-circle,
  body[data-theme] .callout-badge-circle,
  body.printing-city-banner .callout-badge-circle {
    background: #FFFFFF !important;
    border: 2px solid #007A3D !important;
    color: #064E3B !important;
  }

  .callout-title,
  body[data-theme] .callout-title,
  body.printing-city-banner .callout-title,
  body[data-theme].printing-city-banner .callout-title {
    color: #064E3B !important;
  }

  .callout-desc,
  body[data-theme] .callout-desc,
  body.printing-city-banner .callout-desc,
  body[data-theme].printing-city-banner .callout-desc {
    color: #334155 !important;
  }

  .callout-arrow-right,
  .callout-arrow-left,
  body.printing-city-banner .callout-arrow-right,
  body.printing-city-banner .callout-arrow-left,
  body[data-theme].printing-city-banner .callout-arrow-right,
  body[data-theme].printing-city-banner .callout-arrow-left {
    color: #007A3D !important;
  }

  .palestine-flag-qr-centerpiece,
  body[data-theme] .palestine-flag-qr-centerpiece,
  body.printing-city-banner .palestine-flag-qr-centerpiece,
  body[data-theme].printing-city-banner .palestine-flag-qr-centerpiece {
    padding: 0 !important;
    min-width: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .palestine-flag-backdrop,
  body[data-theme] .palestine-flag-backdrop,
  body.printing-city-banner .palestine-flag-backdrop,
  body[data-theme].printing-city-banner .palestine-flag-backdrop {
    display: none !important;
  }

  .banner-qr-white-vault,
  body[data-theme] .banner-qr-white-vault,
  body.printing-city-banner .banner-qr-white-vault,
  body[data-theme].printing-city-banner .banner-qr-white-vault {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 2.5px solid #047857 !important;
    outline: none !important;
    box-shadow: none !important;
    border-radius: 18px !important;
  }

  .banner-qr-scan-tag,
  body[data-theme] .banner-qr-scan-tag,
  body.printing-city-banner .banner-qr-scan-tag,
  body[data-theme].printing-city-banner .banner-qr-scan-tag {
    background: #0B0F19 !important;
    color: #FFFFFF !important;
  }

  .banner-qr-bottom-tag,
  body[data-theme] .banner-qr-bottom-tag,
  body.printing-city-banner .banner-qr-bottom-tag,
  body[data-theme].printing-city-banner .banner-qr-bottom-tag {
    background: #047857 !important;
    color: #FFFFFF !important;
  }

  #bannerQrCanvas,
  body[data-theme] #bannerQrCanvas,
  body.printing-city-banner #bannerQrCanvas,
  body[data-theme].printing-city-banner #bannerQrCanvas {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
  }

  .banner-footer-zone,
  body[data-theme] .banner-footer-zone,
  body.printing-city-banner .banner-footer-zone,
  body[data-theme].printing-city-banner .banner-footer-zone {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border-top: 2px solid #A7F3D0 !important;
  }

  .banner-url-giant,
  .banner-url-giant a,
  body[data-theme] .banner-url-giant,
  body[data-theme] .banner-url-giant a,
  body.printing-city-banner .banner-url-giant,
  body.printing-city-banner .banner-url-giant a,
  body[data-theme].printing-city-banner .banner-url-giant,
  body[data-theme].printing-city-banner .banner-url-giant a {
    color: #007A3D !important;
  }

  .banner-footer-meta,
  .banner-footer-meta *,
  body[data-theme] .banner-footer-meta,
  body[data-theme] .banner-footer-meta *,
  body.printing-city-banner .banner-footer-meta,
  body.printing-city-banner .banner-footer-meta *,
  body[data-theme].printing-city-banner .banner-footer-meta,
  body[data-theme].printing-city-banner .banner-footer-meta * {
    color: #1E293B !important;
  }

  input.banner-footer-city-inline-input,
  body[data-theme] input.banner-footer-city-inline-input,
  body.printing-city-banner input.banner-footer-city-inline-input {
    background: transparent !important;
    border: none !important;
    outline: none !important;
    border-bottom: 1.5px solid #007A3D !important;
    color: #0B0F19 !important;
    -webkit-text-fill-color: #0B0F19 !important;
  }
}

body[data-theme] .qr-section {
  background: var(--theme-canvas-bg) !important;
}
body[data-theme] .qr-hub-card {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.05) !important;
}
body[data-theme] #qrPosterCard,
body[data-theme] .qr-poster-card {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .qr-poster-top img,
body[data-theme] .qr-poster-top div,
body[data-theme] .qr-poster-top svg {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .qr-canvas-frame.palestine-flag-mini-frame {
  border: 2px solid var(--theme-border-strong) !important;
  background: var(--theme-card-bg, #FFFFFF) !important;
}

body[data-theme^="dark-"] .qr-canvas-frame,
body[data-theme^="dark-"] .qr-canvas-frame.palestine-flag-mini-frame,
body[data-theme="midnight-olive"] .qr-canvas-frame,
body[data-theme="midnight-olive"] .qr-canvas-frame.palestine-flag-mini-frame {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.45) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45) !important;
}

body[data-theme^="dark-"] #qrPosterCard,
body[data-theme^="dark-"] .qr-poster-card,
body[data-theme="midnight-olive"] #qrPosterCard,
body[data-theme="midnight-olive"] .qr-poster-card {
  background: var(--theme-card-bg, #1C2220) !important;
  border: 1.5px solid rgba(52, 211, 153, 0.3) !important;
  color: #F8FAFC !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

body[data-theme^="dark-"] .qr-poster-top img,
body[data-theme^="dark-"] .qr-poster-top div,
body[data-theme^="dark-"] .qr-poster-top svg {
  background: transparent !important;
  border-color: rgba(52, 211, 153, 0.3) !important;
}

body[data-theme^="dark-"] .qr-poster-heading,
body[data-theme^="dark-"] .qr-poster-url {
  color: #F8FAFC !important;
}

body[data-theme^="dark-"] .qr-hub-card {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] #qrCanvas,
body[data-theme^="dark-"] #bannerQrCanvas,
body[data-theme="midnight-olive"] #qrCanvas,
body[data-theme="midnight-olive"] #bannerQrCanvas {
  background: var(--theme-card-bg, #1C2220) !important;
}

body[data-theme] #faq,
body[data-theme] .faq-section {
  background: var(--theme-canvas-bg) !important;
}
body[data-theme] .faq-controls-bar {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .faq-cat-pill {
  background: var(--theme-card-surface) !important;
  color: var(--theme-ink-secondary) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .faq-cat-pill:hover {
  color: var(--theme-ink-primary) !important;
  border-color: var(--theme-border-strong) !important;
}
body[data-theme] .faq-cat-pill.active {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  border-color: var(--theme-accent-emerald) !important;
}
body[data-theme] .faq-category-heading {
  border-bottom: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .faq-category-badge {
  background: var(--theme-card-surface) !important;
  color: var(--theme-accent-emerald) !important;
  border: 1px solid var(--theme-border) !important;
}
body[data-theme] .faq-item {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .faq-item.open {
  border: 1.5px solid var(--theme-border-strong) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
body[data-theme] .faq-question-btn {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .faq-toggle-icon {
  background: var(--theme-card-surface) !important;
  color: var(--theme-ink-primary) !important;
  border: 1px solid var(--theme-border) !important;
}
body[data-theme] .faq-item.open .faq-toggle-icon {
  background: var(--theme-accent-emerald) !important;
  color: #FFFFFF !important;
  border-color: var(--theme-accent-emerald) !important;
}
body[data-theme] .faq-answer {
  border-top: 1px solid var(--theme-border) !important;
  color: var(--theme-ink-secondary) !important;
}

body[data-theme] .newsletter-section {
  background: var(--theme-mission-bg, #1A1F1C) !important;
}
body[data-theme] .newsletter-card {
  background: var(--theme-card-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] .newsletter-coming-soon-badge {
  background: var(--theme-card-surface) !important;
  color: var(--theme-accent-crimson) !important;
  border: 1px solid var(--theme-border) !important;
}
body[data-theme] .newsletter-title {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .newsletter-sub {
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .newsletter-perks-list li {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .newsletter-form-box {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
}
body[data-theme] #newsletterNameInput,
body[data-theme] #newsletterEmailInput {
  background: var(--theme-input-bg) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .newsletter-interest-chip {
  background: var(--theme-card-bg) !important;
  border: 1.2px solid var(--theme-border) !important;
  color: var(--theme-ink-secondary) !important;
}
body[data-theme] .newsletter-interest-chip:hover {
  border-color: var(--theme-border-strong) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .newsletter-btn {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
}

body[data-theme] .site-footer {
  background: var(--theme-footer-bg, transparent) !important;
  color: var(--theme-footer-ink, #374151) !important;
  border-top: 1.5px solid var(--theme-border) !important;
}
body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .site-footer {
  background: var(--theme-card-surface, #F4EFE6) !important;
  color: #374151 !important;
  border-top: 1.5px solid var(--theme-border-strong, #D5CEBF) !important;
}
body[data-theme] .site-footer .brand-name {
  color: #064E3B !important;
}
body[data-theme] .site-footer .footer-links-col h4,
body[data-theme] .site-footer .footer-admin-col h4 {
  color: #064E3B !important;
}
body[data-theme] .site-footer .footer-social-title {
  color: #064E3B !important;
}
body[data-theme] .site-footer .footer-mission {
  color: #374151 !important;
}
body[data-theme] .site-footer .footer-links-col a {
  color: #047857 !important;
  text-decoration: underline !important;
  text-decoration-color: #047857 !important;
  text-underline-offset: 3px;
  font-weight: 700 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  transition: all 0.18s ease !important;
}
body[data-theme] .site-footer .footer-links-col a .footer-nav-bullet {
  color: #064E3B !important;
  font-weight: 900 !important;
}
body[data-theme] .site-footer .footer-links-col a:hover {
  color: #064E3B !important;
  text-decoration-color: #064E3B !important;
  transform: translateX(4px) !important;
}
body[data-theme] .site-footer .footer-links-col a:hover .footer-nav-bullet {
  color: #047857 !important;
  transform: translateX(2px) !important;
}

body.is-dark-mode .site-footer,
body[data-theme="dark"] .site-footer,
body[data-theme^="dark-"] .site-footer,
body[data-theme="midnight-olive"] .site-footer {
  color: #E5E7EB !important;
}

body.is-dark-mode .site-footer .brand-name,
body[data-theme="dark"] .site-footer .brand-name,
body[data-theme^="dark-"] .site-footer .brand-name,
body[data-theme="midnight-olive"] .site-footer .brand-name,
body.is-dark-mode .site-footer .footer-links-col h4,
body[data-theme="dark"] .site-footer .footer-links-col h4,
body[data-theme^="dark-"] .site-footer .footer-links-col h4,
body[data-theme="midnight-olive"] .site-footer .footer-links-col h4,
body.is-dark-mode .site-footer .footer-admin-col h4,
body[data-theme="dark"] .site-footer .footer-admin-col h4,
body[data-theme^="dark-"] .site-footer .footer-admin-col h4,
body[data-theme="midnight-olive"] .site-footer .footer-admin-col h4 {
  color: #FFFFFF !important;
}

body.is-dark-mode .site-footer .footer-social-title,
body[data-theme="dark"] .site-footer .footer-social-title,
body[data-theme^="dark-"] .site-footer .footer-social-title,
body[data-theme="midnight-olive"] .site-footer .footer-social-title {
  color: #6EE7B7 !important;
}

body.is-dark-mode .site-footer .footer-mission,
body[data-theme="dark"] .site-footer .footer-mission,
body[data-theme^="dark-"] .site-footer .footer-mission,
body[data-theme="midnight-olive"] .site-footer .footer-mission {
  color: #9CA3AF !important;
}

body.is-dark-mode .site-footer .footer-links-col a,
body[data-theme="dark"] .site-footer .footer-links-col a,
body[data-theme^="dark-"] .site-footer .footer-links-col a,
body[data-theme="midnight-olive"] .site-footer .footer-links-col a {
  color: #6EE7B7 !important;
  text-decoration: underline !important;
  text-decoration-color: #6EE7B7 !important;
  text-underline-offset: 3px;
}

body.is-dark-mode .site-footer .footer-links-col a .footer-nav-bullet,
body[data-theme="dark"] .site-footer .footer-links-col a .footer-nav-bullet,
body[data-theme^="dark-"] .site-footer .footer-links-col a .footer-nav-bullet,
body[data-theme="midnight-olive"] .site-footer .footer-links-col a .footer-nav-bullet {
  color: #34D399 !important;
}

body.is-dark-mode .site-footer .footer-links-col a:hover,
body[data-theme="dark"] .site-footer .footer-links-col a:hover,
body[data-theme^="dark-"] .site-footer .footer-links-col a:hover,
body[data-theme="midnight-olive"] .site-footer .footer-links-col a:hover {
  color: #FFFFFF !important;
  text-decoration-color: #34D399 !important;
}
body[data-theme] .site-footer .btn-social-pill,
body[data-theme] .site-footer .btn-social-pill.x,
body[data-theme] .site-footer .btn-social-pill.ig,
body[data-theme] .site-footer .btn-social-pill.tiktok,
body[data-theme] .site-footer .btn-social-pill.fb,
body[data-theme] .site-footer .btn-social-pill.medium {
  background: #FFFFFF !important;
  color: #064E3B !important;
  border: 1.5px solid #A7F3D0 !important;
  box-shadow: 0 2px 6px rgba(6, 78, 59, 0.08) !important;
}
body[data-theme] .site-footer .btn-social-pill span,
body[data-theme] .site-footer .btn-social-pill svg {
  color: #064E3B !important;
}
body[data-theme] .site-footer .btn-social-pill:hover {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border-color: #10B981 !important;
}
body.is-dark-mode .site-footer .btn-social-pill,
body[data-theme^="dark-"] .site-footer .btn-social-pill,
body[data-theme="dark"] .site-footer .btn-social-pill,
body[data-theme="midnight-olive"] .site-footer .btn-social-pill {
  background: #1E293B !important;
  color: #F8FAFC !important;
  border: 1.5px solid rgba(52, 211, 153, 0.35) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}
body.is-dark-mode .site-footer .btn-social-pill span,
body.is-dark-mode .site-footer .btn-social-pill svg,
body[data-theme^="dark-"] .site-footer .btn-social-pill span,
body[data-theme^="dark-"] .site-footer .btn-social-pill svg,
body[data-theme="dark"] .site-footer .btn-social-pill span,
body[data-theme="midnight-olive"] .site-footer .btn-social-pill span {
  color: #F8FAFC !important;
}
body[data-theme] .site-footer .container.footer-container {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
body[data-theme] .site-footer .footer-bottom,
body[data-theme] .site-footer #footerYear,
body[data-theme] .site-footer .footer-social-title,
body[data-theme] .site-footer .footer-social-row {
  color: #064E3B !important;
  opacity: 0.95 !important;
  font-weight: 600 !important;
}

body.is-dark-mode .site-footer .footer-bottom,
body[data-theme="dark"] .site-footer .footer-bottom,
body[data-theme^="dark-"] .site-footer .footer-bottom,
body[data-theme="midnight-olive"] .site-footer .footer-bottom,
body.is-dark-mode .site-footer #footerYear,
body[data-theme="dark"] .site-footer #footerYear,
body[data-theme^="dark-"] .site-footer #footerYear,
body[data-theme="midnight-olive"] .site-footer #footerYear,
body.is-dark-mode .site-footer .footer-social-row span,
body[data-theme="dark"] .site-footer .footer-social-row span,
body[data-theme^="dark-"] .site-footer .footer-social-row span,
body[data-theme="midnight-olive"] .site-footer .footer-social-row span,
body.is-dark-mode .site-footer .footer-social-row,
body[data-theme="dark"] .site-footer .footer-social-row,
body[data-theme^="dark-"] .site-footer .footer-social-row,
body[data-theme="midnight-olive"] .site-footer .footer-social-row {
  color: #E5E7EB !important;
  opacity: 0.95 !important;
}

@media (max-width: 768px) {
  .site-footer,
  body[data-theme] .site-footer {
    padding-bottom: calc(90px + env(safe-area-inset-bottom, 24px)) !important;
  }
}

body[data-theme] .modal-card.modal-matched-family-card,
body[data-theme] .tier5-matcher-card,
body[data-theme] .modal-container,
body[data-theme] .family-story-modal-box {
  background: var(--theme-card-bg) !important;
  border: 1.8px solid var(--theme-border-strong) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .modal-header,
body[data-theme] .welcome-match-header {
  border-bottom: 1px solid var(--theme-border) !important;
}
body[data-theme] .welcome-match-pill {
  background: #047857 !important;
  color: #FFFFFF !important;
  border: 1px solid #047857 !important;
}
body[data-theme] .quiz-question-label {
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .quiz-opt-btn {
  background: var(--theme-card-surface) !important;
  border: 1.5px solid var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}
body[data-theme] .quiz-opt-btn .opt-title {
  color: var(--theme-ink-primary, #111827) !important;
}
body[data-theme] .quiz-opt-btn .opt-desc {
  color: var(--theme-ink-secondary, #4B5563) !important;
}
body[data-theme] .quiz-opt-btn.active,
.quiz-opt-btn.active {
  background: #047857 !important;
  border-color: #047857 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(4, 120, 87, 0.22) !important;
}
body[data-theme] .quiz-opt-btn.active .opt-title,
.quiz-opt-btn.active .opt-title {
  color: #FFFFFF !important;
}
body[data-theme] .quiz-opt-btn.active .opt-desc,
.quiz-opt-btn.active .opt-desc {
  color: #ECFDF5 !important;
}
body[data-theme] .quiz-plat-pill.active,
.quiz-plat-pill.active,
body[data-theme] .btn-quiz-submit,
.btn-quiz-submit {
  background: #047857 !important;
  border-color: #047857 !important;
  color: #FFFFFF !important;
}
body[data-theme] .modal-footer {
  border-top: 1px solid var(--theme-border) !important;
  background: var(--theme-card-surface) !important;
}

body[data-theme] #gcFloatingStudioPill {
  background: var(--theme-card-surface, #1E2822) !important;
  border: 1.5px solid var(--theme-border, #34D399) !important;
  color: var(--theme-ink-primary, #FFFFFF) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}
body[data-theme] #gcPillSummaryText {
  color: var(--theme-accent-emerald, #A7F3D0) !important;
}
body[data-theme] .gc-studio-panel {
  background: var(--theme-canvas-bg, #111814) !important;
  border: 1.5px solid var(--theme-border, rgba(52, 211, 153, 0.22)) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45) !important;
}
body[data-theme] .gc-section-label {
  color: var(--theme-ink-secondary, #9DB5A7) !important;
}
body[data-theme] .gc-palette-card {
  background: var(--theme-card-surface, #18221D) !important;
  border: 1.5px solid var(--theme-border, rgba(52, 211, 153, 0.2)) !important;
}
body[data-theme] .gc-palette-card.gc-active {
  background: var(--theme-card-surface, #18221D) !important;
  border-color: var(--theme-accent-emerald, #34D399) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}
body[data-theme] .gc-palette-card.gc-active .gc-active-badge {
  background: var(--theme-accent-emerald, #34D399) !important;
  color: var(--theme-canvas-bg, #080C0A) !important;
}
body[data-theme] #gcFloatingLayoutSelect {
  background: var(--theme-input-bg, #0F1612) !important;
  border: 1.5px solid var(--theme-border, #34D399) !important;
  color: var(--theme-ink-primary, #F3F7F5) !important;
}

body[data-theme] .torn-paper-divider svg path {
  fill: var(--theme-canvas-bg) !important;
}

body.layout-stone-sanctuary .fotw-single-card {
  border-radius: 28px !important;
}
body.layout-stone-sanctuary .fotw-hero-photo-wrap {
  border-radius: 135px 135px 14px 14px !important;
}
body.layout-stone-sanctuary .hotdog-item,
body.layout-stone-sanctuary .hotdog-item.verified-family-card {
  border-radius: 18px !important;
}
body.layout-stone-sanctuary .hotdog-item .hotdog-photos-strip {
  border-radius: 64px 64px 10px 10px !important;
}
body.layout-stone-sanctuary .hotdog-item .hotdog-photo-thumb:first-child {
  border-radius: 62px 62px 8px 8px !important;
}
body.layout-stone-sanctuary .friendly-welcome-hero-box,
body.layout-stone-sanctuary .live-impact-ticker-box,
body.layout-stone-sanctuary .directory-scale-bar,
body.layout-stone-sanctuary .random-chooser-banner {
  border-radius: 28px !important;
}

body.layout-curated-bento .hotdog-item,
body.layout-curated-bento .hotdog-item.verified-family-card {
  border-radius: 20px !important;
}
body.layout-curated-bento .hotdog-item .hotdog-photos-strip {
  border-radius: 16px !important;
}
body.layout-curated-bento .hotdog-item .hotdog-photo-thumb:first-child {
  border-radius: 14px !important;
}
body.layout-curated-bento .fotw-single-card {
  border-radius: 20px !important;
}
body.layout-curated-bento .fotw-hero-photo-wrap {
  border-radius: 16px !important;
}
body.layout-curated-bento .friendly-welcome-hero-box {
  border-radius: 20px !important;
}

body.layout-sticky-stage .hotdog-item,
body.layout-sticky-stage .hotdog-item.verified-family-card {
  border-radius: 18px !important;
}
body.layout-sticky-stage .hotdog-item .hotdog-photos-strip {
  border-radius: 14px !important;
}
body.layout-sticky-stage .hotdog-item .hotdog-photo-thumb:first-child {
  border-radius: 12px !important;
}
body.layout-sticky-stage .fotw-single-card {
  border-radius: 18px !important;
}
body.layout-sticky-stage .fotw-hero-photo-wrap {
  border-radius: 14px !important;
}

body.layout-horizontal-rails .hotdog-item,
body.layout-horizontal-rails .hotdog-item.verified-family-card {
  border-radius: 24px !important;
}
body.layout-horizontal-rails .hotdog-item .hotdog-photos-strip {
  border-radius: 18px !important;
}
body.layout-horizontal-rails .hotdog-item .hotdog-photo-thumb:first-child {
  border-radius: 16px !important;
}
body.layout-horizontal-rails .fotw-single-card {
  border-radius: 24px !important;
}
body.layout-horizontal-rails .fotw-hero-photo-wrap {
  border-radius: 18px !important;
}

body.layout-dense-dossier .hotdog-item,
body.layout-dense-dossier .hotdog-item.verified-family-card {
  border-radius: 14px !important;
}
body.layout-dense-dossier .hotdog-item .hotdog-photos-strip {
  border-radius: 10px !important;
}
body.layout-dense-dossier .hotdog-item .hotdog-photo-thumb:first-child {
  border-radius: 8px !important;
}
body.layout-dense-dossier .fotw-single-card {
  border-radius: 14px !important;
}
body.layout-dense-dossier .fotw-hero-photo-wrap {
  border-radius: 10px !important;
}

body[data-theme] .btn-quiz-submit,
body[data-theme] #btnFindMyFamilyMatch {
  background: var(--theme-accent-emerald, #047857) !important;
  color: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(4, 120, 87, 0.22) !important;
}
body[data-theme] .btn-quiz-skip,
body[data-theme] #btnSkipQuizRandomMatch {
  background: var(--theme-card-surface) !important;
  color: var(--theme-ink-primary) !important;
  border: 1.2px solid var(--theme-border) !important;
}
body[data-theme] .quiz-opt-btn.active,
body[data-theme] .quiz-cause-card.active,
body[data-theme] .quiz-plat-pill.active {
  background: var(--theme-accent-emerald, #047857) !important;
  border-color: var(--theme-accent-emerald, #047857) !important;
  color: #FFFFFF !important;
}
body[data-theme] .quiz-opt-btn.active .opt-title,
body[data-theme] .quiz-opt-btn.active .opt-icon {
  color: #FFFFFF !important;
}
body[data-theme] .quiz-opt-btn.active .opt-desc {
  color: #ECFDF5 !important;
}
body[data-theme] .welcome-match-pill {
  background: var(--theme-accent-emerald, #047857) !important;
  color: #FFFFFF !important;
}
body[data-theme] .newsletter-submit-btn,
body[data-theme] #newsletterSubmitBtn {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
  border: none !important;
}
body[data-theme] .btn-primary-sun {
  background: var(--theme-accent-crimson) !important;
  color: #FFFFFF !important;
}

.fotw-card-wrapper {
  max-width: 1280px !important;
  margin: 0 auto !important;
}

.fotw-dual-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.75rem !important;
}
@media (max-width: 960px) {
  .fotw-dual-grid { grid-template-columns: 1fr !important; }
}

.fotw-single-card,
body[data-theme] .fotw-single-card,
body.layout-stone-sanctuary .fotw-single-card {
  position: relative !important;
  border-radius: 28px !important;
  background: var(--theme-card-bg, #FFFFFF) !important;
  border: 2px solid var(--theme-border, #E2D9CC) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06) !important;
  padding: 1.25rem 1.35rem 1.45rem !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.fotw-single-card:hover {
  transform: translateY(-4px) !important;
  border-color: var(--theme-border-strong, #D8CEBE) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.12) !important;
}

.fotw-card-top-tag {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 0.85rem !important;
}

.fotw-spotlight-pill {
  display: none !important;
}

.fotw-index-pill {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  padding: 0.25rem 0.65rem !important;
  border-radius: 999px !important;
}

.fotw-main-photo-wrap,
.fotw-hero-photo-wrap,
body[data-theme] .fotw-main-photo-wrap,
body[data-theme] .fotw-hero-photo-wrap,
body.layout-stone-sanctuary .fotw-main-photo-wrap,
body.layout-stone-sanctuary .fotw-hero-photo-wrap {
  position: relative !important;
  width: 100% !important;
  height: 270px !important;
  border-radius: 135px 135px 14px 14px !important;
  overflow: hidden !important;
  border: 3.5px solid var(--theme-border-strong, #D8CEBE) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), inset 0 2px 10px rgba(0, 0, 0, 0.16) !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
}

.fotw-main-photo-wrap::after,
.fotw-hero-photo-wrap::after {
  display: none !important;
  content: none !important;
}

.fotw-photo-overlay-crown {
  display: none !important;
}

.fotw-thumbs-strip {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0.5rem !important;
  margin-top: 0.65rem !important;
}

.fotw-thumb-box {
  height: 54px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1.8px solid var(--theme-border, #E2D9CC) !important;
  cursor: pointer !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.fotw-thumb-box:hover {
  border-color: var(--theme-accent-emerald, #1C6742) !important;
  transform: translateY(-2px) scale(1.02) !important;
}

.fotw-name {
  font-family: var(--font-condensed) !important;
  font-size: 1.38rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--theme-ink-primary, #181A18) !important;
  margin: 0.75rem 0 0.4rem !important;
  text-align: center !important;
}

.fotw-meta-row {
  display: flex !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 0.65rem !important;
}

.fotw-meta-tag {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  border-radius: 999px !important;
  padding: 0.2rem 0.6rem !important;
}

.fotw-story-snippet {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  border-left: 3.5px solid var(--theme-accent-emerald, #1C6742) !important;
  border-radius: 12px !important;
  padding: 0.75rem 0.95rem !important;
  font-size: 0.84rem !important;
  line-height: 1.55 !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-style: italic !important;
  margin: 0 0 0.75rem !important;
}

.fotw-progress-card {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  border-radius: 12px !important;
  padding: 0.55rem 0.85rem !important;
  margin-bottom: 0.85rem !important;
}

.fotw-progress-header {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 0.84rem !important;
  font-weight: 800 !important;
  color: var(--theme-ink-primary, #181A18) !important;
  margin-bottom: 0.35rem !important;
}

.fotw-progress-track {
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--theme-border, #E2D9CC) !important;
  overflow: hidden !important;
  position: relative !important;
}

.fotw-progress-fill {
  background: var(--theme-accent-emerald, #1C6742) !important;
  height: 100% !important;
  border-radius: 999px !important;
}

.fotw-progress-pct-in-bar {
  display: none !important;
}

.fotw-action-buttons {
  display: grid !important;
  grid-template-columns: 1.6fr 1fr 1fr !important;
  gap: 0.45rem !important;
  margin-bottom: 0.55rem !important;
}

.btn-fotw-donate {
  background: var(--theme-accent-crimson, #D95338) !important;
  color: #FFFFFF !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  padding: 0.6rem 0.8rem !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.btn-fotw-story {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-primary, #181A18) !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  border-radius: 10px !important;
  padding: 0.55rem 0.5rem !important;
  cursor: pointer !important;
  text-align: center !important;
}

.btn-fotw-tiktok {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border: 1px solid var(--theme-border, #E2D9CC) !important;
  color: var(--theme-ink-primary, #181A18) !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  padding: 0.45rem 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-fotw-tiktok:hover {
  background: var(--theme-input-bg, #111827) !important;
  border-color: #10B981 !important;
  color: #FFFFFF !important;
  box-shadow: 0 5px 16px rgba(16, 185, 129, 0.35) !important;
  transform: translateY(-2px) !important;
}

.hotdog-tabs-grid {
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr)) !important;
  gap: 1.15rem !important;
}

.hotdog-item,
.hotdog-item.verified-family-card,
.hotdog-item.coming-soon-pill-card,
body[data-theme] .hotdog-item,
body.layout-stone-sanctuary .hotdog-item,
body.layout-stone-sanctuary .hotdog-item.verified-family-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 368px !important;
  max-height: 376px !important;
  box-sizing: border-box !important;
  background: var(--theme-card-bg, #FFFFFF) !important;
  border: 1.6px solid var(--theme-border, #E2D9CC) !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
  padding: 0.75rem 0.75rem 0.80rem !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, border-color 0.2s ease !important;
}

.hotdog-item:hover {
  transform: translateY(-4px) !important;
  border-color: var(--theme-border-strong, #D8CEBE) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.11) !important;
}

.hotdog-item .hotdog-photos-strip,
.hotdog-photos-strip,
body[data-theme] .hotdog-item .hotdog-photos-strip,
body.layout-stone-sanctuary .hotdog-item .hotdog-photos-strip {
  order: 1 !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 148px !important;
  flex-shrink: 0 !important;
  margin-bottom: 0.45rem !important;
  border-radius: 70px 70px 10px 10px !important;
  overflow: hidden !important;
  border: 2.6px solid var(--theme-border-strong, #D8CEBE) !important;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.07), inset 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
  padding: 0 !important;
}

.hotdog-photos-strip::after {
  content: '✦' !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: var(--theme-card-bg, #FFFFFF) !important;
  border: 1.5px solid var(--theme-border-strong, #D8CEBE) !important;
  border-top: none !important;
  border-radius: 0 0 6px 6px !important;
  padding: 1px 7px 2px !important;
  font-size: 0.58rem !important;
  font-weight: 900 !important;
  color: var(--theme-accent-emerald, #1C6742) !important;
  z-index: 5 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
  line-height: 1 !important;
}

.hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child,
.hotdog-photo-thumb:first-child,
body.layout-stone-sanctuary .hotdog-item .hotdog-photo-thumb:first-child {
  width: 100% !important;
  height: 148px !important;
  border-radius: 68px 68px 8px 8px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  cursor: pointer !important;
}

.hotdog-item .hotdog-photo-thumb:first-child img.thumb-img,
.hotdog-photo-thumb img.thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25%;
  display: block !important;
  transition: transform 0.3s ease !important;
}

.hotdog-item:hover .hotdog-photo-thumb:first-child img.thumb-img {
  transform: scale(1.04) !important;
}

.hotdog-item .single-photo-count-pill,
.single-photo-count-pill {
  position: absolute !important;
  bottom: 6px !important;
  right: 6px !important;
  font-size: 0.60rem !important;
  padding: 0.12rem 0.42rem !important;
  border-radius: 999px !important;
}

.hotdog-bar,
.hotdog-item .hotdog-bar,
.hotdog-item.verified-family-card .hotdog-bar,
body[data-theme] .hotdog-item .hotdog-bar {
  order: 2 !important;
  margin-bottom: 0.40rem !important;
  min-height: 52px !important;
  max-height: 56px !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.hotdog-pill-left,
.hotdog-item .hotdog-pill-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.15rem !important;
  width: 100% !important;
}

.hotdog-pill-right,
.hotdog-item .hotdog-pill-right {
  display: none !important;
}

.hotdog-title-stack,
.hotdog-item .hotdog-title-stack {
  width: 100% !important;
}

.hotdog-item .hotdog-name,
.hotdog-name,
body[data-theme] .hotdog-item .hotdog-name {
  font-family: var(--font-condensed) !important;
  font-size: 0.94rem !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  min-height: auto !important;
  max-height: 2.5em !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.015em !important;
}

.hotdog-item .hotdog-rank,
.hotdog-rank {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 20px !important;
  padding: 0 5px !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1.2px solid var(--theme-border-strong, #D8CEBE) !important;
  border-radius: 5px !important;
  font-family: var(--font-condensed) !important;
  font-size: 0.70rem !important;
  font-weight: 850 !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.02em !important;
}

body[data-theme^="dark-"] .hotdog-item .hotdog-rank {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #D1D5DB !important;
}

.hotdog-item .hotdog-name-text {
  color: var(--theme-ink-primary, #181A18) !important;
  letter-spacing: 0.015em !important;
}

.hotdog-item .hotdog-friendly-sub,
.hotdog-friendly-sub,
body[data-theme] .hotdog-item .hotdog-friendly-sub {
  font-size: 0.69rem !important;
  font-weight: 550 !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  line-height: 1.2 !important;
  min-height: auto !important;
  max-height: 1.2em !important;
  margin-top: 0.15rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.88 !important;
}

.hotdog-item .urgent-need-card-badge,
.hotdog-item .zero-funded-card-badge,
.hotdog-item .fotw-card-crown-tag {
  font-size: 0.58rem !important;
  font-weight: 800 !important;
  padding: 2px 5px !important;
  border-radius: 4px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
}

.hotdog-item,
body[data-theme] .hotdog-item {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  border: 1.5px solid var(--theme-border) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease !important;
}

.hotdog-item:hover,
body[data-theme] .hotdog-item:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.10) !important;
  border-color: var(--theme-border-strong) !important;
}

.hotdog-item .compact-fuel-bar,
.compact-fuel-bar,
body[data-theme] .hotdog-item .compact-fuel-bar {
  order: 3 !important;
  position: relative !important;
  margin-top: auto !important;
  margin-bottom: 0.42rem !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1.2px solid var(--theme-border, #E2D9CC) !important;
  border-radius: 9px !important;
  padding: 0.40rem 0.65rem 0.45rem !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  min-height: 40px !important;
}

.hotdog-item .compact-fuel-meta,
.random-spotlight-card .compact-fuel-meta,
.compact-fuel-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  line-height: 1 !important;
  margin-bottom: 0.32rem !important;
}

.hotdog-item .compact-fuel-raised,
.random-spotlight-card .compact-fuel-raised,
.compact-fuel-raised {
  font-size: 0.80rem !important;
  font-weight: 850 !important;
  color: var(--theme-ink-primary, #181A18) !important;
}

.hotdog-item .compact-fuel-goal,
.random-spotlight-card .compact-fuel-goal,
.compact-fuel-goal {
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  opacity: 0.85 !important;
}

.hotdog-item .compact-fuel-pct-badge,
.random-spotlight-card .compact-fuel-pct-badge,
.compact-fuel-pct-badge {
  font-size: 0.70rem !important;
  font-weight: 850 !important;
  color: var(--theme-accent-emerald, #1C6742) !important;
  background: rgba(28, 103, 66, 0.08) !important;
  padding: 0.12rem 0.42rem !important;
  border-radius: 5px !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
}

body[data-theme^="dark-"] .hotdog-item .compact-fuel-pct-badge,
body[data-theme^="dark-"] .random-spotlight-card .compact-fuel-pct-badge {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #A7F3D0 !important;
}

.hotdog-item .compact-fuel-track,
.random-spotlight-card .compact-fuel-track,
.compact-fuel-track {
  position: relative !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--theme-border, #E2D9CC) !important;
  overflow: hidden !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.hotdog-item .compact-fuel-fill,
.random-spotlight-card .compact-fuel-fill,
.compact-fuel-fill {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  background: var(--theme-accent-emerald, #1C6742) !important;
  border-radius: 999px !important;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hotdog-item .compact-fuel-pct-in-bar,
.random-spotlight-card .compact-fuel-pct-in-bar {
  display: none !important;
}

.fotw-progress-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.fotw-progress-pct-badge {
  font-size: 0.76rem !important;
  font-weight: 850 !important;
  color: var(--theme-accent-emerald, #1C6742) !important;
  background: rgba(28, 103, 66, 0.08) !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 6px !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
}

body[data-theme^="dark-"] .fotw-progress-pct-badge {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #A7F3D0 !important;
}

.fotw-progress-pct-in-bar {
  display: none !important;
}

.fotw-progress-track {
  height: 8px !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.hotdog-quick-actions,
body[data-theme] .hotdog-quick-actions {
  order: 4 !important;
  margin-top: 0 !important;
}

.hotdog-quick-actions-row,
.hotdog-item .hotdog-quick-actions-row,
body[data-theme] .hotdog-item .hotdog-quick-actions-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  box-sizing: border-box !important;
  background: var(--theme-card-surface, #F5EFEB) !important;
  border: 1.4px solid var(--theme-border-strong, #D8CEBE) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin-bottom: 0.38rem !important;
  padding: 0 !important;
  gap: 0 !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.hotdog-quick-actions-row > button,
.hotdog-item .hotdog-quick-actions-row > button,
body[data-theme] .hotdog-item .hotdog-quick-actions-row > button,
.hotdog-click-prompt,
.btn-story-card-trigger,
.btn-compact-share,
.hotdog-item .hotdog-click-prompt,
.hotdog-item .btn-story-card-trigger,
.hotdog-item .btn-compact-share,
body[data-theme] .hotdog-item .hotdog-click-prompt,
body[data-theme] .hotdog-item .btn-story-card-trigger,
body[data-theme] .hotdog-item .btn-compact-share {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--theme-ink-secondary, #4B5563) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.62rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3.5px !important;
  padding: 0 4px !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  line-height: 1 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.hotdog-click-prompt,
.btn-story-card-trigger,
.hotdog-item .hotdog-click-prompt,
.hotdog-item .btn-story-card-trigger {
  border-right: 1px solid var(--theme-border-strong, #D8CEBE) !important;
}

.hotdog-click-prompt:hover,
.btn-story-card-trigger:hover,
.btn-compact-share:hover,
.hotdog-item .hotdog-click-prompt:hover,
.hotdog-item .btn-story-card-trigger:hover,
.hotdog-item .btn-compact-share:hover,
body[data-theme] .hotdog-item .hotdog-click-prompt:hover,
body[data-theme] .hotdog-item .btn-story-card-trigger:hover,
body[data-theme] .hotdog-item .btn-compact-share:hover {
  background: var(--theme-card-bg, #FFFFFF) !important;
  color: var(--theme-ink-primary, #181A18) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.hotdog-click-prompt:active,
.btn-story-card-trigger:active,
.btn-compact-share:active {
  background: var(--theme-border, #E2D9CC) !important;
  transform: scale(0.98) !important;
}

.hotdog-click-prompt svg,
.btn-story-card-trigger svg,
.btn-compact-share svg {
  width: 12px !important;
  height: 12px !important;
  flex-shrink: 0 !important;
  opacity: 0.85 !important;
  transition: transform 0.15s ease, opacity 0.15s ease !important;
}

.hotdog-click-prompt:hover svg,
.btn-story-card-trigger:hover svg,
.btn-compact-share:hover svg {
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

.btn-compact-donate-full,
.hotdog-item .btn-compact-donate-full,
body[data-theme] .hotdog-item .btn-compact-donate-full {
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  font-family: var(--font-condensed, inherit) !important;
  font-size: 0.84rem !important;
  font-weight: 900 !important;
  border-radius: 8px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--theme-accent-crimson, #D95338) !important;
  color: #FFFFFF !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 2px 6px rgba(0, 0, 0, 0.12) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease !important;
  text-decoration: none !important;
}

.btn-compact-donate-full:hover {
  filter: brightness(1.08) !important;
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 4px 12px rgba(0, 0, 0, 0.18) !important;
}

.org-card {
  border-radius: 20px !important;
}

section.families-section,
#families,
.families-section,
.families-section .container {
  background: transparent !important;
}

.hotdog-tabs-grid .hotdog-item,
.hotdog-item,
body[data-theme] .hotdog-item,
body[data-theme] .hotdog-item.verified-family-card,
body.layout-stone-sanctuary .hotdog-item,
body.layout-stone-sanctuary .hotdog-item.verified-family-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 382px !important;
  min-height: 382px !important;
  max-height: 382px !important;
  box-sizing: border-box !important;
  transition: transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.22s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

.hotdog-item.expanded,
body[data-theme] .hotdog-item.expanded,
body[data-theme] .hotdog-item.verified-family-card.expanded,
body.layout-stone-sanctuary .hotdog-item.expanded {
  max-height: none !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.hotdog-item:hover,
body[data-theme] .hotdog-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
}

.hotdog-item:not(.expanded) .hotdog-photos-strip,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-photos-strip {
  order: 1 !important;
  width: 100% !important;
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;
  flex: 0 0 165px !important;
  border-radius: 16px 16px 0 0 !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background: #F3F4F6 !important;
}

.hotdog-item .hotdog-photos-strip::after {
  display: none !important;
}

.hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child {
  width: 100% !important;
  height: 165px !important;
  min-height: 165px !important;
  max-height: 165px !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden !important;
  border: none !important;
  display: block !important;
}

.hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child img.thumb-img,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child img.thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25%;
  display: block !important;
  border-radius: 16px 16px 0 0 !important;
}

.hotdog-item:not(.expanded) .hotdog-bar,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-bar {
  order: 2 !important;
  padding: 0.72rem 0.90rem 0.20rem !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;
  flex: 0 0 86px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}

.hotdog-item .hotdog-avatar {
  display: none !important;
}

.ref-verified-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 0.66rem !important;
  font-weight: 750 !important;
  color: #065F46 !important;
  background: #ECFDF5 !important;
  border: 1px solid #A7F3D0 !important;
  padding: 2px 8px !important;
  height: 21px !important;
  min-height: 21px !important;
  max-height: 21px !important;
  box-sizing: border-box !important;
  border-radius: 999px !important;
  width: fit-content !important;
  margin: 0 0 0.25rem 0 !important;
  line-height: 1 !important;
  letter-spacing: 0.01em !important;
  flex-shrink: 0 !important;
}

.ref-verified-pill svg {
  width: 11px !important;
  height: 11px !important;
  color: #059669 !important;
  flex-shrink: 0 !important;
}

.hotdog-item:not(.expanded) .hotdog-name,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-name {
  font-family: var(--font-sans) !important;
  font-size: 0.98rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  line-height: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.hotdog-item:not(.expanded) .hotdog-rank {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 20px !important;
  padding: 0 5px !important;
  font-size: 0.68rem !important;
  flex-shrink: 0 !important;
}

.hotdog-item:not(.expanded) .hotdog-name-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: block !important;
}

.hotdog-item:not(.expanded) .urgent-need-card-badge,
.hotdog-item:not(.expanded) .zero-funded-card-badge,
.hotdog-item:not(.expanded) .fotw-card-crown-tag {
  display: none !important;
}

.hotdog-item:not(.expanded) .hotdog-friendly-sub,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-friendly-sub {
  font-size: 0.74rem !important;
  color: #4B5563 !important;
  line-height: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  margin: 0.16rem 0 0 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.hotdog-item:not(.expanded) .compact-fuel-bar,
body[data-theme] .hotdog-item:not(.expanded) .compact-fuel-bar {
  order: 3 !important;
  margin: auto 0.90rem 0.48rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  flex: 0 0 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
}

.hotdog-item .compact-fuel-meta {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  margin-bottom: 0.30rem !important;
  line-height: 1 !important;
}

.hotdog-item .compact-fuel-raised {
  font-size: 0.85rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
}

.hotdog-item .compact-fuel-goal {
  font-size: 0.74rem !important;
  font-weight: 600 !important;
  color: #6B7280 !important;
}

.hotdog-item .compact-fuel-pct-badge {
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  color: #047857 !important;
  background: transparent !important;
  padding: 0 !important;
}

.hotdog-item .compact-fuel-track {
  height: 7.5px !important;
  border-radius: 999px !important;
  background: #E5E7EB !important;
  box-shadow: none !important;
  overflow: hidden !important;
  margin-top: 0 !important;
}

.hotdog-item .compact-fuel-fill {
  background: #047857 !important;
  border-radius: 999px !important;
}

.hotdog-item .compact-fuel-pct-in-bar {
  display: none !important;
}

.hotdog-item:not(.expanded) .hotdog-quick-actions,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-quick-actions {
  order: 4 !important;
  padding: 0 0.90rem 0.82rem !important;
  margin-top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0.38rem !important;
}

.hotdog-quick-actions-row {
  height: 29px !important;
  min-height: 29px !important;
  max-height: 29px !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 7px !important;
  background: #F9FAFB !important;
  margin-bottom: 0 !important;
}

.hotdog-quick-actions-row > button {
  color: #4B5563 !important;
  font-size: 0.62rem !important;
  font-weight: 750 !important;
  border-color: #E5E7EB !important;
  background: transparent !important;
}

.hotdog-quick-actions-row > button:hover {
  background: #ECFDF5 !important;
  color: #047857 !important;
}

.btn-compact-donate-full,
.hotdog-item .btn-compact-donate-full,
.hotdog-quick-actions .btn-compact-donate-full,
.hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending),
body[data-theme] .hotdog-item .btn-compact-donate-full,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending),
body[data-theme] .btn-compact-donate-full {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  background: #047857 !important;
  background-image: none !important;
  color: #FFFFFF !important;
  border-radius: 8px !important;
  font-weight: 800 !important;
  font-size: 0.82rem !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 2px 6px rgba(4, 120, 87, 0.20) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease !important;
}

.btn-compact-donate-full:hover,
.hotdog-item .btn-compact-donate-full:hover,
.hotdog-quick-actions .btn-compact-donate-full:hover,
.hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending):hover,
body[data-theme] .hotdog-item .btn-compact-donate-full:hover,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full:hover,
body[data-theme] .hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending):hover,
body[data-theme] .btn-compact-donate-full:hover,
.btn-fotw-donate:hover,
body[data-theme] .btn-fotw-donate:hover,
.fotw-donate-btn:hover,
body[data-theme] .fotw-donate-btn:hover,
.btn-hotdog-donate:hover,
body[data-theme] .btn-hotdog-donate:hover,
.hotdog-item.expanded .hotdog-drawer-actions .btn-hotdog-donate:hover,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-hotdog-donate:hover,
.btn-quiz-submit:hover,
body[data-theme] .btn-quiz-submit:hover,
#btnFindMyFamilyMatch:hover,
body[data-theme] #btnFindMyFamilyMatch:hover {
  background: #059669 !important;
  background-image: none !important;
  filter: none !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(5, 150, 105, 0.34) !important;
}

.fotw-single-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 20px !important;
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.07) !important;
}

.hotdog-item .hotdog-expanded,
body[data-theme] .hotdog-item .hotdog-expanded {
  order: 5 !important;
  padding: 0.85rem 0.95rem 1.05rem !important;
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: #F9FAFB !important;
  border-radius: 0 0 16px 16px !important;
}

body[data-theme="light-warm-neutral"],
body[data-theme="warm-neutral-ref"],
:root[data-theme="light-warm-neutral"] {
  --theme-canvas-bg: #EFE8DE;
  --theme-bg-base: #EFE8DE;
  --bg-cream: #EFE8DE;
  --theme-card-bg: #FFFFFF;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.14);
  --theme-ink-primary: #111827;
  --theme-ink-secondary: #4B5563;
  --theme-accent-emerald: #047857;
  --theme-accent-crimson: #047857;
  --theme-donate-btn-bg: #047857;
  --theme-donate-btn-hover: #059669;
  --htg-crimson: #047857;
  --htg-crimson-hover: #059669;
}

body[data-theme="light-warm-neutral"] {
  background-color: #EFE8DE !important;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' fill='none' stroke='%233D5A45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.16'%3E%3Cpath d='M30 0 C 40 100 20 200 60 300 C 100 400 50 500 80 600' /%3E%3Cellipse cx='55' cy='120' rx='14' ry='32' transform='rotate(-25 55 120)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='20' cy='160' rx='12' ry='28' transform='rotate(30 20 160)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='70' cy='240' rx='15' ry='35' transform='rotate(-35 70 240)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='35' cy='290' rx='13' ry='30' transform='rotate(25 35 290)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='85' cy='380' rx='14' ry='32' transform='rotate(-30 85 380)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='45' cy='430' rx='12' ry='28' transform='rotate(35 45 430)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='90' cy='520' rx='15' ry='34' transform='rotate(-20 90 520)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Ccircle cx='60' cy='180' r='6' fill='%232D4233' fill-opacity='0.18' /%3E%3Ccircle cx='40' cy='330' r='6' fill='%232D4233' fill-opacity='0.18' /%3E%3Ccircle cx='75' cy='470' r='6' fill='%232D4233' fill-opacity='0.18' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' fill='none' stroke='%233D5A45' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.16'%3E%3Cpath d='M170 0 C 160 100 180 200 140 300 C 100 400 150 500 120 600' /%3E%3Cellipse cx='145' cy='120' rx='14' ry='32' transform='rotate(25 145 120)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='180' cy='160' rx='12' ry='28' transform='rotate(-30 180 160)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='130' cy='240' rx='15' ry='35' transform='rotate(35 130 240)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='165' cy='290' rx='13' ry='30' transform='rotate(-25 165 290)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='115' cy='380' rx='14' ry='32' transform='rotate(30 115 380)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='155' cy='430' rx='12' ry='28' transform='rotate(-35 155 430)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Cellipse cx='110' cy='520' rx='15' ry='34' transform='rotate(20 110 520)' fill='%233D5A45' fill-opacity='0.12' /%3E%3Ccircle cx='140' cy='180' r='6' fill='%232D4233' fill-opacity='0.18' /%3E%3Ccircle cx='160' cy='330' r='6' fill='%232D4233' fill-opacity='0.18' /%3E%3Ccircle cx='125' cy='470' r='6' fill='%232D4233' fill-opacity='0.18' /%3E%3C/svg%3E") !important;
  background-position: left 10px top 140px, right 10px top 140px !important;
  background-repeat: repeat-y, repeat-y !important;
  background-size: 140px auto, 140px auto !important;
  background-attachment: scroll, scroll !important;
}

body[data-theme="light-soft-green"],
body[data-theme="soft-green-ref"],
:root[data-theme="light-soft-green"] {
  --theme-canvas-bg: #E2EAE3;
  --theme-bg-base: #E2EAE3;
  --bg-cream: #E2EAE3;
  --theme-card-bg: #FFFFFF;
  --theme-card-surface: #FFFFFF;
  --theme-border: rgba(0, 0, 0, 0.08);
  --theme-border-strong: rgba(0, 0, 0, 0.14);
  --theme-ink-primary: #111827;
  --theme-ink-secondary: #4B5563;
  --theme-accent-emerald: #047857;
  --theme-accent-crimson: #047857;
  --theme-donate-btn-bg: #047857;
  --theme-donate-btn-hover: #059669;
  --htg-crimson: #047857;
  --htg-crimson-hover: #059669;
}

body[data-theme="light-soft-green"] {
  background-color: #E2EAE3 !important;
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 350 700' fill='none' opacity='0.12'%3E%3Cpath d='M80 700 V 350 L 95 350 L 95 280 L 85 280 L 100 230 L 115 280 L 105 280 L 105 350 L 120 350 V 700 Z' fill='%23264D36' /%3E%3Cpath d='M100 200 C 95 215 105 215 100 230' stroke='%23264D36' stroke-width='2' /%3E%3Ccircle cx='100' cy='195' r='3' fill='%23264D36' /%3E%3Cpath d='M10 700 V 550 C 10 520 40 500 70 520 V 700 Z' fill='%23264D36' /%3E%3Cpath d='M130 700 V 480 C 130 450 170 430 210 460 V 700 Z' fill='%23264D36' /%3E%3Cpath d='M170 430 Q 170 390 190 380 Q 210 390 210 430 Z' fill='%23264D36' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 350 700' fill='none' opacity='0.12'%3E%3Cpath d='M230 700 V 320 L 245 320 L 245 250 L 235 250 L 250 190 L 265 250 L 255 250 L 255 320 L 270 320 V 700 Z' fill='%23264D36' /%3E%3Cpath d='M250 160 C 245 175 255 175 250 190' stroke='%23264D36' stroke-width='2' /%3E%3Ccircle cx='250' cy='155' r='3' fill='%23264D36' /%3E%3Cpath d='M150 700 V 520 C 150 480 200 460 230 490 V 700 Z' fill='%23264D36' /%3E%3Cpath d='M270 700 V 560 C 270 530 310 520 340 550 V 700 Z' fill='%23264D36' /%3E%3C/svg%3E") !important;
  background-position: left bottom, right bottom !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 240px auto, 240px auto !important;
  background-attachment: fixed, fixed !important;
}

body[data-theme="dark-mediterranean-sage"],
:root[data-theme="dark-mediterranean-sage"] {
  --theme-canvas-bg: #121514;
  --theme-bg-base: #121514;
  --bg-cream: #121514;
  --theme-card-bg: #232826;
  --theme-card-surface: #191D1B;
  --theme-border: rgba(255, 255, 255, 0.13);
  --theme-border-strong: rgba(255, 255, 255, 0.24);
  --theme-ink-primary: #F3F5F4;
  --theme-ink-secondary: #CBD5E1;
  --theme-accent-emerald: #047857;
  --theme-accent-crimson: #5E9C68;
  --theme-donate-btn-bg: #5E9C68;
  --theme-donate-btn-hover: #6FB37A;
  --htg-crimson: #5E9C68;
  --htg-crimson-hover: #6FB37A;
}

body[data-theme^="dark-"] {
  background-color: var(--theme-canvas-bg, #121514) !important;
  color: var(--theme-ink-primary, #F3F5F4) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' fill='none' stroke='%235E9C68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.14'%3E%3Cpath d='M30 0 C 40 100 20 200 60 300 C 100 400 50 500 80 600' /%3E%3Cellipse cx='55' cy='120' rx='14' ry='32' transform='rotate(-25 55 120)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='20' cy='160' rx='12' ry='28' transform='rotate(30 20 160)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='70' cy='240' rx='15' ry='35' transform='rotate(-35 70 240)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='35' cy='290' rx='13' ry='30' transform='rotate(25 35 290)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='85' cy='380' rx='14' ry='32' transform='rotate(-30 85 380)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='45' cy='430' rx='12' ry='28' transform='rotate(35 45 430)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='90' cy='520' rx='15' ry='34' transform='rotate(-20 90 520)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Ccircle cx='60' cy='180' r='6' fill='%2386EFAC' fill-opacity='0.15' /%3E%3Ccircle cx='40' cy='330' r='6' fill='%2386EFAC' fill-opacity='0.15' /%3E%3Ccircle cx='75' cy='470' r='6' fill='%2386EFAC' fill-opacity='0.15' /%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 600' fill='none' stroke='%235E9C68' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.14'%3E%3Cpath d='M170 0 C 160 100 180 200 140 300 C 100 400 150 500 120 600' /%3E%3Cellipse cx='145' cy='120' rx='14' ry='32' transform='rotate(25 145 120)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='180' cy='160' rx='12' ry='28' transform='rotate(-30 180 160)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='130' cy='240' rx='15' ry='35' transform='rotate(35 130 240)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='165' cy='290' rx='13' ry='30' transform='rotate(-25 165 290)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='115' cy='380' rx='14' ry='32' transform='rotate(30 115 380)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='155' cy='430' rx='12' ry='28' transform='rotate(-35 155 430)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Cellipse cx='110' cy='520' rx='15' ry='34' transform='rotate(20 110 520)' fill='%235E9C68' fill-opacity='0.10' /%3E%3Ccircle cx='140' cy='180' r='6' fill='%2386EFAC' fill-opacity='0.15' /%3E%3Ccircle cx='160' cy='330' r='6' fill='%2386EFAC' fill-opacity='0.15' /%3E%3Ccircle cx='125' cy='470' r='6' fill='%2386EFAC' fill-opacity='0.15' /%3E%3C/svg%3E") !important;
  background-position: left 10px top 140px, right 10px top 140px !important;
  background-repeat: repeat-y, repeat-y !important;
  background-size: 140px auto, 140px auto !important;
  background-attachment: scroll, scroll !important;
}

body[data-theme^="dark-"] .hotdog-tabs-grid .hotdog-item,
body[data-theme^="dark-"] .hotdog-item,
body[data-theme^="dark-"] .hotdog-item.verified-family-card,
body[data-theme^="dark-"] .hotdog-item.coming-soon-pill-card,
body[data-theme^="dark-"].layout-stone-sanctuary .hotdog-item,
body[data-theme^="dark-"].layout-stone-sanctuary .hotdog-item.verified-family-card {
  background: var(--theme-card-bg, #232826) !important;
  border: 1px solid var(--theme-border, rgba(255, 255, 255, 0.13)) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.42), 0 2px 6px rgba(0, 0, 0, 0.28) !important;
}

body[data-theme^="dark-"] .hotdog-item:hover,
body[data-theme^="dark-"] .hotdog-item.verified-family-card:hover {
  background: #282E2C !important;
  border-color: var(--theme-border-strong, rgba(255, 255, 255, 0.24)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(134, 239, 172, 0.14) !important;
}

body[data-theme^="dark-"] .hotdog-item .hotdog-photos-strip {
  background: #191D1B !important;
}

body[data-theme^="dark-"] .ref-verified-pill {
  background: rgba(4, 120, 87, 0.20) !important;
  border: 1px solid rgba(52, 211, 153, 0.32) !important;
  color: #34D399 !important;
}

body[data-theme^="dark-"] .ref-verified-pill svg {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .hotdog-item .hotdog-name,
body[data-theme^="dark-"] .hotdog-item .hotdog-name-text,
body[data-theme^="dark-"] .fotw-name,
body[data-theme^="dark-"] .fotw-title-row h3 {
  color: #F3F5F4 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

body[data-theme^="dark-"] .hotdog-item .hotdog-rank {
  color: #94A3B8 !important;
}

body[data-theme^="dark-"] .hotdog-item .hotdog-friendly-sub,
body[data-theme^="dark-"] .fotw-story-snippet,
body[data-theme^="dark-"] .hotdog-item .hotdog-story,
body[data-theme^="dark-"] .hotdog-item .hotdog-story-paragraph {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .hotdog-item .compact-fuel-raised,
body[data-theme^="dark-"] .fotw-fuel-raised {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .hotdog-item .compact-fuel-goal,
body[data-theme^="dark-"] .fotw-fuel-goal {
  color: #94A3B8 !important;
}

body[data-theme^="dark-"] .hotdog-item .compact-fuel-pct-badge,
body[data-theme^="dark-"] .fotw-fuel-pct {
  color: #6EE7B7 !important;
}

body[data-theme^="dark-"] .hotdog-item .compact-fuel-track,
body[data-theme^="dark-"] .fotw-fuel-track {
  background: #151917 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
}

body[data-theme^="dark-"] .hotdog-item .compact-fuel-fill,
body[data-theme^="dark-"] .fotw-fuel-fill {
  background: var(--theme-donate-btn-bg, #5E9C68) !important;
}

body[data-theme^="dark-"] .hotdog-quick-actions-row {
  background: #191D1B !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body[data-theme^="dark-"] .hotdog-quick-actions-row > button {
  color: #CBD5E1 !important;
  border-color: rgba(255, 255, 255, 0.10) !important;
  background: transparent !important;
}

body[data-theme^="dark-"] .hotdog-quick-actions-row > button:hover {
  background: #2C3330 !important;
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .btn-compact-donate-full,
body[data-theme^="dark-"] .hotdog-item .btn-compact-donate-full,
body[data-theme^="dark-"] .hotdog-quick-actions .btn-compact-donate-full,
body[data-theme^="dark-"] .hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending),
body[data-theme^="dark-"] .fotw-donate-btn,
body[data-theme^="dark-"] .btn-fotw-donate {
  background: var(--theme-donate-btn-bg, #5E9C68) !important;
  background-image: none !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

body[data-theme^="dark-"] .btn-compact-donate-full:hover,
body[data-theme^="dark-"] .hotdog-item .btn-compact-donate-full:hover,
body[data-theme^="dark-"] .hotdog-quick-actions .btn-compact-donate-full:hover,
body[data-theme^="dark-"] .hotdog-quick-actions .btn-compact-donate-full:not(.is-completed):not(.pending):hover,
body[data-theme^="dark-"] .fotw-donate-btn:hover,
body[data-theme^="dark-"] .btn-fotw-donate:hover,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-hotdog-donate:hover {
  background: var(--theme-donate-btn-hover, #6FB37A) !important;
  background-image: none !important;
  filter: none !important;
  box-shadow: 0 6px 16px rgba(111, 179, 122, 0.38) !important;
}

body[data-theme^="dark-"] .hotdog-item .hotdog-expanded {
  background: #191D1B !important;
  border-top: 1px solid rgba(255, 255, 255, 0.10) !important;
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .fotw-single-card,
body[data-theme^="dark-"] .friendly-welcome-hero-box,
body[data-theme^="dark-"] .directory-scale-bar,
body[data-theme^="dark-"] .random-chooser-banner,
body[data-theme^="dark-"] .org-card,
body[data-theme^="dark-"] .solidarity-card,
body[data-theme^="dark-"] .qr-hub-card,
body[data-theme^="dark-"] .faq-item,
body[data-theme^="dark-"] .share-card-modal-box,
body[data-theme^="dark-"] .story-modal-content {
  background: var(--theme-card-bg, #232826) !important;
  border-color: var(--theme-border, rgba(255, 255, 255, 0.13)) !important;
  color: #F3F5F4 !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.42) !important;
}

body[data-theme^="dark-"] .fotw-fuel-card,
body[data-theme^="dark-"] .scale-search-input,
body[data-theme^="dark-"] .directory-scale-bar input,
body[data-theme^="dark-"] .directory-scale-bar select {
  background: #191D1B !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .site-header,
body[data-theme^="dark-"] header.site-header {
  background: rgba(18, 21, 20, 0.94) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10) !important;
}

body[data-theme^="dark-"] .welcome-title,
body[data-theme^="dark-"] .hero-title,
body[data-theme^="dark-"] .section-title,
body[data-theme^="dark-"] .friendly-welcome-title,
body[data-theme^="dark-"] .brand-name {
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .section-subtitle,
body[data-theme^="dark-"] .friendly-welcome-desc,
body[data-theme^="dark-"] .mission-statement {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] #impactCounterTotalRaised,
body[data-theme^="dark-"] .impact-counter-value {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .solidarity-card {
  background: #1C2220 !important;
  border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
  color: #FFFFFF !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.45) !important;
}

body[data-theme^="dark-"] .solidarity-card:hover {
  border-color: #34D399 !important;
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.65) !important;
}

body[data-theme^="dark-"] .solidarity-author {
  color: #6EE7B7 !important; 
  font-weight: 800 !important;
}

body[data-theme^="dark-"] .solidarity-flag {
  color: #A7F3D0 !important; 
  font-weight: 600 !important;
}

body[data-theme^="dark-"] .solidarity-quote {
  color: #FFFFFF !important; 
  font-weight: 450 !important;
  line-height: 1.55 !important;
}

body[data-theme^="dark-"] .solidarity-time {
  color: #94A3B8 !important; 
  font-weight: 600 !important;
}

body[data-theme^="dark-"] .btn-solidarity-react {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .btn-solidarity-react:hover {
  background: rgba(52, 211, 153, 0.18) !important;
  border-color: #34D399 !important;
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .btn-solidarity-react.active {
  background: #047857 !important;
  border-color: #10B981 !important;
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .btn-solidarity-react .react-count {
  color: #A7F3D0 !important;
}

body[data-theme^="dark-"] .btn-solidarity-react.active .react-count {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .modal-solidarity-card {
  background: #181E1C !important;
  border: 1.5px solid rgba(255, 255, 255, 0.16) !important;
  color: #FFFFFF !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.7) !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .welcome-match-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .welcome-match-sub {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .form-label {
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .form-text-input {
  background: #101413 !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .form-text-input::placeholder {
  color: #64748B !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .btn-preset-msg {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .modal-solidarity-card .btn-preset-msg:hover,
body[data-theme^="dark-"] .modal-solidarity-card .btn-preset-msg.active {
  background: rgba(4, 120, 87, 0.35) !important;
  border-color: #34D399 !important;
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .welcome-match-card {
  background: #232826 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .welcome-match-title,
body[data-theme^="dark-"] .quiz-question-label {
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .welcome-match-sub {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .quiz-opt-btn {
  background: #191D1B !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .quiz-opt-btn .opt-title {
  color: #F3F5F4 !important;
}

body[data-theme^="dark-"] .quiz-opt-btn .opt-desc {
  color: #94A3B8 !important;
}

body[data-theme^="dark-"] .quiz-opt-btn.active {
  background: rgba(4, 120, 87, 0.24) !important;
  border: 1.5px solid #059669 !important;
}

body[data-theme^="dark-"] .quiz-opt-btn.active .opt-title {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .quiz-opt-btn.active .opt-desc {
  color: #E2E8F0 !important;
}

#topThemeModeToggle.btn-top-theme-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 13px !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  cursor: pointer !important;
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 1.5px solid rgba(14, 77, 52, 0.25) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.18s ease !important;
  white-space: nowrap !important;
  z-index: 20 !important;
}

#topThemeModeToggle.btn-top-theme-toggle:hover {
  background: #F3F4F6 !important;
  border-color: #047857 !important;
  transform: translateY(-1px) !important;
}

body[data-theme^="dark-"] #topThemeModeToggle.btn-top-theme-toggle,
#topThemeModeToggle.btn-top-theme-toggle.is-dark-mode {
  background: #232826 !important;
  color: #F3F5F4 !important;
  border: 1.5px solid rgba(134, 239, 172, 0.35) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.40) !important;
}

body[data-theme^="dark-"] #topThemeModeToggle.btn-top-theme-toggle:hover,
#topThemeModeToggle.btn-top-theme-toggle.is-dark-mode:hover {
  background: #2C3330 !important;
  border-color: #34D399 !important;
}

@media (max-width: 768px) {
  .hotdog-tabs-grid,
  body[data-theme] .hotdog-tabs-grid,
  body.layout-stone-sanctuary .hotdog-tabs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.60rem !important;
  }

  .hotdog-tabs-grid .hotdog-item:not(.expanded),
  .hotdog-item:not(.expanded),
  body[data-theme] .hotdog-item:not(.expanded),
  body[data-theme] .hotdog-item.verified-family-card:not(.expanded),
  body.layout-stone-sanctuary .hotdog-item:not(.expanded) {
    height: 308px !important;
    min-height: 308px !important;
    max-height: 308px !important;
    border-radius: 13px !important;
  }

  .hotdog-item.expanded,
  body[data-theme] .hotdog-item.expanded,
  body[data-theme] .hotdog-item.verified-family-card.expanded,
  body.layout-stone-sanctuary .hotdog-item.expanded {
    grid-column: 1 / -1 !important;
    max-height: none !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }

  .hotdog-item:not(.expanded) .hotdog-photos-strip,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-photos-strip,
  .hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child {
    height: 118px !important;
    min-height: 118px !important;
    max-height: 118px !important;
    flex: 0 0 118px !important;
    border-radius: 13px 13px 0 0 !important;
  }

  .hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child img.thumb-img,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-photo-thumb:first-child img.thumb-img {
    border-radius: 13px 13px 0 0 !important;
  }

  .hotdog-item:not(.expanded) .hotdog-bar,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-bar {
    padding: 0.48rem 0.55rem 0.12rem !important;
    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;
    flex: 0 0 82px !important;
    gap: 0 !important;
  }

  .ref-verified-pill {
    font-size: 0.56rem !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 1.5px 6px !important;
    margin: 0 0 0.16rem 0 !important;
    gap: 3px !important;
  }

  .ref-verified-pill svg {
    width: 9px !important;
    height: 9px !important;
  }

  .hotdog-item:not(.expanded) .hotdog-name,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-name {
    font-size: 0.78rem !important;
    line-height: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    gap: 4px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: 100% !important;
  }

  .hotdog-item:not(.expanded) .hotdog-rank {
    display: inline-flex !important;
    height: 17px !important;
    padding: 0 4px !important;
    font-size: 0.58rem !important;
    flex-shrink: 0 !important;
  }

  .hotdog-item:not(.expanded) .hotdog-name-text {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
  }

  .hotdog-item:not(.expanded) .urgent-need-card-badge,
  .hotdog-item:not(.expanded) .zero-funded-card-badge,
  .hotdog-item:not(.expanded) .fotw-card-crown-tag {
    display: none !important;
  }

  .hotdog-item:not(.expanded) .hotdog-friendly-sub,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-friendly-sub {
    font-size: 0.65rem !important;
    line-height: 15px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin-top: 0.12rem !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
    overflow: hidden !important;
  }

  .hotdog-item:not(.expanded) .compact-fuel-bar,
  body[data-theme] .hotdog-item:not(.expanded) .compact-fuel-bar {
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    flex: 0 0 24px !important;
    margin: auto 0.55rem 0.34rem !important;
  }

  .hotdog-item .compact-fuel-meta {
    margin-bottom: 0.22rem !important;
  }

  .hotdog-item .compact-fuel-raised {
    font-size: 0.74rem !important;
  }

  .hotdog-item .compact-fuel-goal {
    font-size: 0.62rem !important;
  }

  .hotdog-item .compact-fuel-pct-badge {
    font-size: 0.68rem !important;
  }

  .hotdog-item .compact-fuel-track {
    height: 6px !important;
  }

  .hotdog-item:not(.expanded) .hotdog-quick-actions,
  body[data-theme] .hotdog-item:not(.expanded) .hotdog-quick-actions {
    padding: 0 0.55rem 0.52rem !important;
    gap: 0.28rem !important;
  }

  .hotdog-quick-actions-row {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    margin-bottom: 0 !important;
  }

  .hotdog-item .hotdog-quick-actions-row > button,
  body[data-theme] .hotdog-item .hotdog-quick-actions-row > button {
    font-size: 0.52rem !important;
    padding: 0 2px !important;
    gap: 2px !important;
  }

  .hotdog-quick-actions-row svg {
    width: 9.5px !important;
    height: 9.5px !important;
  }

  .btn-compact-donate-full,
  .hotdog-item .btn-compact-donate-full,
  body[data-theme] .hotdog-item .btn-compact-donate-full {
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    font-size: 0.72rem !important;
    border-radius: 7px !important;
  }
}

.hotdog-item.expanded,
body[data-theme] .hotdog-item.expanded,
body[data-theme] .hotdog-item.verified-family-card.expanded,
body.layout-stone-sanctuary .hotdog-item.expanded {
  grid-column: 1 / -1 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  content-visibility: visible !important;
  contain-intrinsic-size: auto !important;
  padding: 0 !important;
  border-radius: 18px !important;
  background: #FFFFFF !important;
  border: 1.5px solid rgba(14, 77, 52, 0.22) !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.10), 0 2px 8px rgba(0, 0, 0, 0.05) !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded,
body[data-theme^="dark-"] .hotdog-item.verified-family-card.expanded,
body[data-theme^="dark-"].layout-stone-sanctuary .hotdog-item.expanded {
  background: #232826 !important;
  border: 1.5px solid rgba(134, 239, 172, 0.30) !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55), 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

.hotdog-item.expanded .hotdog-photos-strip,
body[data-theme] .hotdog-item.expanded .hotdog-photos-strip,
body.layout-stone-sanctuary .hotdog-item.expanded .hotdog-photos-strip {
  order: 1 !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  gap: 0.75rem !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 1.10rem 1.15rem 0.25rem !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.hotdog-item.expanded .hotdog-photos-strip .single-photo-count-pill {
  display: none !important;
}

.hotdog-item.expanded .hotdog-photo-thumb,
.hotdog-item.expanded .hotdog-photo-thumb:first-child,
.hotdog-item.expanded .hotdog-photo-thumb:not(:first-child),
body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb,
body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb:first-child,
body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb:not(:first-child),
body.layout-stone-sanctuary .hotdog-item.expanded .hotdog-photo-thumb {
  display: block !important;
  width: 100% !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06) !important;
  background: #F3F4F6 !important;
  cursor: pointer !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-photo-thumb,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-photo-thumb:first-child,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-photo-thumb:not(:first-child) {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #191D1B !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}

.hotdog-item.expanded .hotdog-photo-thumb img.thumb-img,
.hotdog-item.expanded .hotdog-photo-thumb:first-child img.thumb-img,
body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb img.thumb-img,
body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb:first-child img.thumb-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 25%;
  border-radius: 12px !important;
  display: block !important;
}

.hotdog-item.expanded .hotdog-bar,
body[data-theme] .hotdog-item.expanded .hotdog-bar {
  order: 2 !important;
  padding: 0.70rem 1.15rem 0.25rem !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.hotdog-item.expanded .hotdog-name,
body[data-theme] .hotdog-item.expanded .hotdog-name {
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  flex-wrap: wrap !important;
}

.hotdog-item.expanded .hotdog-friendly-sub,
body[data-theme] .hotdog-item.expanded .hotdog-friendly-sub {
  font-size: 0.84rem !important;
  max-height: none !important;
  min-height: 0 !important;
  -webkit-line-clamp: unset !important;
  white-space: normal !important;
}

.hotdog-item.expanded .compact-fuel-bar,
body[data-theme] .hotdog-item.expanded .compact-fuel-bar {
  order: 3 !important;
  margin: 0.25rem 1.15rem 0.40rem !important;
  padding: 0.65rem 0.90rem !important;
  background: #F8F6F2 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .compact-fuel-bar {
  background: #191D1B !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.hotdog-item.expanded .hotdog-quick-actions,
body[data-theme] .hotdog-item.expanded .hotdog-quick-actions {
  display: none !important;
}

.hotdog-item.expanded .hotdog-drawer,
body[data-theme] .hotdog-item.expanded .hotdog-drawer {
  order: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.80rem !important;
  padding: 0.25rem 1.15rem 1.15rem !important;
  margin: 0 !important;
  background: transparent !important;
  border-top: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.hotdog-item.expanded .hotdog-drawer .gas-meter-widget,
body[data-theme] .hotdog-item.expanded .hotdog-drawer .gas-meter-widget {
  display: none !important;
}

.hotdog-item.expanded .hotdog-story-box,
body[data-theme] .hotdog-item.expanded .hotdog-story-box {
  order: 1 !important;
  margin: 0 !important;
  padding: 1.05rem 1.15rem !important;
  background: #F8F6F2 !important;
  border: 1px solid rgba(4, 120, 87, 0.16) !important;
  border-left: 4px solid #047857 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  color: #1F2937 !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-story-box {
  background: #191D1B !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-left: 4px solid #5E9C68 !important;
  color: #E2E8F0 !important;
}

.hotdog-item.expanded .hotdog-story-label,
body[data-theme] .hotdog-item.expanded .hotdog-story-label {
  color: #047857 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-story-label {
  color: #34D399 !important;
}

.hotdog-item.expanded .btn-close-story-inline,
body[data-theme] .hotdog-item.expanded .btn-close-story-inline {
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .btn-close-story-inline {
  background: #232826 !important;
  color: #F3F5F4 !important;
  border: 1px solid rgba(255, 255, 255, 0.20) !important;
}

.hotdog-item.expanded .hotdog-story-paragraph,
body[data-theme] .hotdog-item.expanded .hotdog-story-paragraph {
  color: #1F2937 !important;
  font-size: 0.94rem !important;
  line-height: 1.68 !important;
  margin: 0.45rem 0 0 !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-story-paragraph {
  color: #E2E8F0 !important;
}

.hotdog-item.expanded .hotdog-initiative-bar,
body[data-theme] .hotdog-item.expanded .hotdog-initiative-bar {
  order: 2 !important;
  position: relative !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0.55rem !important;
  padding: 0.90rem 1.05rem !important;
  margin: 0 !important;
  background: #F8F6F2 !important;
  border: 1px solid rgba(0, 0, 0, 0.09) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-initiative-bar {
  background: #191D1B !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

.hotdog-item.expanded .hotdog-initiative-info,
body[data-theme] .hotdog-item.expanded .hotdog-initiative-info {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
  padding: 0 0 0.45rem !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07) !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 34px !important;
  max-height: 78px !important;
  width: 100% !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-initiative-info {
  border-bottom-color: rgba(255, 255, 255, 0.10) !important;
}

.hotdog-item.expanded .hotdog-initiative-title,
body[data-theme] .hotdog-item.expanded .hotdog-initiative-title {
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-initiative-title {
  color: #F3F5F4 !important;
}

.hotdog-item.expanded .hotdog-initiative-url a.campaign-direct-clean-link,
body[data-theme] .hotdog-item.expanded .hotdog-initiative-url a.campaign-direct-clean-link {
  display: inline-flex !important;
  align-items: center !important;
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border: 1px solid #A7F3D0 !important;
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-initiative-url a.campaign-direct-clean-link {
  background: rgba(4, 120, 87, 0.20) !important;
  color: #34D399 !important;
  border-color: rgba(52, 211, 153, 0.32) !important;
}

.hotdog-item.expanded .hotdog-drawer-actions,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.45rem !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger,
.hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share,
.hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 6px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  background: #FFFFFF !important;
  color: #374151 !important;
  border: 1px solid #D1D5DB !important;
  font-size: 0.72rem !important;
  font-weight: 750 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
  cursor: pointer !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later {
  background: #232826 !important;
  color: #CBD5E1 !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.hotdog-item.expanded .hotdog-drawer-actions .btn-hotdog-donate,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-hotdog-donate {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  margin: 0.15rem 0 0 !important;
  padding: 0 1rem !important;
  border-radius: 10px !important;
  background: #047857 !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(4, 120, 87, 0.25) !important;
}

body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-hotdog-donate {
  background: #5E9C68 !important;
  color: #FFFFFF !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.38) !important;
}

@media (max-width: 768px) {
  .hotdog-item.expanded .hotdog-photos-strip,
  body[data-theme] .hotdog-item.expanded .hotdog-photos-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.50rem !important;
    padding: 0.80rem 0.80rem 0.20rem !important;
  }

  .hotdog-item.expanded .hotdog-photo-thumb,
  .hotdog-item.expanded .hotdog-photo-thumb:first-child,
  .hotdog-item.expanded .hotdog-photo-thumb:not(:first-child),
  body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb,
  body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb:first-child,
  body[data-theme] .hotdog-item.expanded .hotdog-photo-thumb:not(:first-child) {
    height: 128px !important;
    min-height: 128px !important;
    max-height: 128px !important;
    border-radius: 10px !important;
  }

  .hotdog-item.expanded .hotdog-bar,
  body[data-theme] .hotdog-item.expanded .hotdog-bar {
    padding: 0.55rem 0.80rem 0.20rem !important;
  }

  .hotdog-item.expanded .hotdog-name,
  body[data-theme] .hotdog-item.expanded .hotdog-name {
    font-size: 1.02rem !important;
  }

  .hotdog-item.expanded .compact-fuel-bar,
  body[data-theme] .hotdog-item.expanded .compact-fuel-bar {
    margin: 0.15rem 0.80rem 0.30rem !important;
    padding: 0.55rem 0.75rem !important;
  }

  .hotdog-item.expanded .hotdog-drawer,
  body[data-theme] .hotdog-item.expanded .hotdog-drawer {
    padding: 0.20rem 0.80rem 0.85rem !important;
    gap: 0.65rem !important;
  }

  .hotdog-item.expanded .hotdog-story-box,
  body[data-theme] .hotdog-item.expanded .hotdog-story-box {
    padding: 0.85rem 0.90rem !important;
  }

  .hotdog-item.expanded .hotdog-story-paragraph,
  body[data-theme] .hotdog-item.expanded .hotdog-story-paragraph {
    font-size: 0.88rem !important;
    line-height: 1.58 !important;
  }

  .hotdog-item.expanded .hotdog-initiative-bar,
  body[data-theme] .hotdog-item.expanded .hotdog-initiative-bar {
    padding: 0.75rem 0.85rem !important;
    gap: 0.45rem !important;
  }

  .hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger,
  .hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share,
  .hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later,
  body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger,
  body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share,
  body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later {
    font-size: 0.57rem !important;
    letter-spacing: -0.01em !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 2px 4px !important;
  }

  body[data-theme^="dark-"] .site-header .nav-link {
    background: #191D1B !important;
    color: #F3F5F4 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
  }
}

body[data-theme].method-page-body {
  background: var(--theme-canvas-bg, #FAF8F5) !important;
  color: var(--theme-ink-primary, #0F172A) !important;
}

body[data-theme] .method-nav-bar {
  background: var(--theme-card-surface, rgba(255, 255, 255, 0.96)) !important;
  border-bottom: 1.5px solid var(--theme-border, rgba(16, 185, 129, 0.25)) !important;
}

body[data-theme] .method-tracker-card {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border-color: var(--theme-border-strong, #10B981) !important;
}

body[data-theme] .method-pillar-card {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border-color: var(--theme-border, #D1FAE5) !important;
}

body[data-theme] .method-vs-section {
  background: var(--theme-card-surface, #FFFFFF) !important;
  border-color: var(--theme-border, #A7F3D0) !important;
}

body[data-theme] .method-hero-title,
body[data-theme] .method-cycle-title,
body[data-theme] .method-pillar-title,
body[data-theme] .method-vs-title,
body[data-theme] .method-section-title {
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .method-hero-sub,
body[data-theme] .method-cycle-sub,
body[data-theme] .method-pillar-desc,
body[data-theme] .method-section-sub,
body[data-theme] .method-callout-box p,
body[data-theme] .vs-list {
  color: var(--theme-ink-secondary) !important;
}

body[data-theme] .method-callout-box {
  background: var(--theme-canvas-bg) !important;
  border-color: var(--theme-border) !important;
}

body[data-theme] .method-nav-link {
  background: var(--theme-card-surface) !important;
  color: var(--theme-ink-primary) !important;
  border: 1px solid var(--theme-border) !important;
  border-radius: 9999px !important;
}

body[data-theme] .method-nav-link:hover {
  background: var(--theme-border) !important;
  border-color: var(--theme-border-strong) !important;
}

body[data-theme^="dark-"].method-page-body,
body[data-theme="midnight-olive"].method-page-body {
  background: var(--theme-canvas-bg, #121615) !important;
  color: var(--theme-ink-primary, #F3F5F4) !important;
}

body[data-theme^="dark-"] .method-nav-bar,
body[data-theme="midnight-olive"] .method-nav-bar {
  background: rgba(28, 34, 32, 0.96) !important;
  border-bottom: 1.5px solid rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] .method-logo-badge,
body[data-theme="midnight-olive"] .method-logo-badge {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .method-nav-link,
body[data-theme="midnight-olive"] .method-nav-link {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .method-nav-link:hover,
body[data-theme="midnight-olive"] .method-nav-link:hover {
  color: #34D399 !important;
  background: rgba(52, 211, 153, 0.15) !important;
}

body[data-theme^="dark-"] .method-nav-link.active,
body[data-theme="midnight-olive"] .method-nav-link.active {
  color: #34D399 !important;
  background: rgba(52, 211, 153, 0.22) !important;
  border: 1px solid rgba(52, 211, 153, 0.45) !important;
}

body[data-theme^="dark-"] .method-eyebrow,
body[data-theme="midnight-olive"] .method-eyebrow {
  background: rgba(52, 211, 153, 0.15) !important;
  color: #34D399 !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
}

body[data-theme^="dark-"] .method-hero-title,
body[data-theme="midnight-olive"] .method-hero-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .method-hero-sub,
body[data-theme="midnight-olive"] .method-hero-sub {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .method-tracker-card,
body[data-theme="midnight-olive"] .method-tracker-card {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.45) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

body[data-theme^="dark-"] .method-tracker-header,
body[data-theme="midnight-olive"] .method-tracker-header {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

body[data-theme^="dark-"] .method-cycle-title,
body[data-theme="midnight-olive"] .method-cycle-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .method-cycle-sub,
body[data-theme="midnight-olive"] .method-cycle-sub {
  color: #94A3B8 !important;
}

body[data-theme^="dark-"] .method-pill-active,
body[data-theme="midnight-olive"] .method-pill-active {
  background: rgba(52, 211, 153, 0.15) !important;
  color: #34D399 !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
}

body[data-theme^="dark-"] .method-timer-pill,
body[data-theme="midnight-olive"] .method-timer-pill {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #FBBF24 !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
}

body[data-theme^="dark-"] .method-callout-box,
body[data-theme="midnight-olive"] .method-callout-box {
  background: #232A27 !important;
  border-color: rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] .method-callout-box h4,
body[data-theme="midnight-olive"] .method-callout-box h4 {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .method-callout-box p,
body[data-theme="midnight-olive"] .method-callout-box p {
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .method-pillar-card,
body[data-theme="midnight-olive"] .method-pillar-card {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body[data-theme^="dark-"] .method-pillar-card:hover,
body[data-theme="midnight-olive"] .method-pillar-card:hover {
  border-color: #34D399 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45) !important;
}

body[data-theme^="dark-"] .method-pillar-title,
body[data-theme="midnight-olive"] .method-pillar-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .method-pillar-desc,
body[data-theme="midnight-olive"] .method-pillar-desc {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .method-vs-section,
body[data-theme="midnight-olive"] .method-vs-section {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.4) !important;
}

body[data-theme^="dark-"] .method-vs-title,
body[data-theme="midnight-olive"] .method-vs-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .vs-box-traditional,
body[data-theme="midnight-olive"] .vs-box-traditional {
  background: rgba(225, 29, 72, 0.14) !important;
  border-color: rgba(248, 113, 113, 0.35) !important;
}

body[data-theme^="dark-"] .vs-box-traditional h5,
body[data-theme="midnight-olive"] .vs-box-traditional h5 {
  color: #F87171 !important;
}

body[data-theme^="dark-"] .vs-box-gazaconnect,
body[data-theme="midnight-olive"] .vs-box-gazaconnect {
  background: rgba(16, 185, 129, 0.16) !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
}

body[data-theme^="dark-"] .vs-box-gazaconnect h5,
body[data-theme="midnight-olive"] .vs-box-gazaconnect h5 {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .vs-list,
body[data-theme="midnight-olive"] .vs-list {
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .vs-list strong,
body[data-theme="midnight-olive"] .vs-list strong {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .method-section-title,
body[data-theme="midnight-olive"] .method-section-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .method-section-sub,
body[data-theme="midnight-olive"] .method-section-sub {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .method-footer,
body[data-theme="midnight-olive"] .method-footer {
  background: #151A18 !important;
  border-top-color: #047857 !important;
}

body[data-theme].pledge-page-body {
  background: var(--theme-canvas-bg, #F0FDF4) !important;
  color: var(--theme-ink-primary, #0F172A) !important;
}

body[data-theme] .pledge-nav-bar {
  background: var(--theme-card-bg, rgba(255, 255, 255, 0.94)) !important;
  border-bottom: 1.5px solid var(--theme-border, rgba(16, 185, 129, 0.25)) !important;
}

body[data-theme] .safety-card {
  background: var(--theme-card-bg, #FFFFFF) !important;
  border-color: var(--theme-border, #E2E8F0) !important;
}

body[data-theme] .document-paper {
  background: var(--theme-card-bg, #FFFFFF) !important;
  border-color: var(--theme-border-strong, #CBD5E1) !important;
}

body[data-theme^="dark-"].pledge-page-body,
body[data-theme="midnight-olive"].pledge-page-body {
  background: var(--theme-canvas-bg, #121615) !important;
  color: var(--theme-ink-primary, #F3F5F4) !important;
}

body[data-theme^="dark-"] .pledge-nav-bar,
body[data-theme="midnight-olive"] .pledge-nav-bar {
  background: rgba(28, 34, 32, 0.96) !important;
  border-bottom: 1.5px solid rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] .pledge-logo-badge,
body[data-theme="midnight-olive"] .pledge-logo-badge {
  color: #34D399 !important;
}

body[data-theme^="dark-"] .btn-pledge-back,
body[data-theme="midnight-olive"] .btn-pledge-back {
  background: #232826 !important;
  border-color: rgba(52, 211, 153, 0.3) !important;
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .btn-pledge-back:hover,
body[data-theme="midnight-olive"] .btn-pledge-back:hover {
  background: #2C3330 !important;
  border-color: #34D399 !important;
  color: #34D399 !important;
}

body[data-theme^="dark-"] .pledge-hero,
body[data-theme="midnight-olive"] .pledge-hero {
  background: linear-gradient(180deg, #18201D 0%, #121615 100%) !important;
  border-bottom: 1px solid rgba(52, 211, 153, 0.2) !important;
}

body[data-theme^="dark-"] .pledge-pill,
body[data-theme="midnight-olive"] .pledge-pill {
  background: rgba(52, 211, 153, 0.15) !important;
  color: #34D399 !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
}

body[data-theme^="dark-"] .pledge-title,
body[data-theme="midnight-olive"] .pledge-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .pledge-subtitle,
body[data-theme="midnight-olive"] .pledge-subtitle {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .pledge-subtitle strong,
body[data-theme="midnight-olive"] .pledge-subtitle strong {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .btn-hero-print,
body[data-theme="midnight-olive"] .btn-hero-print {
  background: #232826 !important;
  border-color: #059669 !important;
  color: #34D399 !important;
}

body[data-theme^="dark-"] .btn-hero-print:hover,
body[data-theme="midnight-olive"] .btn-hero-print:hover {
  background: #2C3330 !important;
  color: #6EE7B7 !important;
}

body[data-theme^="dark-"] .section-headline,
body[data-theme="midnight-olive"] .section-headline {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .safety-card,
body[data-theme="midnight-olive"] .safety-card {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.25) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

body[data-theme^="dark-"] .safety-card:hover,
body[data-theme="midnight-olive"] .safety-card:hover {
  border-color: #34D399 !important;
}

body[data-theme^="dark-"] .safety-card-icon,
body[data-theme="midnight-olive"] .safety-card-icon {
  background: rgba(52, 211, 153, 0.15) !important;
  border-color: rgba(52, 211, 153, 0.3) !important;
  color: #34D399 !important;
}

body[data-theme^="dark-"] .safety-card-title,
body[data-theme="midnight-olive"] .safety-card-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .safety-card-desc,
body[data-theme="midnight-olive"] .safety-card-desc {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .document-paper,
body[data-theme="midnight-olive"] .document-paper {
  background: var(--theme-card-bg, #1C2220) !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
  color: #F8FAFC !important;
}

body[data-theme^="dark-"] .doc-header-center,
body[data-theme="midnight-olive"] .doc-header-center {
  border-bottom-color: rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] .doc-main-title,
body[data-theme="midnight-olive"] .doc-main-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .doc-sub,
body[data-theme="midnight-olive"] .doc-sub {
  color: #94A3B8 !important;
}

body[data-theme^="dark-"] .doc-meta-grid,
body[data-theme="midnight-olive"] .doc-meta-grid,
body[data-theme^="dark-"] .doc-signatures-grid,
body[data-theme="midnight-olive"] .doc-signatures-grid {
  background: #232A27 !important;
  border-color: rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] .doc-meta-item,
body[data-theme="midnight-olive"] .doc-meta-item,
body[data-theme^="dark-"] .doc-sig-box,
body[data-theme="midnight-olive"] .doc-sig-box {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .doc-field-label,
body[data-theme="midnight-olive"] .doc-field-label {
  color: #94A3B8 !important;
}

body[data-theme^="dark-"] .doc-field-blank,
body[data-theme="midnight-olive"] .doc-field-blank {
  border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

body[data-theme^="dark-"] .doc-section-heading,
body[data-theme="midnight-olive"] .doc-section-heading {
  color: #34D399 !important;
  border-bottom-color: rgba(52, 211, 153, 0.3) !important;
}

body[data-theme^="dark-"] .doc-p,
body[data-theme="midnight-olive"] .doc-p,
body[data-theme^="dark-"] .doc-list,
body[data-theme="midnight-olive"] .doc-list,
body[data-theme^="dark-"] .doc-checkbox-row,
body[data-theme="midnight-olive"] .doc-checkbox-row {
  color: #E2E8F0 !important;
}

body[data-theme^="dark-"] .doc-p strong,
body[data-theme="midnight-olive"] .doc-p strong,
body[data-theme^="dark-"] .doc-list strong,
body[data-theme="midnight-olive"] .doc-list strong {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .submission-guide-card,
body[data-theme="midnight-olive"] .submission-guide-card {
  background: #18201D !important;
  border-color: rgba(52, 211, 153, 0.35) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

body[data-theme^="dark-"] .sub-guide-title,
body[data-theme="midnight-olive"] .sub-guide-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .sub-guide-p,
body[data-theme="midnight-olive"] .sub-guide-p {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .sub-step-box,
body[data-theme="midnight-olive"] .sub-step-box {
  background: #232A27 !important;
  border-color: rgba(52, 211, 153, 0.25) !important;
}

body[data-theme^="dark-"] .sub-step-title,
body[data-theme="midnight-olive"] .sub-step-title {
  color: #FFFFFF !important;
}

body[data-theme^="dark-"] .sub-step-text,
body[data-theme="midnight-olive"] .sub-step-text {
  color: #CBD5E1 !important;
}

body[data-theme^="dark-"] .footer-main,
body[data-theme="midnight-olive"] .footer-main {
  background: #151A18 !important;
  border-top-color: #047857 !important;
}

body[data-theme] .business-partners-section {
  background: var(--theme-canvas-bg) !important;
  border-top-color: var(--theme-border) !important;
  border-bottom-color: var(--theme-border) !important;
}

body[data-theme] .biz-heading {
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .biz-subheading {
  color: var(--theme-ink-secondary) !important;
}

body[data-theme] .biz-creator-spotlight-card,
body[data-theme] .biz-tier-card,
body[data-theme] .biz-application-box {
  background: var(--theme-card-bg) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .biz-tier-card.featured-tier {
  border-color: var(--theme-accent-emerald, #10B981) !important;
}

body[data-theme] .biz-tier-card.vip-tier {
  border-color: #D97706 !important;
}

body[data-theme] .creator-info-block h3,
body[data-theme] .tier-amount,
body[data-theme] .app-box-header h3 {
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .creator-info-block p,
body[data-theme] .tier-desc,
body[data-theme] .tier-features-list li,
body[data-theme] .app-box-header p {
  color: var(--theme-ink-secondary) !important;
}

body[data-theme] .metric-mini-card,
body[data-theme] .tier-video-highlight {
  background: var(--theme-card-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .partner-form-grid label {
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .partner-form-grid input,
body[data-theme] .partner-form-grid select,
body[data-theme] .partner-form-grid textarea {
  background: var(--theme-input-bg) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

body[data-theme] .btn-copy-email-direct {
  background: var(--theme-card-surface) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-ink-primary) !important;
}

#printableCityBanner .tier5-trust-pill,
body[data-theme] #printableCityBanner .tier5-trust-pill {
  background: #FFFFFF !important;
  border-color: #10B981 !important;
  color: #0B0F19 !important;
}

#printableCityBanner .tier5-trust-pill strong,
body[data-theme] #printableCityBanner .tier5-trust-pill strong {
  color: #064E3B !important;
}

#printableCityBanner .tier5-trust-pill span,
body[data-theme] #printableCityBanner .tier5-trust-pill span {
  color: #334155 !important;
}

#printableCityBanner .banner-tier5-channels-strip,
body[data-theme] #printableCityBanner .banner-tier5-channels-strip {
  background: #F8FAFC !important;
  border-color: #CBD5E1 !important;
  color: #0B0F19 !important;
}

#printableCityBanner .banner-channel-item,
body[data-theme] #printableCityBanner .banner-channel-item {
  background: #FFFFFF !important;
  border-color: #CBD5E1 !important;
  color: #0F172A !important;
}

#printableCityBanner .banner-business-callout-pill,
body[data-theme] #printableCityBanner .banner-business-callout-pill {
  background: #FFFFFF !important;
  border-color: #10B981 !important;
  color: #0F172A !important;
}

@media (min-width: 641px) {
  .mobile-hero-fast-bar,
  .mobile-welcome-fast-bar,
  body[data-theme] .mobile-hero-fast-bar,
  body[data-theme] .mobile-welcome-fast-bar {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .lang-tab-bar-strip,
  body[data-theme] .lang-tab-bar-strip {
    padding: 0.3rem 1.25rem !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .lang-tab-bar-inner,
  body[data-theme] .lang-tab-bar-inner {
    max-width: 1480px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.3rem !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .lang-tab-label,
  body[data-theme] .lang-tab-label {
    font-size: 0.68rem !important;
    margin-right: 0.1rem !important;
  }

  .lang-tabs-scroller,
  body[data-theme] .lang-tabs-scroller {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.2rem !important;
    overflow: visible !important;
    padding: 0.08rem 0 !important;
    flex: 0 1 auto !important;
  }

  .lang-tab-btn,
  body[data-theme] .lang-tab-btn,
  .btn-lang-modal-trigger,
  .btn-low-data-toggle {
    padding: 0.14rem 0.38rem !important;
    font-size: 0.68rem !important;
    gap: 0.2rem !important;
    flex-shrink: 0 !important;
  }

  body[data-theme] .btn-lang-modal-trigger {
    background: var(--theme-card-bg) !important;
    color: var(--theme-ink-primary) !important;
    border: 1.5px solid var(--theme-border-strong) !important;
    font-weight: 800 !important;
  }

  .lang-tab-btn .lang-name {
    font-size: 0.68rem !important;
  }

  .lang-tab-btn .lang-flag {
    font-size: 0.78rem !important;
  }
}

@media (min-width: 1241px) {
  .site-header .nav-container,
  body[data-theme] .site-header .nav-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0.35rem 1.25rem !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.6rem !important;
    flex-wrap: nowrap !important;
  }

  .site-header .header-socials,
  body[data-theme] .site-header .header-socials {
    display: none !important;
  }

  .site-header .brand-logo,
  body[data-theme] .site-header .brand-logo {
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    flex-shrink: 0 !important;
    min-width: max-content !important;
    position: relative !important;
    z-index: 5 !important;
  }

  .site-header .brand-emblem,
  body[data-theme] .site-header .brand-emblem {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
  }

  .site-header .brand-name,
  body[data-theme] .site-header .brand-name {
    font-size: 1.15rem !important;
    white-space: nowrap !important;
  }

  .site-header .brand-sub,
  body[data-theme] .site-header .brand-sub {
    font-size: 0.58rem !important;
    letter-spacing: 0.05em !important;
    white-space: nowrap !important;
  }

  .site-header .main-nav,
  body[data-theme] .site-header .main-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.22rem !important;
    flex-wrap: nowrap !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 2px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .site-header .main-nav::-webkit-scrollbar {
    display: none !important;
  }

  .site-header .nav-link,
  body[data-theme] .site-header .nav-link,
  body[data-theme] .site-header .nav-link.nav-link-families,
  body[data-theme] .site-header .nav-link.nav-link-method,
  body[data-theme] .site-header .nav-link.nav-link-pledge,
  body[data-theme] .site-header .nav-link.nav-link-qr,
  body[data-theme] .site-header .nav-link.nav-link-fotw,
  body[data-theme] .site-header .nav-link.nav-link-weekly-updates {
    font-size: 0.74rem !important;
    padding: 0.22rem 0.44rem !important;
    gap: 0.22rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }

  .site-header .nav-actions,
  body[data-theme] .site-header .nav-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    flex-shrink: 0 !important;
    min-width: max-content !important;
    margin-left: auto !important;
    position: relative !important;
    z-index: 10 !important;
  }

  #topThemeModeToggle.btn-top-theme-toggle,
  body[data-theme] #topThemeModeToggle.btn-top-theme-toggle,
  .site-header .nav-live-stream-pill,
  body[data-theme] .site-header .nav-live-stream-pill,
  .site-header .btn-install-pwa,
  body[data-theme] .site-header .btn-install-pwa {
    font-size: 0.72rem !important;
    padding: 0.24rem 0.52rem !important;
    gap: 0.25rem !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
  }
}

@media (min-width: 1241px) and (max-width: 1440px) {
  .site-header .brand-sub,
  body[data-theme] .site-header .brand-sub {
    display: none !important;
  }

  .site-header .brand-name,
  body[data-theme] .site-header .brand-name {
    font-size: 1.1rem !important;
  }

  #topThemeModeText {
    display: none !important;
  }

  .site-header .main-nav,
  body[data-theme] .site-header .main-nav {
    gap: 0.18rem !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .site-header .nav-link,
  body[data-theme] .site-header .nav-link,
  body[data-theme] .site-header .nav-link.nav-link-families,
  body[data-theme] .site-header .nav-link.nav-link-method,
  body[data-theme] .site-header .nav-link.nav-link-pledge,
  body[data-theme] .site-header .nav-link.nav-link-qr,
  body[data-theme] .site-header .nav-link.nav-link-fotw,
  body[data-theme] .site-header .nav-link.nav-link-weekly-updates {
    font-size: 0.72rem !important;
    padding: 0.20rem 0.38rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 1240px) {
  .site-header .nav-container,
  body[data-theme] .site-header .nav-container {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 0.35rem 0.85rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.35rem 0.5rem !important;
  }

  .site-header .brand-logo,
  body[data-theme] .site-header .brand-logo {
    order: 1 !important;
    flex-shrink: 0 !important;
  }

  .site-header .brand-sub,
  body[data-theme] .site-header .brand-sub {
    display: none !important;
  }

  .site-header .header-socials,
  body[data-theme] .site-header .header-socials {
    display: none !important;
  }

  .site-header .nav-actions,
  body[data-theme] .site-header .nav-actions {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    margin-left: auto !important;
    flex-shrink: 0 !important;
  }

  #topThemeModeText {
    display: none !important;
  }

  .site-header .main-nav,
  body[data-theme] .site-header .main-nav {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.25rem !important;
    padding: 0.25rem 0 0.15rem !important;
    border-top: 1px solid rgba(16, 185, 129, 0.18) !important;
    overflow-x: visible !important;
  }

  .site-header .main-nav::-webkit-scrollbar {
    display: none !important;
  }

  .site-header .nav-link,
  body[data-theme] .site-header .nav-link,
  body[data-theme] .site-header .nav-link.nav-link-families,
  body[data-theme] .site-header .nav-link.nav-link-method,
  body[data-theme] .site-header .nav-link.nav-link-pledge,
  body[data-theme] .site-header .nav-link.nav-link-qr,
  body[data-theme] .site-header .nav-link.nav-link-fotw,
  body[data-theme] .site-header .nav-link.nav-link-weekly-updates {
    font-size: 0.72rem !important;
    padding: 0.22rem 0.46rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    border-radius: 999px !important;
  }
}

body:not(.private-tiers-deck) #business-partners,
body:not(.private-tiers-deck) .business-partners-section,
.nav-link-partners,
body[data-theme] .nav-link-partners,
#partnerApplicationForm,
.btn-banner-biz-cta {
  display: none !important;
}

.btn-compact-donate-full:hover,
.btn-compact-donate:hover,
.btn-hotdog-donate:hover,
.btn-fotw-donate:hover,
.fotw-donate-pill-btn:hover,
.btn-primary-sun:hover,
.btn-ticker-quick-pick:hover,
.btn-random-chooser:hover,
.btn-random-pick-large:hover,
.btn-pick-random:hover,
.btn-rally-wheel-live:hover,
.btn-org-link:hover,
.btn-install-pwa:hover,
.btn-print-city-banner:hover,
.btn-print-flyer-action:hover,
.btn-story-share-native:hover,
.btn-almost-complete:hover,
.btn-goal-next-support:hover,
.btn-leave-solidarity-message:hover,
.btn-lightbox-support:hover,
#btnFindMyFamilyMatch:hover,
.btn-quiz-submit:hover,
body[data-theme] .btn-compact-donate-full:hover,
body[data-theme] .btn-compact-donate:hover,
body[data-theme] .btn-hotdog-donate:hover,
body[data-theme] .btn-fotw-donate:hover,
body[data-theme] .fotw-donate-pill-btn:hover,
body[data-theme] .btn-primary-sun:hover,
body[data-theme] .btn-ticker-quick-pick:hover,
body[data-theme] .btn-random-chooser:hover,
body[data-theme] .btn-random-pick-large:hover,
body[data-theme] .btn-pick-random:hover,
body[data-theme] .btn-rally-wheel-live:hover,
body[data-theme] .btn-org-link:hover,
body[data-theme] .btn-install-pwa:hover,
body[data-theme] .btn-print-city-banner:hover,
body[data-theme] .btn-print-flyer-action:hover,
body[data-theme] .btn-story-share-native:hover,
body[data-theme] .btn-almost-complete:hover,
body[data-theme] .btn-goal-next-support:hover,
body[data-theme] .btn-leave-solidarity-message:hover,
body[data-theme] .btn-lightbox-support:hover,
body[data-theme] #btnFindMyFamilyMatch:hover,
body[data-theme] .btn-quiz-submit:hover {
  background: #059669 !important;
  background-image: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
  color: #FFFFFF !important;
  border-color: #10B981 !important;
  box-shadow: 0 6px 18px rgba(5, 150, 105, 0.34) !important;
  filter: none !important;
}

.btn-random-chooser,
.btn-random-pick-large,
.btn-pick-random,
.btn-rally-wheel-live,
.btn-print-city-banner,
.btn-print-flyer-action,
.btn-story-share-native,
.btn-leave-solidarity-message,
body[data-theme] .btn-random-chooser,
body[data-theme] .btn-random-pick-large,
body[data-theme] .btn-pick-random,
body[data-theme] .btn-rally-wheel-live,
body[data-theme] .btn-print-city-banner,
body[data-theme] .btn-print-flyer-action,
body[data-theme] .btn-story-share-native,
body[data-theme] .btn-leave-solidarity-message {
  background: #047857 !important;
  background-image: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 12px rgba(4, 120, 87, 0.25) !important;
}

body[data-theme^="dark-"] .btn-compact-donate-full:hover,
body[data-theme^="dark-"] .btn-compact-donate:hover,
body[data-theme^="dark-"] .btn-hotdog-donate:hover,
body[data-theme^="dark-"] .btn-fotw-donate:hover,
body[data-theme^="dark-"] .fotw-donate-pill-btn:hover,
body[data-theme^="dark-"] .btn-primary-sun:hover,
body[data-theme^="dark-"] .btn-ticker-quick-pick:hover,
body[data-theme^="dark-"] .btn-random-chooser:hover,
body[data-theme^="dark-"] .btn-random-pick-large:hover,
body[data-theme^="dark-"] .btn-pick-random:hover,
body[data-theme^="dark-"] .btn-rally-wheel-live:hover,
body[data-theme^="dark-"] .btn-org-link:hover,
body[data-theme^="dark-"] .btn-install-pwa:hover,
body[data-theme^="dark-"] .btn-print-city-banner:hover,
body[data-theme^="dark-"] .btn-print-flyer-action:hover,
body[data-theme^="dark-"] .btn-story-share-native:hover,
body[data-theme^="dark-"] .btn-almost-complete:hover,
body[data-theme^="dark-"] .btn-goal-next-support:hover,
body[data-theme^="dark-"] .btn-leave-solidarity-message:hover,
body[data-theme^="dark-"] .btn-lightbox-support:hover,
body[data-theme^="dark-"] #btnFindMyFamilyMatch:hover,
body[data-theme^="dark-"] .btn-quiz-submit:hover {
  background: #6FB37A !important;
  background-image: linear-gradient(135deg, #74BD80 0%, #5E9C68 100%) !important;
  color: #FFFFFF !important;
  border-color: #86EFAC !important;
  box-shadow: 0 6px 18px rgba(94, 156, 104, 0.38) !important;
}

.site-header .nav-link:hover,
body[data-theme] .site-header .nav-link:hover,
body[data-theme] .site-header .nav-link.nav-link-families:hover,
body[data-theme] .site-header .nav-link.nav-link-method:hover,
body[data-theme] .site-header .nav-link.nav-link-pledge:hover,
body[data-theme] .site-header .nav-link.nav-link-qr:hover,
body[data-theme] .site-header .nav-link.nav-link-fotw:hover,
body[data-theme] .site-header .nav-link.nav-link-weekly-updates:hover,
.btn-secondary-warm:hover,
body[data-theme] .btn-secondary-warm:hover,
.btn-outline-qr:hover,
body[data-theme] .btn-outline-qr:hover,
.filter-pill:hover,
body[data-theme] .filter-pill:hover,
.filter-pill.filter-pill-urgent:hover,
body[data-theme] .filter-pill.filter-pill-urgent:hover,
.filter-pill.filter-pill-zero:hover,
body[data-theme] .filter-pill.filter-pill-zero:hover,
.filter-pill.filter-pill-almost:hover,
body[data-theme] .filter-pill.filter-pill-almost:hover,
.hotdog-click-prompt:hover,
body[data-theme] .hotdog-item .hotdog-click-prompt:hover,
.btn-story-card-trigger:hover,
body[data-theme] .hotdog-item .btn-story-card-trigger:hover,
.btn-compact-share:hover,
body[data-theme] .hotdog-item .btn-compact-share:hover,
.btn-drawer-save-later:hover,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger:hover,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share:hover,
body[data-theme] .hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later:hover,
.btn-download-city-banner:hover,
body[data-theme] .btn-download-city-banner:hover,
.btn-press-read:hover,
body[data-theme] .btn-press-read:hover,
.share-app-pill:hover,
.share-app-pill.poster-btn:hover,
.btn-close-story-inline:hover,
body[data-theme] .btn-close-story-inline:hover,
.lightbox-close-btn:hover,
.modal-close-btn:hover,
.lang-modal-card-box .modal-close-btn:hover {
  background: #ECFDF5 !important;
  background-image: none !important;
  color: #047857 !important;
  border-color: #10B981 !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.18) !important;
}

.btn-close-story-inline,
body[data-theme] .btn-close-story-inline,
.share-app-pill.poster-btn,
body[data-theme] .share-app-pill.poster-btn {
  background: #FFFFFF !important;
  color: #065F46 !important;
  border: 1px solid #A7F3D0 !important;
}

.qr-poster-url,
.qr-poster-url:hover,
body[data-theme] .qr-poster-url,
body[data-theme] .qr-poster-url:hover {
  color: #047857 !important;
  border-color: #10B981 !important;
}

body[data-theme^="dark-"] .site-header .nav-link:hover,
body[data-theme^="dark-"] .site-header .nav-link.nav-link-families:hover,
body[data-theme^="dark-"] .site-header .nav-link.nav-link-method:hover,
body[data-theme^="dark-"] .site-header .nav-link.nav-link-pledge:hover,
body[data-theme^="dark-"] .site-header .nav-link.nav-link-qr:hover,
body[data-theme^="dark-"] .site-header .nav-link.nav-link-fotw:hover,
body[data-theme^="dark-"] .site-header .nav-link.nav-link-weekly-updates:hover,
body[data-theme^="dark-"] .btn-secondary-warm:hover,
body[data-theme^="dark-"] .btn-outline-qr:hover,
body[data-theme^="dark-"] .filter-pill:hover,
body[data-theme^="dark-"] .filter-pill.filter-pill-urgent:hover,
body[data-theme^="dark-"] .filter-pill.filter-pill-zero:hover,
body[data-theme^="dark-"] .filter-pill.filter-pill-almost:hover,
body[data-theme^="dark-"] .hotdog-item .hotdog-click-prompt:hover,
body[data-theme^="dark-"] .hotdog-item .btn-story-card-trigger:hover,
body[data-theme^="dark-"] .hotdog-item .btn-compact-share:hover,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-story-card-trigger:hover,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-compact-share:hover,
body[data-theme^="dark-"] .hotdog-item.expanded .hotdog-drawer-actions .btn-drawer-save-later:hover,
body[data-theme^="dark-"] .btn-download-city-banner:hover,
body[data-theme^="dark-"] .btn-press-read:hover,
body[data-theme^="dark-"] .btn-close-story-inline:hover {
  background: #2C3531 !important;
  background-image: none !important;
  color: #6EE7B7 !important;
  border-color: #34D399 !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.22) !important;
}

.brand-name,
.site-footer .brand-name,
.welcome-title,
.hero-title,
.heritage-hero-title,
.section-title,
.fotw-clean-heading,
.solidarity-title,
.random-chooser-title,
.mission-headline,
.newsletter-title,
.qr-hub-title,
.almost-complete-title,
.story-modal-title,
.quiz-modal-title {
  font-family: var(--font-serif, 'Fraunces', Georgia, serif) !important;
  text-transform: none !important;
  letter-spacing: -0.02em !important;
  font-optical-sizing: auto !important;
}

.brand-name,
.site-footer .brand-name {
  font-weight: 800 !important;
  font-size: 1.42rem !important;
  letter-spacing: -0.025em !important;
}

.fotw-clean-heading,
.solidarity-title,
.section-title,
.welcome-title {
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

.random-chooser-title {
  font-weight: 700 !important;
  font-size: 1.32rem !important;
  line-height: 1.25 !important;
}

.welcome-title-highlight,
.hero-title-highlight,
.welcome-title em,
.section-title em,
.fotw-clean-heading em,
.solidarity-title em,
.random-chooser-title em,
.newsletter-title em,
.qr-hub-title em,
h1 em,
h2 em,
h3 em {
  font-family: var(--font-serif, 'Fraunces', Georgia, serif) !important;
  font-style: italic !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}

.fotw-story-snippet,
.press-headline,
.solidarity-quote,
.story-lead-quote {
  font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-style: italic !important;
  font-weight: 500 !important;
}

.welcome-desc strong,
.section-sub strong,
.fotw-clean-sub strong,
.solidarity-sub strong,
.random-chooser-sub strong,
.hotdog-story-text strong {
  font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, sans-serif) !important;
  font-weight: 700 !important;
}

.welcome-desc em,
.section-sub em,
.fotw-clean-sub em,
.solidarity-sub em,
.random-chooser-sub em {
  font-style: italic !important;
}

.fotw-name,
body[data-theme] .fotw-name,
.hotdog-item .hotdog-name,
.hotdog-item:not(.expanded) .hotdog-name,
.hotdog-item.expanded .hotdog-name,
body[data-theme] .hotdog-item .hotdog-name,
body[data-theme] .hotdog-item:not(.expanded) .hotdog-name,
body[data-theme] .hotdog-item.expanded .hotdog-name,
.org-name,
.faq-question,
.how-step-title,
.hero-tiktok-title,
.footer-links-col h4,
.footer-admin-col h4 {
  font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif) !important;
  text-transform: none !important;
  letter-spacing: -0.015em !important;
  font-weight: 800 !important;
}

.fotw-name,
body[data-theme] .fotw-name {
  font-size: 1.32rem !important;
  line-height: 1.25 !important;
}

.hotdog-item.expanded .hotdog-name,
body[data-theme] .hotdog-item.expanded .hotdog-name {
  font-size: 1.22rem !important;
  line-height: 1.3 !important;
}

button,
input,
select,
textarea,
.nav-link,
.filter-pill,
.btn-compact-donate-full,
.btn-fotw-donate,
.btn-fotw-story,
.btn-fotw-tiktok,
.btn-random-pick-large,
.btn-primary-sun,
.btn-secondary-warm,
.hotdog-click-prompt,
.btn-story-card-trigger,
.btn-compact-share {
  font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif) !important;
}

.impact-metric-val,
.metric-value,
.compact-fuel-raised,
.compact-fuel-goal,
.compact-fuel-pct-badge,
.fotw-progress-header,
.fotw-progress-pct-badge,
.hotdog-rank,
.single-photo-count-pill,
.gas-meter-pill-badge,
#directoryShowingCount {
  font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-variant-numeric: tabular-nums !important;
}

@media (max-width: 1040px) {
  .site-header .main-nav,
  body[data-theme] .site-header .main-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    overflow-x: visible !important;
    gap: 0.26rem !important;
    padding: 0.32rem 0 0.14rem !important;
    width: 100% !important;
  }

  .site-header .main-nav .nav-link,
  body[data-theme] .site-header .main-nav .nav-link,
  body[data-theme] .site-header .nav-link.nav-link-families,
  body[data-theme] .site-header .nav-link.nav-link-method,
  body[data-theme] .site-header .nav-link.nav-link-pledge,
  body[data-theme] .site-header .nav-link.nav-link-qr,
  body[data-theme] .site-header .nav-link.nav-link-fotw,
  body[data-theme] .site-header .nav-link.nav-link-weekly-updates {
    font-size: 0.71rem !important;
    padding: 0.22rem 0.50rem !important;
    gap: 0.22rem !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
}

@media (max-width: 768px) {
  .solidarity-live-ticker .ticker-inner,
  body[data-theme] .solidarity-live-ticker .ticker-inner,
  body[data-theme] #solidarityLiveTicker .ticker-inner {
    flex-wrap: wrap !important;
    gap: 0.32rem 0.5rem !important;
    padding: 0.5rem 0.85rem !important;
    overflow: visible !important;
  }

  .solidarity-live-ticker .ticker-badge,
  body[data-theme] .solidarity-live-ticker .ticker-badge {
    order: 1 !important;
    padding: 0.16rem 0.52rem !important;
  }

  .solidarity-live-ticker .ticker-action-link,
  body[data-theme] .solidarity-live-ticker .ticker-action-link,
  body[data-theme] #tickerActionLink {
    order: 2 !important;
    margin-left: auto !important;
    font-size: 0.72rem !important;
    padding: 0.18rem 0.58rem !important;
    background: #ECFDF5 !important;
    color: #047857 !important;
    border: 1px solid #6EE7B7 !important;
    border-radius: 999px !important;
  }

  body[data-theme^="dark-"] .solidarity-live-ticker .ticker-action-link,
  body[data-theme^="dark-"] #tickerActionLink,
  body.is-dark-mode .solidarity-live-ticker .ticker-action-link {
    background: rgba(16, 185, 129, 0.18) !important;
    color: #6EE7B7 !important;
    border-color: rgba(52, 211, 153, 0.4) !important;
  }

  .solidarity-live-ticker .ticker-viewport,
  body[data-theme] .solidarity-live-ticker .ticker-viewport {
    order: 3 !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    height: auto !important;
    min-height: 20px !important;
    overflow: visible !important;
  }

  .solidarity-live-ticker .ticker-message,
  body[data-theme] .solidarity-live-ticker .ticker-message {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.38 !important;
    font-size: 0.81rem !important;
  }

  .mobile-bottom-nav,
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-bottom-nav {
    background: rgba(255, 255, 255, 0.98) !important;
    border-top: 2px solid #10B981 !important;
    box-shadow: 0 -6px 22px rgba(6, 78, 59, 0.14) !important;
    z-index: 9999 !important;
  }

  .mobile-nav-item:not(.mobile-nav-highlight),
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-nav-item:not(.mobile-nav-highlight),
  .mobile-nav-item:not(.mobile-nav-highlight) .mobile-nav-label,
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-nav-item:not(.mobile-nav-highlight) .mobile-nav-label {
    color: #064E3B !important;
    font-weight: 800 !important;
  }

  .mobile-nav-item.active,
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-nav-item.active {
    background: #ECFDF5 !important;
    border: 1px solid #6EE7B7 !important;
    color: #047857 !important;
  }

  .mobile-nav-item.active .mobile-nav-label,
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-nav-item.active .mobile-nav-label {
    color: #047857 !important;
  }

  .mobile-nav-item.mobile-nav-highlight,
  body[data-theme] .mobile-nav-item.mobile-nav-highlight,
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-nav-item.mobile-nav-highlight {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    border-color: #047857 !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.28) !important;
  }

  .mobile-nav-item.mobile-nav-highlight .mobile-nav-label,
  body[data-theme] .mobile-nav-item.mobile-nav-highlight .mobile-nav-label,
  body[data-theme]:not([data-theme^="dark-"]):not([data-theme="dark"]):not([data-theme="midnight-olive"]):not(.is-dark-mode) .mobile-nav-item.mobile-nav-highlight .mobile-nav-label {
    color: #FFFFFF !important;
  }
}

@media all and (display-mode: standalone) {
  .mobile-bottom-nav,
  body[data-theme] .mobile-bottom-nav {
    padding-bottom: max(0.45rem, env(safe-area-inset-bottom, 8px)) !important;
  }
}