/* gossip-tv refinement sheet (2026-09-13, gtv-1). Review-round tweaks land
   here so the base sheet stays the reviewed 1.0.0 design. Loaded last. */

/* Sticky nav must never sit under the fixed off-canvas menu or the search overlay. */
.layout-gossip-tv .sector-search-overlay { z-index: 1100; }
.layout-gossip-tv .sector-search-dialog { font-family: var(--gtv-ui); }
.layout-gossip-tv .sector-search-dialog h2 { font: 800 18px/1.2 var(--gtv-head); text-transform: uppercase; }
.layout-gossip-tv .sector-search-dialog button { border: 0; background: transparent; font-size: 26px; cursor: pointer; }

/* Shared in-body modules inherit the family type. */
.layout-gossip-tv .vuga-article-body .article-related-inline h2,
.layout-gossip-tv .vuga-article-body .article-related-inline h3 { font-family: var(--gtv-head); text-transform: uppercase; }
.layout-gossip-tv .rich-media-placeholder { margin: 24px 0; }
.layout-gossip-tv .rich-media-placeholder button { font: 700 12px/1 var(--gtv-ui); text-transform: uppercase; letter-spacing: .04em; }

/* Faq / sources partials render with Tailwind classes; normalize the type. */
.layout-gossip-tv .gtv-article-main section h2 { font-family: var(--gtv-head); text-transform: uppercase; }

/* Lead unit: the image hugs the column on wide screens. */
@media (min-width: 1024px) {
  .layout-gossip-tv .gtv-lead-title { font-size: 1.9rem; }
}

/* 390px viewport: keep the menu row usable and the ticker on one screen. */
@media (max-width: 420px) {
  .layout-gossip-tv .gtv-topbar .gtv-wrap { min-height: 32px; }
  .layout-gossip-tv .gtv-partner { font-size: 10px; }
  .layout-gossip-tv .gtv-lead-title { font-size: 1.35rem; }
  .layout-gossip-tv .gtv-thumb { grid-template-columns: 96px minmax(0, 1fr); }
  .layout-gossip-tv .gtv-app-badges { grid-template-columns: minmax(0, 1fr); }
  .layout-gossip-tv .gtv-article-head h1 { font-size: 1.45rem; }
}