/* Compact reading views. Loaded only on subpages; the dashboard is unchanged.
   Both app themes use a light reading canvas, including archived editions. */
@media screen {
 .app-page .app-content {
  --type-h1:24px;--type-h2:19px;--type-card:16px;--type-body:13px;
  --type-data:13px;--type-meta:12px;--type-nav:13px;--section-gap:24px;
  --text:#24394f;--ink:#24394f;--muted:#52637b;--focus:#146c94;
  font-size:13px;line-height:1.55;
 }
 body.app-shell.app-page .app-content h1 {font-size:24px!important;line-height:1.2!important;letter-spacing:-.025em}
 body.app-shell.app-page .app-content h2 {font-size:19px!important;line-height:1.3!important;margin-bottom:14px}
 .app-page .app-content :is(.compact-edition-hero,.policy-hero) {--muted:#52637b;--cyan:#176c99;--teal:#176c99;--focus:#146c94}
 .app-page .app-content :is(h3,h4) {font-size:16px!important;line-height:1.35!important}
 .app-page .app-content :is(p,li,dt,dd) {font-size:13px;line-height:1.6}
 .app-page .app-content :is(.dek,.section-intro,.data-period-statement,.historical-edition-note,.phoenix-source) {font-size:13px!important;line-height:1.6!important}
 .app-page .app-content :is(.policy-content,.reading-card,.news-card,.insight-card,.search-result-card) :is(p,li) {font-size:13px!important;line-height:1.6!important}
 body.app-shell.app-page .app-content :is(small,.meta-row,.reading-meta,.reading-attribution,.search-result-meta,.data-date,.data-unit,.data-lag,.dataset-methodology,.reading-brand span) {font-size:12px!important;line-height:1.5!important}
 .app-page .app-content :is(.eyebrow,.policy-hero__eyebrow,.story-kicker) {font-size:11px!important;line-height:1.5!important;color:#52637b!important}
 .app-page .app-content .meta-row {gap:8px;margin:12px 0}
 .app-page .app-content .meta-row span {
  color:#29435e!important;background:#edf3f9!important;border-color:#c3d3e3!important;
  font-size:12px!important;line-height:1.5!important;padding:6px 10px!important;
  white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0;
 }
 .app-page .app-content :is(.primary-action,.secondary-action,.text-action) {
  font-size:13px!important;line-height:1.4!important;padding:9px 14px!important;min-height:40px;
 }
 .app-page .app-content .secondary-action,
 .app-page .app-content .share-tools :is(a,button) {
  background:#edf3f9!important;border-color:#b5c9dc!important;color:#215571!important;
 }
 .app-page .app-content .secondary-action:hover,
 .app-page .app-content .share-tools :is(a,button):hover {
  background:#dceaf4!important;border-color:#719ab9!important;color:#173d58!important;
 }
 .app-page .app-content :focus-visible {outline:3px solid #146c94!important;outline-offset:3px}
 .app-page .app-content :is(button,select,textarea,.reading-link,.calendar-day-links a,.dataset-overview-item a,.phoenix-contents summary,.phoenix-contents a,.dataset-methodology summary,.phoenix-calendar-notes summary,.calendar-table summary) {font-size:13px!important;line-height:1.5!important}
 .app-page .app-content .utility-search input {font-size:14px;line-height:1.5}
 .app-page .app-content .utility-search input::placeholder {color:#52637b;opacity:1}
 .app-page .app-content .phoenix-contents {margin-top:18px;padding:6px 12px}
 .app-page .app-content :is(.reading-card,.news-card,.insight-card,.search-result-card) {padding:18px}
 body.app-shell.app-page .app-content :is(.reading-card,.news-card,.insight-card,.search-result-card) :is(h2,h3,h4) {font-size:16px!important;margin:10px 0}
 .app-page .app-content .section-heading {margin-bottom:16px}
 .app-page .app-content .phoenix-table :is(th,td) {font-size:13px!important;line-height:1.5;padding:9px 10px}
 .app-page .app-content :is(.phoenix-table caption,.phoenix-table-controls span,.methodology-title,.calendar-table dt,.calendar-table dd,.calendar-table p) {font-size:12px!important;line-height:1.5!important}
 .app-page .app-content :is(.market-chart-card,.fx-rate-card) :is(p,dt,small,.market-series-name,.direction-badge,.metric-source-details>summary) {font-size:12px!important;line-height:1.5!important}
 body.app-shell.app-page .app-content :is(.market-movement,.fx-rate-card dd,.market-chart-card dl dd,.market-ticker-symbol) {font-size:13px!important;line-height:1.5!important}
 .app-page .app-content .market-chart-card header strong {font-size:20px!important;line-height:1.3!important}
 .app-page .app-content .fx-rate-card header>span:first-child {font-size:16px!important}
 .app-page .app-content .fx-rate-card p b {font-size:16px!important}
 .app-page .app-content .macro-event-card strong {font-size:16px!important}
 .app-page .app-content .disclosure {--muted:#d8e5ef}
 .app-page .app-content .dataset-overview-item a>strong {font-size:20px;line-height:1.3}
 .app-page .app-content .release-identification code {font-size:11px}
 .app-page .app-content .release-identification p {font-size:11px!important;line-height:1.5!important}
 /* Archived market tiles keep white text legible on the shared reading canvas. */
 .app-page .app-content .glance-tile.is-flat {color:#fff}
 .app-page .app-content :is(.glance-tile,.heatmap-cell).is-up {background:linear-gradient(145deg,#006e32,#005927)}
 .app-page .app-content :is(.tile-move b,.heatmap-cell small,.tile-symbol-text.metal) {color:#fff}
 .app-page .app-content .glance-tile summary::after {color:#fff}
 .app-page .app-content .heatmap-cell:hover,
 .app-page .app-content .heatmap-cell:focus-visible {filter:none;outline-color:#fff}
 .app-page .app-content :is(.glance-tile summary,.heatmap-cell):focus-visible {outline-color:#fff!important;outline-offset:-4px}
}
@media screen and (max-width:600px) {
 body.app-shell.app-page .app-content h1 {font-size:22px!important}
 body.app-shell.app-page .app-content h2 {font-size:18px!important}
 .app-page .app-content :is(.reading-card,.news-card,.insight-card,.search-result-card) {padding:14px}
 /* Retain readable editing controls without triggering browser auto zoom. */
 .app-page .app-content :is(input,select,textarea) {font-size:16px!important}
}