/* MWB News v556: strict-CSP feature presentation, contrast and compact-header reserve. */

body[data-feature-accent="general"] { --desk-accent: #176b57; --desk-accent-2: #c9a35b; }
body[data-feature-accent="world"] { --desk-accent: #176fa5; --desk-accent-2: #d71920; }
body[data-feature-accent="fires"] { --desk-accent: #b72d22; --desk-accent-2: #f1b62c; }
body[data-feature-accent="politics"] { --desk-accent: #8b315f; --desk-accent-2: #d2a72e; }
body[data-feature-accent="economy"],
body[data-feature-accent="finance"] { --desk-accent: #08745b; --desk-accent-2: #c9a35b; }
body[data-feature-accent="society"] { --desk-accent: #b34a69; --desk-accent-2: #176fa5; }
body[data-feature-accent="health"] { --desk-accent: #1f7a48; --desk-accent-2: #2f86c4; }
body[data-feature-accent="beauty"] { --desk-accent: #9a4268; --desk-accent-2: #c58b72; }
body[data-feature-accent="environment"] { --desk-accent: #547a2f; --desk-accent-2: #d6a720; }
body[data-feature-accent="science"],
body[data-feature-accent="technology"] { --desk-accent: #3459a5; --desk-accent-2: #13a2a6; }
body[data-feature-accent="education"] { --desk-accent: #9a6b13; --desk-accent-2: #3459a5; }
body[data-feature-accent="culture"] { --desk-accent: #7753a3; --desk-accent-2: #c54966; }
body[data-feature-accent="entertainment"] { --desk-accent: #b52a70; --desk-accent-2: #f0a525; }
body[data-feature-accent="sports"] { --desk-accent: #167349; --desk-accent-2: #176fa5; }
body[data-feature-accent="automotive"] { --desk-accent: #59666e; --desk-accent-2: #c92a32; }
body[data-feature-accent="travel"] { --desk-accent: #087f99; --desk-accent-2: #d39a21; }
body[data-feature-accent="food"] { --desk-accent: #a34c24; --desk-accent-2: #4f7a36; }
body[data-feature-accent="weather"] { --desk-accent: #176fa5; --desk-accent-2: #d39a21; }
body[data-feature-accent="municipality"],
body[data-feature-accent="municipalities"] { --desk-accent: #0c6f63; --desk-accent-2: #d39a21; }

body[data-feature-accent="fires"] .feature-banner { background-image: url('/assets/news-fire-operations-v29.webp'); }
body[data-feature-accent="sports"] .feature-banner { background-image: url('/assets/news-sports-stadium-v29.webp'); }
body[data-feature-accent="entertainment"] .feature-banner,
body[data-feature-accent="gaming"] .feature-banner,
body[data-feature-accent="esports"] .feature-banner { background-image: url('/assets/news-entertainment-stage-v29.webp'); }
body[data-feature-accent="weather"] .feature-banner { background-image: url('/assets/news-weather-operations-v37.webp'); }
body[data-feature-accent="economy"] .feature-banner,
body[data-feature-accent="finance"] .feature-banner { background-image: url('/assets/news-economy-port-v29.webp'); }
body[data-feature-accent="education"] .feature-banner { background-image: url('/assets/news-education-classroom-v37.webp'); }
body[data-feature-accent="food"] .feature-banner { background-image: url('/assets/news-food-safety-v37.webp'); }
body[data-feature-accent="travel"] .feature-banner { background-image: url('/assets/news-travel-ferry-v37.webp'); }

.feature-image-entertainment,
.feature-image-esports { --feature-image: url('/assets/news-entertainment-stage-v29.webp'); }
.feature-image-sports { --feature-image: url('/assets/news-sports-stadium-v29.webp'); }
.feature-image-gaming,
.teen-edition-card { --feature-image: url('/assets/news-education-classroom-v37.webp'); }
.teen-edition-card { --audience-image: url('/assets/news-education-classroom-v37.webp'); }
.feature-image-history { --feature-image: url('/assets/news-civic-council-v29.webp'); }
.fire-feature-image { --feature-image: url('/assets/editorial-generated-v554/wildfire-readiness-greece-v554.webp'); }
.fire-map-image-greece { --map-image: url('/assets/civil-protection-fire-risk-2026-08-27.jpg'); }
.fire-map-image-europe { --map-image: url('/assets/news-fire-red-code-v33.webp'); }
.fire-map-image-world { --map-image: url('/assets/news-fire-risk-category-four-v33.webp'); }

.feature-banner {
  isolation: isolate;
}

.feature-banner-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.feature-banner::after { z-index: 1; }
.feature-banner-copy { z-index: 2; }

.news-masthead-flow-reserve {
  height: 0;
}

.news-masthead-flow-reserve.is-active {
  height: 82px;
}

main [id],
section[id],
header[id],
h1[id],
h2[id] {
  scroll-margin-top: 96px;
}

.skip-link:focus:not(:focus-visible) {
  transform: translateY(-160%);
}

.skip-link:focus-visible {
  transform: translateY(0);
}

.feature-banner-copy,
.feature-banner-copy h1,
.feature-banner-copy h1 span,
.feature-banner-copy p,
.feature-banner-copy p span,
.audience-page .audience-hero > div,
.audience-page .audience-hero h1,
.audience-page .audience-hero h1 span,
.audience-page .audience-hero p,
.audience-page .audience-hero p span,
.life-category-hero > div,
.life-category-hero h1,
.life-category-hero h1 span,
.life-category-hero p,
.life-category-hero p span,
.life-category-hero .life-category-back {
  color: #fff !important;
  text-shadow: 0 2px 13px rgba(0, 0, 0, .82);
}

.audience-page .audience-hero::after,
.life-category-hero::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(7, 14, 18, .88) 0%, rgba(7, 14, 18, .68) 58%, rgba(7, 14, 18, .34) 100%);
}

.audience-page .audience-hero,
.life-category-hero {
  position: relative;
  isolation: isolate;
}

.audience-page .audience-hero > div,
.life-category-hero > div {
  position: relative;
  z-index: 2;
}

body[data-life-desk="beauty"] .life-category-hero::after {
  background: linear-gradient(90deg, rgba(28, 14, 27, .92) 0%, rgba(62, 32, 60, .74) 58%, rgba(62, 32, 60, .45) 100%);
}

.entertainment-watch-ribbon,
.gaming-page .topic-identity-band,
.esports-page .topic-identity-band,
.community-page .community-action-rail,
.events-page .event-promotion-rail {
  color: #fff;
  background-color: #10191d;
}

.entertainment-watch-ribbon h2,
.entertainment-watch-ribbon h2 span,
.gaming-page .topic-identity-band h2,
.gaming-page .topic-identity-band h2 span,
.esports-page .topic-identity-band h2,
.esports-page .topic-identity-band h2 span,
.community-page .community-action-rail h2,
.community-page .community-action-rail h2 span,
.community-page .community-action-rail p,
.community-page .community-action-rail p span,
.events-page .event-promotion-rail h2,
.events-page .event-promotion-rail h2 span,
.events-page .event-promotion-rail p,
.events-page .event-promotion-rail p span {
  color: #fff !important;
}

.weather-page .weather-studio-toolbar,
.weather-page .weather-selected-day-head,
.weather-page .reader-section-head,
.life-category-page .reader-section-head,
.gaming-page .archive-heading,
.esports-page .archive-heading {
  color: #11181b;
  background-color: #fff;
}

.weather-page .weather-studio-toolbar h1,
.weather-page .weather-selected-day-head h2,
.weather-page .reader-section-head h2,
.life-category-page .reader-section-head h2,
.gaming-page .archive-heading h1,
.esports-page .archive-heading h1 {
  color: #11181b !important;
}

[data-live-empty][data-feed-state="temporary-unavailable"] {
  color: #6b261f;
  border-color: #d18a80;
  background: #fff1ee;
}

@media (max-width: 1480px) {
  .news-masthead-flow-reserve.is-active {
    height: 64px;
  }
}

@media (max-width: 680px) {
  main [id],
  section[id],
  header[id],
  h1[id],
  h2[id] {
    scroll-margin-top: 72px;
  }

  .feature-banner-copy h1,
  .audience-page .audience-hero h1,
  .life-category-hero h1 {
    overflow-wrap: anywhere;
    text-wrap: balance;
  }
}

@media (prefers-reduced-motion: reduce) {
  .news-masthead-flow-reserve {
    transition: none;
  }
}