/*
Theme Name: Gündem Haber
Author: Codex
Description: Hızlı, modern ve mobil uyumlu Türkçe haber teması.
Version: 2.1.8
Text Domain: gundem-haber
*/

:root { --ink:#18212b; --muted:#6b7280; --paper:#f4f5f6; --white:#fff; --line:#e1e5e8; --red:#00a5b5; --navy:#202a35; --lime:#ffbf35; --radius:8px; --shadow:0 8px 24px rgba(15,27,45,.09); --wrap:1240px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; height:auto; }
.wrap { width:min(calc(100% - 40px),var(--wrap)); margin-inline:auto; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

.topline { background:var(--red); color:#fff; font-size:12px; }
.topline .wrap { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.topline-links { display:flex; gap:18px; margin-left:auto; }
.topline strong { color:var(--lime); }
.live-weather { display:inline-flex; align-items:center; gap:4px; }
.site-header { background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; backdrop-filter:blur(14px); }
.header-main { height:86px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:38px; }
.brand { font-weight:950; font-size:clamp(27px,4vw,40px); letter-spacing:-2.5px; line-height:1; }
.brand-dot { color:var(--red); }
.main-nav ul { list-style:none; padding:0; margin:0; display:flex; justify-content:center; gap:clamp(16px,2.2vw,32px); }
.main-nav a { font-size:14px; font-weight:800; }
.main-nav a:hover { color:var(--red); }
.header-actions { display:flex; align-items:center; gap:10px; }
.icon-button { width:42px; height:42px; display:grid; place-items:center; background:#f1f3f5; border:0; border-radius:50%; cursor:pointer; font-size:18px; }
.menu-toggle { display:none; }
.search-panel { display:none; padding:0 0 20px; }
.search-panel.is-open { display:block; }
.search-form { display:flex; gap:8px; max-width:720px; margin-inline:auto; }
.search-field { flex:1; min-width:0; border:1px solid var(--line); background:white; border-radius:999px; padding:13px 20px; font:inherit; outline:0; }
.search-field:focus { border-color:var(--red); }
.search-submit,.button-link { border:0; color:white; background:var(--red); border-radius:999px; padding:12px 22px; font-weight:800; cursor:pointer; }

.ticker { background:white; border-bottom:1px solid var(--line); overflow:hidden; }
.ticker .wrap { height:48px; display:flex; align-items:center; gap:18px; }
.ticker-label { flex:0 0 auto; padding:7px 12px; color:white; background:var(--red); border-radius:6px; font-size:11px; font-weight:900; letter-spacing:.06em; }
.ticker-track { min-width:0; display:flex; align-items:center; gap:16px; overflow-x:auto; white-space:nowrap; font-size:13px; font-weight:700; scrollbar-width:none; }
.ticker-track::-webkit-scrollbar { display:none; }
.ticker-item { flex:0 0 auto; padding:7px 10px; border-radius:7px; transform-origin:center; transition:color .2s,background .2s,box-shadow .2s,transform .2s; }
.ticker-item:hover,.ticker-item:focus-visible { color:var(--red); background:#eefbfc; box-shadow:0 5px 14px rgba(0,165,181,.16); transform:translateY(-1px) scale(1.08); outline:0; }
.ticker-item + .ticker-item::before { content:"•"; margin-right:16px; color:var(--red); }
.ticker-track span { color:var(--muted); margin-left:8px; font-weight:500; }
.ticker-more { margin-left:12px; color:var(--red); font-weight:900; }

.hero { padding:36px 0 20px; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr); gap:22px; }
.hero-main,.story-card { position:relative; overflow:hidden; border-radius:var(--radius); background:var(--navy); }
.hero-main { min-height:520px; }
.hero-main img,.story-card img { height:100%; object-fit:cover; opacity:.82; transition:transform .5s ease; }
.hero-main:hover img,.story-card:hover img { transform:scale(1.025); }
.placeholder-art { position:absolute; inset:0; background:radial-gradient(circle at 75% 25%,rgba(216,255,62,.45),transparent 18%),linear-gradient(135deg,#132238 0%,#304967 55%,#e51b23 160%); }
.placeholder-art::after { content:"GÜNDEM"; position:absolute; right:-4%; bottom:4%; color:rgba(255,255,255,.07); font-size:clamp(70px,12vw,170px); font-weight:950; letter-spacing:-.08em; }
.story-overlay { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(24px,5vw,48px); color:white; background:linear-gradient(180deg,transparent 25%,rgba(7,12,22,.92) 100%); }
.category-pill,.card-category { align-self:flex-start; color:var(--red); font-size:10px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.story-overlay .card-category { margin-bottom:13px; padding:7px 10px; background:var(--red); color:white; border-radius:5px; }
.hero-title { max-width:850px; margin:0 0 14px; font-family:Georgia,serif; font-size:clamp(32px,4.7vw,64px); line-height:.98; letter-spacing:-.045em; }
.hero-excerpt { max-width:650px; margin:0; color:#e5e7eb; font-size:16px; line-height:1.55; }
.story-meta { display:flex; gap:12px; align-items:center; margin-top:18px; color:#cbd5e1; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.hero-side { display:grid; grid-template-rows:1fr 1fr; gap:22px; }
.story-card { min-height:249px; }
.story-card .story-overlay { padding:24px; }
.story-card h2 { margin:0; font-family:Georgia,serif; font-size:clamp(21px,2.2vw,30px); line-height:1.05; }

.headline-slider { position:relative; min-height:560px; overflow:hidden; border-radius:var(--radius); background:var(--navy); box-shadow:var(--shadow); }
.headline-slides { position:absolute; inset:0; perspective:1600px; transform-style:preserve-3d; }
.headline-slide { position:absolute; inset:0; z-index:0; opacity:0; visibility:hidden; pointer-events:none; backface-visibility:hidden; transform:rotateY(0); transform-style:preserve-3d; will-change:transform,opacity,filter; }
.headline-slide.is-active { z-index:1; opacity:1; visibility:visible; pointer-events:auto; }
.headline-slide > img { width:100%; height:100%; object-fit:cover; opacity:.84; }
.headline-slide .story-overlay { padding-bottom:82px; }
.hero-detail-button { align-self:flex-end; display:inline-flex; align-items:center; gap:9px; margin-top:16px; padding:11px 18px; border:1px solid var(--lime); border-radius:999px; color:var(--navy); background:var(--lime); font-size:12px; font-weight:900; letter-spacing:.02em; transition:color .2s,background .2s,transform .2s; }
.hero-detail-button:hover,.hero-detail-button:focus-visible { color:white; background:transparent; transform:translateY(-2px); }
.slider-controls { position:absolute; right:28px; bottom:24px; z-index:4; display:flex; align-items:center; gap:8px; }
.slider-counter { min-width:60px; margin-right:5px; color:#dbe4ef; font-size:12px; font-weight:700; text-align:center; }
.slider-counter b { color:white; font-size:16px; }
.slider-arrow { width:42px; height:42px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:white; background:rgba(9,17,30,.62); font-size:26px; line-height:1; cursor:pointer; backdrop-filter:blur(8px); }
.slider-arrow:hover { color:var(--navy); background:var(--lime); border-color:var(--lime); }
.slider-dots { position:absolute; left:48px; bottom:30px; z-index:4; display:flex; gap:6px; max-width:calc(100% - 250px); }
.slider-dot { width:22px; height:4px; padding:0; border:0; border-radius:99px; background:rgba(255,255,255,.36); cursor:pointer; transition:width .2s,background .2s; }
.slider-dot.is-active { width:36px; background:var(--lime); }

.section { padding:42px 0; }
.section-heading { margin-bottom:22px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:2px solid var(--ink); padding-bottom:12px; }
.section-heading h2 { margin:0; font-size:22px; font-weight:950; letter-spacing:-.04em; text-transform:uppercase; }
.section-heading h2::before { content:""; display:inline-block; width:9px; height:19px; margin-right:10px; background:var(--red); border-radius:2px; vertical-align:-2px; }
.section-link { color:var(--muted); font-size:12px; font-weight:800; }
.news-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.news-card { min-width:0; }
.card-image { aspect-ratio:16/10; overflow:hidden; position:relative; margin-bottom:15px; border-radius:13px; background:linear-gradient(135deg,#1f314b,#df232a); }
.card-image img { height:100%; object-fit:cover; transition:transform .4s; }
.news-card:hover img { transform:scale(1.04); }
.card-image.no-image::after { content:"G."; position:absolute; right:14px; bottom:-13px; color:rgba(255,255,255,.18); font-size:88px; font-weight:950; }
.news-card h3 { margin:8px 0 9px; font-family:Georgia,serif; font-size:21px; line-height:1.15; letter-spacing:-.02em; }
.news-card h3 a:hover { color:var(--red); }
.card-excerpt { margin:0 0 12px; color:var(--muted); font-size:13px; line-height:1.55; }
.card-meta { color:#9ca3af; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }

.dark-section { padding:58px 0; background:var(--navy); color:white; }
.dark-section .section-heading { border-color:#40506a; }
.dark-section .section-heading h2::before { background:var(--lime); }
.feature-row { display:grid; grid-template-columns:1.2fr .8fr; gap:38px; }
.feature-large .card-image { aspect-ratio:16/8.3; }
.feature-large h3 { font-size:clamp(26px,3vw,42px); }
.feature-list { display:grid; gap:0; }
.mini-story { display:grid; grid-template-columns:120px 1fr; gap:16px; padding:17px 0; border-bottom:1px solid #35445c; }
.mini-story:first-child { padding-top:0; }
.mini-story .card-image { margin:0; aspect-ratio:1.25; }
.mini-story h3 { margin:4px 0 8px; font-family:Georgia,serif; font-size:17px; line-height:1.2; }

.content-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:50px; }
.post-list { display:grid; gap:24px; }
.list-card { display:grid; grid-template-columns:260px 1fr; gap:24px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.list-card .card-image { margin:0; }
.list-card h2 { margin:7px 0 10px; font-family:Georgia,serif; font-size:27px; line-height:1.1; }
.sidebar-box { padding:24px; background:white; border-radius:var(--radius); box-shadow:var(--shadow); }
.sidebar-box h3 { margin:0 0 17px; padding-bottom:12px; border-bottom:2px solid var(--ink); font-size:16px; text-transform:uppercase; }
.popular-item { counter-increment:popular; display:grid; grid-template-columns:38px 1fr; gap:10px; padding:14px 0; border-bottom:1px solid var(--line); font-family:Georgia,serif; font-weight:700; line-height:1.25; }
.popular-list { counter-reset:popular; }
.popular-item::before { content:"0" counter(popular); color:var(--red); font-family:Inter,sans-serif; font-size:20px; font-weight:950; }
.pagination { margin-top:28px; }
.pagination .nav-links { display:flex; gap:8px; }
.pagination .page-numbers { min-width:40px; height:40px; display:grid; place-items:center; padding:0 12px; background:white; border-radius:8px; font-weight:800; }
.pagination .current { color:white; background:var(--red); }

.article { max-width:820px; }
.article-header { padding:54px 0 28px; }
.article-title { margin:12px 0 18px; font-family:Georgia,serif; font-size:clamp(38px,6vw,70px); line-height:1.02; letter-spacing:-.045em; }
.article-lead { max-width:750px; color:var(--muted); font-size:20px; line-height:1.55; }
.article-image { overflow:hidden; margin:0 0 34px; border-radius:var(--radius); }
.article-image img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.article-content { font-family:Georgia,serif; font-size:19px; line-height:1.82; }
.article-content h2 { margin-top:38px; font-family:Inter,sans-serif; font-size:28px; }
.article-content blockquote { margin:30px 0; padding:6px 0 6px 24px; border-left:5px solid var(--red); font-size:24px; font-weight:700; }
.article-footer-stats { margin-top:42px; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.article-stat { display:grid; gap:5px; color:var(--ink); font-family:Inter,sans-serif; font-size:14px; font-weight:800; }
.article-stat b { color:var(--muted); font-size:10px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.contact-details { display:grid; grid-template-columns:1fr; gap:26px; align-items:start; margin-top:36px; }
.whatsapp-button { grid-column:1; grid-row:1; justify-self:start; display:inline-flex; justify-content:center; align-items:center; gap:10px; padding:13px 20px; border-radius:999px; color:white; background:#25d366; font-family:Inter,sans-serif; font-size:14px; font-weight:900; transition:transform .2s,background .2s; }
.whatsapp-button:hover,.whatsapp-button:focus-visible { background:#128c4b; transform:translateY(-2px); }
.contact-map { grid-column:1; grid-row:2; overflow:hidden; aspect-ratio:16/8; border-radius:var(--radius); background:#e5e7eb; box-shadow:var(--shadow); }
.contact-map iframe { width:100%; height:100%; border:0; }
.not-found { text-align:center; max-width:720px; padding:70px 0; }
.not-found-code { font-size:110px; font-weight:950; color:var(--red); line-height:1; }
.not-found p { color:var(--muted); margin-bottom:28px; }

.site-footer { margin-top:50px; background:#09111e; color:#cbd5e1; }
.footer-main { padding:55px 0 35px; display:grid; grid-template-columns:1.3fr 1fr; gap:50px; }
.footer-nav-groups { display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.footer-brand { color:white; font-size:38px; }
.footer-copy { max-width:420px; color:#94a3b8; font-size:14px; line-height:1.7; }
.footer-title { margin:6px 0 16px; color:white; font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.footer-links { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:center; column-gap:18px; row-gap:10px; font-size:13px; }
.footer-bottom { padding:18px 0; border-top:1px solid #263247; display:flex; justify-content:space-between; color:#64748b; font-size:11px; }

@media (max-width:960px) {
  .main-nav { display:none; position:absolute; left:0; right:0; top:86px; background:white; padding:20px; border-top:1px solid var(--line); box-shadow:var(--shadow); }
  .main-nav.is-open { display:block; }
  .main-nav ul { display:grid; gap:18px; }
  .header-main { grid-template-columns:1fr auto; }
  .menu-toggle { display:grid; }
  .hero-grid { grid-template-columns:1fr; }
  .hero-main { min-height:490px; }
  .hero-side { grid-template-columns:1fr 1fr; grid-template-rows:none; }
  .news-grid { grid-template-columns:repeat(2,1fr); }
  .content-layout { grid-template-columns:1fr; }
  .sidebar { display:none; }
}

@media (max-width:640px) {
  .wrap { width:min(calc(100% - 28px),var(--wrap)); }
  .topline-links,.topline .date-extra { display:none; }
  .header-main { height:70px; }
  .main-nav { top:70px; }
  .brand { font-size:30px; }
  .ticker .wrap { gap:10px; }
  .hero { padding-top:18px; }
  .hero-main { min-height:430px; }
  .headline-slider { min-height:470px; border-radius:10px; }
  .headline-slide .story-overlay { padding-bottom:82px; }
  .slider-dots { left:22px; bottom:29px; max-width:150px; overflow:hidden; }
  .slider-dot { flex:0 0 12px; width:12px; }
  .slider-dot.is-active { width:24px; flex-basis:24px; }
  .slider-controls { right:18px; bottom:18px; }
  .slider-counter { display:none; }
  .slider-arrow { width:38px; height:38px; }
  .hero-side { grid-template-columns:1fr; }
  .story-card { min-height:260px; }
  .hero-title { font-size:36px; }
  .hero-excerpt { font-size:14px; }
  .story-meta { flex-wrap:wrap; }
  .article-footer-stats { grid-template-columns:1fr; gap:16px; }
  .contact-details { grid-template-columns:1fr; }
  .contact-map,.whatsapp-button { grid-column:1; grid-row:auto; }
  .news-grid { grid-template-columns:1fr; }
  .feature-row { grid-template-columns:1fr; }
  .list-card { grid-template-columns:1fr; }
  .footer-main { grid-template-columns:1fr; gap:28px; }
  .footer-nav-groups { grid-template-columns:1fr 1fr; gap:24px; }
  .footer-bottom { display:grid; gap:8px; }
}

/* Yoğun haber portalı düzeni */
body { background:#f3f4f6; }
.site-header { position:sticky; top:0; background:#fff; }
.header-main { height:74px; grid-template-columns:auto 1fr auto; }
.header-slogan { padding-left:24px; border-left:1px solid var(--line); display:flex; flex-direction:column; color:var(--muted); font-size:11px; }
.header-slogan strong { color:var(--ink); font-size:13px; }
.nav-bar { background:var(--red); color:white; box-shadow:0 4px 15px rgba(150,10,15,.18); }
.nav-bar .wrap { min-height:44px; display:flex; align-items:center; }
.nav-bar .main-nav { width:100%; }
.nav-bar .main-nav ul { justify-content:flex-start; gap:0; }
.nav-bar .main-nav li { border-right:1px solid rgba(255,255,255,.18); }
.nav-bar .main-nav a { display:block; padding:14px 18px; color:white; font-size:13px; }
.nav-bar .main-nav a:hover { color:white; background:rgba(0,0,0,.13); }
.search-panel { padding-top:18px; }
.ticker { border-bottom:0; }

.topic-strip { background:#fff; border-bottom:1px solid var(--line); }
.topic-strip .wrap { min-height:42px; display:flex; align-items:center; gap:20px; overflow-x:auto; white-space:nowrap; font-size:12px; }
.topic-strip strong { color:var(--red); text-transform:uppercase; }
.topic-strip a { color:#4b5563; font-weight:700; }
.topic-strip a:hover { color:var(--red); }

.ad-slot { width:min(calc(100% - 40px),var(--wrap)); margin:20px auto; overflow:hidden; text-align:center; }
.ad-widget > * { max-width:100%; }
.ad-placeholder { min-height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; border:1px dashed #cbd5e1; border-radius:8px; color:#9ca3af; background:repeating-linear-gradient(135deg,#fafafa,#fafafa 10px,#f7f7f7 10px,#f7f7f7 20px); }
.ad-placeholder small { font-size:9px; letter-spacing:.18em; }
.ad-placeholder strong { color:#64748b; font-size:15px; }
.ad-placeholder span { font-size:10px; }
.ad-rectangle { width:100%; margin:0 0 22px; }
.ad-rectangle .ad-placeholder { min-height:270px; }
.article .ad-slot { width:100%; margin:10px 0 32px; }
.site-footer + .ad-slot { margin-top:0; }

.hero { padding-top:24px; }
.hero-main,.story-card,.card-image { border-radius:9px; }
.section { padding:30px 0; }
.section-heading { margin-bottom:18px; }
.portal-columns { display:grid; grid-template-columns:minmax(0,1fr) 310px; align-items:start; gap:28px; }
.portal-news-grid { grid-template-columns:repeat(3,1fr); gap:20px; }
.portal-sidebar { position:sticky; top:145px; }
.portal-sidebar .sidebar-box { border-radius:9px; box-shadow:none; border:1px solid var(--line); }

@media (max-width:960px) {
  .header-slogan { display:none; }
  .nav-bar .wrap { min-height:0; width:100%; }
  .nav-bar .main-nav { position:static; padding:0 20px; color:white; background:var(--red); border:0; box-shadow:none; }
  .nav-bar .main-nav ul { gap:0; }
  .nav-bar .main-nav li { border-right:0; border-bottom:1px solid rgba(255,255,255,.16); }
  .portal-columns { grid-template-columns:1fr; }
  .portal-news-grid { grid-template-columns:repeat(2,1fr); }
  .portal-sidebar { position:static; display:grid; grid-template-columns:1fr 1fr; gap:22px; }
  .ad-rectangle { margin:0; }
}

@media (max-width:640px) {
  .header-main { height:64px; }
  .site-header { position:relative; }
  .topic-strip .wrap { gap:15px; }
  .ad-slot { width:min(calc(100% - 28px),var(--wrap)); margin:14px auto; }
  .ad-placeholder { min-height:76px; }
  .portal-news-grid { grid-template-columns:1fr; }
  .portal-sidebar { grid-template-columns:1fr; }
  .portal-sidebar .ad-placeholder { min-height:220px; }
}

/* Yalnızca masaüstü dış kenar reklamları */
.side-ad { display:none; }
@media (min-width:1620px) {
  .side-ad { display:block; position:fixed; top:168px; width:160px; z-index:20; }
  .side-ad-left { left:calc(50% - 800px); }
  .side-ad-right { right:calc(50% - 800px); }
  .side-ad .ad-slot { width:160px; margin:0; }
  .side-ad .ad-placeholder,.side-ad .adsbygoogle { min-height:600px; }
}
@media (max-width:960px) {
  .portal-sidebar { display:block; }
}

/* News Portal esintili dergi yerleşimi */
.brand-area { min-width:0; }
.brand-area .custom-logo-link { display:block; }
.brand-area .custom-logo { width:auto; max-width:320px; max-height:64px; object-fit:contain; }
.topline strong { color:white; }
.ticker-label { background:#303840; }
.ticker-more { color:var(--red); }
.hero-layout { display:grid; grid-template-columns:1fr; gap:5px; }
.hero-layout .headline-slider { min-height:520px; border-radius:0; box-shadow:none; }
.hero-mosaic { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:5px; min-width:0; }
.mosaic-story { min-height:0; border-radius:0; }
.mosaic-story .story-overlay { padding:18px; }
.mosaic-story h2 { font-family:Inter,ui-sans-serif,system-ui,sans-serif; font-size:18px; line-height:1.18; }
.mosaic-story .story-meta { margin-top:9px; }
.mosaic-story .card-category { margin-bottom:9px; padding:5px 8px; }
.portal-headline-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:20px; padding:17px 20px; background:#eef0f2; border:1px solid var(--line); }
.strip-story { min-width:0; display:grid; grid-template-columns:105px minmax(0,1fr); gap:12px; align-items:center; }
.strip-image { display:block; overflow:hidden; height:74px; background:var(--navy); }
.strip-image img { width:100%; height:100%; object-fit:cover; }
.strip-story h3 { margin:0 0 8px; font-size:14px; line-height:1.28; }
.strip-story h3 a:hover { color:var(--red); }
.section-heading h2::before { width:5px; background:var(--red); }
.dark-section { background:#202a35; }
.homepage-widget + .homepage-widget { margin-top:20px; }

@media (max-width:1100px) {
  .hero-layout { grid-template-columns:1fr; }
  .hero-layout .headline-slider { min-height:500px; }
  .hero-mosaic { min-height:480px; }
  .portal-headline-strip { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:640px) {
  .brand-area .custom-logo { max-width:210px; max-height:50px; }
  .hero-layout .headline-slider { min-height:470px; }
  .hero-mosaic { min-height:620px; grid-template-columns:1fr; grid-template-rows:repeat(4,1fr); }
  .portal-headline-strip { grid-template-columns:1fr; gap:14px; padding:14px; }
  .strip-story { grid-template-columns:95px 1fr; }
}