/* Atalk.TV editorial system v13 · 2026-09-25
   Unified density and hierarchy layer. Keeps the warm Atalk identity while removing
   oversized poster-like story cards, excess whitespace and fragile fixed visual rhythm. */
:root{
  --at13-canvas:#fbf8f3;
  --at13-paper:#fffdf9;
  --at13-ink:#211d1a;
  --at13-copy:#554d47;
  --at13-muted:#7a7068;
  --at13-line:#ddd5cd;
  --at13-accent:#b33a2d;
  --at13-accent-dark:#7e2d24;
  --at13-soft:#f3ece5;
  --at13-shell:1280px;
  --at13-reading:72ch;
}
body{background:var(--at13-canvas)!important;color:var(--at13-ink)!important}
.shell{width:min(calc(100% - 48px),var(--at13-shell))!important}
.site-header{background:rgba(255,253,249,.96)!important}
.header-main{min-height:64px!important}
.desktop-nav a{font-size:.9rem!important}
.home-hero{padding:clamp(52px,6vw,82px) 0!important}
.home-hero .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.75fr)!important;align-items:center!important}
.home-hero h1{max-width:10.5ch!important;font-size:clamp(3rem,5.7vw,5.9rem)!important;line-height:.94!important}
.hero-intro>p:first-child{font-size:clamp(1.02rem,1.25vw,1.18rem)!important}
.section{padding-block:clamp(38px,4.2vw,60px)!important}

.freshness-strip{border-block:1px solid var(--at13-line);background:rgba(255,255,255,.62)}
.freshness-inner{min-height:62px;display:grid;grid-template-columns:minmax(210px,.8fr) auto minmax(260px,1fr);align-items:center;gap:20px;padding-block:10px}
.freshness-inner>div:first-child{display:grid;gap:3px}
.freshness-label{font-size:.66rem;line-height:1.2;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--at13-accent-dark)}
.freshness-inner strong{font-size:.88rem;line-height:1.35}
.freshness-inner dl{display:flex;align-items:center;gap:8px;margin:0}
.freshness-inner dl div{min-width:58px;padding:7px 10px;border-left:1px solid var(--at13-line)}
.freshness-inner dt{font-size:.62rem;line-height:1.1;text-transform:uppercase;letter-spacing:.07em;color:var(--at13-muted)}
.freshness-inner dd{margin:3px 0 0;font-size:.92rem;font-weight:780}
.freshness-inner p{margin:0;font-size:.78rem;line-height:1.45;color:var(--at13-muted)}
.freshness-archive{background:#f8f1ea}
.freshness-archive .freshness-label{color:#8b5144}

.story-media-editorial{
  min-height:220px;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  gap:8px;
  padding:clamp(22px,3vw,36px)!important;
  background:
    radial-gradient(circle at 86% 18%,rgba(179,58,45,.12),transparent 32%),
    linear-gradient(145deg,#fffdf9 0%,#f2e9e1 100%)!important;
  color:var(--at13-ink)!important;
  text-decoration:none!important;
}
.story-visual-kicker{font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--at13-accent-dark)}
.story-visual-mark{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2rem,4vw,3.7rem);line-height:.9;font-weight:900;letter-spacing:-.055em}
.story-visual-mark span{color:var(--at13-accent)}
.story-visual-copy{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,1.55vw,1.35rem);font-weight:700}
.story-visual-meta{font-size:.74rem;color:var(--at13-muted)}

.section-heading{margin-bottom:22px!important}
.section-heading h2{font-size:clamp(1.85rem,2.5vw,2.65rem)!important}
.section-heading>p{max-width:44rem!important}
.trend-row{grid-template-columns:42px minmax(0,1fr) 22px!important;padding:15px 4px!important}
.trend-main>p{max-width:78ch!important;font-size:.9rem!important}
.top-story-section{padding-top:42px!important}
.top-story{grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr)!important;gap:clamp(26px,3.5vw,46px)!important;align-items:center!important}
.top-story-media{aspect-ratio:16/9!important;max-height:520px!important}
.top-story-copy h3{font-size:clamp(1.9rem,2.8vw,3rem)!important;line-height:1.03!important}
.top-dek{font-size:1rem!important}
.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important}
.story-media{aspect-ratio:16/9!important}
.story-copy h3{font-size:clamp(1.18rem,1.45vw,1.48rem)!important}
.story-copy>p{font-size:.91rem!important}
.compact-story{padding:14px 0!important}
.category-band .story-grid:has(.story-card:only-child){grid-template-columns:minmax(0,760px)!important}
.category-band .story-grid:has(.story-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.topic-card{min-height:190px!important;padding:18px 10px!important}
.topic-card h3{margin-top:14px!important}
.article-hero{padding:46px 0 28px!important}
.article-hero h1{max-width:18ch!important;font-size:clamp(2.6rem,4.6vw,4.7rem)!important}
.article-figure{max-width:1120px!important}
.article-figure img{aspect-ratio:16/9!important;max-height:630px!important;object-fit:cover!important}
.article-layout{grid-template-columns:minmax(0,780px) minmax(240px,320px)!important;gap:clamp(34px,4vw,58px)!important;padding:38px 0 64px!important}
.article-section{margin-bottom:34px!important}
.article-section>p{max-width:var(--at13-reading)!important;font-size:1.04rem!important;line-height:1.76!important}
.article-section h2{font-size:clamp(1.65rem,2vw,2.05rem)!important}
.site-footer .footer-grid{padding-top:28px!important;padding-bottom:18px!important}
.site-footer .footer-bottom{padding-top:10px!important}

/* Generated editorial graphics should read as supporting media, not as a second giant headline. */
.top-story-media img[src^="/og/"],.story-media img[src^="/og/"]{object-fit:contain!important;background:var(--at13-soft)!important}
.top-story-media:has(img[src^="/og/"]){max-height:420px!important}

/* Wide desktop: avoid the half-empty category bands visible in the prior layout. */
@media(min-width:1100px){
  .category-band .story-grid:has(.story-card:only-child) .story-card{display:grid!important;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr)!important;gap:28px!important;align-items:center!important}
  .category-band .story-grid:has(.story-card:only-child) .story-media{margin:0!important}
}
@media(max-width:980px){
  .freshness-inner{grid-template-columns:1fr auto!important}
  .freshness-inner>p{grid-column:1/-1!important}
  .home-hero .hero-grid,.top-story{grid-template-columns:1fr!important}
  .story-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .article-layout{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .shell{width:min(calc(100% - 32px),var(--at13-shell))!important}
  .freshness-inner{grid-template-columns:1fr!important;gap:10px!important;padding-block:14px!important}
  .freshness-inner dl{order:3!important}
  .freshness-inner>p{grid-column:auto!important}
  .story-media-editorial{min-height:190px!important;padding:24px 20px!important}
  .home-hero{padding:38px 0!important}
  .home-hero h1{font-size:clamp(2.65rem,13vw,4rem)!important}
  .section{padding-block:34px!important}
  .story-grid,.topic-grid,.category-band .story-grid:has(.story-card:nth-child(2):last-child){grid-template-columns:1fr!important}
  .top-story-media,.story-media{aspect-ratio:4/3!important}
  .top-story-copy h3{font-size:clamp(1.75rem,8vw,2.4rem)!important}
  .article-hero h1{font-size:clamp(2.35rem,10.5vw,3.45rem)!important}
  .article-layout{width:min(calc(100% - 32px),780px)!important;padding-top:28px!important}
  .article-section>p{font-size:1rem!important;line-height:1.7!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}