/* QF30 + UI14 — first staging release: readable read headlines, selection weight.
   Reuse approved V17 palette colors. Preserve V17.6 card backgrounds/corners.
   Read title color is independent of selection; only font weight changes. */

/* Light mode: existing editorial navy; improved contrast on read cards. */
html:not(.theme-dark) body.design-preview.stage2.light-mode-v1.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
html:not(.theme-dark) body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
html:not(.theme-dark) body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
html:not(.theme-dark) body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-mobile-text {
  color:#334B65!important;
  -webkit-text-fill-color:#334B65!important;
  font-weight:400!important;
}

/* Dark mode: existing light editorial text color, readable on dark read cards. */
html.theme-dark body.design-preview.stage2.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
html.theme-dark body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
html.theme-dark body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
html.theme-dark body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-mobile-text {
  color:#D3DFED!important;
  -webkit-text-fill-color:#D3DFED!important;
  font-weight:400!important;
}

/* While the existing selection-corner markers are displayed, bold the title.
   No color override: selected and deselected read titles use the same color. */
html:not(.theme-dark) body.design-preview.stage2.light-mode-v1.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper.selected[data-read="read"] .story-title-trigger,
html:not(.theme-dark) body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper.selected[data-read="read"] .story-title-trigger,
html:not(.theme-dark) body.headerless-concept #newsBody .news-row.selected[data-read="read"] .story-title-trigger,
html:not(.theme-dark) body.headerless-concept #newsBody .news-row.selected[data-read="read"] .story-title-mobile-text,
html.theme-dark body.design-preview.stage2.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper.selected[data-read="read"] .story-title-trigger,
html.theme-dark body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper.selected[data-read="read"] .story-title-trigger,
html.theme-dark body.headerless-concept #newsBody .news-row.selected[data-read="read"] .story-title-trigger,
html.theme-dark body.headerless-concept #newsBody .news-row.selected[data-read="read"] .story-title-mobile-text {
  font-weight:800!important;
}

/* QF30 / UI14 — mobile-only readability follow-up (2026-10-25).
   Use the approved V17 mobile foreground palette instead of the softer V17.7
   desktop read-title colors. Keep font weight controlled by selection above. */
@media (max-width:900px) {
  /* Light: existing mobile editorial navy (--m-text). */
  html[data-device-category="mobile"]:not(.theme-dark) body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"]:not(.theme-dark) body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"]:not(.theme-dark) body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-mobile-text {
    color:#17283F!important;
    -webkit-text-fill-color:#17283F!important;
  }

  /* Dark: existing mobile editorial light text (--m-text). Higher contrast
     requires lighter text on the dark read-card surface, not darker text. */
  html[data-device-category="mobile"].theme-dark body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"].theme-dark body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"].theme-dark body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-mobile-text {
    color:#EAF2FB!important;
    -webkit-text-fill-color:#EAF2FB!important;
  }
}

/* QF30/UI14 — mobile read headlines match the visible short-summary typography.
   We deliberately retain the approved headline size and selected-bold behavior.
   V17 mobile's summary uses Avenir Next medium weight and #334155 in light mode
   (style.css), #D3DAE6 in dark mode. Do not dim these texts with opacity. */
@media (max-width:900px) {
  html[data-device-category="mobile"]:not(.theme-dark) body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"]:not(.theme-dark) body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"]:not(.theme-dark) body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-mobile-text {
    color:#334155!important;
    -webkit-text-fill-color:#334155!important;
    font-family:'Avenir Next',Avenir,Arial,sans-serif!important;
    opacity:1!important;
    filter:none!important;
  }
  html[data-device-category="mobile"].theme-dark body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"].theme-dark body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"].theme-dark body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-mobile-text {
    color:#D3DAE6!important;
    -webkit-text-fill-color:#D3DAE6!important;
    font-family:'Avenir Next',Avenir,Arial,sans-serif!important;
    opacity:1!important;
    filter:none!important;
  }
  /* The summary uses medium (500), not the old ultra-light 400; selected stays 800. */
  html[data-device-category="mobile"] body.headerless-concept #desktopNewsContainer .desktop-news-card-wrapper[data-read="read"]:not(.selected) .story-title-trigger,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row[data-read="read"]:not(.selected) .story-title-trigger,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row[data-read="read"]:not(.selected) .story-title-mobile-text {
    font-weight:500!important;
  }
}