/* 2Day.news V17.4 — approved visual corrections ONLY. Placed after V17.3.
   Keep V17.2 document-scrolling and existing application/Worker logic unchanged. */

/* Make existing stacked 2Day./NEWS wordmark slightly shorter AGAIN.
   Previous V17.2 scale was 0.80; V17.4 reduces to 0.72 (~10% relative).
   Only visual Y scale; icon dimensions, upper letter widths and SVGs unchanged. */
html[data-device-category="desktop"] body.headerless-concept .sidebar-fixed-brand img.brand-home-wordmark,
html[data-device-category="mobile"] body.headerless-concept .mobile-v14-brand img.d2-mobile-brand-wordmark,
html[data-device-category="mobile"] body.headerless-concept #desktopSourceSidebar .sidebar-fixed-brand img.brand-home-wordmark {
  transform:scaleY(.72)!important;
  transform-origin:center center!important;
}

/* Never tint the actual icon SVG through CSS: the approved dark 2 is #E39639,
   while the D remains white. The old prototype used brightness(0) invert(1). */
html.theme-dark body.headerless-concept .sidebar-fixed-brand img.brand-home-logo-dark,
html.theme-dark body.headerless-concept .mobile-v14-brand img.d2-mobile-brand-icon,
html.theme-dark body.headerless-concept .mobile-v14-brand img.brand-home-logo-dark,
html.theme-dark body.headerless-concept #desktopSourceSidebar img.brand-home-logo-dark,
html:not(.theme-dark) body.headerless-concept .sidebar-fixed-brand img.brand-home-logo-light {
  filter:none!important;opacity:1!important;
}

/* Settings language is controlled by the visible dropdowns; keep legacy switches
   in the DOM for backwards-compatible listeners but never display them. */
body.headerless-concept #settingsPanel #uiLanguageControl,
body.headerless-concept #settingsPanel #aiLanguageSettingsControl,
body.headerless-concept #settingsPanel #themeControl {display:none!important;visibility:hidden!important;}

/* Restore reading inset INSIDE AI panels, including collapsed views; don't change
   panel OUTER size or the selected-card border treatment. */
html[data-device-category="desktop"] body.headerless-concept .desktop-analysis-host .analysis-section-body,
html[data-device-category="desktop"] body.headerless-concept .desktop-analysis-host .analysis-section-preview,
html[data-device-category="desktop"] body.headerless-concept .desktop-analysis-host .analysis-result,
html[data-device-category="desktop"] body.headerless-concept .desktop-analysis-host .history-answer,
html[data-device-category="desktop"] body.headerless-concept .desktop-analysis-host .preview-ai-response {
  box-sizing:border-box!important;padding-left:16px!important;padding-right:16px!important;
}

/* Status/selection may change color, not thumbnail dimensions or optical zoom.
   Explicitly countermand the old selected 1.10x crop transform. */
@media(min-width:901px){
  html[data-device-category="desktop"] body.headerless-concept .desktop-news-container .story-image-cell {
    width:130px!important;min-width:130px!important;flex:0 0 130px!important;
    overflow:hidden!important;border-radius:8px!important;align-self:start!important;
  }
  html[data-device-category="desktop"] body.headerless-concept .desktop-news-container .story-image,
  html[data-device-category="desktop"] body.headerless-concept .desktop-news-container .story-image.crop-blue-strip-demo,
  html[data-device-category="desktop"] body.headerless-concept .desktop-news-card-wrapper.selected .story-image,
  html[data-device-category="desktop"] body.headerless-concept .desktop-news-card-wrapper:not(.selected) .story-image {
    display:block!important;width:130px!important;min-width:130px!important;max-width:130px!important;
    height:84px!important;min-height:84px!important;max-height:84px!important;
    object-fit:cover!important;object-position:center center!important;transform:none!important;
    border-radius:8px!important;
  }
}

/* Fully readable AI titles in light mode; do not inherit dimmed preview opacity.
   Existing dark-mode palette stays intact. */
html:not(.theme-dark) body.headerless-concept .analysis-section-header .result-label,
html:not(.theme-dark) body.headerless-concept .analysis-section-header .section-chevron,
html:not(.theme-dark) body.headerless-concept .answer-section-heading {
 color:#476D96!important;opacity:1!important;filter:none!important;
 -webkit-text-fill-color:#476D96!important;
}
html.theme-dark body.headerless-concept .analysis-section-header .result-label,
html.theme-dark body.headerless-concept .analysis-section-header .section-chevron {
 color:#A8BCD4!important;opacity:1!important;-webkit-text-fill-color:#A8BCD4!important;
}

/* Mobile: title and short description share exactly the same size in unread/read.
   Only the WEIGHT changes after read; the existing labels and colors remain. */
@media(max-width:900px){
  html[data-device-category="mobile"] body.headerless-concept #newsBody .story-title,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .story-title-trigger,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .story-title-mobile-text,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .story-desc-text {
    font-size:var(--mobile-body-size,20px)!important;
  }
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row[data-read="unread"] .story-title,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row[data-read="unread"] .story-title-trigger,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row:not(.checked) .story-title-trigger {
    font-weight:800!important;
  }
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row[data-read="read"] .story-title,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row[data-read="read"] .story-title-trigger,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row.checked .story-title-trigger,
  html[data-device-category="mobile"] body.headerless-concept #newsBody .news-row.checked .story-title-mobile-text {
    font-weight:400!important;
  }
}

/* Higher-specificity override for the V12 prototype's selected-image 110% zoom;
   without this, selection changes the thumbnail size despite base image rules. */
html[data-device-category="desktop"] body.design-preview.stage2.light-mode-v1.headerless-concept .desktop-news-card-wrapper.selected .story-image,
html[data-device-category="desktop"] body.design-preview.stage2.headerless-concept .desktop-news-card-wrapper.selected .story-image,
html[data-device-category="desktop"] body.headerless-concept .desktop-news-card-wrapper.selected .story-image.crop-blue-strip-demo {
  transform:none!important;transform-origin:center center!important;
  width:130px!important;height:84px!important;object-fit:cover!important;
}
