:root{--bg:#fff;--fg:#14181f;--soft:#5b6673;--line:#e4e7eb;--acc:#c8102e;--card:#f5f6f8;--ust:#14181f}
@media (prefers-color-scheme:dark){:root{--bg:#0f1720;--fg:#e6e9ed;--soft:#97a3b0;--line:#26313d;--card:#16212c;--ust:#0a1018}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}
.kap{max-width:1240px;margin:auto;padding:0 16px}
/* üst bar */
.ustbar{background:var(--ust);color:#aeb8c2;font-size:13px}.ustbar .kap{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;padding:6px 16px}
.ustbar b{color:#fff;font-weight:600}
.ust{background:var(--bg);border-bottom:3px solid var(--acc);position:sticky;top:0;z-index:10}
.ust-ic{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo{display:flex;white-space:nowrap;align-items:center;gap:10px;padding:12px 0;font-weight:800;font-size:26px;letter-spacing:.5px}.logo b{color:var(--acc)}
.canli{display:flex;align-items:center;gap:8px;background:var(--acc);color:#fff;font-weight:700;font-size:13px;padding:8px 14px;border-radius:6px;white-space:nowrap}
.canli i,.akis h2 i{width:8px;height:8px;border-radius:50%;background:#fff;animation:nabiz 1.4s infinite}
.akis h2 i{background:var(--acc)}
@keyframes nabiz{50%{opacity:.25}}
.kat{display:flex;gap:20px;overflow-x:auto;white-space:nowrap;padding-bottom:10px;font-size:15px;font-weight:600}.kat a:hover{color:var(--acc)}
/* flaş bandı */
.flas{background:#ffc400;color:#1a1a1a;font-size:15px}.flas .kap{display:flex;align-items:center;gap:14px;overflow:hidden}
.flas b{background:var(--acc);color:#fff;padding:8px 12px;flex:none}
.kayan{overflow:hidden;flex:1}.kayan div{display:flex;gap:40px;white-space:nowrap;animation:kay 70s linear infinite;padding:8px 0}
.kayan a{font-weight:600}.kayan small{opacity:.7;font-weight:400}.flas:hover .kayan div{animation-play-state:paused}
@keyframes kay{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.kayan div{animation:none}.canli i{animation:none}}
/* düzen */
.duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;margin-top:22px}
.yan{display:flex;flex-direction:column;gap:18px}
/* manşet */
.manset{position:relative;border-radius:10px;overflow:hidden;background:#0f1720;aspect-ratio:16/9}
.slayt{position:absolute;inset:0;opacity:0;transition:opacity .4s}.slayt.aktif{opacity:1;z-index:1}
.slayt img{width:100%;height:100%;object-fit:cover}
.m-yazi{position:absolute;left:0;right:0;bottom:44px;padding:24px 28px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff}
.m-yazi h1{font-size:34px;line-height:1.2;margin:10px 0 6px}.m-yazi p{margin:0;opacity:.9}
.m-no{position:absolute;left:0;right:0;bottom:0;display:flex;z-index:2;background:rgba(0,0,0,.6)}
.m-no button{flex:1;border:0;background:none;color:#fff;font:700 15px system-ui;padding:11px 0;cursor:pointer}
.m-no button.aktif{background:var(--acc)}
/* kartlar */
.izgara{display:grid;gap:18px;margin:18px 0}.dort{grid-template-columns:repeat(4,minmax(0,1fr))}.uc{grid-template-columns:repeat(3,minmax(0,1fr))}
.kart{background:var(--card);border-radius:8px;overflow:hidden;padding-bottom:12px;display:flex;flex-direction:column}
.kart img{aspect-ratio:16/9;object-fit:cover;width:100%}
.kart .etiket{align-self:flex-start;margin:10px 12px 0}.kart h3{font-size:16px;line-height:1.3;margin:6px 12px;flex:1}
.kart time{font-size:12px;color:var(--soft);margin:0 12px}.kart:hover h3{color:var(--acc)}
.etiket{display:inline-block;background:var(--acc);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:4px;letter-spacing:.3px}
.e-siyaset{background:#1d4e89}.e-asayis{background:#b23a00}.e-ekonomi{background:#0b7a55}.e-egitim{background:#6b3fa0}
.e-saglik{background:#0e7c86}.e-spor{background:#1f7a1f}.e-kultur-sanat{background:#8a2d6b}.e-dunya{background:#33475b}.e-yasam{background:#b07a00}
.bolum{font-size:21px;border-left:5px solid var(--acc);padding-left:10px;margin:30px 0 4px}
/* yan kutular */
.akis,.kutu{border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.akis h2,.kutu h3{display:flex;align-items:center;gap:8px;font-size:17px;margin:0 0 10px}.kutu small{color:var(--soft);font-weight:400;font-size:12px}
.akis ol{list-style:none;margin:0;padding:0;max-height:620px;overflow-y:auto}
.akis li{display:grid;grid-template-columns:44px 1fr;gap:2px 8px;padding:8px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.35}
.akis time{color:var(--acc);font-weight:700;font-size:13px}.akis small{grid-column:2;color:var(--soft);font-size:12px}
.akis li a:hover{text-decoration:underline}.tumu{display:block;text-align:right;font-size:14px;color:var(--acc);font-weight:600;margin-top:8px}
.vakit{list-style:none;margin:0;padding:0}.vakit li{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line);font-size:14px}
.reklam{border:1px dashed var(--line);border-radius:10px;color:var(--soft);text-align:center;padding:90px 0;font-size:13px}
/* son dakika sayfası */
.aciklama{color:var(--soft)}.akis-tam{list-style:none;padding:0;max-width:860px}
.akis-tam li{display:grid;grid-template-columns:60px 1fr auto;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);align-items:baseline}
.akis-tam li.gun{display:block;font-weight:800;color:var(--acc);border-bottom:2px solid var(--acc);margin-top:18px}
.akis-tam time{font-weight:700;color:var(--acc)}.akis-tam small{color:var(--soft);font-size:13px;white-space:nowrap}
.akis-tam a{font-weight:600}.akis-tam a:hover{color:var(--acc)}
/* haber detayı */
.haber h1{font-size:34px;line-height:1.2;margin:12px 0}.spot{font-size:19px;color:var(--soft);font-weight:500}
.kunye{font-size:14px;color:var(--soft);border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px}
.kapak{border-radius:8px;margin-bottom:18px;aspect-ratio:16/9;object-fit:cover;width:100%}.haber p{font-size:18px;line-height:1.7}
.kaynak{font-size:14px!important;color:var(--soft);border-top:1px solid var(--line);padding-top:12px}.kaynak a{text-decoration:underline}
.etiketler span{margin-right:10px;color:var(--acc);font-size:14px}
.paylas a{display:inline-block;font-size:14px;font-weight:600;border:1px solid var(--line);border-radius:6px;padding:6px 12px;margin-right:6px}
.bos{padding:40px;background:var(--card);border-radius:10px;text-align:center}.bos a{color:var(--acc);font-weight:600}
.alt{background:var(--ust);color:#aeb8c2;font-size:14px;padding:32px 0;margin-top:50px}.alt a{color:#fff}.alt p{max-width:720px}
@media (max-width:980px){.duzen{grid-template-columns:1fr}.dort{grid-template-columns:repeat(2,minmax(0,1fr))}.uc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.logo{font-size:19px}.logo img{width:34px;height:34px}.canli{font-size:11px;padding:7px 10px}.m-yazi h1{font-size:21px}.m-yazi p{display:none}.m-yazi{padding:16px}
.haber h1{font-size:26px}.akis-tam li{grid-template-columns:48px 1fr}.akis-tam small{grid-column:2}.gizle-m{display:none}.izgara{gap:12px}.kart h3{font-size:14px}}

.alt .imza{margin-top:.6rem;font-size:.8rem;opacity:.75}
.alt .imza a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.kapak-fig{margin:0}.kapak-fig figcaption{font-size:.75rem;color:#6b7280;margin-top:.35rem;text-align:right}
