﻿/* ============================================================================
   news-dark.css â€” dark-mode overrides for the news page.
   Loaded AFTER news-page.css; override-only, so the light theme stays
   byte-identical to the base. Active when the OS prefers dark, or when
   html[data-theme='dark'] is set (explicit light opt-out via data-theme).
   ========================================================================== */

/* ---- Base palette (light = identical to the base news-page theme) ---- */
body[data-page='news']:not(.managed-page){
  --news-surface:#ffffff;
  --news-surface-2:#f7f9fc;
  --news-ink:#10213a;
  --news-muted:#5f6d80;
  --news-line:rgba(11,31,58,.11);
  --news-shadow:0 24px 64px rgba(11,31,58,.11);
  --news-shadow-soft:0 14px 36px rgba(11,31,58,.08);
  --news-body-bg:
    radial-gradient(circle at top left, rgba(212,166,74,.12), transparent 24%),
    radial-gradient(circle at bottom right, rgba(11,31,58,.09), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.28), rgba(245,241,232,0) 28%),
    var(--acw-header-paper,#F5F1E8);
  --news-main-a:#f7f9fc;
  --news-main-b:#eef3f7;
  --news-quicknav-bg:rgba(255,255,255,.88);
  --news-pager-bg:rgba(255,255,255,.92);
  --news-partners-a:#f8f4ea;
  --news-partners-b:#fffdfa;
  --news-partners-c:#f6efe3;
  --news-skeleton-grad:linear-gradient(90deg,rgba(11,31,58,.04) 25%,rgba(11,31,58,.08) 50%,rgba(11,31,58,.04) 75%);
  --news-badge-bg:var(--social-accent-soft);
  --news-badge-ink:var(--social-accent-dark);
  --news-tag-ink:#8a6a15;
  --news-tag-live-ink:var(--news-red);
  --news-hover-bg:#fcfcfc;
  --news-hero-title:#111827;
  --news-hero-meta:#667085;
  --news-section-p:#607089;
  --news-sidebar-copy:#6b7280;
  --news-btn-outline-bg:rgba(255,255,255,.92);
  --news-btn-outline-ink:#0b0b0b;
  --news-btn-outline-line:rgba(11,31,58,.14);
  color:var(--news-ink) !important;
  background:var(--news-body-bg) !important;
}

/* ---- Dark palette: automatic (system preference) ---- */
@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news']{
    --news-surface:#101d30;
    --news-surface-2:#0d1a2c;
    --news-ink:#e8eef6;
    --news-muted:#9db0c8;
    --news-line:rgba(255,255,255,.12);
    --news-shadow:0 24px 64px rgba(0,0,0,.38);
    --news-shadow-soft:0 14px 36px rgba(0,0,0,.30);
    --news-body-bg:
      radial-gradient(circle at top left, rgba(212,166,74,.10), transparent 24%),
      radial-gradient(circle at bottom right, rgba(212,166,74,.06), transparent 26%),
      linear-gradient(180deg, rgba(13,26,44,.55), rgba(11,22,38,0) 28%),
      #0b1626;
    --news-main-a:#0d1a2c;
    --news-main-b:#0a1422;
    --news-quicknav-bg:rgba(16,29,48,.9);
    --news-pager-bg:rgba(16,29,48,.9);
    --news-partners-a:#101d30;
    --news-partners-b:#0d1a2c;
    --news-partners-c:#0e1a2b;
    --news-skeleton-grad:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.05) 75%);
    --news-badge-bg:rgba(255,255,255,.10);
    --news-badge-ink:#e8eef6;
    --news-tag-ink:#e2bd5e;
    --news-tag-live-ink:#ff7a85;
    --news-hover-bg:var(--news-surface-2);
    --news-hero-title:var(--news-ink);
    --news-hero-meta:var(--news-muted);
    --news-section-p:var(--news-muted);
    --news-sidebar-copy:var(--news-muted);
    --news-btn-outline-bg:var(--news-surface-2);
    --news-btn-outline-ink:var(--news-ink);
    --news-btn-outline-line:var(--news-line);
    color-scheme:dark;
  }
}

/* ---- Dark palette: explicit toggle. Kept last so it wins when both match. */
html[data-theme='dark'] body[data-page='news']{
  --news-surface:#101d30;
  --news-surface-2:#0d1a2c;
  --news-ink:#e8eef6;
  --news-muted:#9db0c8;
  --news-line:rgba(255,255,255,.12);
  --news-shadow:0 24px 64px rgba(0,0,0,.38);
  --news-shadow-soft:0 14px 36px rgba(0,0,0,.30);
  --news-body-bg:
    radial-gradient(circle at top left, rgba(212,166,74,.10), transparent 24%),
    radial-gradient(circle at bottom right, rgba(212,166,74,.06), transparent 26%),
    linear-gradient(180deg, rgba(13,26,44,.55), rgba(11,22,38,0) 28%),
    #0b1626;
  --news-main-a:#0d1a2c;
  --news-main-b:#0a1422;
  --news-quicknav-bg:rgba(16,29,48,.9);
  --news-pager-bg:rgba(16,29,48,.9);
  --news-partners-a:#101d30;
  --news-partners-b:#0d1a2c;
  --news-partners-c:#0e1a2b;
  --news-skeleton-grad:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.10) 50%,rgba(255,255,255,.05) 75%);
  --news-badge-bg:rgba(255,255,255,.10);
  --news-badge-ink:#e8eef6;
  --news-tag-ink:#e2bd5e;
  --news-tag-live-ink:#ff7a85;
  --news-hover-bg:var(--news-surface-2);
  --news-hero-title:var(--news-ink);
  --news-hero-meta:var(--news-muted);
  --news-section-p:var(--news-muted);
  --news-sidebar-copy:var(--news-muted);
  --news-btn-outline-bg:var(--news-surface-2);
  --news-btn-outline-ink:var(--news-ink);
  --news-btn-outline-line:var(--news-line);
  color-scheme:dark;
}

/* ==========================================================================
   Mode-agnostic component overrides (they only resolve the vars above).
   ========================================================================== */

body[data-page='news'] main{
  background:var(--news-body-bg);
}

/* Card surfaces */
body[data-page='news'] .box,
body[data-page='news'] .sidebar-card,
body[data-page='news'] .category-block,
body[data-page='news'] .report-card,
body[data-page='news'] .prayer-sidebar{
  background:linear-gradient(180deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
  border-color:var(--news-line);
  box-shadow:var(--news-shadow-soft);
}

body[data-page='news'] .story-mini.box,
body[data-page='news'] .story-mini{
  background:var(--news-surface);
  border-color:var(--news-line);
  box-shadow:var(--news-shadow-soft);
}

body[data-page='news'] .box-head{
  background:var(--news-surface);
  border-bottom-color:var(--news-line);
}

body[data-page='news'] .lead-copy{
  background:var(--news-surface);
}

/* Lead story + live banner: base surfaces in protection are hard white, so
   they need explicit dark overrides. Kept dark-only to stay byte-identical
   in light mode. */
@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news'] .lead-story{
    background:linear-gradient(180deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
    border-color:var(--news-line);
  }

  html:not([data-theme='light']) body[data-page='news'] .live-banner{
    background:var(--news-surface);
    color:var(--news-ink);
    border-color:var(--news-line);
  }

  html:not([data-theme='light']) body[data-page='news'] .box.live-banner-shell .live-banner{
    background:linear-gradient(180deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
    border-color:var(--news-line);
    box-shadow:var(--news-shadow-soft);
  }

  html:not([data-theme='light']) body[data-page='news'] .box.live-banner-shell .live-banner-head{
    border-bottom-color:var(--news-line);
  }

  html:not([data-theme='light']) body[data-page='news'] .box.live-banner-shell .live-banner-label{
    color:#ff7a85;
    background:rgba(255,122,133,.14);
  }

  html:not([data-theme='light']) body[data-page='news'] .box.live-banner-shell .live-banner-state{
    color:var(--news-ink);
    background:rgba(255,255,255,.08);
  }
}

html[data-theme='dark'] body[data-page='news'] .lead-story{
  background:linear-gradient(180deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
  border-color:var(--news-line);
}

html[data-theme='dark'] body[data-page='news'] .live-banner{
  background:var(--news-surface);
  color:var(--news-ink);
  border-color:var(--news-line);
}

html[data-theme='dark'] body[data-page='news'] .box.live-banner-shell .live-banner{
  background:linear-gradient(180deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
  border-color:var(--news-line);
  box-shadow:var(--news-shadow-soft);
}

html[data-theme='dark'] body[data-page='news'] .box.live-banner-shell .live-banner-head{
  border-bottom-color:var(--news-line);
}

html[data-theme='dark'] body[data-page='news'] .box.live-banner-shell .live-banner-label{
  color:#ff7a85;
  background:rgba(255,122,133,.14);
}

html[data-theme='dark'] body[data-page='news'] .box.live-banner-shell .live-banner-state{
  color:var(--news-ink);
  background:rgba(255,255,255,.08);
}

body[data-page='news'] .editor-pick{
  border-color:var(--news-line);
}

body[data-page='news'] .report-pdf{
  background:var(--news-surface-2);
  border-color:var(--news-line);
}

body[data-page='news'] .report-pdf > div.report-mark{
  background:linear-gradient(145deg,var(--news-surface) 0%,rgba(197,21,37,.12) 100%);
  border-color:rgba(197,21,37,.28);
}

body[data-page='news'] .stat-tile{
  background:linear-gradient(145deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
  border-color:var(--news-line);
}

/* Heading + body text */
body[data-page='news'] .story-mini h4,
body[data-page='news'] .editor-pick h4,
body[data-page='news'] .category-feature h3,
body[data-page='news'] .report-pdf h3,
body[data-page='news'] .category-list strong,
body[data-page='news'] .stat-tile strong{
  color:var(--news-ink);
}

body[data-page='news'] .news-list strong,
body[data-page='news'] .live-list strong,
body[data-page='news'] .prayer-list strong{
  color:var(--news-ink);
}

body[data-page='news'] .story-mini p,
body[data-page='news'] .editor-pick p,
body[data-page='news'] .category-feature p,
body[data-page='news'] .category-list span,
body[data-page='news'] .editor-pick-meta,
body[data-page='news'] .box-head span,
body[data-page='news'] .news-list span,
body[data-page='news'] .live-list span,
body[data-page='news'] .prayer-list p,
body[data-page='news'] .report-pdf p{
  color:var(--news-muted);
}

/* List + card separators */
body[data-page='news'] .news-list li,
body[data-page='news'] .live-list li,
body[data-page='news'] .prayer-list li,
body[data-page='news'] .category-list li,
body[data-page='news'] .prayer-sidebar-action{
  border-color:var(--news-line);
}

/* Quick-nav + pager surfaces */
body[data-page='news'] .news-quicknav{
  background:var(--news-quicknav-bg);
  border-color:var(--news-line);
}

body[data-page='news'] .news-pagination{
  background:var(--news-pager-bg);
  border-color:var(--news-line);
}

body[data-page='news'] .news-page-control,
body[data-page='news'] .news-page-numbers a{
  background:var(--news-surface);
  border-color:var(--news-line);
  color:var(--news-ink);
}

body[data-page='news'] .news-page-control:hover,
body[data-page='news'] .news-page-numbers a:hover{
  border-color:rgba(255,255,255,.28);
  box-shadow:0 8px 18px rgba(0,0,0,.2);
}

body[data-page='news'] .news-page-control[aria-disabled='true']{
  background:var(--news-surface-2);
  border-color:rgba(255,255,255,.08);
  color:var(--news-muted);
}

body[data-page='news'] .news-empty-state{
  background:
    radial-gradient(circle at top right,rgba(212,166,74,.16),transparent 30%),
    linear-gradient(145deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
}

/* Skeleton */
body[data-page='news'] .news-skeleton-lead,
body[data-page='news'] .news-skeleton-card{
  background:var(--news-surface);
  border-color:var(--news-line);
}

body[data-page='news'] .skeleton-pulse{
  background-image:var(--news-skeleton-grad);
}

/* Archive card metadata tags */
body[data-page='news'] .story-mini-meta .story-mini-tag{
  color:var(--news-tag-ink);
}

body[data-page='news'] .story-mini-meta .story-mini-tag[data-type='live']{
  color:var(--news-tag-live-ink);
}

/* Social cards */
body[data-page='news'] .news-social-card{
  background:linear-gradient(170deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
  border-color:var(--news-line);
}

body[data-page='news'] .news-social-card__badge{
  background:var(--news-badge-bg);
  color:var(--news-badge-ink);
}

/* Partners panel */
body[data-page='news'] .news-partners-panel{
  background:
    radial-gradient(circle at top right,rgba(244,205,115,.14),transparent 24%),
    linear-gradient(180deg,var(--news-partners-a) 0%,var(--news-partners-b) 50%,var(--news-partners-c) 100%);
}

body[data-page='news'] .news-partners-copy h2{
  color:var(--news-ink);
}

body[data-page='news'] .news-partners-copy p{
  color:var(--news-muted);
}

/* Subscription modal */
body[data-page='news'] .subscription-dialog{
  background:var(--news-surface);
  color:var(--news-ink);
}

body[data-page='news'] .subscription-form-panel{
  background:linear-gradient(180deg,var(--news-surface) 0%,var(--news-surface-2) 100%);
  border-inline-start-color:var(--news-line);
}

body[data-page='news'] .subscription-field label{
  color:var(--news-ink);
}

body[data-page='news'] .subscription-field input,
body[data-page='news'] .subscription-field select{
  background:var(--news-surface-2);
  border-color:var(--news-line);
  color:var(--news-ink);
}

body[data-page='news'] .subscription-field select option,
body[data-page='news'] .subscription-field select optgroup{
  background:var(--news-surface-2);
  color:var(--news-ink);
}

body[data-page='news'] .subscription-field input::placeholder{
  color:var(--news-muted);
}

/* ---- Hover backgrounds: keep dark cards readable on hover (overrides news-protection.css) ---- */
body[data-page='news'] .editor-pick[data-post-id]:hover,
body[data-page='news'] .category-feature[data-post-id]:hover,
body[data-page='news'] .news-list li[data-post-id]:hover,
body[data-page='news'] .live-list li[data-post-id]:hover,
body[data-page='news'] .category-list li[data-post-id]:hover,
body[data-page='news'] .live-banner-shell[data-post-id]:hover{
  background:var(--news-hover-bg);
}

body[data-page='news'] .lead-story[data-post-id]:hover,
body[data-page='news'] .live-banner-shell[data-post-id]:hover{
  background:transparent;
}

/* ---- Icon action buttons (hero + archive cards) ---- */
@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news'] .action-icon{
    background:var(--news-surface-2);
    border-color:var(--news-line);
    color:var(--news-ink);
  }

  html:not([data-theme='light']) body[data-page='news'] .action-icon:hover{
    border-color:rgba(226,189,94,.6);
    color:var(--news-tag-ink);
  }
}

html[data-theme='dark'] body[data-page='news'] .action-icon{
  background:var(--news-surface-2);
  border-color:var(--news-line);
  color:var(--news-ink);
}

html[data-theme='dark'] body[data-page='news'] .action-icon:hover{
  border-color:rgba(226,189,94,.6);
  color:var(--news-tag-ink);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news'] .action-icon[data-save-post].is-saved,
  html:not([data-theme='light']) body[data-page='news'] .action-icon[data-save-post][aria-pressed='true']{
    border-color:rgba(226,189,94,.62);
    background:rgba(226,189,94,.14);
    color:var(--news-tag-ink);
  }

  html:not([data-theme='light']) body[data-page='news'] .news-saved-bar{
    border-color:var(--news-line);
    background:var(--news-surface-2);
  }

  html:not([data-theme='light']) body[data-page='news'] .news-saved-filter{
    border-color:rgba(226,189,94,.38);
    background:rgba(255,255,255,.04);
    color:var(--news-ink);
  }

  html:not([data-theme='light']) body[data-page='news'] .news-saved-filter.is-active,
  html:not([data-theme='light']) body[data-page='news'] .news-saved-filter[aria-pressed='true']{
    border-color:rgba(226,189,94,.65);
    background:rgba(226,189,94,.15);
    color:var(--news-tag-ink);
  }
}

html[data-theme='dark'] body[data-page='news'] .action-icon[data-save-post].is-saved,
html[data-theme='dark'] body[data-page='news'] .action-icon[data-save-post][aria-pressed='true']{
  border-color:rgba(226,189,94,.62);
  background:rgba(226,189,94,.14);
  color:var(--news-tag-ink);
}

html[data-theme='dark'] body[data-page='news'] .news-saved-bar{
  border-color:var(--news-line);
  background:var(--news-surface-2);
}

html[data-theme='dark'] body[data-page='news'] .news-saved-filter{
  border-color:rgba(226,189,94,.38);
  background:rgba(255,255,255,.04);
  color:var(--news-ink);
}

html[data-theme='dark'] body[data-page='news'] .news-saved-filter.is-active,
html[data-theme='dark'] body[data-page='news'] .news-saved-filter[aria-pressed='true']{
  border-color:rgba(226,189,94,.65);
  background:rgba(226,189,94,.15);
  color:var(--news-tag-ink);
}

/* ---- Dark-readable content text (resolves the vars above per palette) ---- */
body[data-page='news'] .lead-copy h1{
  color:var(--news-hero-title);
}

body[data-page='news'] .lead-meta{
  color:var(--news-hero-meta);
}

body[data-page='news'] .section-head p,
body[data-page='news'] .section-head .section-kicker{
  color:var(--news-section-p);
}

body[data-page='news'] .sidebar-copy{
  color:var(--news-sidebar-copy);
}

body[data-page='news'] .report-card .button.outline,
body[data-page='news'] .report-card-action,
body[data-page='news'] .report-pdf .button,
body[data-page='news'] .lead-actions .button.outline{
  background:var(--news-btn-outline-bg) !important;
  border-color:var(--news-btn-outline-line) !important;
  color:var(--news-btn-outline-ink);
}

body[data-page='news'] .report-card .button.outline:hover,
body[data-page='news'] .report-card-action:hover{
  border-color:rgba(226,189,94,.6);
  color:var(--news-tag-ink);
}

/* ---- Archive filter bar (type + region chips) ---- */
@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news'] #news-filter-bar{
    background:var(--news-surface-2);
    border-color:var(--news-line);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-label{
    color:var(--news-muted);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-chip{
    background:rgba(255,255,255,.04);
    border-color:rgba(255,255,255,.14);
    color:var(--news-ink);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-chip:hover{
    background:rgba(255,255,255,.08);
    border-color:rgba(226,189,94,.5);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-chip.is-active{
    background:rgba(226,189,94,.16);
    border-color:rgba(226,189,94,.55);
    color:var(--news-tag-ink);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-chip.is-active:hover{
    background:rgba(226,189,94,.22);
    border-color:rgba(226,189,94,.6);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-count{
    background:rgba(255,255,255,.1);
    color:var(--news-muted);
  }
  html:not([data-theme='light']) body[data-page='news'] .news-filter-chip.is-active .news-filter-count{
    background:rgba(226,189,94,.2);
    color:var(--news-tag-ink);
  }
  html:not([data-theme='light']) body[data-page='news'] #news-filter-feedback{
    background:var(--news-surface-2);
    border-color:rgba(255,255,255,.16);
    color:var(--news-muted);
  }
}

html[data-theme='dark'] body[data-page='news'] #news-filter-bar{
  background:var(--news-surface-2);
  border-color:var(--news-line);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-label{
  color:var(--news-muted);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-chip{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.14);
  color:var(--news-ink);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-chip:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(226,189,94,.5);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-chip.is-active{
  background:rgba(226,189,94,.16);
  border-color:rgba(226,189,94,.55);
  color:var(--news-tag-ink);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-chip.is-active:hover{
  background:rgba(226,189,94,.22);
  border-color:rgba(226,189,94,.6);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-count{
  background:rgba(255,255,255,.1);
  color:var(--news-muted);
}
html[data-theme='dark'] body[data-page='news'] .news-filter-chip.is-active .news-filter-count{
  background:rgba(226,189,94,.2);
  color:var(--news-tag-ink);
}
html[data-theme='dark'] body[data-page='news'] #news-filter-feedback{
  background:var(--news-surface-2);
  border-color:rgba(255,255,255,.16);
  color:var(--news-muted);
}

/* ---- Shared readability pass: typography must not change with the theme. ---- */
body[data-page='news']{
  font-size:15.5px;
  line-height:1.75;
}

html[data-theme='dark'] body[data-page='news']{
  --news-muted:#b7c5d7;
  --news-line:rgba(255,255,255,.14);
}

body[data-page='news'] .label,
body[data-page='news'] .section-kicker,
body[data-page='news'] .news-quicknav-link,
body[data-page='news'] .news-filter-label,
body[data-page='news'] .news-filter-chip,
body[data-page='news'] .news-filter-count,
body[data-page='news'] .box-head span,
body[data-page='news'] .lead-meta,
body[data-page='news'] .sidebar-copy,
body[data-page='news'] .news-list span,
body[data-page='news'] .live-list span,
body[data-page='news'] .category-list span,
body[data-page='news'] .prayer-list p,
body[data-page='news'] .editor-pick-meta,
body[data-page='news'] .report-card p,
body[data-page='news'] .report-pdf p,
body[data-page='news'] .story-mini p,
body[data-page='news'] .story-more-article .story-more-date,
body[data-page='news'] .story-more-article .story-more-body,
body[data-page='news'] .lead-actions .button,
body[data-page='news'] .briefing-action-list .button{
  font-size:13px !important;
  line-height:1.7 !important;
}

/* Typography metrics intentionally stay theme-neutral. Dark mode changes
   palette and surfaces only, so cards do not resize when the theme changes. */

/* N3: lead-story gold ring — stronger on dark navy surfaces */
html[data-theme='dark'] body[data-page='news'] .lead-story::after{
  border-color:rgba(212,166,74,.30);
  box-shadow:inset 0 0 0 1px rgba(212,166,74,.09), inset 0 0 42px rgba(212,166,74,.09);
}

html[data-theme='dark'] body[data-page='news'] .stat-tile:hover{
  border-color:rgba(212,166,74,.5);
  box-shadow:0 12px 26px rgba(0,0,0,.28);
}

@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news'] .lead-story::after{
    border-color:rgba(212,166,74,.30);
    box-shadow:inset 0 0 0 1px rgba(212,166,74,.09), inset 0 0 42px rgba(212,166,74,.09);
  }

  html:not([data-theme='light']) body[data-page='news'] .stat-tile:hover{
    border-color:rgba(212,166,74,.5);
    box-shadow:0 12px 26px rgba(0,0,0,.28);
  }
}

/* ==========================================================================
   Consent panel on the news page.
   site-dark.css deliberately excludes data-page='news'; the news page owns
   its dark theme, so the injected consent panel is darkened here instead.
   ========================================================================== */

html[data-theme='dark'] body[data-page='news'] .acw-consent-layer{
  --consent-ink:#c9d6e6;
  --consent-muted:#9db0c8;
  --consent-gold:#d7b12e;
}

html[data-theme='dark'] body[data-page='news'] .acw-consent-panel{
  background:rgba(16,29,48,.97) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#c9d6e6 !important;
}

html[data-theme='dark'] body[data-page='news'] .acw-consent-panel .acw-consent-button:not(.acw-consent-button--primary){
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#e8eef6 !important;
}

html[data-theme='dark'] body[data-page='news'] .acw-consent-panel .acw-consent-category{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.12) !important;
}

html[data-theme='dark'] body[data-page='news'] .acw-consent-panel .acw-consent-settings{
  border-color:rgba(255,255,255,.12) !important;
}

@media (prefers-color-scheme: dark){
  html:not([data-theme='light']) body[data-page='news'] .acw-consent-layer{
    --consent-ink:#c9d6e6;
    --consent-muted:#9db0c8;
    --consent-gold:#d7b12e;
  }

  html:not([data-theme='light']) body[data-page='news'] .acw-consent-panel{
    background:rgba(16,29,48,.97) !important;
    border-color:rgba(255,255,255,.12) !important;
    color:#c9d6e6 !important;
  }

  html:not([data-theme='light']) body[data-page='news'] .acw-consent-panel .acw-consent-button:not(.acw-consent-button--primary){
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.16) !important;
    color:#e8eef6 !important;
  }

  html:not([data-theme='light']) body[data-page='news'] .acw-consent-panel .acw-consent-category{
    background:rgba(255,255,255,.05) !important;
    border-color:rgba(255,255,255,.12) !important;
  }

  html:not([data-theme='light']) body[data-page='news'] .acw-consent-panel .acw-consent-settings{
    border-color:rgba(255,255,255,.12) !important;
  }
}
