/* The Google Fonts request used to sit in an @import here. An @import is
   serialised - the browser cannot even see the font request until this
   stylesheet has finished downloading - so it is enqueued in functions.php
   instead, with a preconnect, and both requests now start together.    */

/* ==========================================================================
   GTA 6 hub — remainder CSS.
   Spacing, font sizes, weights, tracking and letter case now live on the
   blocks themselves (Editor → Block → Typography / Dimensions).
   What stays here can't be expressed as a block setting:
     · font families (no font-family control without a font library)
     · colours + border colours that must flip for prefers-color-scheme
     · pseudo-elements (diamond markers, FAQ +/- affordance)
     · hover states, table column widths, text-wrap, tabular numerals
   ========================================================================== */
:root{
  --g6-ink:#131316; --g6-mut:#52525B; --g6-line:#E9DCE6;
  --g6-hot:#FF1E8E; --g6-deep:#B8105F;
  --g6-lime:#A6F04B; --g6-lime-ink:#0C1A02;
  --g6-disp:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --g6-serif:"Source Serif 4",ui-serif,Georgia,Cambria,"Times New Roman",serif;
  --g6-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){
  :root{ --g6-ink:#F4ECF2; --g6-mut:#B09FB4; --g6-line:#332236;
         --g6-hot:#FF4FA5; --g6-deep:#FF1E8E; }
}

/* ---------- section furniture ---------- */
.ge-g6-sec h2{ font-family:var(--g6-disp); line-height:1.03; color:var(--g6-ink);
  text-wrap:balance; margin:.18em 0 0; }
.ge-g6-kicker{ font-family:var(--g6-mono); color:var(--g6-hot); margin:0 0 2px; }
.ge-g6-sub{ font-family:var(--g6-serif); line-height:1.6; color:var(--g6-mut);
  max-width:62ch; margin:14px 0 0; }
.ge-g6-sec-ledger{ background:color-mix(in srgb,var(--g6-hot) 5%,transparent); }

/* ---------- hero ---------- */
.ge-g6-eyebrow{ font-family:var(--g6-mono); margin:0 0 10px; }
.ge-g6-title{ font-family:var(--g6-disp); line-height:.84; margin:0;
  text-shadow:0 0 44px rgba(255,30,142,.34); }
.ge-g6-lede{ font-family:var(--g6-serif); line-height:1.6; max-width:40ch; margin:18px 0 0; }
.ge-g6-lede strong{ color:#fff; }
.ge-g6-facts{ margin-top:38px !important; gap:0 !important;
  position:relative; -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px);
  border-top:1px solid rgba(255,255,255,.2); flex-wrap:wrap !important; }
.ge-g6-facts .wp-block-column{ border-right:1px solid rgba(255,255,255,.2); min-width:150px; }
.ge-g6-facts .wp-block-column:last-child{ border-right:0; }
.ge-g6-fact-k{ font-family:var(--g6-mono); margin:0 0 4px; }
.ge-g6-fact-v{ font-family:var(--g6-disp); letter-spacing:-.01em; margin:0 0 2px; }
.ge-g6-fact-n{ font-family:var(--g6-serif); margin:0; }
@media(max-width:781px){
  .ge-g6-facts .wp-block-column{ flex-basis:50% !important;
    border-bottom:1px solid rgba(255,255,255,.2); }
  .ge-g6-facts .wp-block-column:nth-child(2n){ border-right:0; }
}

/* ---------- confirmed ---------- */
.ge-g6-conf-row{ margin-top:0 !important; gap:0 44px !important; }
.ge-g6-conf-row .wp-block-column{ border-top:1px solid var(--g6-line); }
.ge-g6-conf-h{ font-family:var(--g6-disp); color:var(--g6-ink); margin:0 0 6px;
  display:flex; gap:10px; align-items:flex-start; text-wrap:balance; }
.ge-g6-conf-h::before{ content:""; flex:0 0 auto; width:9px; height:9px; margin-top:6px;
  background:var(--g6-lime); border-radius:2px; rotate:45deg; }
.ge-g6-conf-p{ font-family:var(--g6-serif); line-height:1.55; color:var(--g6-mut); margin:0; }
.ge-g6-note{ font-family:var(--g6-mono); line-height:1.75; color:var(--g6-mut);
  border-left:3px solid var(--g6-lime); margin-top:30px !important; }
.ge-g6-note a{ color:var(--g6-deep); font-weight:500; }

/* ---------- the ledger ---------- */
.ge-g6-ledger{ margin-top:30px !important; }
.ge-g6-ledger table, .ge-g6-ledger table.has-fixed-layout{
  table-layout:auto !important; border-collapse:collapse; width:100%; }
.ge-g6-ledger td{ border:0 !important; border-bottom:1px solid var(--g6-line) !important;
  padding:12px 12px 12px 0 !important; vertical-align:baseline; }
.ge-g6-ledger tr:first-child td{ border-top:1px solid var(--g6-line) !important; }
.ge-g6-ledger tr:hover td{ background:color-mix(in srgb,var(--g6-hot) 7%,transparent); }
/* col 1 = leak marker, col 2 = date, col 3 = headline */
.ge-g6-ledger td:nth-child(1){ width:1%; white-space:nowrap;
  padding-right:26px !important;
  font-family:var(--g6-mono); font-size:10.5px; font-weight:700; letter-spacing:.12em;
  color:var(--g6-deep); }
/* rows 6, 8 and 9 are CyberLeek's money/threat moves, not gameplay drops -
   tint them so the leak run reads apart from the monetising around it. */
.ge-g6-sec-ledger td:nth-child(1){ color:#A6F04B !important; }
.ge-g6-sec-ledger tr:nth-child(6) td:nth-child(1),
.ge-g6-sec-ledger tr:nth-child(8) td:nth-child(1),
.ge-g6-sec-ledger tr:nth-child(9) td:nth-child(1){ color:#FF7AB8 !important; }
.ge-g6-ledger td:nth-child(2){ width:1%; white-space:nowrap; padding-right:24px !important;
  font-family:var(--g6-mono); font-size:12.5px; color:var(--g6-mut);
  font-variant-numeric:tabular-nums; }
.ge-g6-ledger td:nth-child(3) a{ font-family:var(--g6-disp) !important; font-weight:700;
  font-size:16px; letter-spacing:-.008em; color:var(--g6-ink) !important;
  text-decoration:none !important; }
.ge-g6-ledger td:nth-child(3) a:hover{ text-decoration:underline !important;
  text-decoration-color:var(--g6-hot) !important; text-decoration-thickness:2px;
  text-underline-offset:3px; }
@media(max-width:600px){
  .ge-g6-ledger td:nth-child(2){ font-size:11.5px; padding-right:12px !important; }
  .ge-g6-ledger td:nth-child(3) a{ font-size:14.5px; }
}

/* ---------- archive feed ---------- */
.ge-g6-feed{ margin-top:32px; }
.ge-g6-feed .wp-block-post-template{ gap:32px 28px !important; }
.ge-g6-feed .wp-block-post-featured-image img{ border-radius:5px; }
.ge-g6-feed .wp-block-post-title{ font-family:var(--g6-disp); font-weight:800; font-size:18px;
  line-height:1.18; letter-spacing:-.018em; margin:12px 0 8px; text-wrap:balance; }
.ge-g6-feed .wp-block-post-title a{ color:var(--g6-ink); text-decoration:none; }
.ge-g6-feed .wp-block-post-title a:hover{ text-decoration:underline;
  text-decoration-color:var(--g6-hot); text-decoration-thickness:2px; text-underline-offset:3px; }
.ge-g6-feed .wp-block-post-excerpt{ font-family:var(--g6-serif); font-size:15px;
  line-height:1.5; color:var(--g6-mut); }
.ge-g6-meta{ gap:10px !important; align-items:baseline !important; margin-top:10px;
  font-family:var(--g6-disp); font-size:12.5px; color:var(--g6-mut); }
.ge-g6-meta .wp-block-post-author-name a{ color:var(--g6-ink); font-weight:700;
  text-decoration:none; }
.ge-g6-meta .wp-block-post-date{ font-family:var(--g6-mono); font-size:11px;
  letter-spacing:.05em; text-transform:uppercase; }
.ge-g6-feed .wp-block-query-pagination{ margin-top:38px; gap:8px; }
.ge-g6-feed .wp-block-query-pagination a,
.ge-g6-feed .wp-block-query-pagination .page-numbers{ font-family:var(--g6-disp);
  font-weight:800; font-size:13px; text-decoration:none; padding:8px 13px;
  border-radius:6px; color:var(--g6-mut); }
.ge-g6-feed .wp-block-query-pagination .current{ background:#B8105F; color:#fff !important; }

/* ---------- FAQ (Rank Math block: flat list, answers always visible) --- */

/* GTA 6 hub: the hero supplies its own H1, so suppress the theme's duplicate
   page title on this page only. Classic themes expose no editor control for
   this, and no page template exists to switch it off. Breadcrumb is kept. */

/* ---------- jump nav ---------- */
.ge-g6-jump{ border-bottom:1px solid var(--g6-line); }
.ge-g6-jump-links{ display:flex; flex-wrap:wrap; gap:26px; margin:0; padding:15px 0; }
.ge-g6-jump-links a{ font-family:var(--g6-disp); font-size:12px; font-weight:800;
  letter-spacing:.09em; text-transform:uppercase; color:var(--g6-mut) !important;
  text-decoration:none !important; padding:3px 0; border-bottom:2px solid transparent; }
.ge-g6-jump-links a:hover{ color:var(--g6-ink) !important; border-bottom-color:var(--g6-hot); }

/* ---------- curated picks + category links ---------- */
.ge-g6-cta{ margin-top:34px !important; }
.ge-g6-cta a{ display:inline-block; background:#B8105F; color:#fff !important;
  font-family:var(--g6-disp); font-weight:800; font-size:13px; letter-spacing:.07em;
  text-transform:uppercase; padding:13px 22px; border-radius:5px;
  text-decoration:none !important; }
.ge-g6-cta a:hover{ background:#90094A; }

/* ================= LAYOUT PASS: full-bleed bands + picture cards ========== */
/* full-bleed sections keep their text on the site grid */
.ge-g6-sec-ledger.alignfull > *{ max-width:1180px; margin-inline:auto; }
.ge-g6-sec-ledger.alignfull{ padding-inline:26px; }

/* the ledger is the signature story - give it its own dark register */
.ge-g6-sec-ledger{ background:#140420 !important; }
.ge-g6-sec-ledger h2{ color:#F7EFF5 !important; }
.ge-g6-sec-ledger .ge-g6-sub{ color:#BDA8C8 !important; }
.ge-g6-sec-ledger .ge-g6-kicker{ color:#FF4FA5 !important; }
.ge-g6-sec-ledger td{ border-color:rgba(255,255,255,.15) !important; }
.ge-g6-sec-ledger td:nth-child(1){ color:#A6F04B !important; }
.ge-g6-sec-ledger td:nth-child(2){ color:#AE99BA !important; }
.ge-g6-sec-ledger td:nth-child(3) a{ color:#FFFFFF !important; }
.ge-g6-sec-ledger tr:hover td{ background:rgba(255,255,255,.055) !important; }

/* keep-reading stays a compact list so it reads differently from the cards */

/* ---------- stat band: figures drawn from our own reporting ---------- */
.ge-g6-statband{ background:#140420; padding:24px 26px 20px; }
.ge-g6-stats{ gap:0 !important; flex-wrap:wrap !important; }
.ge-g6-stats .ge-g6-stat{ padding:6px 20px 6px 0; min-width:118px;
  border-right:1px solid rgba(255,255,255,.16); }
.ge-g6-stats .ge-g6-stat:last-child{ border-right:0; }
.ge-g6-stat-n{ font-family:var(--g6-mono); font-size:34px; font-weight:700;
  letter-spacing:-.02em; color:#A6F04B; margin:0 0 3px; line-height:1;
  font-variant-numeric:tabular-nums; }
.ge-g6-stat-l{ font-family:var(--g6-disp); font-size:11px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; color:#BDA8C8; margin:0;
  line-height:1.35; }
@media(max-width:781px){
  .ge-g6-stats .ge-g6-stat{ flex-basis:33% !important; border-bottom:1px solid rgba(255,255,255,.16);
    padding-bottom:12px; margin-bottom:12px; }
  .ge-g6-stat-n{ font-size:27px; }
}

/* ================= WIDTH UNLOCK (this page only) =========================
   The theme clamps article.article to 820px inside .wrap.page-wrap (1200px,
   already viewport-centred). Lifting that clamp here lets the landing page
   use the full grid, and makes alignfull resolve against the page, not the
   820px column. Nothing outside page 737 is affected.                      */
body.page-id-737{ overflow-x:hidden; }
body.page-id-737 article.article{
  max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
body.page-id-737 .alignfull{
  width:100vw !important; max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; }
/* text keeps a readable measure even though the band runs edge to edge */
body.page-id-737 .ge-g6-sec > *:not(.wp-block-columns):not(.wp-block-table),
body.page-id-737 .ge-g6-statband > *,
body.page-id-737 .ge-g6-jump > *{ max-width:1180px; margin-inline:auto; }
body.page-id-737 .ge-g6-sec .wp-block-columns,
body.page-id-737 .ge-g6-sec .wp-block-table{ max-width:1180px; margin-inline:auto; }

/* stat band runs edge to edge with the hero; its row keeps the page grid */
.ge-g6-statband{ padding-inline:26px; }
.ge-g6-statband .ge-g6-stats{ max-width:1148px; margin-inline:auto !important; }

/* ================= HERO: official GTA 6 key art ===========================
   Jason and Lucia carry the recognition. The art is cropped left of its
   baked-in Netflix/date lockup, and the scrim that makes the headline
   readable also buries what is left of it.                                */
.ge-g6-title{ text-shadow:0 2px 30px rgba(0,0,0,.72), 0 0 60px rgba(255,30,142,.30); }

/* ============ INLINE LINK INHERITANCE ====================================
   Stats and feature headings are links now; they must keep their own colour
   rather than inherit the theme link style.                                */
.ge-g6-stat-n a{ color:inherit !important; text-decoration:none !important; }
.ge-g6-stat-n a:hover{ text-decoration:underline !important;
  text-decoration-color:#A6F04B !important; text-underline-offset:5px; }
.ge-g6-conf-h a{ color:inherit !important; text-decoration:none !important; }
.ge-g6-conf-h a:hover{ text-decoration:underline !important;
  text-decoration-color:var(--g6-hot) !important; text-decoration-thickness:2px;
  text-underline-offset:3px; }
.ge-g6-sub a{ color:var(--g6-deep) !important; text-decoration:underline !important;
  text-decoration-thickness:1px; text-underline-offset:2px;
  text-decoration-color:color-mix(in srgb,var(--g6-deep) 45%,transparent); }
.ge-g6-sub a:hover{ color:var(--g6-hot) !important;
  text-decoration-color:var(--g6-hot) !important; }
.ge-g6-sec-ledger .ge-g6-sub a{ color:#FF9ECB !important;
  text-decoration-color:rgba(255,158,203,.5) !important; }
.ge-g6-sec-ledger .ge-g6-sub a:hover{ color:#fff !important; }

/* ================= SIDEBAR LAYOUT ======================================== */
.ge-g6-herohead{ background:#140420; }
.ge-g6-herohead > *{ max-width:1180px; margin-inline:auto; }
.ge-g6-body{ margin-top:0 !important; gap:0 46px !important;
  align-items:flex-start !important; }
.ge-g6-main{ min-width:0; }
.ge-g6-side{ position:sticky; top:86px; align-self:flex-start; }
.ge-g6-main .ge-g6-sec{ padding-block:2.4rem !important; }
.ge-g6-main .ge-g6-sec-ledger{ padding-inline:20px !important; border-radius:6px; }
.ge-g6-main .ge-g6-conf-row{ gap:0 30px !important; }

/* sidebar modules */
.ge-g6-card-mod{ border:1px solid var(--g6-line); border-radius:6px;
  padding:17px 17px 19px; margin:0 0 20px; background:var(--g6-surface); }
.ge-g6-mod-h{ font-family:var(--g6-disp); font-size:10.5px; font-weight:800;
  letter-spacing:.18em; text-transform:uppercase; color:var(--g6-hot);
  margin:0 0 11px !important; }
.ge-g6-spec-row{ display:flex; justify-content:space-between; gap:14px;
  padding:7px 0; border-bottom:1px solid var(--g6-line); margin:0 !important; }
.ge-g6-spec-row:last-child{ border-bottom:0; }
.ge-g6-spec-k{ font-family:var(--g6-mono); font-size:10px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--g6-mut); flex:0 0 auto; }
.ge-g6-spec-v{ font-family:var(--g6-disp); font-weight:700; font-size:13.5px;
  color:var(--g6-ink); text-align:right; }
.ge-g6-side-link{ display:flex; gap:11px; padding:10px 0; margin:0 !important;
  border-bottom:1px solid var(--g6-line); }
.ge-g6-side-link:last-of-type{ border-bottom:0; }
.ge-g6-side-n{ font-family:var(--g6-mono); font-size:10.5px; font-weight:700;
  color:var(--g6-hot); flex:0 0 auto; padding-top:3px; }
.ge-g6-side-link a{ font-family:var(--g6-disp); font-weight:700; font-size:14px;
  line-height:1.3; color:var(--g6-ink) !important; text-decoration:none !important; }
.ge-g6-side-link a:hover{ text-decoration:underline !important;
  text-decoration-color:var(--g6-hot) !important; text-underline-offset:3px; }
.ge-g6-side-cat{ margin:0 !important; padding:8px 0;
  border-bottom:1px solid var(--g6-line); }
.ge-g6-side-cat:last-of-type{ border-bottom:0; }
.ge-g6-side-cat a{ font-family:var(--g6-disp); font-weight:700; font-size:14px;
  color:var(--g6-ink) !important; text-decoration:none !important; }
.ge-g6-side-cat a:hover{ color:var(--g6-hot) !important; }
.ge-g6-side-cats .ge-g6-cta{ margin-top:14px !important; }
.ge-g6-side-cats .ge-g6-cta a{ display:block; text-align:center; font-size:12px; }
@media(max-width:781px){
  .ge-g6-side{ position:static; }
  .ge-g6-body{ gap:34px 0 !important; }
}

/* ================= BREADCRUMB ============================================
   The theme renders the current-page crumb but marks it screen-reader-only,
   so only the home icon shows. Reveal it on this page so the trail reads
   Home > GTA 6.                                                           */
body.page-id-737 .ge-breadcrumbs .ge-crumb-current.screen-reader-text{
  position:static !important; width:auto !important; height:auto !important;
  clip:auto !important; clip-path:none !important; overflow:visible !important;
  white-space:nowrap !important; margin:0 !important; padding:0 !important;
  font-family:var(--g6-disp); font-size:12px; font-weight:800;
  letter-spacing:.08em; text-transform:uppercase; color:var(--g6-mut);
  align-items:center; }
body.page-id-737 .ge-breadcrumbs .ge-crumb-current::before{
  content:"/"; font-family:var(--g6-mono); color:var(--g6-line);
  margin:0 10px 0 8px; font-size:13px; }
body.page-id-737 .ge-breadcrumbs ol{ display:flex; align-items:center;
  flex-wrap:wrap; margin:0; padding:0; list-style:none; }

/* --- HERO: full key art, no zoom (sharpest the 1200px source allows).
   The Netflix/date lockup occupies the left ~43%, so an opaque panel sits
   over it rather than magnifying past it - magnification was the blur.  */
.ge-g6-heroimg{ overflow:hidden; position:relative; height:470px;
  margin:0 !important; background:#0B0213; }
.ge-g6-heroimg img{ position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:76% 26%; transform:none;
  image-rendering:auto; }
.ge-g6-heroimg::after{ content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(94deg, #0B0213 0%, #0B0213 26%, rgba(11,2,19,.985) 36%,
      rgba(11,2,19,.90) 43%, rgba(11,2,20,.42) 52%, rgba(12,3,20,.06) 62%,
      rgba(12,3,20,0) 70%),
    linear-gradient(180deg, rgba(11,2,19,0) 70%, rgba(20,4,32,.96) 100%); }

.ge-g6-eyebrow a{ color:#F0C9E4 !important; text-decoration:none !important;
  border-bottom:1px solid rgba(240,201,228,.35); }
.ge-g6-eyebrow a:hover{ color:#fff !important;
  border-bottom-color:var(--g6-hot); }

/* ============ HEADING FONT SPECIFICITY ==================================
   The theme sets .article h1/h2/h3 { font-family: var(--display) }, which is
   specificity 0,1,1 and outranks these single-class selectors. Without this
   the display face never applies to headings - and never downloads.      */
.ge-g6-title,
.ge-g6-sec h2,
.ge-g6-conf-h,
.ge-g6-feed .wp-block-post-title,
.ge-g6-feed .wp-block-post-title a{ font-family:var(--g6-disp) !important; }
.ge-g6-sub,
.ge-g6-conf-p,
.ge-g6-lede{ font-family:var(--g6-serif) !important; }
.ge-g6-kicker,
.ge-g6-eyebrow,
.ge-g6-stat-n{ font-family:var(--g6-mono) !important; }

/* ================= LEGIBILITY PASS ======================================
   Several labels were sitting at 10-11px. Contrast was fine everywhere
   (6.3-14.2:1), so this is purely a size fix.                          */
.ge-g6-stat-l{ font-size:12.5px !important; letter-spacing:.06em; }
.ge-g6-mod-h{ font-size:12px !important; letter-spacing:.14em; }
.ge-g6-spec-k{ font-size:11.5px !important; }
.ge-g6-spec-v{ font-size:14.5px !important; }
.ge-g6-spec-row{ padding:8px 0 !important; }
.ge-g6-ledger td:nth-child(1){ font-size:12px !important; letter-spacing:.1em; }
.ge-g6-ledger td:nth-child(2){ font-size:13.5px !important; }
.ge-g6-ledger td:nth-child(3) a{ font-size:16.5px !important; }
.ge-g6-side-n{ font-size:12px !important; }
.ge-g6-side-link a{ font-size:15px !important; }
.ge-g6-side-cat a{ font-size:15px !important; }
.ge-g6-meta{ font-size:13.5px !important; }
.ge-g6-meta .wp-block-post-date{ font-size:12px !important; }
.ge-g6-feed .wp-block-post-excerpt{ font-size:15.5px !important; }
.ge-g6-feed .wp-block-post-title{ font-size:19px !important; }

/* no advertising slots on this page, whatever the theme injects */
body.page-id-737 .ge-ad,
body.page-id-737 [class*="ge-ad-"],
body.page-id-737 .adsbygoogle,
body.page-id-737 ins.adsbygoogle{ display:none !important; }


/* ================= MOBILE PASS =========================================
   Full-bleed bands (hero, header band, stat strip) had no gutters on small
   screens, so the eyebrow, H1 and lede sat flush against the edge. That is
   what made the page read as unfinished.                                */
@media (max-width:781px){
  body.page-id-737 .ge-g6-herohead > *,
  body.page-id-737 .ge-g6-jump > *{ padding-inline:18px; }
  .ge-g6-herohead{ padding-block:2rem !important; }
  .ge-g6-lede{ max-width:none; }
  .ge-g6-title{ font-size:clamp(44px,15vw,72px) !important; line-height:.9; }

  /* stat strip: two per row instead of one, and give it real gutters */
  .ge-g6-statband{ padding:18px 18px 14px !important; }
  .ge-g6-stats{ gap:0 !important; }
  .ge-g6-stats .ge-g6-stat{
    flex:0 0 50% !important; max-width:50%; min-width:0;
    padding:10px 14px 10px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.14); }
  .ge-g6-stats .ge-g6-stat:nth-last-child(-n+1){ border-bottom:0; }
  .ge-g6-stat-n{ font-size:26px !important; }
  .ge-g6-stat-l{ font-size:11.5px !important; }

  /* hero: centre the characters and drop the desktop left panel, which ate
     most of a phone screen */

  /* sidebar modules and ledger breathe */
  .ge-g6-card-mod{ padding:15px 15px 17px; }
  .ge-g6-ledger td{ padding:10px 8px 10px 0 !important; }
  .ge-g6-ledger td:nth-child(1){ padding-right:12px !important; }
}


/* ================= MOBILE FIXES 2 ======================================
   1. The featured image exists only to feed og:image for social shares -
      the theme also prints it as a lead banner, so hide it here.
   2. On phones the hero must still crop past the key art lockup. A taller
      box plus object-position:100% pushes it off-frame.              */

@media (max-width:781px){
  .ge-g6-heroimg{ height:380px !important; }
  .ge-g6-heroimg img{
    position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important;
    object-fit:cover !important;
    object-position:100% 24% !important; }
  .ge-g6-heroimg::after{
    background:linear-gradient(180deg, rgba(11,2,19,.15) 0%,
      rgba(11,2,19,0) 42%, rgba(20,4,32,.95) 100%) !important; }
}


/* ================= MOBILE FIXES 3 ======================================
   The rule above relies on object-position:100% cropping the key-art
   lockup ("AN EXTENDED LOOK / NETFLIX | AUGUST 27 | 3 PM ET") off the
   left edge. That only works while the crop is deep enough.

   Source is 1200x675 and the box is 380px tall, so `cover` scales by
   380/675 = 0.563 until the viewport passes 675px, after which it scales
   by width and crops nothing horizontally at all. The lockup ends at
   x=400 in the source, i.e. 225px scaled - so it is fully cropped only
   up to a 450px viewport. Between 451px and 781px it is partly or (past
   675px) completely visible.

   Phones stay as they are: no panel, characters centred. In the band
   where the crop stops doing the job, bring back the desktop's dark
   left panel, layered over the vertical fade. The needed coverage is
   (W - 450)/W up to 675px and 33.3% above it, so the panel is tiered
   rather than one blanket width - otherwise it eats the characters on
   the narrow end of the band.                                        */
@media (min-width:451px) and (max-width:560px){
  .ge-g6-heroimg::after{
    background:
      linear-gradient(180deg, rgba(11,2,19,.15) 0%,
        rgba(11,2,19,0) 42%, rgba(20,4,32,.95) 100%),
      linear-gradient(90deg, #0B0213 0%, #0B0213 22%,
        rgba(11,2,19,.85) 32%, rgba(11,2,19,0) 46%) !important; }
}
@media (min-width:561px) and (max-width:660px){
  .ge-g6-heroimg::after{
    background:
      linear-gradient(180deg, rgba(11,2,19,.15) 0%,
        rgba(11,2,19,0) 42%, rgba(20,4,32,.95) 100%),
      linear-gradient(90deg, #0B0213 0%, #0B0213 33%,
        rgba(11,2,19,.86) 43%, rgba(11,2,19,0) 57%) !important; }
}
@media (min-width:661px) and (max-width:781px){
  .ge-g6-heroimg::after{
    background:
      linear-gradient(180deg, rgba(11,2,19,.15) 0%,
        rgba(11,2,19,0) 42%, rgba(20,4,32,.95) 100%),
      linear-gradient(90deg, #0B0213 0%, #0B0213 36%,
        rgba(11,2,19,.88) 46%, rgba(11,2,19,0) 60%) !important; }
}