/* News landing redesign - PR 1: compact hero, lead-story block. PR 2: compact report list,
   month bands, fixed chip vocabulary (Confirmed / Report / Update / Event / Announcement).
   Scoped to /news (+/ar/news). System bar: Cormorant headlines, Manrope UI, clay/cream/espresso tokens. */

/* Hero: compact, no CTA buttons (removed in master) */
.news-hero{padding-block:1.4rem .6rem}
.news-hero h1{font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.06;margin:.15rem 0 .4rem}
.news-standfirst{font-size:1.06rem;max-width:56ch;margin:0;color:var(--theme-ink-soft)}
@media (max-width:520px){.news-hero h1{font-size:1.92rem}}

/* Fixed status chip vocabulary: Confirmed / Report / Update / Event / Announcement.
   Text-only, clay on dark, 13px minimum, contrast >= 4.5:1. */
.chip{display:inline-block;border-radius:999px;padding:.26rem .68rem;font-size:13px;font-weight:600;line-height:1.25;letter-spacing:.01em;white-space:nowrap}
.chip-confirmed,.chip-report,.chip-update,.chip-event,.chip-announcement{background:var(--theme-accent);color:#1d1a17;border:1px solid transparent}
.news-meta{font-size:.86rem;color:var(--theme-ink-soft)}

/* Lead-story block: 16:9 whole-poster frame left at desktop, stacked image-first on phone.
   Card is full-bleed to the page gutter (no inset); body carries the inner padding. */
.news-lead-section{padding-top:.6rem}
.news-lead{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;background:var(--theme-surface);border:1px solid var(--theme-line-soft);border-radius:18px;padding:0;overflow:hidden}
.news-lead-media{display:block;align-self:stretch;background:#100d0a}
.news-lead-media img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain;object-position:center}
.news-lead-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0 0 .35rem}
.news-lead-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,3rem);line-height:1.04;margin:.2rem 0 .45rem;text-wrap:balance}
.news-lead-title a{color:inherit;text-decoration:none}
.news-lead-title a:hover{text-decoration:underline;text-underline-offset:.18em}
.news-lead-summary{font-size:1.06rem;line-height:1.5;color:var(--theme-ink-soft);max-width:68ch;margin:0 0 .8rem}
.news-lead-cta{display:inline-flex;align-items:center;min-height:44px;padding:.4rem 1rem;border-radius:10px;background:var(--theme-button);color:#1d1a17;font-weight:600;text-decoration:none}
.news-lead-cta:hover{background:var(--theme-button-end)}
.news-lead-body{padding:1.3rem 1.3rem 1.3rem 0}
[dir="rtl"] .news-lead-body{padding:1.3rem 0 1.3rem 1.3rem}
/* Share on the lead: removed - the Read-the-report CTA deep-links the full coverage. Feed rows keep an icon-only 44px share. */
#news-lead-premiere .share-bar{display:none}
@media (max-width:900px){.news-lead{grid-template-columns:1fr;gap:0}.news-lead-media img{aspect-ratio:16/9}.news-lead-body{padding:1rem 1rem 1.1rem}[dir="rtl"] .news-lead-body{padding:1rem 1rem 1.1rem}}
/* Phone: keep headline + summary + CTA inside the first screen (390x844) */
@media (max-width:520px){.news-hero{padding-block:.9rem .5rem}.news-lead-section{padding-top:0}.news-lead-summary{font-size:1rem}}

/* PR 2 feed: month bands + compact report rows. */
.news-feed-section .section-sub{max-width:68ch}
.news-band{font-family:'Cormorant Garamond',serif;font-size:20px;color:var(--theme-accent);margin:1.6rem 0 .2rem;letter-spacing:.02em}
.news-list{list-style:none;margin:0;padding:0}
.news-list li{border-block-start:1px solid #3A342E}
.news-list li:first-child{border-block-start:0}

/* Row: 96px thumbnail | text | arrow. Whole row is the tap target (stretched link);
   the share button sits above the overlay (z-index 3, set on .share-bar in styles.css). */
.news-row{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:1rem;align-items:center;padding-block:1rem;transition:background-color .2s ease}
.news-row:hover{background:#2C2621}
/* 200% text: let the text track shrink below min-content and hyphenate long words instead of overflowing the row. */
/* Reserve the floating 44px share button's column so clamped title/summary lines never run under it
   (button spans 44-88px from the row's inline-end; the arrow column ends 48px in, so 40px + 12px gap). */
.news-row-text{min-width:0;padding-inline-end:3.25rem}
.news-row-title,.news-row-summary{overflow-wrap:anywhere;hyphens:auto}
.news-row-thumb{display:block;width:96px;height:96px;border-radius:10px;overflow:hidden;background:#171411}
.news-row-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.news-row-thumb--tile img{object-fit:contain;padding:6px}
.news-row-thumb--empty{background:transparent;border-radius:0}
.news-row-title{font-family:'Cormorant Garamond',serif;font-size:1.3rem;line-height:1.2;margin:0 0 .15rem;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-row-link{color:inherit;text-decoration:none}
.news-row-link:hover{text-decoration:underline;text-underline-offset:.15em}
.news-row-link::after{content:"";position:absolute;inset:0;z-index:1}
.news-row-summary{margin:0;color:var(--theme-ink-soft);font-size:.98rem;line-height:1.45;max-width:68ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-row-meta{margin:.35rem 0 0;display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--theme-ink-soft)}
/* 200% text: allow the meta row to wrap and the date to break instead of forcing the row wide. */
.news-row-meta{flex-wrap:wrap}
.news-row-meta time{min-width:0;overflow-wrap:anywhere}
.news-row-arrow{position:relative;width:24px;height:24px;margin-inline:.25rem;color:var(--theme-accent);transition:transform .2s ease}
.news-row-arrow::before{content:"";position:absolute;inset:6px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg)}
[dir="rtl"] .news-row-arrow::before{transform:rotate(135deg)}
.news-row:hover .news-row-arrow{transform:translateX(3px)}
[dir="rtl"] .news-row:hover .news-row-arrow{transform:translateX(-3px)}

/* Icon-only 44px share, floating at the row's inline-end before the arrow. */
.news-row .share-bar{position:absolute;inset-inline-end:2.75rem;inset-block-start:50%;transform:translateY(-50%);margin:0;padding:0}
.news-row .share-trigger{min-width:44px;min-height:44px;justify-content:center;padding:.4rem}
.news-row .share-trigger .share-text{display:none}
.news-row .share-status{position:absolute;inset-block-start:100%;inset-inline-end:0;background:var(--theme-surface);padding:.25rem .55rem;border-radius:8px;white-space:nowrap;font-size:.8rem}

@media (max-width:520px){
  /* Stack rows: at 200% text zoom the 96px thumb + arrow leave the text track
     only ~50px - unreadable and overflowing. One column keeps every row readable. */
  .news-row{grid-template-columns:minmax(0,1fr);gap:.6rem;padding-block:.9rem}
  .news-row-text{padding-inline-end:0}
  .news-row-thumb--empty{display:none}
  .news-row-thumb{width:72px;height:72px}
  .news-row .share-bar{position:static;transform:none;inset:auto}
  .news-row-arrow{display:none}
  .news-row-title{font-size:1.18rem}
  .news-row-summary{font-size:.94rem}
}

@media (prefers-reduced-motion:reduce){
  .news-row,.news-row-arrow{transition:none}
}

/* Sources and photo credits (collapsed); keeps each report's citations and licences on the page. */
.news-credits{margin-top:2rem;border:1px solid var(--theme-line-soft);border-radius:12px;background:var(--theme-surface)}
.news-credits summary{list-style:none;cursor:pointer;position:relative;min-height:44px;display:flex;align-items:center;padding:.7rem 1.1rem;font-family:'Cormorant Garamond',serif;font-size:1.25rem}
.news-credits summary::-webkit-details-marker{display:none}
.news-credits summary::after{content:"";position:absolute;inset-inline-end:1.1rem;width:10px;height:10px;border-inline-end:2px solid var(--theme-accent);border-block-end:2px solid var(--theme-accent);transform:rotate(45deg);transition:transform .2s ease}
.news-credits[open] summary::after{transform:rotate(225deg)}
.news-credits-list{list-style:none;margin:0;padding:.2rem 1.1rem 1rem}
.news-credits-list li{padding:.55rem 0;border-block-start:1px solid var(--theme-line-soft);font-size:.92rem;line-height:1.55;color:var(--theme-ink-soft)}
.news-credit-title{color:var(--theme-ink);font-weight:600}
.news-credit-label{color:var(--theme-ink);font-weight:600;white-space:nowrap}
.news-credits a{color:var(--theme-accent);text-decoration:underline;text-underline-offset:.15em}
@media (prefers-reduced-motion:reduce){.news-credits summary::after{transition:none}}