.latest100 .latest-hero { padding-top:58px; }
.latest100 .latest-hero h1 { font-size:clamp(52px,6.3vw,94px); }
.latest100 .story-hero-frames .story-frame { grid-template-columns:1fr 1fr; }
.latest100 .story-hero-frames figcaption { font-size:12px; }
.latest100 .latest-snapshot { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; padding:27px 0; border-block:1px solid var(--rule-strong); }
.latest-snapshot p { margin:0; font:11px/1.7 var(--mono); color:var(--muted); }
.latest-snapshot strong { display:block; font-family:inherit; color:var(--ink); font-size:32px; line-height:1.3; font-weight:400; letter-spacing:-.055em; margin-bottom:8px; }
.latest-method-line { max-width:102ch; color:var(--muted); font-size:13px; line-height:1.7; margin-block:20px; }
.latest-overview { display:grid; grid-template-columns:1.1fr 1fr; gap:80px; }
.latest-overview h2 { max-width:18ch; }
.latest-overview p { max-width:65ch; }
.latest-distribution { list-style:none; padding:0; margin:0; }
.latest-distribution li { margin-bottom:18px; }
.latest-distribution a { display:grid; grid-template-columns:1fr auto; gap:10px; font-size:14px; text-decoration:none; }
.latest-distribution a:hover span:first-child { text-decoration:underline; }
.latest-distribution .latest-bar { grid-column:1/-1; height:6px; background:var(--field); border-radius:1px; overflow:hidden; }
.latest-distribution .latest-bar i { height:100%; display:block; background:var(--story-accent); opacity:.8; }
.latest-distribution .latest-number { font:12px var(--mono); color:var(--muted); }
.latest100 .story-pattern-buttons { grid-template-columns:repeat(4,minmax(0,1fr)); }
.latest-comparison { padding:32px; border:1px solid var(--rule); border-top:0; }
.latest-comparison>h3 { font-size:clamp(25px,3vw,36px); letter-spacing:-.04em; margin:5px 0 28px; max-width:30ch; line-height:1.15; }
.latest-pair { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding-bottom:26px; border-bottom:1px solid var(--rule); }
.latest-pair article { display:grid; grid-template-columns:132px 1fr; gap:18px; align-content:start; }
.latest-pair img { display:block; width:132px; height:75px; object-fit:contain; background:var(--field); border:1px solid var(--rule); }
.latest-pair h4 { margin:0 0 10px; font-size:18px; line-height:1.3; letter-spacing:-.02em; }
.latest-pair h4 a { text-decoration:none; }
.latest-pair h4 a:hover { text-decoration:underline; }
.latest-pair p { grid-column:1/-1; margin:0; font-size:14px; line-height:1.7; }
.latest-pair .latest-source { font:10px/1.6 var(--mono); color:var(--muted); }
.latest-comparison-reading { display:grid; grid-template-columns:1fr 1fr; gap:36px; padding-top:24px; }
.latest-comparison-reading p { margin:0; font-size:15px; line-height:1.75; }
.latest-comparison>small { display:block; margin-top:22px; color:var(--muted); font-size:12px; line-height:1.65; }
.latest100 .story-filters { max-width:1100px; }
.latest-index-head { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.latest-index-head .story-count { margin:0; }
.latest-index-head>a { font-size:12px; }
.latest-index { border-top:1px solid var(--rule-strong); }
.latest-row { display:grid; grid-template-columns:36px 142px minmax(0,1fr) 140px; gap:22px; align-items:start; padding:25px 0; border-bottom:1px solid var(--rule); }
.latest-row [data-rank] { font:11px/1.7 var(--mono); color:var(--muted); padding-top:3px; }
.latest-row .latest-thumbnail { display:block; background:var(--field); border:1px solid var(--rule); }
.latest-row img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; }
.latest-row h3 { margin:0 0 9px; font-size:22px; font-weight:500; line-height:1.25; letter-spacing:-.025em; }
.latest-row h3 a { text-decoration:none; }
.latest-row h3 a:hover { text-decoration:underline; }
.latest-row p { margin:6px 0 0; font-size:13px; line-height:1.65; color:var(--muted); }
.latest-row .latest-pattern { color:var(--ink); font-size:12px; }
.latest-row .latest-row-facts { font:10px/1.8 var(--mono); color:var(--muted); }
.latest-row-facts span { display:block; }
.latest-row-facts a { display:inline-block; margin-top:10px; font-family:var(--sans); font-size:12px; }
.latest100 .latest-summary { grid-template-columns:1.1fr 1fr .9fr; }
.latest100 .latest-summary dd { font-size:17px; }
.latest-source-title { margin-top:18px; font-size:13px; color:var(--muted); }
.latest100 .story-frame-grid img { height:auto; aspect-ratio:16/9; object-fit:contain; background:var(--field); }
.latest100 .story-beats>li { grid-template-columns:110px 1fr; }
.latest100 .story-beats h3 { margin-bottom:12px; }
.latest100 .story-beats p { margin-top:8px; }
.latest100 .latest-related { display:grid; grid-template-columns:1fr 1fr; gap:24px; border-top:1px solid var(--rule); margin-top:28px; padding-top:22px; }
.latest-related>div { min-width:0; }
.latest-related h3 { font-size:21px; line-height:1.3; margin:10px 0; letter-spacing:-.02em; }
.latest-related p { font-size:13px; color:var(--muted); }
.latest100 [hidden] { display:none!important; }
@media(max-width:1100px) {
  .latest-overview { gap:45px; }
  .latest-row { grid-template-columns:30px 112px minmax(0,1fr) 120px; gap:18px; }
  .latest-pair article { grid-template-columns:1fr; }
  .latest-pair img { width:100%; height:auto; aspect-ratio:16/9; }
}
@media(max-width:700px) {
  .latest100 .latest-hero { padding-top:35px; }
  .latest100 .latest-hero h1 { font-size:clamp(47px,11.5vw,72px); }
  .latest100 .latest-snapshot { grid-template-columns:1fr 1fr; gap:22px; }
  .latest-snapshot strong { font-size:28px; }
  .latest-overview { grid-template-columns:1fr; gap:25px; }
  .latest-overview h2 { max-width:23ch; }
  .latest100 .story-pattern-buttons { grid-template-columns:1fr 1fr; }
  .latest-comparison { padding:24px 18px; }
  .latest-pair { gap:24px; }
  .latest-pair h4 { font-size:17px; }
  .latest-comparison-reading { grid-template-columns:1fr; gap:22px; }
  .latest-row { grid-template-columns:26px 86px minmax(0,1fr); gap:12px; padding-block:21px; }
  .latest-row h3 { font-size:20px; }
  .latest-row .latest-row-facts { grid-column:3; font-size:9px; }
  .latest-row-facts span { display:inline; margin-right:10px; }
  .latest-row-facts a { display:block; margin-top:7px; }
  .latest100 .latest-summary { grid-template-columns:1fr; }
  .latest100 .story-beats>li { grid-template-columns:1fr; }
  .latest100 .latest-related { grid-template-columns:1fr; gap:15px; }
}
@media(max-width:420px) {
  .latest-row { grid-template-columns:26px minmax(0,1fr); }
  .latest-row .latest-thumbnail { grid-column:2; width:110px; }
  .latest-row .latest-row-copy,.latest-row .latest-row-facts { grid-column:2; }
  .latest-pair { grid-template-columns:1fr; gap:28px; }
  .latest-pair article { grid-template-columns:100px 1fr; gap:13px; }
  .latest100 .story-hero-frames .story-frame { grid-template-columns:1fr 1fr; gap:13px; }
}
@media(prefers-reduced-motion:reduce) { .latest100 * { scroll-behavior:auto!important; } }
