/* Dark reading surfaces for shell subpages. Loaded after the legacy publication CSS. */
@media screen {
  html[data-app-theme=dark],
  html[data-app-theme=dark] body.app-shell {background:#121e30!important}
  html[data-app-theme=dark] body.app-shell.app-page .app-content {
    color-scheme:dark;
    --bg:#121f31;--paper:#121f31;--panel:#192c42;--card:#192c42;
    --surface:#192c42;--surface-strong:#223951;--soft:#20354b;
    --text:#e8f1ff;--ink:#e8f1ff;--muted:#b8cadd;
    --border:#3b526b;--line:#3b526b;--line-strong:#59728c;
    --phoenix-navy:#e8f1ff;--phoenix-blue:#8bdcef;
    --cyan:#8bdcef;--teal:#8bdcef;--blue:#8bdcef;
    --green:#7be2b7;--up:#7be2b7;--red:#ff9fac;--down:#ff9fac;
    --focus:#9be8f5;
    background:#121f31;color:#e8f1ff;border-color:#344c67;
  }
  html[data-app-theme=dark] .app-page .app-content :is(.policy-hero,.compact-edition-hero) {
    --muted:#b8cadd;--cyan:#8bdcef;--teal:#8bdcef;--focus:#9be8f5;
    background:#121f31!important;color:#e8f1ff;
  }
  html[data-app-theme=dark] .app-page .app-content :is(h1,h2,h3,h4,.section-heading h2) {color:#e8f1ff}
  html[data-app-theme=dark] .app-page .app-content :is(.eyebrow,.policy-hero__eyebrow,.story-kicker) {color:#9acdde!important}
  html[data-app-theme=dark] .app-page .app-content :is(.dek,.section-intro,.data-period-statement,.historical-edition-note,.phoenix-source,.reading-meta,.search-result-meta,.dataset-methodology) {color:#b8cadd!important}
  html[data-app-theme=dark] .app-page .app-content :is(.policy-content,.phoenix-contents,.dataset-overview-item,.reading-card,.news-card,.insight-card,.search-result-card,.market-chart-card,.fx-rate-card,.fx-driver-card,.macro-event-card,.decision-card,.source-register-card,.audience-card,.development,.detail-panel,.scenario) {
    background:#192c42!important;color:#e8f1ff!important;border-color:#3b526b!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(.policy-content,.phoenix-contents,.dataset-overview-item,.reading-card,.news-card,.insight-card,.search-result-card,.market-chart-card,.fx-rate-card,.fx-driver-card,.macro-event-card,.decision-card,.source-register-card,.audience-card,.development,.detail-panel,.scenario) :is(h2,h3,h4,strong) {color:#e8f1ff}
  html[data-app-theme=dark] .app-page .app-content .release-identification {
    background:#352b22!important;border-color:#8e6a3e!important;color:#f5e7cb!important;
  }
  html[data-app-theme=dark] .app-page .app-content .release-identification :is(strong,code,p,span) {color:inherit!important}
  html[data-app-theme=dark] .app-page .app-content .phoenix-source {
    background:#193449!important;border-color:#3e7790!important;color:#c8e2ee!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(.source-links a,.fact-stack>div) {
    background:#223951!important;border-color:#3b526b!important;color:#d9edf8!important;
  }
  html[data-app-theme=dark] .app-page .app-content .meta-row span {
    background:#20384f!important;border-color:#4c6b83!important;color:#e0edfa!important;
  }
  html[data-app-theme=dark] .app-page .app-content .primary-action {
    background:#245a76!important;border-color:#3c8ba8!important;color:#f5fbff!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(.compact-edition-hero,.policy-hero) .primary-action {
    background:#f5bc5d!important;border-color:#f5bc5d!important;color:#23265d!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(.secondary-action,.share-tools a,.share-tools button) {
    background:#203a53!important;border-color:#5b7891!important;color:#e7f4ff!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(.secondary-action,.share-tools a,.share-tools button):hover {
    background:#2b506b!important;border-color:#8bdcef!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(input,select,textarea) {
    color-scheme:dark;background:#1b3047!important;border-color:#607b94!important;color:#e8f1ff!important;
  }
  html[data-app-theme=dark] .app-page .app-content :is(input,textarea)::placeholder {color:#b8cadd!important;opacity:1}
  html[data-app-theme=dark] .app-page .app-content :is(.phoenix-table,.table-wrap,.table-scroll,.phoenix-scroll-region) {
    background:#192c42!important;border-color:#3b526b!important;color:#e8f1ff!important;
  }
  html[data-app-theme=dark] .app-page .app-content .phoenix-table :is(table,tr,th,td) {
    background:#192c42!important;border-color:#3b526b!important;color:#e8f1ff!important;
  }
  html[data-app-theme=dark] .app-page .app-content .phoenix-table thead th {background:#29435a!important;color:#f0f8ff!important}
  html[data-app-theme=dark] .app-page .app-content .phoenix-table tbody tr:nth-child(even) :is(th,td) {background:#20374d!important}
  html[data-app-theme=dark] .app-page .app-content .phoenix-table tbody tr:hover :is(th,td) {background:#2c4961!important}
  html[data-app-theme=dark] .app-page .app-content .phoenix-table .is-up {color:#7be2b7!important}
  html[data-app-theme=dark] .app-page .app-content .phoenix-table .is-down {color:#ff9fac!important}
  html[data-app-theme=dark] .app-page .app-content :is(.is-up,.direction-up) {--up:#7be2b7;--green:#7be2b7}
  html[data-app-theme=dark] .app-page .app-content :is(.is-down,.direction-down) {--down:#ff9fac;--red:#ff9fac}
  html[data-app-theme=dark] .app-page .app-content :is(.phoenix-contents summary,.dataset-overview-item a,.reading-card a,.news-card a,.insight-card a,.search-result-card a,.policy-content a,.phoenix-table a) {color:#9be3f3}
  html[data-app-theme=dark] .app-page .app-content :focus-visible {outline-color:#9be8f5!important}
}