/* DEFUXA public bundle. Rebuild using cli/build-public-css.php when source styles change. */

/* --- mobile-drawer.css --- */
/* DEFUXA V12.65 — Right-side mobile navigation. No new icons or image assets. */
.dfx-menu-backdrop{position:fixed;inset:0;z-index:1190;background:rgba(9,16,26,.52);opacity:0;transition:opacity .23s ease;touch-action:none}
.dfx-menu-backdrop.is-open{opacity:1}
.dfx-mobile-drawer{
  --dfx-menu-bg:#fff;--dfx-menu-text:#152232;--dfx-menu-sub:#718093;--dfx-menu-line:#e6eaf0;
  position:fixed!important;inset:0 0 0 auto!important;z-index:1191!important;
  width:min(336px,calc(100vw - 44px))!important;max-width:100%!important;height:100dvh!important;
  margin:0!important;padding:0!important;border:0!important;
  display:flex!important;flex-direction:column!important;gap:0!important;
  background:var(--dfx-menu-bg)!important;color:var(--dfx-menu-text)!important;
  box-shadow:-12px 0 44px rgba(7,20,34,.16);
  transform:translate3d(103%,0,0);transition:transform .24s cubic-bezier(.2,.7,.3,1);
  overflow:hidden;overscroll-behavior:contain;visibility:visible;
}
.dfx-mobile-drawer[hidden]{display:none!important}
.dfx-mobile-drawer.is-open{transform:translate3d(0,0,0)}
.dfx-mobile-drawer__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-shrink:0;
  padding:18px 19px 17px 22px;border-bottom:1px solid var(--dfx-menu-line)}
.dfx-mobile-drawer__heading{display:flex;flex-direction:column;gap:4px}
.dfx-mobile-drawer__heading strong{font-size:22px;font-weight:900;letter-spacing:-.06em;line-height:1.1}
.dfx-mobile-drawer__heading span{font-size:9px;letter-spacing:.18em;font-weight:800;color:var(--dfx-menu-sub)}
.dfx-mobile-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:1px solid var(--dfx-menu-line);border-radius:7px;color:var(--dfx-menu-text);background:transparent;flex-shrink:0}
.dfx-mobile-drawer__close .ui-icon,.dfx-mobile-drawer__foot .ui-icon{width:16px;height:16px}
.dfx-mobile-drawer__close:hover{background:rgba(140,149,162,.11)}
.dfx-mobile-drawer__nav{padding:11px 13px 14px 15px;display:flex;flex:1;min-height:0;
  flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.dfx-mobile-drawer__nav a{display:flex;align-items:center;min-height:46px;padding:10px 13px;
  border-bottom:1px solid var(--dfx-menu-line);font-size:14px;line-height:1.35;
  font-weight:680;color:var(--dfx-menu-text);text-decoration:none;transition:background .14s}
.dfx-mobile-drawer__nav a:hover,.dfx-mobile-drawer__nav a:focus-visible{background:rgba(145,155,165,.11);color:var(--dfx-menu-text)}
.dfx-mobile-drawer__nav a.dfx-mobile-drawer__primary{font-weight:800}
.dfx-mobile-drawer__nav a.dfx-mobile-drawer__primary:first-child{color:#bd1e37}
.dfx-mobile-drawer__section{display:block;padding:24px 13px 8px;font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--dfx-menu-sub)}
.dfx-mobile-drawer__foot{padding:13px 26px max(17px,env(safe-area-inset-bottom));border-top:1px solid var(--dfx-menu-line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.dfx-mobile-drawer__foot button,.dfx-mobile-drawer__foot a{font-weight:760;font-size:11px;display:inline-flex;align-items:center;gap:8px;color:var(--dfx-menu-text);
  background:transparent;border:0;padding:9px 0;text-decoration:none}
.dfx-mobile-drawer :is(a,button):focus-visible{outline:2px solid #ca2944;outline-offset:1px;border-radius:3px}
html.dfx-menu-open,body.dfx-menu-open{overflow:hidden!important;overscroll-behavior:none}
/* Match the existing one-click dark mode; avoid importing a second icon library. */
html[data-theme="dark"] .dfx-mobile-drawer{--dfx-menu-bg:#141f2b;--dfx-menu-text:#eaf0f6;
  --dfx-menu-sub:#a5b5c7;--dfx-menu-line:#354352}
html[data-theme="dark"] .dfx-mobile-drawer__close .ui-icon,
html[data-theme="dark"] .dfx-mobile-drawer__foot .ui-icon{filter:brightness(0) invert(1)}
html[data-theme="dark"] .dfx-mobile-drawer__nav a.dfx-mobile-drawer__primary:first-child{color:#ff7188}
@media(min-width:901px){.dfx-menu-backdrop,.dfx-mobile-drawer{display:none!important}}
@media(prefers-reduced-motion:reduce){.dfx-menu-backdrop,.dfx-mobile-drawer{transition:none!important}}


/* --- adsense-responsive.css --- */
/* DEFUXA V12.67 — AdSense-responsive layout and CLS guard.
   Official guidance: leave responsive units free to grow; reserve *minimum*
   space with CSS, not a fixed creative height. Preview styles do not execute ads.
   Never style inactive/empty slots; ad_slot() returns no markup for them. */

/* Make Google's available-width calculation deterministic, with no clipping.
   Only Google units have the ad-slot--adsense class; sponsor images are untouched. */
.ad-slot.ad-slot--adsense {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:visible;
}
.ad-slot--adsense > .adsbygoogle {
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
}
/* Desktop guide sizes are reserved heights, not forced creative dimensions. */
.ad-slot--header_top.ad-slot--adsense,
.ad-slot--footer_bottom.ad-slot--adsense { max-width:970px; margin-inline:auto; }
.ad-slot--sidebar.ad-slot--adsense { width:100%; max-width:300px; margin-inline:auto; }
.ad-slot--header_top.ad-slot--adsense > .adsbygoogle { min-height:250px; }
.ad-slot--sidebar.ad-slot--adsense > .adsbygoogle { min-height:250px; }
.ad-slot--homepage_mid.ad-slot--adsense > .adsbygoogle { min-height:250px; }
.ad-slot--article_mid.ad-slot--adsense > .adsbygoogle { min-height:250px; }
.ad-slot--footer_bottom.ad-slot--adsense > .adsbygoogle { min-height:90px; }

/* Same preview artwork, closer to common Google display dimensions.
   The previews are *examples*, not a claim about Google's real creative size. */
.ad-preview--header_top { width:100%; max-width:970px; min-height:250px; }
.ad-preview--sidebar { width:100%; max-width:300px; min-height:250px; }
.ad-preview--homepage_mid { width:100%; min-height:250px; }
.ad-preview--article_mid { width:100%; min-height:250px; }
.ad-preview--footer_bottom { width:100%; max-width:970px; min-height:90px; }

@media (max-width:760px) {
  /* Real slots remain responsive. Avoid imposing a 250px leaderboard on phones. */
  .ad-slot--header_top.ad-slot--adsense > .adsbygoogle,
  .ad-slot--footer_bottom.ad-slot--adsense > .adsbygoogle { min-height:100px; }
  .ad-slot--homepage_mid.ad-slot--adsense > .adsbygoogle,
  .ad-slot--article_mid.ad-slot--adsense > .adsbygoogle { min-height:250px; }
  .ad-preview--header_top,
  .ad-preview--footer_bottom { min-height:100px; }
  .ad-preview--homepage_mid,
  .ad-preview--article_mid,
  .ad-preview--sidebar { min-height:250px; }
}


/* --- article-share-compact.css --- */
/* DEFUXA V12.68 — compact article tools. No icon drawings: existing Font Awesome Free SVGs. */
.article-page .reader-actions--v1268{display:block;max-width:100%;margin-top:0;padding-top:12px;font-family:var(--sans,Arial,sans-serif)}
.article-page .reader-actions--v1268 .reader-action-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:100%;width:100%;min-width:0}
.article-page .reader-actions--v1268 .reader-social-buttons{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0}
.article-page .reader-actions--v1268 .reader-utility-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.article-page .reader-actions--v1268 .reader-utility-buttons .reader-action-btn{min-width:0;min-height:37px;white-space:nowrap}
.article-page .reader-actions--v1268 .reader-utility-buttons .reader-copy-link{min-width:107px}
.article-page .reader-actions--v1268 .reader-google-source{margin-left:0;min-width:0;min-height:37px;max-width:100%}
.article-page .reader-actions--v1268 .reader-google-pending{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:7px 10px;background:#f5f7fa;border:1px solid #dce2e9;border-radius:5px;color:#5e6c7f;font:700 11px/1.2 var(--sans,Arial,sans-serif);white-space:nowrap;cursor:not-allowed}
.article-page .reader-actions--v1268 .reader-google-pending .ui-icon{width:13px;height:13px;opacity:.72}
.article-page .reader-actions--v1268 .reader-google-pending small{font:600 9px/1 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.04em;color:#69788c}
.article-page .reader-actions--v1268 :is(.reader-social-link,.reader-action-btn):focus-visible{outline:2px solid #b82340;outline-offset:2px}
@media(max-width:720px){
  .article-page .reader-actions--v1268{padding-top:11px}
  .article-page .reader-actions--v1268 .reader-action-group{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  /* Exactly five equal sharing controls at phone widths; never stack the Email button. */
  .article-page .reader-actions--v1268 .reader-social-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;min-width:0}
  .article-page .reader-actions--v1268 .reader-social-link{width:100%;min-width:0;min-height:36px;gap:4px;padding:6px 2px;box-sizing:border-box;box-shadow:none;border-radius:4px;font-size:clamp(8px,2.45vw,10px);letter-spacing:0;line-height:1.15;white-space:nowrap}
  .article-page .reader-actions--v1268 .reader-social-link img{width:12px;height:12px;flex:0 0 12px}
  /* Keep Save and Copy link on one balanced line; Google CTA is in its own panel. */
  .article-page .reader-actions--v1268 .reader-utility-buttons{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:5px;width:100%;min-width:0}
  .article-page .reader-actions--v1268 .reader-utility-buttons .reader-action-btn{width:100%;max-width:100%;min-width:0;min-height:37px;gap:5px;padding:6px 4px;border-radius:4px;font-size:11px;box-sizing:border-box}
  .article-page .reader-actions--v1268 .reader-utility-buttons .reader-copy-link{min-width:0}
  .article-page .reader-actions--v1268 .reader-action-btn img{width:13px;height:13px}
  .article-page .reader-actions--v1268 .reader-copy-icon,.article-page .reader-actions--v1268 .reader-copy-success-icon{flex-basis:13px}
  .article-page .reader-actions--v1268 .reader-google-pending{width:100%;box-sizing:border-box;padding:6px 3px;min-height:37px;gap:4px;font-size:10px}
  .article-page .reader-actions--v1268 .reader-google-pending .ui-icon{width:12px;height:12px}
  .article-page .reader-actions--v1268 .reader-google-pending small{font-size:8px}
  .article-page .reader-actions--v1268 .reader-google-source--pending{width:100%}
  /* Google's official widget decides its own size; never shrink/crop it. */
  .article-page .reader-actions--v1268:has([google-add-preferred-source-btn]) .reader-utility-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
  .article-page .reader-actions--v1268:has([google-add-preferred-source-btn]) .reader-utility-buttons .reader-action-btn{flex:0 0 auto;width:auto;min-width:82px;padding:6px 11px}
  .article-page .reader-actions--v1268 .google-source-official{max-width:100%}
}
@media(max-width:350px){
  .article-page .reader-actions--v1268 .reader-social-link{gap:3px;padding:6px 1px;font-size:8px}
  .article-page .reader-actions--v1268 .reader-social-link img{width:11px;height:11px;flex-basis:11px}
  .article-page .reader-actions--v1268 .reader-google-pending .ui-icon{display:none}
  .article-page .reader-actions--v1268 .reader-utility-buttons .reader-action-btn{font-size:10px}
}
html[data-theme=dark] .article-page .reader-actions--v1268 .reader-google-pending{background:#1c2937;color:#c7d5e6;border-color:#435164}
html[data-theme=dark] .article-page .reader-actions--v1268 .reader-google-pending small{color:#b3c2d4}
html[data-theme=dark] .article-page .reader-actions--v1268 .reader-utility-buttons .reader-action-btn{background:#1b2937;color:#e7eef7;border-color:#425265}
html[data-theme=dark] .article-page .reader-actions--v1268 .reader-utility-buttons .reader-save-btn[aria-pressed=true]{color:#ff92a2;background:#402532}
html[data-theme=dark] .article-page .reader-actions--v1268 .reader-utility-buttons .reader-copy-link[data-copy-state=success]{background:#1a4133;color:#b7edd1}
@media(prefers-reduced-motion:reduce){.article-page .reader-actions--v1268 .reader-social-link{transition:none}}


/* --- search-popover-v1269.css --- */
/* V12.69: A small non-displacing search popover, not a full-width content row. */
.site-header{position:relative;overflow:visible}
.site-header.dfx-search-open{z-index:1201}
.search-drawer.dfx-search-popover{
  position:absolute!important;top:calc(100% - 1px);left:auto;
  right:max(15px,calc((100vw - 1260px)/2));
  width:min(560px,calc(100vw - 30px));max-width:none;
  z-index:1202;box-sizing:border-box;
  background:#fff;border:1px solid #d8dee6;border-radius:9px;
  box-shadow:0 18px 45px rgba(15,30,50,.19);
  padding:0;margin:0;overflow:visible;
}
.search-drawer.dfx-search-popover[hidden]{display:none!important}
.search-drawer.dfx-search-popover .search-drawer-inner{
  display:flex!important;align-items:center;gap:7px!important;
  position:relative;width:100%!important;min-width:0;margin:0!important;
  padding:9px!important;max-width:none;box-sizing:border-box;
  background:transparent;border:0;
}
.search-drawer .dfx-search-label{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}
.search-drawer.dfx-search-popover .dfx-search-field{
  position:relative!important;display:block;min-width:0;flex:1 1 auto;
  grid-column:auto!important;grid-row:auto!important;z-index:1;
}
.search-drawer.dfx-search-popover .dfx-search-field input{
  display:block;box-sizing:border-box;width:100%;height:43px;min-height:43px;
  margin:0;padding:0 13px!important;border:1px solid #cbd3df;
  border-radius:5px;background:#f8f9fb;color:#162435;outline:0;
  font-size:14px;line-height:1.25;box-shadow:none;
}
.search-drawer.dfx-search-popover .dfx-search-field input:focus{
  border-color:#ba2139;box-shadow:0 0 0 2px rgba(186,33,57,.09);
}
.search-drawer.dfx-search-popover .search-drawer-inner button{
  display:inline-flex!important;align-items:center;justify-content:center;
  flex-shrink:0;min-width:0;min-height:43px;height:43px;
  margin:0!important;padding:0 13px!important;
  border-radius:5px;grid-column:auto!important;grid-row:auto!important;
  line-height:1!important;font-size:12px;font-weight:760;
}
.search-drawer.dfx-search-popover .search-drawer-inner .dfx-search-submit{
  background:#172435!important;color:#fff!important;border:1px solid #172435!important;
  gap:6px!important;
}
.search-drawer.dfx-search-popover .dfx-search-submit .ui-icon{
  width:15px;height:15px;filter:brightness(0) invert(1)!important;
}
.search-drawer.dfx-search-popover .search-drawer-inner .dfx-search-close{
  width:43px!important;min-width:43px;padding:0!important;
  background:transparent!important;color:#243247!important;
  border:1px solid transparent!important;
}
.search-drawer.dfx-search-popover .dfx-search-close .ui-icon{width:16px;height:16px;filter:none!important}
.search-drawer.dfx-search-popover .dfx-search-close:hover{background:#f0f2f5!important}
.search-drawer.dfx-search-popover :is(button,input,a):focus-visible{outline:2px solid #c12943;outline-offset:2px}
.search-drawer.dfx-search-popover .dfx-search-suggestions{
  position:absolute;top:calc(100% + 12px);left:0;right:0;width:100%;
  border-radius:8px;max-height:min(50vh,360px);z-index:1203;
}
html[data-theme=dark] .search-drawer.dfx-search-popover{
  background:#182535;border-color:#3d4c5e;box-shadow:0 18px 45px rgba(0,0,0,.38)
}
html[data-theme=dark] .search-drawer.dfx-search-popover .dfx-search-field input{
  background:#0e1926;color:#ecf2f8;border-color:#536478;
}
html[data-theme=dark] .search-drawer.dfx-search-popover .dfx-search-field input::placeholder{color:#aebccb}
html[data-theme=dark] .search-drawer.dfx-search-popover .dfx-search-submit{
  background:#edf2f8!important;color:#121e2a!important;border-color:#edf2f8!important
}
html[data-theme=dark] .search-drawer.dfx-search-popover .dfx-search-submit .ui-icon{filter:none!important}
html[data-theme=dark] .search-drawer.dfx-search-popover .dfx-search-close:hover{background:#26394c!important}
html[data-theme=dark] .search-drawer.dfx-search-popover .dfx-search-close .ui-icon{filter:brightness(0) invert(1)!important}
@media(max-width:900px){
  .search-drawer.dfx-search-popover{right:15px;top:calc(100% - 1px);width:min(540px,calc(100vw - 30px));}
}
@media(max-width:420px){
  .search-drawer.dfx-search-popover .search-drawer-inner{gap:5px!important;padding:7px!important}
  .search-drawer.dfx-search-popover .dfx-search-field input{height:41px;min-height:41px;font-size:13px;padding:0 10px!important}
  .search-drawer.dfx-search-popover .search-drawer-inner button{height:41px;min-height:41px;padding:0 10px!important}
  .search-drawer.dfx-search-popover .dfx-search-submit span{display:none}
  .search-drawer.dfx-search-popover .dfx-search-submit{width:41px!important;min-width:41px}
  .search-drawer.dfx-search-popover .dfx-search-close{width:39px!important;min-width:39px!important}
  .search-drawer.dfx-search-popover .dfx-search-suggestions{max-height:min(47vh,310px);padding:9px}
}
@media(prefers-reduced-motion:reduce){.search-drawer.dfx-search-popover{scroll-behavior:auto}}


/* --- reader-dark-audit-v1270.css --- */
/* DEFUXA V12.70 — Public reader dark-mode contrast & continuity audit.
   Loaded after every other public stylesheet. No changes to light mode, brand,
   photographs, adverts, icon assets, admin styles, or reader behaviour.
   Primary body text  #e9eff7 on #101720; secondary #b9c8d8 on #101720.
*/
html[data-theme="dark"]{
  --dfx-reader-text:#e9eff7;
  --dfx-reader-secondary:#b9c8d8;
  --dfx-reader-faint:#a8bacb;
  --dfx-reader-edge:#405165;
  --dfx-reader-panel:#192633;
  --dfx-reader-panel-hover:#223344;
  --dfx-reader-accent:#ff8196;
}
/* 01 — Editorial headings / side stories. Fix the hard-coded #1a2430
   link in site-front-v8.css that remained almost black on dark backgrounds. */
html[data-theme="dark"] :is(.frontpage-heading,.listing-heading,.section-heading,
  .news-section,.dfx-homepage-latest,.lead-aside,.article-head,.article-page,
  .static-page,.saved-stories-page,.categories-section){color:var(--dfx-reader-text)}
html[data-theme="dark"] .frontpage-heading{border-bottom-color:var(--dfx-reader-edge)}
html[data-theme="dark"] .frontpage-heading h1{color:var(--dfx-reader-text)}
html[data-theme="dark"] .frontpage-heading .frontpage-intro,
html[data-theme="dark"] .frontpage-date time,
html[data-theme="dark"] .section-date{color:var(--dfx-reader-secondary)}
html[data-theme="dark"] .frontpage-date>span,
html[data-theme="dark"] .eyebrow{color:var(--dfx-reader-accent)}
html[data-theme="dark"] .dfx-lead-layout .rail-heading,
html[data-theme="dark"] .lead-aside .rail-heading{border-bottom-color:var(--dfx-reader-edge);color:var(--dfx-reader-text)}
html[data-theme="dark"] .lead-aside .rail-heading strong,
html[data-theme="dark"] .dfx-lead-layout .rail-story h3,
html[data-theme="dark"] .dfx-lead-layout .rail-story h3 a,
html[data-theme="dark"] .rail-story h3 a,
html[data-theme="dark"] .dfx-rail-module__copy h3 a,
html[data-theme="dark"] .dfx-rail-module__head h2,
html[data-theme="dark"] .story-card h3 a,
html[data-theme="dark"] .related-story a,
html[data-theme="dark"] .related-story strong{color:var(--dfx-reader-text)}
html[data-theme="dark"] .dfx-lead-layout .rail-story h3 a:hover,
html[data-theme="dark"] .dfx-rail-module__copy h3 a:hover,
html[data-theme="dark"] .story-card h3 a:hover{color:#ff9aac}
html[data-theme="dark"] .rail-heading span,
html[data-theme="dark"] .rail-story time,
html[data-theme="dark"] .dfx-lead-layout .rail-story time,
html[data-theme="dark"] .dfx-rail-module__copy time,
html[data-theme="dark"] .dfx-rail-module__note,
html[data-theme="dark"] .card-bottom,
html[data-theme="dark"] .story-card p,
html[data-theme="dark"] .byline span{color:var(--dfx-reader-secondary)}
html[data-theme="dark"] .dfx-lead-layout .rail-story,
html[data-theme="dark"] .dfx-rail-module__item,
html[data-theme="dark"] .dfx-rail-module__head,
html[data-theme="dark"] .card-bottom{border-color:var(--dfx-reader-edge)}
html[data-theme="dark"] .dfx-rail-module__rank{color:#b0becf}
html[data-theme="dark"] .rail-more a{color:var(--dfx-reader-accent)}
html[data-theme="dark"] .dfx-lead-layout .rail-story .small-kicker,
html[data-theme="dark"] .dfx-rail-module__category{color:var(--dfx-category-light,#ff8ca0)}
html[data-theme="dark"] .dfx-lead-layout .dfx-rail-story__image,
html[data-theme="dark"] .dfx-rail-module__thumb{background:var(--dfx-reader-panel)}
/* 02 — Keep the photographic slide titles white regardless of a category
   or link state, and preserve subtle but legible navigation controls. */
html[data-theme="dark"] .dfx-spotlight,
html[data-theme="dark"] .dfx-spotlight__story,
html[data-theme="dark"] .dfx-spotlight__caption h2{color:#fff}
html[data-theme="dark"] .dfx-spotlight__eyebrow time{color:#eef3f9}
html[data-theme="dark"] .dfx-spotlight__arrow,
html[data-theme="dark"] .dfx-spotlight__pause{color:#fff}
/* 03 — Newsroom grids, article text and fallback story panels. */
html[data-theme="dark"] .block-title{border-top-color:#718398;color:var(--dfx-reader-text)}
html[data-theme="dark"] .block-title h2,
html[data-theme="dark"] .story-card h3,
html[data-theme="dark"] .listing-heading h1,
html[data-theme="dark"] .article-head h1,
html[data-theme="dark"] .static-page h1{color:var(--dfx-reader-text)}
html[data-theme="dark"] .block-title>a,
html[data-theme="dark"] .rail-more a,
html[data-theme="dark"] .coverage-single-action{color:var(--dfx-reader-accent)}
html[data-theme="dark"] .lead-layout--text-lead .hero-story--text-only,
html[data-theme="dark"] .story-card--text-only,
html[data-theme="dark"] .quiet-rail-body,
html[data-theme="dark"] .coverage-single{background:var(--dfx-reader-panel);color:var(--dfx-reader-text);border-color:var(--dfx-reader-edge)}
html[data-theme="dark"] .lead-layout--text-lead .hero-story--text-only:is(:hover,:focus-within),
html[data-theme="dark"] .coverage-single:hover{background:var(--dfx-reader-panel-hover)}
html[data-theme="dark"] .quiet-rail-body h3,
html[data-theme="dark"] .coverage-single strong{color:var(--dfx-reader-text)}
html[data-theme="dark"] .quiet-rail-body p,
html[data-theme="dark"] .coverage-single small,
html[data-theme="dark"] .lead-layout--text-lead .hero-story--text-only .hero-summary{color:var(--dfx-reader-secondary)}
html[data-theme="dark"] .quiet-rail-body a,
html[data-theme="dark"] .lead-layout--text-lead .hero-story--text-only .byline{border-color:var(--dfx-reader-edge);color:var(--dfx-reader-text)}
html[data-theme="dark"] .article-byline,
html[data-theme="dark"] .article-content-label,
html[data-theme="dark"] .article-prose blockquote,
html[data-theme="dark"] .article-prose .source-box,
html[data-theme="dark"] .article-tags,
html[data-theme="dark"] .static-prose{border-color:var(--dfx-reader-edge)}
html[data-theme="dark"] .article-byline strong,
html[data-theme="dark"] .article-prose,
html[data-theme="dark"] .article-prose blockquote,
html[data-theme="dark"] .article-prose .source-box,
html[data-theme="dark"] .article-tags strong{color:var(--dfx-reader-text)}
html[data-theme="dark"] .article-prose blockquote,
html[data-theme="dark"] .article-prose .source-box{background:var(--dfx-reader-panel)}
html[data-theme="dark"] .article-breadcrumb,
html[data-theme="dark"] .article-byline,
html[data-theme="dark"] .article-figure figcaption,
html[data-theme="dark"] .article-standfirst,
html[data-theme="dark"] .static-intro{color:var(--dfx-reader-secondary)}
/* 04 — Article actions / saved stories / search result pages. */
html[data-theme="dark"] .reader-share-panel,
html[data-theme="dark"] .reader-share-links a,
html[data-theme="dark"] .google-source-local,
html[data-theme="dark"] .google-source-fallback,
html[data-theme="dark"] .saved-empty,
html[data-theme="dark"] .saved-list li{background:var(--dfx-reader-panel);border-color:var(--dfx-reader-edge);color:var(--dfx-reader-text)}
html[data-theme="dark"] .reader-share-heading,
html[data-theme="dark"] .saved-list a,
html[data-theme="dark"] .reader-action-btn,
html[data-theme="dark"] .reader-share-links a{color:var(--dfx-reader-text)}
html[data-theme="dark"] .reader-share-links a:hover,
html[data-theme="dark"] .reader-action-btn:hover{background:var(--dfx-reader-panel-hover)}
html[data-theme="dark"] .saved-stories-page>p,
html[data-theme="dark"] .reader-action-feedback,
html[data-theme="dark"] .google-source-local{color:var(--dfx-reader-secondary)}
html[data-theme="dark"] .saved-list button{background:var(--dfx-reader-panel-hover);border-color:var(--dfx-reader-edge);color:#ff94a6}
html[data-theme="dark"] .reader-copy-btn{background:#34495e;color:#fff;border-color:#526b82}
/* 05 — Category fallback text. */
html[data-theme="dark"] .category-tile:not(.category-tile--visual) strong{color:var(--dfx-reader-text)}
/* Keep photographic category labels white over their intentional dark vignette. */
html[data-theme="dark"] .categories-section .category-tile--visual :is(.category-tile__headline,.category-tile__kicker){color:#fff}
/* 06 — Contact, newsletter and consent. Not a change to consent logic. */
html[data-theme="dark"] .contact-details p,
html[data-theme="dark"] .last-updated{color:var(--dfx-reader-secondary)}
html[data-theme="dark"] .newsletter-fields input{background:#1a2b3a;color:var(--dfx-reader-text);border:1px solid var(--dfx-reader-edge)}
html[data-theme="dark"] .privacy-banner-links a,
html[data-theme="dark"] .privacy-banner-links button{color:#dce6f3}
html[data-theme="dark"] .privacy-banner-links :is(a,button):hover{color:#ffa1af}
html[data-theme="dark"] .privacy-modal-panel .privacy-note,
html[data-theme="dark"] .cookie-live-summary{background:var(--dfx-reader-panel);border-color:var(--dfx-reader-edge);color:var(--dfx-reader-secondary)}
/* 07 — Existing compact search and right drawer. Prevent isolated black text
   on dark floating surfaces, without changing positioning or interactions. */
html[data-theme="dark"] .search-drawer.dfx-search-popover .dfx-search-close{color:var(--dfx-reader-text)!important}
html[data-theme="dark"] .dfx-search-suggestions .dfx-search-result strong,
html[data-theme="dark"] .dfx-search-suggestions .dfx-search-query-note strong{color:var(--dfx-reader-text)}
html[data-theme="dark"] .dfx-mobile-drawer__heading strong,
html[data-theme="dark"] .dfx-mobile-drawer__nav a,
html[data-theme="dark"] .dfx-mobile-drawer__foot :is(a,button){color:var(--dfx-reader-text)}
html[data-theme="dark"] .nav-inner a:not(:first-child){color:#e4edf7}
html[data-theme="dark"] .nav-inner a:hover{color:#ff93a4}
/* No colour override is intentionally applied to ad creatives or ad previews. */


/* --- desktop-search-v1271.css --- */
/* DEFUXA V12.71 — desktop-only masthead-anchored search.
   V12.69 mobile popover (<=900px), existing suggestions and licensed icons
   are deliberately left unchanged. No layout displacement or new assets. */
@media (min-width:901px){
  .site-header .search-drawer.dfx-search-popover{
    top:var(--dfx-desktop-search-top,55px)!important;
    right:var(--dfx-desktop-search-right,38px)!important;
    left:auto!important;
    width:min(440px,calc(100vw - 30px))!important;
    max-width:none!important;
    padding:0!important;
    border-radius:8px;
    border:1px solid #dbe1e8;
    box-shadow:0 14px 36px rgba(17,30,46,.16);
  }
  .site-header .search-drawer.dfx-search-popover .search-drawer-inner{
    gap:5px!important;padding:8px!important;
  }
  .site-header .search-drawer.dfx-search-popover .dfx-search-field input{
    height:40px;min-height:40px;
    background:#fff;color:#1b2a3b;
    border:1px solid #d7dde5;
    border-radius:5px;
    outline:0;box-shadow:none;
    font-size:13px;
  }
  .site-header .search-drawer.dfx-search-popover .dfx-search-field input:focus{
    border-color:#61758c;
    box-shadow:0 0 0 2px rgba(79,100,126,.12);
  }
  /* Enter still submits the original GET /search form. The redundant large
     submit button only disappears on desktop; it remains on mobile. */
  .site-header .search-drawer.dfx-search-popover .search-drawer-inner .dfx-search-submit{
    display:none!important;
  }
  .site-header .search-drawer.dfx-search-popover .search-drawer-inner .dfx-search-close{
    width:36px!important;min-width:36px!important;
    height:40px!important;min-height:40px!important;
    padding:0!important;
    border-radius:5px;
  }
  .site-header .search-drawer.dfx-search-popover .dfx-search-suggestions{
    top:calc(100% + 9px);left:0;right:0;width:100%;
    max-height:min(56vh,390px);
    box-sizing:border-box;
  }
  html[data-theme=dark] .site-header .search-drawer.dfx-search-popover{
    background:#192633;border-color:#415268;
    box-shadow:0 14px 36px rgba(0,0,0,.38);
  }
  html[data-theme=dark] .site-header .search-drawer.dfx-search-popover .dfx-search-field input{
    background:#111d2a;color:#eaf1f9;border-color:#516277;
  }
  html[data-theme=dark] .site-header .search-drawer.dfx-search-popover .dfx-search-field input:focus{
    border-color:#b0c2d7;box-shadow:0 0 0 2px rgba(176,194,215,.14);
  }
}