/* gossip-tv 2.0 (2026-09-15) — standalone family for gossip-stone.com.
   The Sun canon (r1 header): white utility strip, full-bleed red masthead
   with the white wordmark, sticky white nav with hairline dividers and the
   red active underline, light paper footer. Headlines carry the heavy
   condensed grotesque via the variable Archivo (font-stretch on display
   sizes); Roboto carries UI and body. Loads after style.min.css and
   sector-publication.css; the sector base sheet supplies .sector-media,
   .sector-skip, the search overlay and pagination. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap');

.layout-gossip-tv{--gtv-red:var(--vuga-color-accent,#ce0000);--gtv-ink:#111;--gtv-soft:#333;--gtv-muted:#767676;--gtv-line:#e5e5e5;--gtv-paper:#fff;--gtv-head:'Archivo',ui-sans-serif,system-ui,sans-serif;--gtv-ui:'Roboto',ui-sans-serif,system-ui,sans-serif;--gtv-body:'Roboto',ui-sans-serif,system-ui,sans-serif;--sector-accent:var(--gtv-red);--sector-head:var(--gtv-head);--sector-ui:var(--gtv-ui);--sector-body:var(--gtv-body);--sector-ink:var(--gtv-ink);--sector-muted:var(--gtv-muted);margin:0;background:var(--gtv-paper);color:var(--gtv-ink);font:15px/1.7 var(--gtv-body)}
.layout-gossip-tv h1,.layout-gossip-tv h2,.layout-gossip-tv h3,.layout-gossip-tv h4{font-family:var(--gtv-head);margin:0}
.layout-gossip-tv a{color:inherit;text-decoration:none}
.layout-gossip-tv a:hover{color:var(--gtv-red)}
.layout-gossip-tv img{max-width:100%;height:auto}
.layout-gossip-tv .sector-media img{height:100%}
.gtv-wrap{max-width:1240px;margin:0 auto;padding:0 20px;box-sizing:border-box}

/* ---------- header (The Sun canon) ---------- */
/* masthead: one red line — social left, centred logo, Media Partnership right */
.gtv-masthead{background:var(--gtv-red);color:#fff;padding:14px 16px 10px}
.gtv-masthead-row{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}
.gtv-masthead .gtv-social{display:flex;gap:2px;justify-self:start}
.gtv-masthead .gtv-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff}
.gtv-masthead .gtv-social a:hover{color:#fff;opacity:.75}
.gtv-masthead .gtv-social svg{width:16px;height:16px}
.gtv-masthead-brand{text-align:center}
/* width:auto — without it the 644x120 HTML attribute kept the rendered width
   while the CSS height clamp shrank the height, stretching the wordmark. */
.gtv-masthead-brand .gtv-logo img{height:clamp(40px,5.4vw,62px);width:auto}
.gtv-tagline{margin:8px 0 0;font:700 10px/1.4 var(--gtv-ui);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.gtv-mp-top{justify-self:end;color:#fff;font:800 12px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.08em;text-transform:uppercase;padding:10px 2px}
.layout-gossip-tv .gtv-mp-top,.layout-gossip-tv .gtv-mp-top:hover{color:#fff;text-decoration:none}
.gtv-mp-top:hover{opacity:.75}
.gtv-logo strong{font:900 clamp(1.8rem,5vw,3.2rem)/1 var(--gtv-head);letter-spacing:-.04em;text-transform:uppercase}
/* The Sun desktop canon: the whole header block is red — big logo line, then
   the menu + search on red below. When the nav sticks it collapses onto one
   red line: small wordmark left + menu + search (is-stuck toggled by the
   inline scroll watcher in _header.ejs). */
.gtv-nav{background:var(--gtv-red);position:sticky;top:0;z-index:60}
.gtv-nav .gtv-wrap{display:flex;align-items:stretch;min-height:54px}
.gtv-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;border:0;background:transparent;padding:0 8px;cursor:pointer}
.gtv-burger span{display:block;height:2px;background:#fff}
.gtv-nav-logo{display:none;align-items:center;margin:0 auto}
.gtv-nav-logo img{display:block;height:24px;width:auto}
.gtv-menu{list-style:none;margin:0;padding:0;display:flex;flex:1;align-items:stretch}
.gtv-menu>li{position:relative;display:flex}
.gtv-menu>li+li{border-left:1px solid rgba(255,255,255,.28)}
.gtv-menu>li>a{display:inline-flex;align-items:center;padding:0 16px;font:800 14px/54px var(--gtv-head);font-stretch:92%;text-transform:uppercase;color:#fff;box-shadow:inset 0 -3px 0 transparent}
.gtv-menu>li>a:hover,.gtv-menu>li>a[aria-current=page],.gtv-menu>li:focus-within>a{color:#fff;box-shadow:inset 0 -3px 0 rgba(255,255,255,.95)}
.gtv-caret{display:inline-block;width:0;height:0;margin-left:6px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7}
.gtv-sub{position:absolute;top:100%;left:0;min-width:220px;margin:0;padding:8px 0;list-style:none;background:#fff;border-top:2px solid var(--gtv-red);box-shadow:0 4px 12px rgba(0,0,0,.14);display:none;z-index:70}
.gtv-has-sub:hover>.gtv-sub,.gtv-has-sub:focus-within>.gtv-sub{display:block}
.gtv-sub a{display:block;padding:9px 18px;font:600 12px/1.3 var(--gtv-head);text-transform:uppercase;color:#111}
.gtv-sub a:hover,.gtv-sub a[aria-current=page]{color:var(--gtv-red);background:#f7f7f7}
/* r6: restated white — the bare `.layout-gossip-tv a{color:inherit}` rule
   outranked the plain class and rendered the magnifier black on red. */
.layout-gossip-tv .gtv-search{color:#fff}
.layout-gossip-tv .gtv-search:hover{color:rgba(255,255,255,.8)}
/* Stuck state (desktop only): one red line — small wordmark + menu + search.
   On phones the bar is always the compact canon-bar with a centred logo. */
@media (min-width:768px){
  .gtv-nav.is-stuck .gtv-nav-logo{display:flex;margin:0 10px 0 0}
  .gtv-nav.is-stuck .gtv-wrap{min-height:50px}
  .gtv-nav.is-stuck .gtv-menu>li>a{font:800 13px/50px var(--gtv-head);font-stretch:92%}
}

/* mobile off-canvas menu (main.js: #mobile-menu-toggle, .mobile-menu, .mobile-menu-overlay) */
.gtv-mobile-menu{position:fixed;top:0;bottom:0;left:0;width:min(320px,86vw);background:#111;color:#fff;z-index:1001;overflow-y:auto;transform:translateX(-100%);transition:transform .3s ease;display:none;padding-bottom:40px}
.gtv-mobile-menu.active{transform:translateX(0)}
/* sector-publication.css ships an ID rule (#mobile-menu: white, z-50,
   width 18rem) that outranks every class-based drawer style and sinks the
   gossip drawer under the page overlay + sticky nav — restate the family
   drawer at ID specificity so it keeps its dark skin and stays on top. */
#mobile-menu.gtv-mobile-menu{top:0;bottom:0;left:0;width:min(320px,86vw);max-width:86vw;height:100%;background:#111;color:#fff;z-index:1001;box-shadow:0 25px 50px -12px rgba(0,0,0,.35);transform:translateX(-100%);transition:transform .3s ease}
#mobile-menu.gtv-mobile-menu.active{transform:translateX(0)}
.gtv-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2a2a2a;font:800 14px/1 var(--gtv-head);text-transform:uppercase}
.gtv-mobile-head button{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.gtv-mobile-list,.gtv-mobile-list ul{list-style:none;margin:0;padding:0}
.gtv-mobile-list>li{border-bottom:1px solid #2a2a2a}
.gtv-mobile-list a,.gtv-mobile-group{display:block;padding:13px 18px;font:700 13px/1.2 var(--gtv-head);text-transform:uppercase;color:#fff}
.gtv-mobile-list ul a{padding:10px 18px 10px 32px;font-weight:600;color:#bbb}
.gtv-mobile-list a[aria-current=page]{color:var(--gtv-red)}
.gtv-mobile-social{display:flex;gap:6px;padding:16px 12px}
.gtv-mobile-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#fff}
.gtv-mobile-social svg{width:16px;height:16px}
.gtv-mobile-social a:hover{color:var(--gtv-red)}
.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000;display:none}
.mobile-menu-overlay.active{display:block}

/* ---------- shared atoms ---------- */
/* The category chip stays white-on-red everywhere (owner note, r3): the bare
   `.layout-gossip-tv a{color:inherit}` rule outranks the plain class, so the
   white is restated at equal-or-higher specificity. */
.gtv-badge{display:inline-block;background:var(--gtv-red);color:#fff;font:700 10px/1 var(--gtv-ui);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px 4px;margin-bottom:8px}
.layout-gossip-tv a.gtv-badge,.layout-gossip-tv a.gtv-badge:hover{color:#fff;text-decoration:none}
.gtv-badge:hover{background:#a50000}
.gtv-badge--sponsored{background:#111;margin-left:6px}
.gtv-meta{font:400 11px/1.4 var(--gtv-ui);color:var(--gtv-muted);text-transform:none;margin-top:6px}
.gtv-meta .gtv-author{font-weight:700;color:var(--gtv-soft)}
.gtv-meta .gtv-dot{margin:0 6px}
.gtv-kicker{display:block;font:800 11px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.05em;text-transform:uppercase;color:var(--gtv-red);margin-bottom:7px}
.gtv-row-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:2px solid #111;margin:0 0 20px;padding-bottom:0}
.gtv-row-head h2{font:800 20px/1 var(--gtv-head);font-stretch:80%;text-transform:uppercase;color:var(--gtv-red);padding:10px 0 9px;border-bottom:3px solid var(--gtv-red);margin-bottom:-2px}
.gtv-row-head h2 a{color:inherit}
.gtv-row-more{font:800 11px/1 var(--gtv-head);font-stretch:92%;text-transform:uppercase;letter-spacing:.04em;padding-bottom:12px}
/* .layout-gossip-tv a{color:inherit} outranks a bare class — restate the red at higher specificity */
.layout-gossip-tv .gtv-row-more,.layout-gossip-tv .gtv-row-more:hover{color:var(--gtv-red)}
.gtv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.gtv-cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gtv-row--2 .gtv-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.gtv-card-media{display:block;position:relative;margin-bottom:12px}
.gtv-card-media .sector-media{aspect-ratio:16/10}
.gtv-card-media .gtv-badge{position:absolute;left:0;bottom:0;margin:0}
.gtv-cards--portrait .gtv-card-media .sector-media{aspect-ratio:auto}
.gtv-card h3{font:800 17px/1.22 var(--gtv-head);font-stretch:74%;letter-spacing:-.005em}
.gtv-card-excerpt{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--gtv-soft)}
.gtv-coming-soon{text-align:center;padding:60px 20px;border:1px solid var(--gtv-line)}
.gtv-coming-title{font:800 26px/1.2 var(--gtv-head);text-transform:uppercase;margin:12px 0 6px}
.gtv-coming-soon a{color:var(--gtv-red);font:700 12px/1 var(--gtv-ui);text-transform:uppercase}

/* ---------- homepage ---------- */
.gtv-home{padding-bottom:40px}
.gtv-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,1fr);gap:28px 24px;padding:28px 0 24px;border-bottom:1px solid var(--gtv-line)}
.gtv-lead-media{display:block;margin-bottom:14px}
.gtv-lead-media .sector-media{aspect-ratio:16/10}
.gtv-lead-title{font:800 clamp(1.7rem,2.9vw,2.5rem)/1.12 var(--gtv-head);font-stretch:74%;letter-spacing:-.015em}
.gtv-lead-excerpt{margin:12px 0 0;font-size:14px;line-height:1.7;color:var(--gtv-soft)}
.gtv-hero-col{display:grid;grid-template-rows:repeat(4,auto);gap:18px;align-content:start}
.gtv-thumb{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start}
.gtv-thumb-media{display:block}
.gtv-thumb-media .sector-media{aspect-ratio:4/3}
.gtv-thumb h3{font:700 14px/1.3 var(--gtv-head);font-stretch:78%}
.gtv-thumb time{display:block;margin-top:5px;font:400 11px/1 var(--gtv-ui);color:var(--gtv-muted)}
.gtv-trending{display:flex;align-items:center;gap:0;margin:22px 0 30px;border:1px solid var(--gtv-line);padding:10px 12px;position:relative}
.gtv-trending-label{flex:none;background:var(--gtv-red);color:#fff;font:700 11px/22px var(--gtv-ui);text-transform:uppercase;padding:1px 10px;letter-spacing:.04em}
.gtv-trending-list{list-style:none;margin:0;padding:0 0 0 14px;flex:1;min-width:0;position:relative;height:24px}
.gtv-trending-item{position:absolute;inset:0;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:700 14px/24px var(--gtv-head);font-stretch:78%}
.gtv-trending-item.is-active{visibility:visible;position:relative}
.gtv-trending-nav{flex:none;display:flex;gap:4px;margin-left:12px}
.gtv-trending-nav button{width:26px;height:26px;border:1px solid var(--gtv-line);background:#fff;color:#111;font-size:18px;line-height:1;cursor:pointer;padding:0}
.gtv-trending-nav button:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
/* Most Read — The Sun black rail. */
.gtv-mostread{background:#111;color:#fff;padding:24px 26px 26px;margin:0 0 40px}
.gtv-mostread-label{display:inline-block;background:var(--gtv-red);color:#fff;font:800 12px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;margin:0 0 20px}
.gtv-mostread-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.gtv-mostread-item{display:flex;gap:12px;align-items:flex-start;min-width:0}
.gtv-mostread-num{font:800 30px/0.9 var(--gtv-head);font-stretch:74%;color:var(--gtv-red)}
.gtv-mostread-head{display:block;font:800 14px/1.25 var(--gtv-head);font-stretch:76%;color:#fff}
.gtv-mostread-item:hover .gtv-mostread-head{color:var(--gtv-red)}
.gtv-mostread-meta{display:block;margin-top:7px;font:700 10px/1 var(--gtv-ui);letter-spacing:.06em;text-transform:uppercase;color:#9a9a9a}
.gtv-row{margin:0 0 40px}
.gtv-row-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-bottom:40px}
.gtv-row-pair .gtv-row{margin:0}
/* Cover Story as a full red panel (The Sun section-front variety). */
.gtv-cover{background:var(--gtv-red);color:#fff;padding:26px 26px 32px;margin:0 0 40px}
.gtv-cover .gtv-row-head{border-bottom-color:rgba(255,255,255,.4);margin-bottom:24px}
.gtv-cover .gtv-row-head h2{color:#fff;border-bottom-color:#fff}
.layout-gossip-tv .gtv-cover .gtv-row-more,.layout-gossip-tv .gtv-cover .gtv-row-more:hover{color:#fff}
.gtv-cover-card h3{color:#fff}
.gtv-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.gtv-cover-card a{display:block}
/* cover-story (r10 owner call): covers render at their NATIVE ratio — the
   original magazine files go up whole, edge to edge, masthead intact. All
   cover files share one ratio, so the rack stays even. */
.layout-gossip-tv .sector-media--portrait{aspect-ratio:auto!important}
.layout-gossip-tv .sector-media--portrait img{height:auto}
.gtv-cover-card .sector-media{aspect-ratio:auto;margin-bottom:14px}
.gtv-cover-card h3{font:700 16px/1.3 var(--gtv-head);font-stretch:78%;text-align:center}
.gtv-latest{margin:0 0 20px}

/* ---------- article ---------- */
.gtv-article-page{padding:32px 0 40px}
.gtv-article-head{max-width:1000px;margin-bottom:24px}
.gtv-published{font:700 11px/1.5 var(--gtv-ui);text-transform:uppercase;letter-spacing:.03em;color:var(--gtv-muted);margin:2px 0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 0}
.gtv-published a{color:var(--gtv-soft)}
.gtv-published a:hover{color:var(--gtv-red)}
.gtv-readtime{display:inline-flex;align-items:center;gap:5px;margin-left:16px;text-transform:none;letter-spacing:0;font-weight:400}
.gtv-readtime svg{width:14px;height:14px}
.gtv-article-head h1{font:800 clamp(1.6rem,3.4vw,2.6rem)/1.15 var(--gtv-head);text-transform:uppercase;letter-spacing:-.02em}
.gtv-dek{margin:14px 0 0;font-size:17px;line-height:1.6;color:var(--gtv-soft)}
.gtv-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.gtv-article-main{padding-inline:0!important;max-width:760px}
.gtv-article-main--full{max-width:760px}
.gtv-article-hero{margin:0 0 18px}
.gtv-article-hero .sector-media{aspect-ratio:16/9}
/* cover-story heroes render the photo at its natural ratio (r9): landscape
   stays landscape, portrait covers stay portrait, nothing is cropped. */
.gtv-article-hero--portrait .sector-media{aspect-ratio:auto;max-width:620px}
.gtv-article-hero--portrait .sector-media img{height:auto}
.gtv-article-hero figcaption{font:400 12px/1.5 var(--gtv-ui);color:var(--gtv-muted);margin-top:6px}
.gtv-share{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--gtv-line)}
.gtv-share span{font:700 11px/1 var(--gtv-ui);text-transform:uppercase;color:var(--gtv-muted);margin-right:6px}
/* r9: share buttons are icons, not word labels. */
.gtv-share a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #111;color:#111}
.gtv-share a svg{width:15px;height:15px}
.gtv-share a:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
.gtv-article-body{font:16px/1.8 var(--gtv-body);color:var(--gtv-soft);margin-inline:0!important}
.gtv-article-body h2{font:700 22px/1.3 var(--gtv-head);color:#111;margin:32px 0 12px}
.gtv-article-body h3{font:700 18px/1.35 var(--gtv-head);color:#111;margin:26px 0 10px}
.gtv-article-body a{color:var(--gtv-red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.gtv-article-body blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:4px solid var(--gtv-red);font-style:italic;color:#111}
.gtv-article-body figure{margin:24px 0}
.gtv-article-body figcaption{font:400 12px/1.5 var(--gtv-ui);color:var(--gtv-muted);margin-top:6px}
.gtv-article-body iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.gtv-author-box{display:flex;gap:18px;align-items:flex-start;margin:36px 0 0;padding:22px;border:1px solid var(--gtv-line);background:#fafafa}
.gtv-author-box img,.gtv-author-initials{flex:none;width:72px;height:72px;border-radius:50%;object-fit:cover}
.gtv-author-initials{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;font:800 22px/1 var(--gtv-head)}
.gtv-author-box b{display:block;font:700 15px/1.2 var(--gtv-head);text-transform:uppercase}
.gtv-author-role{display:block;font:400 11px/1.4 var(--gtv-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--gtv-muted);margin-top:4px}
.gtv-author-box p{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--gtv-soft)}
.gtv-sidebar{position:sticky;top:70px}
/* margin restated at (0,2,0): `.layout-gossip-tv h2{margin:0}` outranks the
   bare class and was collapsing the gap under the Latest News rail heading. */
.layout-gossip-tv .gtv-side-head{font:700 15px/1 var(--gtv-head);text-transform:uppercase;color:var(--gtv-red);border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:26px;position:relative}
.gtv-side-head:after{content:'';position:absolute;left:0;bottom:-2px;width:64px;height:2px;background:var(--gtv-red)}
.gtv-side-item{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--gtv-line)}
.gtv-side-item:last-child{border-bottom:0}
.gtv-side-item h3{font:700 14px/1.35 var(--gtv-head);text-transform:uppercase}
.gtv-side-item p{margin:6px 0 0;font-size:12px;line-height:1.55;color:var(--gtv-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gtv-side-item time{display:block;margin-top:6px;font:400 11px/1 var(--gtv-ui);color:var(--gtv-muted)}
.gtv-related{margin-top:44px}

/* ---------- category ---------- */
.gtv-category{padding:28px 0 40px}
.gtv-crumb{font:400 11px/1 var(--gtv-ui);text-transform:uppercase;letter-spacing:.04em;color:var(--gtv-muted);margin-bottom:12px}
.gtv-crumb a{color:var(--gtv-soft)}
.gtv-category-head{margin-bottom:26px;border-bottom:2px solid #111;padding-bottom:0}
.gtv-category-head h1{display:inline-block;font:800 26px/1 var(--gtv-head);text-transform:uppercase;color:var(--gtv-red);padding-bottom:10px;border-bottom:3px solid var(--gtv-red);margin-bottom:-2px}
.gtv-category-desc{margin:0 0 16px;font-size:14px;line-height:1.7;color:var(--gtv-soft);max-width:760px}
.gtv-pagination{justify-content:center;align-items:center;gap:12px;margin-top:40px}
.gtv-pagination a{border:1px solid #111;padding:9px 16px;font:700 11px/1 var(--gtv-ui);text-transform:uppercase;letter-spacing:.04em}
.gtv-pagination a:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
.gtv-page-count{font:400 12px/1 var(--gtv-ui);color:var(--gtv-muted)}

/* ---------- static page ---------- */
.gtv-page{padding:32px 0 40px}
.gtv-static-page .gtv-article-head{max-width:760px}

/* ---------- search results page (r3: search opens a page, not an overlay) ---------- */
.gtv-search-head{margin:6px 0 26px;max-width:760px}
.gtv-search-head h1{font:800 clamp(1.7rem,3vw,2.4rem)/1 var(--gtv-head);font-stretch:78%;text-transform:uppercase;margin:0 0 18px}
.gtv-search-form{display:flex;border:2px solid #111;background:#fff}
.gtv-search-form input{flex:1;min-width:0;border:0;padding:14px 16px;font:400 16px/1.4 var(--gtv-ui);color:#111;outline:none}
.gtv-search-form button{flex:none;border:0;background:var(--gtv-red);color:#fff;font:800 12px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.08em;text-transform:uppercase;padding:0 22px;cursor:pointer}
.gtv-search-form button:hover{background:#a50000}
.gtv-search-status{margin:18px 0 0;font:400 13px/1.6 var(--gtv-ui);color:var(--gtv-muted)}
.gtv-search-status b{color:#111}
.gtv-search-empty{padding:40px 0;color:var(--gtv-soft);font-size:15px}
.gtv-search-meta{margin-left:auto;color:var(--gtv-muted);font-weight:400;font-family:var(--gtv-ui);font-size:11px;text-transform:none;letter-spacing:0}

/* ---------- whatsapp / share card (every page, r3) ---------- */
.gtv-share-band{margin:40px 0 0;padding:22px 24px;border:1px solid var(--gtv-line);background:#fafafa;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.gtv-share-band-title{font:800 15px/1.2 var(--gtv-head);font-stretch:80%;text-transform:uppercase;margin:0}
.gtv-share-band-sub{margin:4px 0 0;font:400 12px/1.5 var(--gtv-ui);color:var(--gtv-muted)}
.gtv-share-band-actions{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.gtv-share-band a,.gtv-share-band button{display:inline-flex;align-items:center;gap:7px;border:1px solid #111;background:#fff;color:#111;padding:10px 14px;font:700 11px/1 var(--gtv-ui);text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
.gtv-share-band a:hover,.gtv-share-band button:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
.gtv-share-band svg{width:14px;height:14px;flex:none}
/* WhatsApp brand button */
.gtv-wa{border-color:#25d366!important;color:#0e7a3c!important}
.gtv-wa:hover{background:#25d366!important;border-color:#25d366!important;color:#fff!important}
/* Floating WhatsApp tab on every page */
.gtv-wa-float{position:fixed;right:16px;bottom:16px;z-index:900;display:inline-flex;align-items:center;gap:8px;background:#25d366;color:#fff;border-radius:999px;padding:11px 16px;box-shadow:0 4px 14px rgba(0,0,0,.22);font:700 12px/1 var(--gtv-ui);text-transform:uppercase;letter-spacing:.03em}
.layout-gossip-tv .gtv-wa-float{color:#fff;text-decoration:none}
.layout-gossip-tv .gtv-wa-float:hover{color:#fff;background:#1fb959}
.gtv-wa-float svg{width:18px;height:18px}

/* rich-media placeholders inherit the family look (black rail, not slate) */
.layout-gossip-tv .rich-media-placeholder{background:#111;border:0}
.layout-gossip-tv .rich-media-placeholder p{font:800 13px/1 var(--gtv-head);font-stretch:88%;text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0}
.layout-gossip-tv .rich-media-placeholder button{font:800 11px/1 var(--gtv-head);font-stretch:88%;text-transform:uppercase;letter-spacing:.06em;background:#fff;color:#111;border:0;padding:12px 18px;cursor:pointer}
.layout-gossip-tv .rich-media-placeholder button:hover{background:var(--gtv-red);color:#fff}
/* r9: the classic YouTube play button — small red rounded rect with a white
   triangle, icon-only. The a11y label lives in the markup. */
.layout-gossip-tv .rich-media-placeholder.has-thumb button{width:68px;height:48px;padding:0;border:0;border-radius:12px;background:#f00;font-size:0;box-shadow:0 2px 12px rgba(0,0,0,.45)}
.layout-gossip-tv .rich-media-placeholder.has-thumb button::before{content:'';display:block;margin:0 auto;width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.layout-gossip-tv .rich-media-placeholder.has-thumb button:hover{background:#cc0000}

/* ---------- media-partnership one-pager (ported from the WP original) ---------- */
/* NB: .gtv-mp-page sits on <body> together with .layout-gossip-tv — do not chain them as nested ancestors. */
.gtv-mp-page .gtv-article-main--full{max-width:none}
.gtv-mp-page .gtv-crumb,.gtv-mp-page .gtv-published{display:none}
/* theme.js injects .vuga-article-body{max-width:70ch!important} network-wide; the one-pager needs the full container. */
.gtv-mp-page .gtv-article-body{max-width:none!important}
.gtv-mp-hero{padding:4px 0 6px}
.gtv-mp-title{font:800 clamp(2rem,4vw,3.1rem)/1.06 var(--gtv-head);font-stretch:74%;letter-spacing:-.01em;margin:2px 0 14px}
.gtv-mp-lede{margin:0;font-size:17px;line-height:1.65;color:var(--gtv-soft);max-width:860px}
.gtv-mp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--gtv-line);margin:26px 0 34px}
.gtv-mp-stats>div{padding:22px 20px;border-left:1px solid var(--gtv-line)}
.gtv-mp-stats>div:first-child{border-left:0}
.gtv-mp-stats b{display:block;font:800 30px/1 var(--gtv-head);font-stretch:74%;color:var(--gtv-red);margin-bottom:9px}
.gtv-mp-stats span{font:700 10px/1.5 var(--gtv-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--gtv-muted)}
.gtv-mp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 34px}
.gtv-mp-card{padding:30px 30px 34px}
.gtv-mp-card h2{font:800 13px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}
.gtv-mp-card ul{list-style:none;margin:0;padding:0}
.gtv-mp-card li{position:relative;padding:0 0 0 24px;margin:0 0 14px;font:15px/1.6 var(--gtv-body)}
.gtv-mp-card li:last-child{margin-bottom:0}
.gtv-mp-card li:before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--gtv-red)}
.gtv-mp-card--cream{background:#faf5f2;border:1px solid #efe4de}
.gtv-mp-card--cream h2{color:var(--gtv-red)}
.gtv-mp-card--red{background:var(--gtv-red);color:#fff}
.gtv-mp-card--red h2{color:#fff}
.gtv-mp-card--red li:before{background:#fff}
.gtv-mp-note{background:#fdf3f0;border-left:5px solid var(--gtv-red);padding:20px 24px;font:700 15px/1.65 var(--gtv-body);color:#1c1c1c;margin:0 0 34px}
.gtv-mp-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;border-top:1px solid var(--gtv-line);padding-top:26px;margin:0 0 34px}
.gtv-mp-contact .gtv-kicker{margin-bottom:9px}
.gtv-mp-contact p{margin:0;font-size:15px;line-height:1.6;color:var(--gtv-soft)}
.gtv-mp-contact p a{color:var(--gtv-red)}
.gtv-mp-btn{display:inline-block;background:#111;color:#fff;font:800 12px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.08em;text-transform:uppercase;padding:16px 22px;text-decoration:none}
.layout-gossip-tv .gtv-mp-btn,.layout-gossip-tv .gtv-mp-btn:hover{color:#fff;text-decoration:none}
.gtv-mp-btn:hover{background:var(--gtv-red)}
.gtv-mp-btn--red{background:var(--gtv-red)}
.gtv-mp-btn--red:hover{background:#111}
.gtv-mp-commercial{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;background:#111;color:#fff;padding:26px 28px;margin:0 0 12px}
.gtv-mp-commercial .gtv-kicker{color:#ff5449;margin-bottom:0}
.gtv-mp-commercial p{margin:8px 0 0;font:400 16px/1.6 var(--gtv-body);color:#ececec;max-width:660px}
/* brand-features one-pager reuses the mp family plus these blocks. */
.gtv-bf-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:stretch}
.gtv-bf-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.gtv-bf-cta .gtv-mp-btn{display:inline-flex;align-items:center}
.gtv-mp-price{background:#111;color:#fff;padding:30px 30px 32px;display:flex;flex-direction:column;justify-content:center}
.gtv-mp-price .gtv-kicker{color:#ff5449;margin-bottom:12px}
.gtv-mp-price b{display:block;font:800 clamp(2.2rem,3.6vw,3rem)/1 var(--gtv-head);font-stretch:74%;margin-bottom:14px}
.gtv-mp-price p{margin:0;font-size:14px;line-height:1.65;color:#d9d9d9}
.gtv-mp-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 34px}
.gtv-mp-tri>div{background:#f7f7f7;border-top:3px solid #111;padding:24px 24px 28px}
.gtv-mp-tri h2{font:800 19px/1.15 var(--gtv-head);font-stretch:78%;margin:0 0 12px}
.gtv-mp-tri p{margin:0;font-size:14px;line-height:1.65;color:var(--gtv-soft)}
.gtv-mp-line{margin:0;font-size:15px;line-height:1.6;color:var(--gtv-soft)}
.gtv-mp-line a{color:var(--gtv-red)}
/* two clearly separated offers on the media-partnership page */
.gtv-mp-split{margin:0 0 34px}
.gtv-mp-split-head{margin:0 0 22px;max-width:840px}
.gtv-mp-split-head h2{font:800 clamp(1.5rem,2.6vw,2.1rem)/1.12 var(--gtv-head);font-stretch:74%;margin:2px 0 12px}
.gtv-mp-split-head p{margin:0;font-size:15px;line-height:1.7;color:var(--gtv-soft)}
.gtv-mp-band{background:#111;color:#fff;padding:32px 30px 36px;margin:0 0 12px}
.gtv-mp-band .gtv-mp-split-head{margin-bottom:26px}
.gtv-mp-band .gtv-mp-split-head h2{color:#fff}
.gtv-mp-band .gtv-mp-split-head p{color:#d9d9d9}
.gtv-mp-band .gtv-kicker{color:#ff5449}
.gtv-mp-band ul{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}
.gtv-mp-band ul li{position:relative;padding-left:24px;font-size:15px;line-height:1.6;color:#fff}
.gtv-mp-band ul li:before{content:'';position:absolute;left:0;top:7px;width:8px;height:8px;background:var(--gtv-red)}
.gtv-mp-band .gtv-mp-btn{background:var(--gtv-red)}
.gtv-mp-band .gtv-mp-btn:hover{background:#fff}
.gtv-mp-btn--ghost{background:transparent;border:1px solid #fff}
.layout-gossip-tv .gtv-mp-btn--ghost,.layout-gossip-tv .gtv-mp-btn--ghost:hover{background:transparent;color:#fff;text-decoration:none}
.gtv-mp-btn--ghost:hover{border-color:var(--gtv-red);color:var(--gtv-red)!important}
/* about one-pager reuses the mp family plus the team blocks. */
.gtv-ab-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:stretch}
.gtv-ab-brandbox{background:var(--gtv-red);display:flex;align-items:center;justify-content:center;padding:40px 30px}
.gtv-ab-brandbox img{width:72%;max-width:280px;height:auto}
.gtv-ab-teamtitle{font:800 clamp(1.6rem,3vw,2.2rem)/1 var(--gtv-head);font-stretch:78%;margin:38px 0 22px}
.gtv-ab-duo{display:grid;gap:26px;margin:0 0 34px}
.gtv-ab-duo-card{display:grid;grid-template-columns:300px minmax(0,1fr);gap:26px;background:#fff;border:1px solid var(--gtv-line);padding:24px}
.gtv-ab-duo-card img{width:100%;height:auto;object-fit:cover}
.gtv-ab-duo-card h3{font:800 clamp(1.8rem,3vw,2.6rem)/1 var(--gtv-head);font-stretch:74%;margin:0 0 12px}
.gtv-ab-duo-card h3 .gtv-ab-last{color:var(--gtv-red)}
.gtv-ab-duo-card p{margin:0;font-size:14px;line-height:1.7;color:var(--gtv-soft)}
.gtv-ab-ig{display:inline-block;margin-top:14px;border:1px solid var(--gtv-line);padding:8px 16px;font:800 11px/1 var(--gtv-ui);letter-spacing:.06em;text-transform:uppercase;color:#111}
/* owner note (r3): press states go red, never black */
.layout-gossip-tv .gtv-ab-ig{text-decoration:none}
.layout-gossip-tv .gtv-ab-ig:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff;text-decoration:none}
.gtv-ab-ig:active{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
.gtv-ab-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;margin:0 0 34px}
.gtv-ab-card img{width:130px;height:130px;border-radius:50%;object-fit:cover;margin-bottom:14px}
.gtv-ab-card h3{font:800 18px/1.2 var(--gtv-head);font-stretch:78%;margin:0 0 6px}
.gtv-ab-card .gtv-ab-role{margin:0 0 10px;font:700 10px/1.5 var(--gtv-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gtv-red)}
.gtv-ab-card .gtv-ab-bio{margin:0;font-size:13px;line-height:1.65;color:var(--gtv-soft)}

/* ---------- footer (The Sun canon: light sheet, red wordmark block) ---------- */
.layout-gossip-tv .gtv-footer{background:#fff;color:var(--gtv-ink);margin-top:48px;padding:44px 0 0;border-top:1px solid var(--gtv-line)}
.gtv-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding:0 0 32px}
.gtv-footer-logo{display:inline-block;background:var(--gtv-red);padding:12px 20px;margin-bottom:16px}
.gtv-footer-logo img{display:block;width:auto;height:32px}
.gtv-footer-brand p{margin:0 0 14px;font:700 11px/1.6 var(--gtv-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gtv-muted)}
/* r9-11: footer socials are icon glyphs, not word labels. */
.gtv-footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.gtv-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #111;border-radius:50%;color:#111}
.gtv-footer-social a svg{width:15px;height:15px}
.gtv-footer-social a:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
/* r11: TV-app badges (App Store x2, Roku, Fire TV) under the socials. */
.gtv-footer-tv{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 18px;max-width:330px}
.gtv-footer-tv a{display:flex;align-items:center;gap:7px;background:#111;color:#fff;padding:7px 10px;border-radius:6px;text-decoration:none}
.layout-gossip-tv .gtv-footer-tv a,.layout-gossip-tv .gtv-footer-tv a:hover{color:#fff;text-decoration:none}
.gtv-footer-tv a:hover{background:var(--gtv-red)}
.gtv-footer-tv svg{width:16px;height:16px;flex:none}
.gtv-footer-tv .gtv-tv-label{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.gtv-footer-tv .gtv-tv-label small{font:500 7.5px/1.2 var(--gtv-ui);letter-spacing:.06em;text-transform:uppercase;color:#c9c9c9;white-space:nowrap}
.gtv-footer-tv .gtv-tv-label b{font:700 11px/1.2 var(--gtv-ui);color:#fff;white-space:nowrap}
.gtv-footer-partner{display:inline-block;border:1px solid #111;padding:9px 14px;font:700 11px/1 var(--gtv-ui);text-transform:uppercase;letter-spacing:.04em}
.layout-gossip-tv .gtv-footer-partner{color:#111;border-color:#111}
.layout-gossip-tv .gtv-footer-partner:hover{background:var(--gtv-red);border-color:var(--gtv-red);color:#fff}
.gtv-footer-grid h2{font:800 12px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.12em;text-transform:uppercase;color:#111;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid #111}
.gtv-footer-grid nav a{display:block;padding:5px 0;font:600 12px/1.3 var(--gtv-head);text-transform:uppercase;color:#444}
.gtv-footer-grid nav a:hover{color:var(--gtv-red)}
/* Shows sub-menu (r9, r12): click-to-expand under a Shows toggle. */
.gtv-footer-grid nav .gtv-footer-shows-head{display:flex;align-items:center;gap:6px;padding:7px 0 3px;border:0;background:none;cursor:pointer;font:800 12px/1.3 var(--gtv-head);text-transform:uppercase;color:#111}
.gtv-footer-grid nav .gtv-footer-shows-caret{font:400 14px/1 var(--gtv-ui);color:var(--gtv-red)}
.gtv-footer-grid nav .gtv-footer-shows-list{list-style:none;margin:0;padding:0 0 2px}
.gtv-footer-grid nav a.gtv-footer-sub{padding:3px 0 3px 14px;font-size:11px;color:#777}
/* r24: show pages rebuilt from the WP originals — gradient display title,
   two-column hero blocks, YouTube playlist facade, buttons, socials. */
/* The theme head inline sheet clamps .vuga-article-body to 70ch !important
   with overflow-wrap:anywhere — on the wide show layouts that squeezed the
   hero grid to ~630px and broke display headings mid-word. Neutralise both
   for these pages only (gt24 judge round). */
.layout-gossip-tv.gtv-show-page .gtv-article-frame{padding-inline:0!important}
.layout-gossip-tv.gtv-show-page .gtv-article-body{max-width:none!important}
.layout-gossip-tv .gtv-article-main--full{max-width:1080px}
.gtv-show-title{padding-top:20px;margin:0 0 25px;text-align:center;--gtv-show-grad:#ce0000}
.gtv-show-title--xl{--gtv-show-grad:#dd3333}
.gtv-show-title-text{margin:0;font:700 55px/1 var(--gtv-head);letter-spacing:-.045em;text-transform:capitalize;background:linear-gradient(156deg,#000 30%,var(--gtv-show-grad) 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.gtv-show-title--xl .gtv-show-title-text{font-size:clamp(44px,8.5vw,100px);letter-spacing:-.04em}
.gtv-show-title--lg .gtv-show-title-text{font-size:clamp(40px,7vw,80px)}
.gtv-show-title-sub{display:flex;align-items:center;gap:20px;max-width:80%;margin:14px auto 0;font:italic 400 15px/1.4 var(--gtv-ui);color:#5b5b5b}
.gtv-show-title-sub::before,.gtv-show-title-sub::after{content:'';flex:1 1 auto;height:1px;background:#e3e3e3}
.layout-gossip-tv .gtv-article-main section .gtv-show-fancy{margin:0 0 18px;font:700 clamp(40px,7vw,100px)/1.05 var(--gtv-head);letter-spacing:-.03em;text-transform:capitalize;color:#333;overflow-wrap:normal;word-break:normal}
.layout-gossip-tv .gtv-article-main section .gtv-show-fancy .gtv-show-fancy-a{display:block}
.layout-gossip-tv .gtv-article-main section .gtv-show-fancy--md{font-size:clamp(30px,5vw,60px);line-height:1;letter-spacing:.01em}
.layout-gossip-tv .gtv-article-body .gtv-show-h{margin:0 0 16px;font:800 clamp(26px,3.5vw,34px)/1.2 var(--gtv-head);text-transform:capitalize;color:#111}
.layout-gossip-tv .gtv-article-body .gtv-show-descr h3{margin:6px 0 14px;font:700 clamp(19px,2.4vw,24px)/1.3 var(--gtv-head);color:#111}
.gtv-show-descr p{margin:0 0 16px}
.gtv-show-descr strong{color:#111}
.layout-gossip-tv .gtv-article-body .gtv-show-descr a:not(.gtv-show-btn){color:var(--gtv-red)}
.gtv-show-cats{margin:0 0 16px}
.gtv-show-cats p{margin:0 0 10px}
.layout-gossip-tv .gtv-article-body .gtv-show-btn{display:inline-block;margin:2px 0;padding:12px 26px;border:0;border-radius:2px;background:#111;color:#fff;font:800 13px/1 var(--gtv-head);font-stretch:92%;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.layout-gossip-tv .gtv-article-body .gtv-show-btn:hover{background:var(--gtv-red);color:#fff}
.gtv-show-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:38px;align-items:start;margin:34px 0}
.gtv-show-hero--flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.gtv-show-hero-media{margin:0}
.gtv-show-hero-media img{width:100%;height:auto}
.gtv-show-hero--flip .gtv-show-hero-text{padding-top:4px}
/* YouTube playlist (original tagDiv player rebuilt): black stage + scrollable
   queue, classic red play button on the real thumbnail. */
.gtv-show-playlist{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);margin:34px 0;background:#000}
.gtv-show-player{display:flex;flex-direction:column;min-width:0}
.gtv-show-player-frame{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer}
.gtv-show-player-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}
.gtv-show-player-frame:hover>img,.gtv-show-player-frame:focus-visible>img{opacity:1}
.gtv-show-playbtn{position:absolute;top:50%;left:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#f00;box-shadow:0 2px 12px rgba(0,0,0,.45)}
.gtv-show-playbtn::before{content:'';position:absolute;top:12px;left:26px;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
.gtv-show-player-frame:hover .gtv-show-playbtn,.gtv-show-player-frame:focus-visible .gtv-show-playbtn{background:#a50000}
.gtv-show-player-frame.is-playing{cursor:default}
.gtv-show-player-frame.is-playing .gtv-show-playbtn{display:none}
.gtv-show-player-embed{position:absolute;inset:0;width:100%;height:100%;border:0}
.gtv-show-now{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:10px 14px;background:#111;color:#fff;font:600 13px/1.4 var(--gtv-ui)}
.gtv-show-now-title{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gtv-show-now-time{flex:none;font-variant-numeric:tabular-nums;color:#bbb}
.gtv-show-queue{max-height:430px;overflow-y:auto;background:#181818;scrollbar-width:thin;scrollbar-color:#444 #181818}
.gtv-show-queue-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-bottom:1px solid #2a2a2a;color:#ddd}
.gtv-show-queue-item img{width:96px;aspect-ratio:16/9;object-fit:cover;height:auto}
.gtv-show-queue-title{font:500 12.5px/1.4 var(--gtv-ui);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gtv-show-queue-time{font:500 11px/1 var(--gtv-ui);font-variant-numeric:tabular-nums;color:#aaa}
.gtv-show-queue-item:hover,.gtv-show-queue-item.is-active{background:#232323;color:#fff}
.gtv-show-queue-item.is-active{box-shadow:inset 3px 0 0 var(--gtv-red)}
.gtv-show-queue-item.is-active .gtv-show-queue-time{color:#fff}
.gtv-show-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:34px 0}
.layout-gossip-tv .gtv-article-body .gtv-show-social{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #ddd;color:#111;font:700 12px/1 var(--gtv-head);letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.gtv-show-social svg{width:18px;height:18px}
.layout-gossip-tv .gtv-article-body .gtv-show-social:hover{border-color:var(--gtv-red);color:var(--gtv-red)}
.gtv-show-episodes{margin:34px 0}
.gtv-show-episodes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gtv-show-episode{margin:0}
.gtv-show-episode img{width:100%;height:auto}
@media (max-width:900px){
  .gtv-show-playlist{grid-template-columns:1fr}
  .gtv-show-queue{max-height:none}
}
@media (max-width:760px){
  .gtv-show-title-text{font-size:60px;letter-spacing:-.03em}
  .gtv-show-title--xl .gtv-show-title-text,.gtv-show-title--lg .gtv-show-title-text{font-size:60px}
  .gtv-show-title-sub{max-width:100%;gap:10px;font-size:13px}
  .gtv-show-hero,.gtv-show-hero--flip{grid-template-columns:1fr;gap:20px;margin:26px 0}
  .gtv-show-hero-media{order:-1}
  .gtv-show-episodes-grid{grid-template-columns:1fr}
}
/* Horoscopes segment (r26): ELLE-style sign grid on the front — square
   engraved sign art left, red month kicker, big condensed sign name, byline. */
.gtv-horo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 30px}
.gtv-horo-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.gtv-horo-media{display:block;aspect-ratio:1/1;overflow:hidden;background:#111}
.gtv-horo-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.layout-gossip-tv .gtv-horo-card:hover .gtv-horo-media img{transform:scale(1.05)}
.gtv-horo-kicker{display:block;margin-bottom:7px;color:var(--gtv-red);font:800 10px/1.3 var(--gtv-head);font-stretch:92%;letter-spacing:.13em;text-transform:uppercase}
.layout-gossip-tv .gtv-horo-card h3{margin:0;font:800 clamp(20px,1.8vw,25px)/1 var(--gtv-head);letter-spacing:-.01em;text-transform:uppercase}
.gtv-horo-meta{margin:8px 0 0;font:500 11px/1.4 var(--gtv-ui);color:var(--gtv-muted)}
@media (max-width:1023px){
  .gtv-horo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .gtv-horo-grid{grid-template-columns:1fr;gap:14px}
  .gtv-horo-card{grid-template-columns:92px minmax(0,1fr);gap:12px}
}
.layout-gossip-tv .gtv-footer-bottom{border-top:1px solid var(--gtv-line)}
.layout-gossip-tv .gtv-footer-bottom .gtv-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:18px;padding-bottom:20px;font:400 11px/1.6 var(--gtv-ui);color:var(--gtv-muted)}
.layout-gossip-tv .gtv-footer-bottom a{color:var(--gtv-soft)}
.layout-gossip-tv .gtv-footer-bottom a:hover{color:var(--gtv-red)}

/* ---------- sector-shared utility pages (about, contact, author, tag, 404) ---------- */
.layout-gossip-tv .sector-utility,.layout-gossip-tv .sector-wrap{max-width:1240px}
.layout-gossip-tv .sector-page-title,.layout-gossip-tv .sector-utility h1{font-family:var(--gtv-head);text-transform:uppercase}
.layout-gossip-tv .sector-kicker{color:var(--gtv-red);font-family:var(--gtv-ui)}

/* ---------- responsive ---------- */
@media (max-width:1023px){
  .gtv-hero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
  .gtv-hero-col+.gtv-hero-col{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .gtv-cards,.gtv-cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gtv-mostread-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gtv-ab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gtv-article-grid{grid-template-columns:minmax(0,1fr)}
  .gtv-sidebar{position:static}
  .gtv-footer-grid{grid-template-columns:1fr 1fr}
  .gtv-wrap{padding:0 1.25rem}
  .gtv-menu>li>a{padding:0 10px;font-size:12px}
  .gtv-masthead-row{grid-template-columns:auto 1fr auto;gap:10px}
  .gtv-tagline{display:none}
}
@media (max-width:767px){
  .gtv-wrap{padding:0 1.1rem}
  .gtv-masthead{display:none}
  .gtv-nav .gtv-wrap{min-height:52px;align-items:center}
  .gtv-burger{display:inline-flex}
  .gtv-nav-logo{display:flex;margin:0 auto}
  .gtv-menu{display:none}
  .gtv-hero{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:20px}
  .gtv-hero-col+.gtv-hero-col{grid-template-columns:minmax(0,1fr)}
  .gtv-cards,.gtv-cards--4,.gtv-row--2 .gtv-cards,.gtv-cover-grid,.gtv-row-pair,.gtv-footer-grid{grid-template-columns:minmax(0,1fr)}
  .gtv-trending{flex-wrap:wrap;gap:8px}
  .gtv-trending-list{flex-basis:100%;padding:0}
  .gtv-trending-item{white-space:normal;font-size:13px;line-height:1.3}
  .gtv-trending-list{height:auto;min-height:36px}
  .gtv-trending-nav{margin-left:auto}
  .gtv-row-head{flex-wrap:wrap}
  .gtv-row-head h2{font-size:17px}
  .gtv-article-page,.gtv-category,.gtv-page{padding-top:20px}
  .gtv-share a{padding:6px 9px}
  .gtv-author-box{flex-direction:column}
  .gtv-mostread-grid{grid-template-columns:minmax(0,1fr)}
  .gtv-mp-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0}
  .gtv-mp-stats>div{border-left:0;border-top:1px solid var(--gtv-line);padding:16px 14px}
  .gtv-mp-cards{grid-template-columns:minmax(0,1fr)}
  .gtv-mp-contact,.gtv-mp-commercial{flex-direction:column;align-items:flex-start}
  .gtv-ab-hero{grid-template-columns:minmax(0,1fr)}
  .gtv-mp-band ul{grid-template-columns:minmax(0,1fr)}
  .gtv-mp-band{padding:26px 20px 30px}
  .gtv-ab-duo-card{grid-template-columns:minmax(0,1fr)}
  .gtv-ab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gtv-bf-hero{grid-template-columns:minmax(0,1fr)}
  .gtv-mp-tri{grid-template-columns:minmax(0,1fr)}
  .gtv-footer-grid{padding-bottom:24px}
  .layout-gossip-tv .gtv-footer{padding-top:32px}
  .gtv-wa-float span{display:none}
  .gtv-wa-float{padding:13px}
}