/* Birthgap editorial reskin
   Loaded only by Home and Research. The Barometer does not include this file. */

body.bg-editorial {
  --color-bg-page: #f2f4f3;
  --color-bg-surface: #ffffff;
  --color-bg-light-gray: #e8ecec;
  --color-bg-very-light: #f6f8f7;
  --color-bg-off-white: #f7f8f7;
  --color-bg-mint: #ffffff;
  --color-bg-mint-light: #e8eeee;
  --color-bg-mint-formula: #e3ebea;
  --color-bg-gray: #e7ebeb;
  --color-bg-author-note: #edf2f3;
  --color-bg-callout-red: #ffffff;
  --color-bg-callout-pink: #ffffff;

  --color-text-primary: #17282f;
  --color-text-strong: #17282f;
  --color-text-secondary: #3e5057;
  --color-text-muted: #68777d;
  --color-text-body: #2f4249;
  --color-text-panel-title: #17282f;
  --color-text-muted-sub: #56666c;
  --color-text-kicker: #a54237;
  --color-text-subhead: #24383f;

  --color-border-default: #c9d0d1;
  --color-border-actions: #c3cccd;
  --color-border-dropdown: #bdc7c9;
  --color-border-subtle: rgba(16, 45, 56, 0.14);
  --color-border-subtle-dark: rgba(16, 45, 56, 0.1);
  --color-border-inset-mint: #287a7c;
  --color-border-inset-gray: #718087;
  --color-border-inset-green: #287a7c;
  --color-border-inset-callout: #55727c;
  --color-border-inset-red: #b74b3e;
  --color-border-inset-pink: #b74b3e;

  --color-btn-bg-primary: #176f73;
  --color-btn-bg-teal-research: #176f73;
  --color-btn-bg-red-research: #c94f40;
  --color-border-brand-teal-subtle: rgba(23, 111, 115, 0.72);
  --color-bg-teal-hover-subtle: rgba(23, 111, 115, 0.09);

  --shadow-soft: 0 3px 10px rgba(16, 45, 56, 0.08);
  --shadow-card: 0 8px 24px rgba(16, 45, 56, 0.08);
  --shadow-btn-actions: none;
  --shadow-btn-actions-hover: 0 4px 10px rgba(16, 45, 56, 0.12);

  background: var(--color-bg-page);
}

/* Shared shell: retain the established dark Birthgap identity in both modes. */
body.bg-editorial .bg-brand-strip {
  background: #102d38 !important;
  border-bottom-color: rgba(74, 165, 165, 0.45);
}

body.bg-editorial .bg-menu-trigger,
body.bg-editorial .bg-homeicon {
  border-color: rgba(255, 255, 255, 0.2);
}

body.bg-editorial .bg-btn {
  border-radius: 5px;
}

/* Navigation: a compact editorial rail, not a row of floating cards. */
body.bg-editorial .bg-topnav {
  margin: 12px 0 22px;
}

body.bg-editorial .bg-navwrap {
  gap: 5px;
}

body.bg-editorial .bg-topnav a.bg-btn:not(.barometer) {
  background: transparent;
  border-color: transparent;
  border-radius: 3px;
  box-shadow: none;
  color: #263a42;
  padding: 10px 14px;
}

body.bg-editorial .bg-topnav a.bg-btn:not(.barometer):hover {
  background: #e3e8e8;
  border-color: #c7d0d1;
  box-shadow: none;
}

body.bg-editorial .bg-topnav a.bg-btn.active:not(.barometer) {
  background: #ffffff;
  border-color: #bfc9ca;
  box-shadow: inset 0 -3px 0 #176f73;
  color: #102d38;
  filter: none;
}

body.bg-editorial .bg-topnav a.bg-btn.active:not(.barometer)::before,
body.bg-editorial .bg-topnav a.bg-btn:not(.barometer):hover::before {
  display: none;
}

body.bg-editorial .bg-topnav a.bg-btn.barometer {
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(10, 31, 39, 0.2);
}

/* Home: make the existing photographic cards crisp rather than soft. */
body.bg-home-page .bg-actions {
  margin-top: 52px;
}

body.bg-home-page .bg-actions__title {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 500;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}

body.bg-home-page .bg-actions__frame {
  background: var(--color-bg-surface);
  border-color: var(--color-border-actions);
  border-radius: 4px;
  box-shadow: var(--shadow-card);
}

body.bg-home-page .bg-actions__col {
  background: var(--color-bg-surface);
  padding: 28px 27px 26px;
}

body.bg-home-page .bg-actions__kicker {
  color: #a54237;
  font-size: 0.78rem;
  letter-spacing: 0.11em;
}

body.bg-home-page .bg-actions__subhead {
  color: var(--color-text-subhead);
  font-style: normal;
  font-weight: 700;
}

body.bg-home-page .bg-actions__img {
  border: 0;
  border-radius: 2px;
  filter: saturate(0.86) contrast(1.06);
}

body.bg-home-page .bg-actions__lead {
  color: var(--color-text-strong);
}

body.bg-home-page .bg-actions__text {
  color: var(--color-text-body);
}

body.bg-home-page .bg-actions__btn {
  background: #176f73 !important;
  border-color: #176f73 !important;
  border-radius: 5px !important;
  color: #ffffff !important;
  padding: 11px 17px !important;
}

body.bg-home-page .bg-actions__btn:hover {
  background: #115b5f !important;
}

body.bg-home-page .bg-panel--card,
body.bg-home-page .bg-callout {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  border-radius: 5px;
  box-shadow: none;
}

body.bg-home-page .bg-panel--card {
  box-shadow: var(--shadow-card);
}

/* Righttime: preserve its identity while removing the pale-blue-on-pale feel. */
body.bg-home-page .bg-righttime {
  background: var(--color-bg-surface);
  border-color: #aebbbd;
  border-radius: 7px;
  box-shadow: var(--shadow-card);
}

body.bg-home-page .bg-righttime__header {
  background: linear-gradient(145deg, #174956 0%, #0b222b 100%);
}

body.bg-home-page .bg-righttime__eyebrow {
  color: #67c1c3;
}

body.bg-home-page .bg-righttime__intro p {
  color: var(--color-text-secondary);
}

body.bg-home-page .bg-righttime__controls {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  border-radius: 6px;
}

body.bg-home-page .bg-righttime__label,
body.bg-home-page .bg-righttime__result-heading {
  color: var(--color-text-primary);
}

body.bg-home-page .bg-righttime__optional,
body.bg-home-page .bg-righttime__condition,
body.bg-home-page .bg-righttime__source,
body.bg-home-page .bg-righttime__note {
  color: var(--color-text-muted);
}

body.bg-home-page .bg-righttime__person-options {
  background: #e8ecec;
  border-color: #b8c3c5;
  border-radius: 5px;
}

body.bg-home-page .bg-righttime__person-button {
  border-radius: 3px;
  color: #42555c;
}

body.bg-home-page .bg-righttime__person-button[aria-pressed="true"],
body.bg-home-page .bg-righttime__submit {
  background: #176f73;
  box-shadow: none;
}

body.bg-home-page .bg-righttime__person-button[aria-pressed="true"] {
  color: #ffffff;
}

body.bg-home-page .bg-righttime__submit {
  border-radius: 4px;
}

body.bg-home-page .bg-righttime__submit:hover {
  background: #115b5f;
}

body.bg-home-page .bg-righttime select {
  background: var(--color-bg-surface);
  border-color: #aebbbd;
  border-radius: 4px;
  color: var(--color-text-primary);
}

body.bg-home-page .bg-righttime__pill {
  background: transparent;
  border: 1px solid #9eb6b8;
  border-radius: 3px;
  color: #176f73;
  letter-spacing: 0.02em;
}

body.bg-home-page .bg-righttime__results {
  background: #f4f6f5;
  border-top-color: var(--color-border-default);
}

body.bg-home-page .bg-righttime__metric {
  background: #ffffff;
  border: 1px solid #c7d0d1;
  border-left: 4px solid #176f73;
  border-radius: 3px;
}

body.bg-home-page .bg-righttime__metric-value {
  color: #176f73;
}

body.bg-home-page .bg-righttime__metric-copy,
body.bg-home-page .bg-righttime__rtv-intro p,
body.bg-home-page .bg-righttime__rtv-context {
  color: var(--color-text-secondary);
}

body.bg-home-page .bg-righttime__metric--risk {
  background: #ffffff;
  border-left-color: #c94f40;
}

body.bg-home-page .bg-righttime__metric--risk .bg-righttime__metric-value,
body.bg-home-page .bg-righttime__risk-label {
  color: #a54237;
}

body.bg-home-page .bg-righttime__rtv-impact {
  background: #ffffff;
  border-color: #c7d0d1;
  border-left-color: #55727c;
  border-radius: 3px;
}

body.bg-home-page .bg-righttime__rtv-intro h4,
body.bg-home-page .bg-righttime__rtv-context strong,
body.bg-home-page .bg-righttime__today strong {
  color: var(--color-text-primary);
}

body.bg-home-page .bg-righttime__today,
body.bg-home-page .bg-righttime__share {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  border-radius: 3px;
  color: var(--color-text-secondary);
}

/* Remaining site pages: consistent neutral structures without making every
   page look academic. Page-specific layouts and imagery remain intact. */
body.bg-site-page .bg-panel,
body.bg-site-page .bg-about-card,
body.bg-site-page .bg-pagenav-card,
body.bg-site-page .bgp-page .bg-pagecard-inner,
body.bg-site-page .bgp-page .bg-story-panel,
body.bg-site-page .bg-glossary__searchPanel,
body.bg-site-page .bg-events-intro,
body.bg-site-page .bg-jump-panel {
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  border-radius: 5px;
  box-shadow: var(--shadow-card);
}

body.bg-site-page .bg-panel--mint,
body.bg-site-page .bg-panel--gray {
  border-left: 4px solid #55727c;
  box-shadow: none;
}

body.bg-site-page .bg-panel--mint {
  border-left-color: #287a7c;
}

body.bg-site-page .bg-about-hdr {
  background: var(--color-bg-very-light);
  border-bottom-color: var(--color-border-default);
}

body.bg-site-page .bg-topnav-tile,
body.bg-site-page .bg-topnav-tile img {
  border-radius: 3px;
}

body.bg-site-page .bg-jump-panel {
  box-shadow: none;
}

body.bg-site-page .bg-jump-btn {
  border-radius: 3px;
}

body.bg-site-page .bg-events-intro {
  border-top: 4px solid #176f73;
  box-shadow: var(--shadow-card);
}

body.bg-site-page .bg-events-intro::before {
  display: none;
}

body.bg-site-page .bg-events-intro__img {
  border-radius: 3px;
}

body.bg-site-page .bg-donate-contained {
  background: var(--color-bg-surface);
  border: 1px solid var(--color-border-default);
  border-left: 4px solid #55727c;
  border-radius: 5px;
}

body.bg-site-page .bg-donate-contained__title {
  color: var(--color-text-primary);
}

body.bg-site-page .bg-donate-contained__text {
  color: var(--color-text-body);
}

body.bg-site-page .bg-donate-contained__button {
  background: #176f73;
  border-radius: 4px;
  box-shadow: none;
  color: #ffffff;
}

body.bg-site-page .bg-donate-contained__button:hover {
  background: #115b5f;
}

body.bg-site-page .bg-glossary__searchPanel,
body.bg-site-page .bg-glossary__input,
body.bg-site-page .bg-glossary__chip,
body.bg-site-page .bg-glossary__noresults {
  border-radius: 4px;
}

body.bg-site-page .bg-glossary__input {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
}

body.bg-site-page .bg-glossary__chip {
  background: var(--color-bg-light-gray);
  border-color: var(--color-border-default);
}

body.bg-site-page .join-toggle,
body.bg-site-page .join-card {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  border-radius: 5px;
}

body.bg-site-page .join-toggle button {
  border-radius: 3px;
}

body.bg-site-page .join-toggle button[aria-pressed="true"] {
  background: #176f73;
  color: #ffffff;
  box-shadow: none;
}

body.bg-site-page .join-btn {
  border-radius: 4px;
}

body.bg-site-page .films-poster,
body.bg-site-page .shelf-card,
body.bg-site-page .films-cta {
  border-radius: 4px;
}

/* Research: neutral publishing surfaces, meaning carried by accent rules. */
body.bg-research-page .bg-research-evidence-gateway {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  border-left-color: #176f73;
  border-radius: 6px;
  box-shadow: var(--shadow-card);
}

body.bg-research-page .bg-research-evidence-gateway::after {
  border-color: rgba(23, 111, 115, 0.18);
}

body.bg-research-page .bg-research-evidence-gateway__eyebrow {
  color: #176f73;
}

body.bg-research-page .bg-research-evidence-gateway__title {
  color: #102d38;
}

body.bg-research-page .bg-research-intro {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
  border-radius: 5px !important;
}

body.bg-research-page .bg-research-nature-card {
  background: var(--color-bg-surface);
  border-color: var(--color-border-default);
  border-radius: 5px;
  box-shadow: var(--shadow-card);
}

body.bg-research-page .bg-research-callout {
  background: var(--color-bg-surface) !important;
  border-color: var(--color-border-default) !important;
  border-left: 4px solid #718087 !important;
  border-radius: 4px;
  box-shadow: none;
}

body.bg-research-page .bg-research-callout--mint {
  border-left-color: #287a7c !important;
}

body.bg-research-page .bg-research-callout--pink {
  border-left-color: #b74b3e !important;
}

body.bg-research-page .bg-research-formula {
  background: var(--color-bg-mint-formula);
  border: 1px solid var(--color-border-default);
  border-radius: 4px;
}

body.bg-research-page .bg-research-access-cta {
  background: #102d38;
  border: 1px solid #28515b;
  border-radius: 6px;
  box-shadow: none;
  color: #eef4f3;
}

body.bg-research-page .bg-research-access-cta .ql-size-huge,
body.bg-research-page .bg-research-access-cta .bg-research-callout-sub,
body.bg-research-page .bg-research-access-cta .bg-research-callout-body {
  color: #eef4f3;
}

body.bg-research-page .bg-research-btn--teal {
  background: #176f73;
  border-radius: 5px;
}

@media (prefers-color-scheme: dark) {
  body.bg-editorial {
    --color-bg-page: #0d1318;
    --color-bg-surface: #151e25;
    --color-bg-light-gray: #1d2931;
    --color-bg-very-light: #19232b;
    --color-bg-off-white: #0d1318;
    --color-bg-mint: #151e25;
    --color-bg-mint-light: #1a292d;
    --color-bg-mint-formula: #1b2c30;
    --color-bg-gray: #1d2931;
    --color-bg-author-note: #13252d;
    --color-bg-callout-red: #151e25;
    --color-bg-callout-pink: #151e25;

    --color-text-primary: #e7ecec;
    --color-text-strong: #f0f4f3;
    --color-text-secondary: #bdc8cb;
    --color-text-muted: #93a1a7;
    --color-text-body: #d3dcde;
    --color-text-panel-title: #f0f4f3;
    --color-text-muted-sub: #a2afb4;
    --color-text-kicker: #e06b5c;
    --color-text-subhead: #e0e7e7;

    --color-border-default: #334149;
    --color-border-actions: #334149;
    --color-border-dropdown: #3b4a52;
    --color-border-subtle: rgba(231, 236, 236, 0.16);
    --color-border-subtle-dark: rgba(231, 236, 236, 0.1);
    --color-border-inset-mint: #4aa5a5;
    --color-border-inset-gray: #718087;
    --color-border-inset-green: #4aa5a5;
    --color-border-inset-callout: #61808b;
    --color-border-inset-red: #e06b5c;
    --color-border-inset-pink: #e06b5c;

    --color-btn-bg-primary: #287f82;
    --color-btn-bg-teal-research: #287f82;
    --color-border-brand-teal-subtle: rgba(74, 165, 165, 0.7);
    --color-bg-teal-hover-subtle: rgba(74, 165, 165, 0.14);

    --shadow-card: 0 10px 28px rgba(0, 0, 0, 0.28);
  }

  body.bg-editorial .bg-brand-strip {
    background: #091219 !important;
  }

  body.bg-editorial .bg-topnav a.bg-btn:not(.barometer) {
    color: #c6d0d2;
  }

  body.bg-editorial .bg-topnav a.bg-btn:not(.barometer):hover {
    background: #1d2931;
    border-color: #3b4a52;
  }

  body.bg-editorial .bg-topnav a.bg-btn.active:not(.barometer) {
    background: #151e25;
    border-color: #3b4a52;
    box-shadow: inset 0 -3px 0 #4aa5a5;
    color: #f0f4f3;
  }

  body.bg-home-page .bg-actions__kicker {
    color: #e06b5c;
  }

  body.bg-home-page .bg-actions__img {
    filter: brightness(0.9) saturate(0.78) contrast(1.08);
  }

  body.bg-home-page .bg-actions__btn {
    background: #287f82 !important;
    border-color: #287f82 !important;
  }

  body.bg-home-page .bg-actions__btn:hover {
    background: #329397 !important;
  }

  body.bg-home-page .bg-righttime {
    border-color: #3b4a52;
  }

  body.bg-home-page .bg-righttime__person-options {
    background: #0f171c;
    border-color: #46565e;
  }

  body.bg-home-page .bg-righttime__person-button {
    color: #aebbc0;
  }

  body.bg-home-page .bg-righttime__person-button[aria-pressed="true"],
  body.bg-home-page .bg-righttime__submit {
    background: #287f82;
  }

  body.bg-home-page .bg-righttime__submit:hover {
    background: #329397;
  }

  body.bg-home-page .bg-righttime select {
    background: #0f171c;
    border-color: #46565e;
    color-scheme: dark;
  }

  body.bg-home-page .bg-righttime__pill {
    border-color: #42666b;
    color: #70babb;
  }

  body.bg-home-page .bg-righttime__results {
    background: #11191f;
  }

  body.bg-home-page .bg-righttime__metric,
  body.bg-home-page .bg-righttime__metric--risk,
  body.bg-home-page .bg-righttime__rtv-impact,
  body.bg-home-page .bg-righttime__today,
  body.bg-home-page .bg-righttime__share {
    background: #151e25;
    border-color: #3b4a52;
  }

  body.bg-home-page .bg-righttime__metric {
    border-left-color: #4aa5a5;
  }

  body.bg-home-page .bg-righttime__metric-value {
    color: #4aa5a5;
  }

  body.bg-home-page .bg-righttime__metric--risk {
    border-left-color: #e06b5c;
  }

  body.bg-home-page .bg-righttime__metric--risk .bg-righttime__metric-value,
  body.bg-home-page .bg-righttime__risk-label {
    color: #e06b5c;
  }

  body.bg-home-page .bg-righttime__rtv-impact {
    border-left-color: #718087;
  }

  body.bg-site-page .bg-panel--mint {
    border-left-color: #4aa5a5;
  }

  body.bg-site-page .bg-events-intro {
    border-top-color: #4aa5a5;
  }

  body.bg-site-page .bg-donate-contained {
    border-left-color: #718087;
  }

  body.bg-site-page .bg-donate-contained__button,
  body.bg-site-page .join-toggle button[aria-pressed="true"] {
    background: #287f82;
  }

  body.bg-site-page .bg-donate-contained__button:hover {
    background: #329397;
  }

  body.bg-research-page .bg-research-evidence-gateway__title {
    color: #eef4f3;
  }

  body.bg-research-page .bg-research-evidence-gateway__eyebrow {
    color: #4aa5a5;
  }

  body.bg-research-page .bg-research-callout--mint {
    border-left-color: #4aa5a5 !important;
  }

  body.bg-research-page .bg-research-callout--pink {
    border-left-color: #e06b5c !important;
  }

  body.bg-research-page .bg-research-access-cta {
    background: #102832;
    border-color: #2d5862;
  }

  body.bg-research-page .bg-research-btn--teal {
    background: #287f82;
  }
}

@media (max-width: 760px) {
  body.bg-home-page .bg-actions {
    margin-top: 36px;
  }

  body.bg-home-page .bg-actions__col {
    padding: 24px 22px;
  }
}