/* Flaş — Wolob okur teması. Kaynak: flas-tema (statik) css/theme.css + css/pages.css birebir; renkler/yazı tipleri token, Wolob bağlantı katmanı dosyanın sonunda ("Wolob" bölümü). */
:where(:root){--color-primary: #ffd60a;--color-on-primary: #14161b;--color-accent: #14161b;--color-on-accent: #ffffff;--color-background: #f7f7f4;--color-surface: #ffffff;--color-surface-alt: #eeefea;--color-text: #14161b;--color-muted: #5b616b;--color-line: #dedfd9;--color-link: #1a4fd6;--color-breaking: #d7261b;--color-on-breaking: #ffffff;--color-highlight-soft: #fff3b0;--font-sans:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Schibsted Grotesk",Onest,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
body{--paper:var(--color-background);--surface:var(--color-surface);--sunk:var(--color-surface-alt);--line:var(--color-line);--ink:var(--color-accent);--ink2:#2a2e36;--muted:var(--color-muted);--flash:var(--color-primary);--on-flash:var(--color-on-primary);--flash-soft:var(--color-highlight-soft);--live:var(--color-breaking);--link:var(--color-link);--ok:#0f7a4f;--warn:#9a5b00;--r6:6px;--r10:10px;--r18:18px;--sh:0 1px 2px rgba(20,22,27,.05),0 8px 24px -12px rgba(20,22,27,.18)}
:root[data-scheme="dark"]{body{--color-background: #0f1115;--color-surface: #181b21;--color-surface-alt: #22262e;--color-text: #eef0f3;--color-muted: #a3a9b3;--color-line: #2c3038;--color-link: #8ab4ff;--color-highlight-soft: #3a3412;--ink2:#d5d8de}
.logo,.icobtn,.btn-ghost,.sh .all,.nav a,.mnav .sheet a,.crumb a:hover,.pager a,.reader-pagination a{color:var(--color-text)}
.sh{border-top-color:var(--color-text)}
.sh h2::before,.panel .ph::before,.cat-h h1::before,.pg-h h1::before{border-color:var(--color-text)}
.body{color:var(--color-text)}.body p.first::first-letter,.body>p:first-of-type::first-letter{color:var(--color-text)}
.tabbar{background:var(--color-surface)}.ltab tr:hover td{background:var(--color-surface-alt)}
.btn-ink{background:var(--color-text);color:var(--color-background)}}

/* Wolob "Flaş" haber teması — paylaşılan stil */
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--color-text);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}a:hover{color:var(--ink)}
img{display:block}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);letter-spacing:-.02em;line-height:1.15}
p{margin:0}
button{font:inherit;cursor:pointer}
.d{font-family:var(--font-display);letter-spacing:-.02em}
.mono{font-family:var(--font-mono);letter-spacing:0}
.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
.row{display:flex;align-items:center}
.gap8{gap:8px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}
.grow{flex:1 1 auto;min-width:0}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ÜST ŞERİT */
.ubar{background:var(--ink);color:#c9ccd3;font-size:12px;height:36px}
.ubar .wrap{display:flex;align-items:center;gap:24px;height:36px}
.ubar a{color:#c9ccd3}.ubar a:hover{color:#fff}
.ubar .tick{display:flex;gap:18px;font-family:var(--font-mono);font-size:11.5px;overflow:hidden;white-space:nowrap}
.ubar .tick b{color:#fff;font-weight:500}
.up{color:#6fd49a}.dn{color:#ff8a80}
.live{display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;font-weight:700;font-size:11px;letter-spacing:.08em;padding:3px 9px;border-radius:999px}
.live i,.pulse{width:7px;height:7px;border-radius:50%;background:var(--surface);display:inline-block;animation:pulse 1.4s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.6)}100%{box-shadow:0 0 0 7px rgba(255,255,255,0)}}

/* BAŞLIK */
.hdr{background:var(--paper);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:84px}
.logo{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:-.05em;color:var(--ink)}
.logo svg{display:block}
.logo small{display:block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;font-weight:500;color:var(--muted);margin-left:8px;align-self:flex-end;margin-bottom:6px}
.nav{display:flex;gap:4px;flex:1 1 auto;min-width:0}
.nav a{font-family:var(--font-display);font-weight:700;font-size:14.5px;letter-spacing:-.01em;padding:10px 12px;border-radius:var(--r6);position:relative;white-space:nowrap}
.nav a:hover{background:var(--sunk)}
.nav a.on::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;background:var(--flash);border-radius:2px}
.icobtn{width:42px;height:42px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.icobtn:hover{background:var(--sunk)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r6);font-weight:700;font-size:14px;border:1px solid transparent;white-space:nowrap}
.btn-flash{background:var(--flash);color:var(--ink)}.btn-flash:hover{background:#f5cd00}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#000;color:#fff}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--sunk)}
.btn-sm{height:34px;padding:0 12px;font-size:13px}

/* SON DAKİKA */
.flash-bar{background:var(--flash);color:var(--ink);height:46px}
.flash-bar .wrap{display:flex;align-items:center;gap:16px;height:46px}
.sd-chip{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.1em;padding:0 12px;height:30px;border-radius:var(--r6);flex:none}
.sd-chip i{width:8px;height:8px;border-radius:50%;background:var(--live);animation:pulse2 1.4s ease-out infinite}
@keyframes pulse2{0%{box-shadow:0 0 0 0 rgba(215,38,27,.55)}100%{box-shadow:0 0 0 7px rgba(215,38,27,0)}}
.sd-items{display:flex;gap:28px;overflow:hidden;white-space:nowrap;font-weight:600;font-size:14px;flex:1 1 auto;min-width:0}
.sd-items span{display:inline-flex;gap:10px;align-items:center}
.sd-items time{font-family:var(--font-mono);font-size:12px;font-weight:500;background:rgba(20,22,27,.09);padding:2px 7px;border-radius:4px}
.sd-nav{display:flex;gap:4px;flex:none}
.sd-nav button{width:30px;height:30px;border-radius:var(--r6);border:1px solid rgba(20,22,27,.25);background:transparent;color:var(--ink);display:inline-flex;align-items:center;justify-content:center}

/* ORTAK PARÇALAR */
.chip{display:inline-flex;align-self:flex-start;align-items:center;height:22px;padding:0 8px;border-radius:4px;background:var(--flash);color:var(--ink);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.chip.ink{background:var(--ink);color:#fff}
.chip.live{background:var(--live);color:#fff;gap:6px}
.chip.soft{background:var(--sunk);color:var(--ink2)}
.meta{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.meta i{width:3px;height:3px;border-radius:50%;background:var(--muted);display:inline-block}
.sh{display:flex;align-items:flex-end;justify-content:space-between;border-top:3px solid var(--ink);padding-top:14px;margin-bottom:22px}
.sh h2{font-size:26px;font-weight:800;display:flex;align-items:center;gap:12px}
.sh h2::before{content:"";width:10px;height:10px;border:4px solid var(--ink);border-radius:50%;background:var(--flash);flex:none}
.sh .all{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--ink);display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface)}
.sh .all:hover{background:var(--sunk)}
.sh .sub{display:flex;gap:6px}
.sh .sub a{font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 10px;border-radius:999px}
.sh .sub a.on,.sh .sub a:hover{background:var(--ink);color:#fff}
.sec{padding:40px 0 8px}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.card .im{aspect-ratio:16/10;width:100%;object-fit:cover;background:var(--sunk)}
.card .bd{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.card h3{font-size:17px;font-weight:700;line-height:1.3}
.card h3.lg{font-size:21px}
.card p{font-size:13.5px;color:var(--muted);line-height:1.5}
.card .meta{margin-top:auto}

.ocard{position:relative;border-radius:var(--r10);overflow:hidden;background:var(--ink);color:#fff;display:flex;align-items:flex-end;min-height:280px;isolation:isolate}
.ocard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.ocard:hover img{transform:scale(1.03)}
.ocard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,22,27,0) 30%,rgba(20,22,27,.55) 65%,rgba(20,22,27,.92) 100%)}
.ocard .bd{padding:22px 24px;display:flex;flex-direction:column;gap:10px;width:100%}
.ocard h3{font-size:22px;font-weight:800;line-height:1.2}
.ocard p{font-size:14px;color:#d8dbe1;line-height:1.5}
.ocard .meta{color:#c9ccd3}.ocard .meta i{background:#c9ccd3}

.list{display:flex;flex-direction:column}
.list a{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.list a:last-child{border-bottom:0}
.list .th{width:92px;height:64px;border-radius:var(--r6);object-fit:cover;flex:none;background:var(--sunk)}
.list h4{font-size:14.5px;font-weight:700;line-height:1.35}
.list .n{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--muted);width:26px;flex:none;padding-top:2px}
.list .meta{margin-top:6px}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:18px 20px}
.panel .ph{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.panel .ph::before{content:"";width:8px;height:8px;border:3px solid var(--ink);border-radius:50%;background:var(--flash)}

/* MANŞET RAYI */
.rail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);display:flex;flex-direction:column;overflow:hidden}
.rail .rh{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--font-display);font-weight:800;font-size:14px}
.rail .rh span{font-family:var(--font-mono);font-weight:500;font-size:11.5px;color:var(--muted)}
.rail a{display:flex;gap:14px;padding:13px 18px;border-bottom:1px solid var(--line);position:relative;align-items:flex-start}
.rail a:last-child{border-bottom:0}
.rail a:hover{background:var(--sunk)}
.rail a.on{background:var(--flash-soft)}
.rail a.on::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:62%;background:var(--flash)}
.rail .n{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--muted);padding-top:3px;width:22px;flex:none}
.rail a.on .n{color:var(--ink)}
.rail h4{font-size:14.5px;font-weight:700;line-height:1.35}
.rail .meta{margin-top:5px}

/* PİYASA + HAVA */
.mkt{background:var(--ink);color:#fff;border-radius:var(--r10);padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.mkt .ph{font-family:var(--font-display);font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.mkt .ph span{font-family:var(--font-mono);font-size:11px;font-weight:500;color:#9ea3ad}
.mkt .r{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mkt .r:last-of-type{border-bottom:0}
.mkt .nm{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:#9ea3ad}
.mkt .v{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em}
.mkt .ch{font-family:var(--font-mono);font-size:11.5px;font-weight:600;padding:3px 7px;border-radius:4px}
.mkt .ch.up{background:rgba(111,212,154,.15);color:#6fd49a}.mkt .ch.dn{background:rgba(255,138,128,.15);color:#ff8a80}
.spark{display:flex;align-items:flex-end;gap:2px;height:22px;width:54px}
.spark i{flex:1;background:#3b404a;border-radius:1px}
.spark.up i:last-child{background:#6fd49a}.spark.dn i:last-child{background:#ff8a80}
.wx{background:var(--flash);color:var(--ink);border-radius:var(--r10);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.wx .ph{font-family:var(--font-display);font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.wx .ph span{font-family:var(--font-mono);font-size:11px;font-weight:500}
.wx .big{display:flex;align-items:center;gap:14px}
.wx .t{font-family:var(--font-display);font-weight:800;font-size:64px;letter-spacing:-.05em;line-height:1}
.wx .g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;background:rgba(20,22,27,.08);border-radius:var(--r6);padding:10px 12px}
.wx .g b{display:block;font-family:var(--font-display);font-size:16px;font-weight:800}
.wx .g span{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em}
.wx .sel{display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:var(--r6);padding:10px 12px;font-weight:600;font-size:13px}

/* KOYU BANT */
.dark{background:var(--ink);color:#fff}
.dark .sh{border-top-color:var(--flash)}
.dark .sh h2::before{border-color:#fff}
.dark .sh .all{background:transparent;border-color:rgba(255,255,255,.2);color:#fff}
.dark .card{background:#1d2027;border-color:rgba(255,255,255,.08)}
.dark .card h3{color:#fff}.dark .card p{color:#b7bbc4}.dark .meta{color:#9ea3ad}
.dark .list a{border-bottom-color:rgba(255,255,255,.1)}
.dark .list h4{color:#fff}
.play{position:absolute;left:16px;bottom:16px;width:44px;height:44px;border-radius:50%;background:var(--flash);display:flex;align-items:center;justify-content:center;color:var(--ink);box-shadow:0 6px 18px -6px rgba(0,0,0,.6)}
.dur{position:absolute;right:12px;top:12px;font-family:var(--font-mono);font-size:11px;background:rgba(20,22,27,.8);color:#fff;padding:3px 7px;border-radius:4px}
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:#9ea3ad;text-align:left;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.12);font-weight:500}
.tbl td{padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:600}
.tbl td.num{font-family:var(--font-mono);font-weight:500;text-align:right}
.tbl tr:first-child td:first-child{color:var(--flash)}

/* YAZARLAR */
.author{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:16px}
.author:hover{box-shadow:var(--sh)}
.av{width:52px;height:52px;border-radius:50%;background:var(--flash);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.03em;flex:none;border:3px solid var(--ink)}
.av.ink{background:var(--ink);color:#fff;border-color:var(--flash)}
.author b{display:block;font-family:var(--font-display);font-size:14px;font-weight:800}
.author span{display:block;font-size:13px;color:var(--muted);line-height:1.35;margin-top:3px}
.author .av{display:flex;color:var(--ink);margin:0;font-size:18px;line-height:1}
.author .av.ink{color:#fff}

/* BÜLTEN */
.news{background:var(--flash);border-radius:var(--r18);padding:40px 44px;display:flex;align-items:center;gap:40px;position:relative;overflow:hidden}
.news h2{font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.news p{font-size:15px;max-width:460px;margin-top:10px}
.news form{display:flex;gap:8px;flex:none}
.news input{height:48px;width:300px;border:0;border-radius:var(--r6);padding:0 16px;font:inherit;background:var(--surface)}
.news .ring{position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(20,22,27,.08)}

/* FOOTER */
.ft{background:var(--ink);color:#c9ccd3;margin-top:56px}
.ft .top{display:grid;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:40px;padding:48px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft h5{margin:0 0 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--flash);font-weight:600}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.ft a:hover{color:#fff}
.ft .logo{color:#fff}
.ft p{font-size:13.5px;line-height:1.6;max-width:360px}
.ft .bot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;font-size:12.5px}
.ft .bot .links{display:flex;gap:18px}
.wolob{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:#9ea3ad;border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:999px}
.wolob b{width:10px;height:10px;border:3px solid #fff;border-radius:50%;background:var(--flash);display:inline-block}
.social{display:flex;gap:8px}
.social a{width:36px;height:36px;border-radius:var(--r6);border:1px solid rgba(255,255,255,.14);display:inline-flex;align-items:center;justify-content:center;color:#fff}
.social a:hover{background:var(--flash);color:var(--ink);border-color:var(--flash)}

/* MAKALE */
.crumb{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding:18px 0 4px}
.crumb a:hover{color:var(--ink)}
.art-h{width:calc(100% - 400px);margin:0;padding:26px 0 24px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.art-h h1{font-size:50px;font-weight:800;letter-spacing:-.035em;line-height:1.05}
.art-h .lede{font-size:20px;line-height:1.5;color:var(--ink2);max-width:760px}
.byline{display:flex;align-items:center;gap:14px;width:100%;padding-top:16px;border-top:1px solid var(--line)}
.byline .av{width:44px;height:44px;font-size:15px}
.byline b{display:block;font-family:var(--font-display);font-size:14px;font-weight:800}
.byline .meta{margin-top:3px}
.share{display:flex;gap:6px;margin-left:auto}
.share a,.share button{width:38px;height:38px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.share a:hover,.share button:hover{background:var(--flash);border-color:var(--flash)}
.figure{margin:0;border-radius:var(--r10);overflow:hidden;background:var(--sunk)}
.figure img{width:100%;height:auto;aspect-ratio:21/9;object-fit:cover}
.figure figcaption{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding:10px 2px 0;display:flex;gap:8px}
.figure figcaption b{color:var(--ink);font-weight:600}
.art-grid{display:grid;grid-template-columns:56px minmax(0,1fr) 360px;gap:40px;padding-top:34px;align-items:start}
.srail{position:sticky;top:24px;display:flex;flex-direction:column;gap:6px}
.srail a{width:44px;height:44px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.srail a:hover{background:var(--flash);border-color:var(--flash)}
.srail .cnt{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:center;padding:4px 0}
.body{font-size:18px;line-height:1.72;color:#1f2228;display:flex;flex-direction:column;gap:22px;max-width:720px}
.body p.first::first-letter{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:.8;float:left;margin:8px 10px 0 0;color:var(--ink)}
.body h2{font-size:26px;font-weight:800;margin-top:10px;letter-spacing:-.025em}
.body .quote{border-radius:var(--r10);background:var(--flash);padding:26px 28px;font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.02em;position:relative}
.body .quote::before{content:"";position:absolute;left:28px;top:-8px;width:14px;height:14px;border:4px solid var(--ink);border-radius:50%;background:var(--flash)}
.body .quote small{display:block;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;margin-top:12px}
.body .inl{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:12px;font-size:15px}
.body .inl img{width:120px;height:80px;border-radius:var(--r6);object-fit:cover}
.body .inl b{display:block;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.3}
.body .inl span{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags a{font-family:var(--font-mono);font-size:12px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.tags a:hover{background:var(--ink);color:#fff}
.abox{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:22px;align-items:flex-start}
.abox .av{width:64px;height:64px;font-size:22px}
.abox b{font-family:var(--font-display);font-size:18px;font-weight:800;display:block}
.abox p{font-size:14px;color:var(--muted);margin-top:6px;line-height:1.55}
.cmt{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.cmt .av{width:40px;height:40px;font-size:14px;border-width:2px}
.cmt b{font-size:14px;font-family:var(--font-display);font-weight:800}
.cmt p{font-size:14.5px;line-height:1.55;margin-top:4px}
.cmt .act{display:flex;gap:14px;font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:8px}
.cform{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:18px}
.cform textarea{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:var(--r6);padding:12px;min-height:90px;resize:vertical;background:var(--paper)}
.side{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}
.poll{display:flex;flex-direction:column;gap:8px}
.poll label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:var(--r6);padding:10px 12px;position:relative;overflow:hidden;cursor:pointer}
.poll label i{position:absolute;left:0;top:0;bottom:0;background:var(--flash-soft);z-index:-1}
.poll label{isolation:isolate}
.poll label span{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--muted)}

/* KATEGORİ */
.cat-h{padding:34px 0 26px;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.cat-h h1{font-size:56px;font-weight:800;letter-spacing:-.045em;display:flex;align-items:center;gap:16px}
.cat-h h1::before{content:"";width:18px;height:18px;border:7px solid var(--ink);border-radius:50%;background:var(--flash);flex:none}
.cat-h p{font-size:16px;color:var(--muted);margin-top:8px;max-width:620px}
.cat-h .sub{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.cat-h .sub a{font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}
.cat-h .sub a.on,.cat-h .sub a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.lead{display:grid;grid-template-columns:1.25fr 1fr;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden}
.lead img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.lead .bd{padding:32px 34px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.lead h2{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.lead p{font-size:15px;color:var(--muted);line-height:1.55}
.pager{display:flex;justify-content:center;gap:6px;padding:28px 0 0}
.pager a{min-width:40px;height:40px;padding:0 12px;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600}
.pager a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager a:hover{background:var(--sunk)}

/* SERVİS SAYFALARI */
.pg-h{padding:30px 0 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.pg-h h1{font-size:44px;font-weight:800;letter-spacing:-.04em;display:flex;align-items:center;gap:14px}
.pg-h h1::before{content:"";width:14px;height:14px;border:6px solid var(--ink);border-radius:50%;background:var(--flash);flex:none}
.pg-h p{font-size:15px;color:var(--muted);margin-top:6px;max-width:640px}
.pg-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;padding-top:28px;align-items:start}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding-top:24px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:16px 18px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}
.kpi .nm{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted)}
.kpi .v{font-family:var(--font-display);font-weight:800;font-size:26px;letter-spacing:-.03em}
.kpi .ch{font-family:var(--font-mono);font-size:12px;font-weight:600}
.kpi .ch.up{color:var(--ok)}.kpi .ch.dn{color:var(--live)}
.kpi.flash{background:var(--flash);border-color:var(--flash)}
.kpi .spark{position:absolute;right:14px;top:16px}
.kpi .spark i{background:#d7d9d1}
.kpi .spark.up i:last-child{background:var(--ok)}.kpi .spark.dn i:last-child{background:var(--live)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 6px}
.tabs a{font-family:var(--font-display);font-weight:700;font-size:14px;padding:12px 14px;position:relative;color:var(--muted);display:inline-flex;gap:8px;align-items:center}
.tabs a.on{color:var(--ink)}
.tabs a.on::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;background:var(--flash)}
.tabs a .mono{font-size:10.5px;background:var(--sunk);padding:1px 6px;border-radius:4px;color:var(--ink2)}
.ltab{width:100%;border-collapse:collapse;font-size:14px}
.ltab th{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:500;background:var(--paper)}
.ltab td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.ltab tr:last-child td{border-bottom:0}
.ltab tr:hover td{background:#fbfbf8}
.ltab .num{font-family:var(--font-mono);text-align:right;font-weight:500}
.ltab b{font-family:var(--font-display);font-weight:800;display:block;font-size:14px}
.ltab small{display:block;font-size:12px;color:var(--muted)}
.ltab .sym{width:34px;height:34px;border-radius:8px;background:var(--sunk);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;margin-right:10px;vertical-align:middle}
.pct{display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 8px;border-radius:4px}
.pct.up{background:#e3f3ea;color:var(--ok)}.pct.dn{background:#fbe5e3;color:var(--live)}.pct.flat{background:var(--sunk);color:var(--muted)}
.inp{height:40px;border:1px solid var(--line);border-radius:var(--r6);padding:0 12px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink)}
.sel{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;height:40px;border:1px solid var(--line);border-radius:var(--r6);padding:0 12px;font-weight:600;font-size:13.5px;background:var(--surface);min-width:160px}
.hz{display:flex;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);overflow:hidden;align-items:stretch}
.hz img{width:260px;flex:none;object-fit:cover;aspect-ratio:16/10}
.hz .bd{padding:18px 20px 18px 0;display:flex;flex-direction:column;gap:8px;justify-content:center}
.hz h3{font-size:20px;font-weight:700;line-height:1.25}
.hz p{font-size:13.5px;color:var(--muted)}
.hz:hover{box-shadow:var(--sh)}
.svid{position:relative;border-radius:var(--r10);overflow:hidden;background:#1d2027;color:#fff;display:flex;flex-direction:column}
.svid img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92}
.svid .t{padding:12px 14px 14px;font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.3}
.svid .play{width:36px;height:36px;bottom:auto;top:12px;left:12px}
.legend{display:flex;gap:18px;font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:12px 2px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.pill-row{display:flex;gap:6px;flex-wrap:wrap}
.pill-row a{font-size:13px;font-weight:600;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);display:inline-flex;gap:8px;align-items:center}
.pill-row a.on,.pill-row a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.pill-row a .mono{font-size:10.5px;opacity:.7}

/* IZGARALAR */
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;padding-top:28px}

/* DUYARLI */
@media (max-width:1100px){.art-h{width:auto}.art-grid{grid-template-columns:56px minmax(0,1fr)}.side{position:static}.art-grid .side{grid-column:2}}
@media (max-width:900px){
 .wrap{padding:0 20px}
 .ubar .tick,.nav{display:none}
 .hdr .wrap{height:68px;gap:12px}
 .g3,.g4,.g2{grid-template-columns:1fr !important}
 .hero{grid-template-columns:1fr !important}
 .ft .top{grid-template-columns:1fr 1fr}
 .news{flex-direction:column;align-items:flex-start;padding:28px}
 .news input{width:100%}
 .art-h h1{font-size:34px}
 .art-grid{grid-template-columns:1fr}.srail{display:none}
 .lead{grid-template-columns:1fr}
 .cat-h{flex-direction:column;align-items:flex-start}.cat-h h1{font-size:40px}
 .sd-items{font-size:13px}
}

/* ======= SİTE EKLERİ (menü, duyarlı, alt bar) ======= */
.mbtn{display:none;width:42px;height:42px;border-radius:6px;border:1px solid var(--line);background:var(--surface);align-items:center;justify-content:center;color:var(--ink)}
.mnav{display:none;position:fixed;inset:0;background:rgba(20,22,27,.5);z-index:50}
.mnav.open{display:block}
.mnav .sheet{position:absolute;right:0;top:0;bottom:0;width:min(86vw,360px);background:var(--paper);padding:20px;overflow:auto;display:flex;flex-direction:column;gap:6px}
.mnav .sheet a{font-family:var(--font-display);font-weight:700;font-size:17px;padding:12px 10px;border-bottom:1px solid var(--line)}
.mnav .sheet a.on{color:var(--ink)}.mnav .sheet a.on::after{content:"";display:inline-block;width:8px;height:8px;background:var(--flash);border-radius:50%;margin-left:8px}
.mnav .sheet .svc{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin:14px 0 4px}
.mnav .sheet .svc + a,.mnav .sheet .small{font-size:14.5px;font-weight:600;padding:9px 10px}
.mnav .close{align-self:flex-end;width:40px;height:40px;border:0;background:transparent;font-size:24px;line-height:1}
.tabbar{display:none}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.sd-items span{flex:none}
.form-msg{font-family:var(--font-mono);font-size:12px;color:var(--ok);margin-top:8px;display:none}
.form-msg.show{display:block}
@media (max-width:1100px){
 .ubar .tick{display:none}
 .mk-grid{grid-template-columns:1fr 1fr !important}
 .mk-grid > .box:nth-child(2){grid-column:1 / -1;grid-row:1}
 .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .lg-grid,.pg-grid,.egrid,.igrid,.sgrid,.cat-grid,.ygrid{grid-template-columns:1fr !important}
 .cities,.feat,.vgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .days{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
 .ft .top{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:900px){
 .mbtn{display:inline-flex}
 .nav,.hdr .btn-ghost{display:none}
 .hdr .wrap{height:66px;gap:10px}
 .logo{font-size:26px}.logo svg{width:30px;height:30px}
 .ubar .wrap{gap:12px;font-size:11px}
 .ubar nav a:not(.live){display:none}
 .flash-bar .sd-nav{display:none}
 .sd-chip{font-size:10.5px;padding:0 9px;height:26px}
 .hero,.feat,.g2,.g3,.g4,.now,.cities,.vgrid,.gl,.feat-y,.ecards,.filt,.player,.kpis,.times,.tools,.mmkt{grid-template-columns:1fr !important}
 main [style*="grid-template-columns"]{grid-template-columns:1fr !important}
 .kpis,.times{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .days{display:flex !important;overflow-x:auto;padding-bottom:6px}
 .days .day{flex:0 0 120px}
 .mosaic{grid-template-columns:1fr 1fr !important;grid-auto-rows:160px !important}
 .mosaic .big{grid-column:span 2 !important;grid-row:span 2 !important}
 .hz{flex-direction:column}.hz img{width:100% !important;aspect-ratio:16/9}.hz .bd{padding:0 18px 18px}
 .ilan{grid-template-columns:1fr !important;gap:10px}.ilan .rt{flex-direction:row;align-items:center;justify-content:space-between}
 .pg-h{flex-direction:column;align-items:flex-start}.pg-h h1{font-size:34px}
 .sh{flex-wrap:wrap;gap:10px}.sh .sub{overflow-x:auto;max-width:100%}
 .hero-main h3{font-size:28px !important}
 .cur .t{font-size:84px}
 .ft .top{grid-template-columns:1fr 1fr;gap:24px}
 .ft .bot{flex-direction:column;align-items:flex-start}
 .art-h h1{font-size:32px}
 .yhero{grid-template-columns:1fr !important;text-align:center;justify-items:center}
 .post{grid-template-columns:1fr !important;gap:8px}
 .box .ltab,.month .ltab{min-width:640px}
 .box,.month > div{overflow-x:auto}
 .sbox form{flex-direction:column}.sbox input{height:48px}
 .count{flex-wrap:wrap}
 .sec{padding:28px 0 4px}
 .mk-grid > *,.lg-grid > *,.pg-grid > *,.egrid > *,.igrid > *,.sgrid > *,.cat-grid > *,.ygrid > *,.art-grid > *,.hero > *,.player > *{min-width:0}
 .art-grid .side{grid-column:auto}
 .tabs{flex-wrap:wrap}
 .byline{flex-wrap:wrap}.share{margin-left:0;width:100%}
 .box .row{flex-wrap:wrap;gap:8px}
 .row,.meta,.filters,.az,.stoolbar,.sbox .chips,.toolbar,.quote .big{flex-wrap:wrap}
 .toolbar,.filters{flex-direction:column;align-items:flex-start;gap:10px}
 .kpi .spark{display:none}
 body{padding-bottom:70px}
 .tabbar{display:grid;position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 6px 8px;z-index:40}
 .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font-mono);font-size:9.5px;letter-spacing:.06em;color:var(--muted);justify-content:center}
 .tabbar a.on{color:var(--ink)}.tabbar a.on svg{background:var(--flash);border-radius:8px}
 .tabbar svg{padding:5px;width:32px;height:32px}
}
@media (max-width:560px){
 .kpis,.times,.cities,.feat,.vgrid,.mosaic{grid-template-columns:1fr !important}
 .mosaic .big{grid-column:span 1 !important}
 .ft .top{grid-template-columns:1fr}
 .cur .g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

/* ---- index.html ---- */
body.home .hero-main{min-height:520px}
body.home .hero-main h3{font-size:40px;letter-spacing:-.035em;max-width:720px}
body.home .hero-main p{font-size:16px;max-width:640px}
body.home .feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}
body.home .feat .card .im{aspect-ratio:16/9}
body.home .svid{position:relative;border-radius:10px;overflow:hidden;background:#1d2027}
body.home .svid img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.9}
body.home .svid .t{padding:12px 14px 14px;font-family:var(--font-display);font-weight:700;font-size:14.5px;line-height:1.3;color:#fff}
body.home .bigvid{position:relative;border-radius:10px;overflow:hidden;min-height:420px;background:#1d2027;display:flex;align-items:flex-end;isolation:isolate;color:#fff}
body.home .bigvid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
body.home .bigvid::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,22,27,0) 35%,rgba(20,22,27,.92) 100%)}
body.home .bigvid .bd{padding:26px 28px 26px 92px;display:flex;flex-direction:column;gap:10px}
body.home .bigvid .play{left:28px;bottom:28px;width:48px;height:48px}
body.home .bigvid h3{font-size:28px;font-weight:800;letter-spacing:-.03em}
body.home .bigvid p{color:#c9ccd3;font-size:14.5px}
body.home .col-lead{display:flex;flex-direction:column;gap:16px}
body.home .col-lead .card .im{aspect-ratio:16/9}
body.home .strip{display:flex;gap:12px;overflow:hidden;flex-wrap:wrap}

/* ---- haber.html ---- */
body.article .progress{position:sticky;top:0;height:3px;background:var(--line);z-index:5}
body.article .progress i{display:block;height:100%;width:38%;background:var(--flash)}
body.article .kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.article .kv div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}
body.article .kv b{display:block;font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em}
body.article .kv span{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--muted)}
body.article .rel .card .im{aspect-ratio:16/9}
body.article .live-up{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
body.article .live-up time{font-family:var(--font-mono);font-size:12px;font-weight:600;flex:none;width:52px;padding-top:2px}
body.article .live-up p{font-size:14.5px;line-height:1.5}
body.article .live-up b{display:block;font-family:var(--font-display);font-weight:800;font-size:15px;margin-bottom:3px}


/* ======= Wolob ======= */
/* Page frame, helpers, accessibility */
.frame{min-height:100vh;display:flex;flex-direction:column}
.uc{text-transform:uppercase}
.skip-link{position:absolute;left:8px;top:-80px;z-index:200;background:var(--surface);color:var(--color-text);padding:12px 16px;font-weight:700;border-radius:var(--r6)}
.skip-link:focus{top:8px}
.site-main{display:block}.site-main:focus{outline:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.sr{white-space:nowrap}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.dark :focus-visible,.ft :focus-visible,.ubar :focus-visible{outline-color:var(--flash)}
[hidden]{display:none!important}
/* Images: <x-reader::image> prints <picture><img>; the design styles the <img> */
picture{display:block}
picture>img{display:block;width:100%;height:100%;object-fit:cover}
.card picture.im{overflow:hidden}
.card picture.im img{aspect-ratio:inherit}
.list picture.th{width:92px;height:64px;border-radius:var(--r6);overflow:hidden;flex:none;background:var(--sunk)}
.ocard picture{position:absolute;inset:0;z-index:-2}
.svid picture img{aspect-ratio:16/10;opacity:.92}
.bigvid picture{position:absolute;inset:0;z-index:-2}
.reader-image-placeholder{background:var(--sunk)}
/* Logo: publisher logo image or the site name in the design's logo type */
.logo{flex:none}
.logo__img{display:block;height:40px;width:auto;max-width:240px;object-fit:contain}
.logo--txt span{white-space:nowrap}
.ft .logo span{font-size:28px}
.ft .logo__img{height:34px}
:root:not([data-scheme="dark"]) .reader-logo-dark,:root[data-scheme="dark"] .reader-logo-light:has(+ .reader-logo-dark){display:none!important}
/* Top strip: live stream link as the design's CANLI pill */
.ubar .reader-live-btn.live{min-height:0;color:#fff}
.ubar .reader-live-btn.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;display:inline-block;animation:pulse 1.4s ease-out infinite}
/* Breaking bar: headlines are links */
.sd-items a{color:inherit}.sd-items a:hover{text-decoration:underline}
/* Avatar with photo */
.av.av--img{overflow:hidden;padding:0}
.av.av--img img{width:100%;height:100%;object-fit:cover;border-radius:50%}
/* Shared pagination in the design's .pager look */
.reader-pagination.pager{flex-wrap:wrap}
.pager span{min-width:40px;height:40px;padding:0 12px;border-radius:var(--r6);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600}
.pager span[aria-current]{background:var(--ink);color:#fff;border:1px solid var(--ink)}
.pager span:not([aria-current]){padding:0 6px;min-width:0}
/* Page-builder layout frame */
.lay{display:block;padding-top:28px}
.lay--side{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.area{min-width:0}
@media (max-width:1100px){.lay--side{grid-template-columns:1fr}}
/* Story: editor HTML inside .body gets the design's drop cap, H2 and quote box */
.art-grid:not(.art-grid--plain)>.body>p:first-of-type::first-letter{font-family:var(--font-display);font-weight:800;font-size:64px;line-height:.8;float:left;margin:8px 10px 0 0;color:var(--ink)}
.art-grid:not(.art-grid--plain)>.body>p:first-of-type{display:flow-root}
.body>blockquote{border-radius:var(--r10);background:var(--flash);color:var(--ink);padding:26px 28px;font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.3;letter-spacing:-.02em;position:relative}
.body>blockquote::before{content:"";position:absolute;left:28px;top:-8px;width:14px;height:14px;border:4px solid var(--ink);border-radius:50%;background:var(--flash)}
.body>blockquote p{margin:0}.body>blockquote p+p{margin-top:10px}
.body>blockquote :is(cite,footer,small){display:block;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.06em;margin-top:12px;font-style:normal;text-transform:uppercase}
.body>p a:not([class]),.body li a:not([class]){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--flash);text-decoration-thickness:2px}
.body :is(ul,ol){margin:0;padding-left:22px}
.body figure{margin:0}.body img{max-width:100%;height:auto;border-radius:var(--r10)}
.body iframe{max-width:100%}
.body h3{font-size:21px;font-weight:800}
.body .inl picture{width:120px;height:80px;border-radius:var(--r6);overflow:hidden;flex:none}
.body .inl img{border-radius:0}
.body .inl b{color:var(--color-text)}
.byline b a:hover{text-decoration:underline}
.byline .share button{padding:0}
.srail .reader-comment-count{width:44px;height:44px;min-height:0;padding:0;border-radius:var(--r6);border:1px solid var(--line);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);gap:0}
.srail .reader-comment-count:hover{background:var(--flash);border-color:var(--flash)}
.srail .reader-comment-count>span[aria-hidden]{display:none}
.live-up__t p{margin:0}.live-up__t p+p{margin-top:6px}
.ad-side:not(:has(*)){display:none}
.art-grid>.body{min-width:0}
/* infinite-scroll fragments drop the share rail + sidebar: the story keeps the reading column (not the 56 px rail track) */
.art-grid>.body:first-child{grid-column:2}
@media (max-width:900px){.art-grid>.body:first-child{grid-column:auto}}
/* Comments (shared section) in the design's tokens: 3 px ink rule under the heading, display face, ink send button */
body .reader-comments{--rc-accent:var(--ink);--rc-on-accent:#fff;--rc-head:3px solid var(--ink);--rc-title-font:800 22px/1.15 var(--font-display);--rc-radius:var(--r10);--rc-btn-radius:var(--r6);margin:0}
body .reader-comments .reader-comment__av{background:var(--flash);color:var(--ink);border:2px solid var(--ink);font-family:var(--font-display);font-weight:800}
body .reader-comments .reader-comments__sort a{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:4px;min-height:22px;padding:0 8px}
body .reader-comments .reader-comments__sort a[aria-current]{background:var(--ink);color:#fff}
/* Shared previous / next links */
body .reader-prevnext.flas-prevnext{gap:12px}
body .flas-prevnext .reader-prevnext__a{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r10);background:var(--surface);color:var(--color-text)}
body .flas-prevnext .reader-prevnext__a:hover{box-shadow:var(--sh)}
body .flas-prevnext .reader-prevnext__k{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:1}
body .flas-prevnext .reader-prevnext__t{font-family:var(--font-display);font-weight:700;font-size:16px;line-height:1.3}
/* Shared poll, sponsor, preferred source in the design's panel look */
section.reader-poll{background:var(--surface);border:1px solid var(--line);border-radius:var(--r10);padding:18px 20px}
.reader-poll .reader-poll__title{font-family:var(--font-display);font-weight:800;font-size:18px}
.reader-poll .reader-poll__submit{background:var(--flash);color:var(--ink);border:0;border-radius:var(--r6);height:34px;padding:0 12px;font-weight:700;font-size:13px}
.reader-poll .reader-poll__fill{background:var(--flash-soft)}
.reader-poll .reader-poll__options label{border:1px solid var(--line);border-radius:var(--r6);padding:10px 12px;font-weight:600;font-size:14px}
.reader-sponsored{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.reader-sponsored__badge{background:var(--flash);color:var(--ink);padding:3px 8px;border-radius:4px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.reader-preferred-source{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r10);background:var(--surface);font-weight:700;font-size:14px}
/* Page-builder areas and blocks (the design's components, unscoped from the page classes) */
.layout-area{display:flex;flex-direction:column;gap:40px}
.area--home-top .layout-area,.area--home-bottom .layout-area{gap:40px}
.area--home-top>.layout-area,.area--home-bottom>.layout-area{max-width:1280px;margin:0 auto;padding:28px 32px 0}
.side>.layout-area,.area--article-sidebar>.layout-area,.area--category-sidebar>.layout-area,.area--home-sidebar>.layout-area{gap:20px}
.block{min-width:0}
.block--side.panel .panel{border:0;padding:0;background:transparent;border-radius:0}
.block--side.panel>.ph a:hover{text-decoration:underline}
.block .hero-main{min-height:520px}
.block .col-lead{display:flex;flex-direction:column;gap:16px}
.block .col-lead .card .im{aspect-ratio:16/9}
.gstrip .card{position:relative}
.gstrip .card .im{aspect-ratio:4/3}
.gstrip .cnt{position:absolute;right:12px;top:12px;font-family:var(--font-mono);font-size:11px;background:rgba(20,22,27,.75);color:#fff;padding:4px 8px;border-radius:4px;display:inline-flex;gap:6px;align-items:center}
.gstrip .stack{position:absolute;left:12px;top:12px;display:flex}
.gstrip .stack i{width:8px;height:8px;border-radius:2px;background:#fff;opacity:.9;margin-right:3px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.fixbox .fix{display:flex;flex-direction:column}
.fixbox .fix .d{padding:10px 18px;background:var(--paper);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--line)}
.fixbox .fix .m{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);font-size:13.5px;font-weight:600}
.fixbox .fix .m:last-child{border-bottom:0}
.fixbox .fix .m .r{text-align:right}
.fixbox .fix .sc{font-family:var(--font-display);font-weight:800;font-size:15px;background:var(--ink);color:#fff;padding:4px 10px;border-radius:6px;min-width:58px;text-align:center}
.fixbox .fix .sc.t{background:var(--sunk);color:var(--muted);font-family:var(--font-mono);font-weight:500;font-size:12px}
.ptimes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ptimes div{border:1px solid var(--line);border-radius:var(--r6);padding:8px 10px;display:flex;flex-direction:column;gap:2px}
.ptimes span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--muted)}
.ptimes b{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.03em}
.ptimes .next{background:var(--flash);border-color:var(--flash)}.ptimes .next span{color:var(--ink)}
.side .mkt,.side .wx{width:100%}
@media (max-width:900px){.area--home-top>.layout-area,.area--home-bottom>.layout-area{padding:20px 20px 0}.block .hgrid3{grid-template-columns:1fr!important}}
.area--bare>.layout-area>.block:not(.block--theme-home){width:100%;max-width:1280px;margin:0 auto;padding:0 32px}
.area--bare>.layout-area{gap:0}
.area--bare>.layout-area>.block:not(.block--theme-home)+.block{margin-top:40px}
@media (max-width:900px){.area--bare>.layout-area>.block:not(.block--theme-home){padding:0 20px}}
/* Headline-designer covers (the headline is in the picture): shown whole, the overlay title kept for screen readers only */
.figure.figure--designed img{aspect-ratio:16/9}
.ocard--designed::after{display:none}
.ocard--designed img{object-fit:contain;background:var(--ink)}
.ocard--designed .bd{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);padding:0}
/* 26.10.2026: header with an IMAGE logo on phones — the logo shrinks (kept 40px tall, contained) and the action buttons
   never wrap; the mobile `.row{flex-wrap:wrap}` rule broke them onto two lines over the top strip (text logos were fine). */
.hdr .wrap>.row{flex:none;flex-wrap:nowrap}
.hdr .logo{flex:0 1 auto;min-width:0}
.hdr .logo__img{max-width:100%;object-position:left center}