/*
Theme Name: Enfomedya
Theme URI: https://www.enfomedya.com
Author: Enfomedya
Description: Enfomedya — Spor, Ekonomi, Teknoloji ve Gündem haber/içerik portalı. Hızlı, mobil uyumlu, SEO dostu özel tema.
Version: 1.0
Text Domain: enfomedya
*/

/* ===================== TEMEL ===================== */
:root{
  --ink:#14161c; --ink-soft:#3a3f4b; --muted:#6b7280; --line:#e7e9ee;
  --bg:#ffffff; --bg-soft:#f6f7f9; --bg-card:#ffffff;
  --brand:#d6212a; --brand-dark:#a8151d;
  --spor:#16a34a; --ekonomi:#2563eb; --teknoloji:#7c3aed; --gundem:#d6212a; --global:#0891b2; --genel:#6b7280;
  --radius:12px; --shadow:0 1px 3px rgba(20,22,28,.06),0 8px 24px rgba(20,22,28,.05);
  --maxw:1180px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none}
img{max-width:100%; height:auto; display:block}
h1,h2,h3,h4{font-family:'Archivo','Inter',system-ui,sans-serif; line-height:1.18; font-weight:800; letter-spacing:-.01em; margin:0 0 .4em}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 20px}
.btn{display:inline-flex; align-items:center; gap:.5em; background:var(--brand); color:#fff; padding:11px 20px; border-radius:999px; font-weight:700; font-size:14px; border:0; cursor:pointer; transition:.15s}
.btn:hover{background:var(--brand-dark)}
.sr-only{position:absolute; left:-9999px}

/* ===================== ÜST BAR + HEADER ===================== */
.topbar{background:var(--ink); color:#cfd3dc; font-size:13px}
.topbar .wrap{display:flex; justify-content:space-between; align-items:center; height:38px}
.topbar .date{text-transform:capitalize}
.topbar .socials a{color:#cfd3dc; opacity:.85; margin-left:14px; font-weight:600}
.topbar .socials a:hover{opacity:1; color:#fff}

.site-header{border-bottom:1px solid var(--line); background:var(--bg); position:sticky; top:0; z-index:50}
.site-header .wrap{display:flex; align-items:center; gap:24px; height:74px}
.brand{display:flex; align-items:center; gap:11px; font-family:'Archivo',sans-serif; font-weight:800; font-size:25px; letter-spacing:-.02em; color:var(--ink)}
.brand .mark{width:30px; height:30px; border-radius:8px; background:var(--brand); display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:16px; font-weight:800}
.brand b{color:var(--brand)}
.nav{display:flex; align-items:center; gap:4px; margin-left:auto}
.nav a{padding:9px 14px; border-radius:8px; font-weight:700; font-size:15px; color:var(--ink-soft); transition:.15s}
.nav a:hover{background:var(--bg-soft); color:var(--ink)}
.nav a.cat-spor:hover{color:var(--spor)} .nav a.cat-ekonomi:hover{color:var(--ekonomi)}
.nav a.cat-teknoloji:hover{color:var(--teknoloji)} .nav a.cat-gundem:hover{color:var(--gundem)}
.nav a.cat-global:hover{color:var(--global)}
.hamb{display:none; margin-left:auto; background:none; border:0; cursor:pointer; padding:8px; flex-direction:column; gap:5px}
.hamb span{width:24px; height:2px; background:var(--ink); border-radius:2px}

/* ===================== KATEGORİ ROZETİ ===================== */
.badge{display:inline-block; font-size:11.5px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; color:#fff; padding:4px 10px; border-radius:6px; background:var(--genel)}
.badge.spor{background:var(--spor)} .badge.ekonomi{background:var(--ekonomi)}
.badge.teknoloji{background:var(--teknoloji)} .badge.gundem{background:var(--gundem)} .badge.global{background:var(--global)} .badge.genel{background:var(--genel)}

/* ===================== KART ===================== */
.card{background:var(--bg-card); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:.18s}
.card:hover{transform:translateY(-3px); box-shadow:var(--shadow)}
.card .thumb{aspect-ratio:16/10; background:var(--bg-soft); position:relative; overflow:hidden}
.card .thumb img{width:100%; height:100%; object-fit:cover}
.card .thumb.ph{background:linear-gradient(135deg,#1f2430,#3a3f4b)}
.card .thumb.ph.spor{background:linear-gradient(135deg,#16a34a,#0b6b2e)}
.card .thumb.ph.ekonomi{background:linear-gradient(135deg,#2563eb,#1e3a8a)}
.card .thumb.ph.teknoloji{background:linear-gradient(135deg,#7c3aed,#4c1d95)}
.card .thumb.ph.gundem{background:linear-gradient(135deg,#d6212a,#7f1015)}
.card .thumb.ph.global{background:linear-gradient(135deg,#0891b2,#155e75)}
.card .thumb .badge{position:absolute; top:12px; left:12px}
.card .body{padding:15px 16px 18px; display:flex; flex-direction:column; gap:8px; flex:1}
.card h3{font-size:18px; margin:0}
.card h3 a:hover{color:var(--brand)}
.card .excerpt{color:var(--muted); font-size:14px; margin:0}
.card .meta{margin-top:auto; color:var(--muted); font-size:12.5px; display:flex; gap:10px; align-items:center}

/* ===================== ANA SAYFA ===================== */
.section{padding:38px 0}
.section-head{display:flex; align-items:center; gap:12px; margin-bottom:22px}
.section-head h2{font-size:22px; margin:0; position:relative; padding-left:14px}
.section-head h2::before{content:""; position:absolute; left:0; top:3px; bottom:3px; width:5px; border-radius:3px; background:var(--brand)}
.section-head.spor h2::before{background:var(--spor)} .section-head.ekonomi h2::before{background:var(--ekonomi)}
.section-head.teknoloji h2::before{background:var(--teknoloji)} .section-head.gundem h2::before{background:var(--gundem)}
.section-head.global h2::before{background:var(--global)}
.section-head .more{margin-left:auto; font-weight:700; font-size:14px; color:var(--muted)}
.section-head .more:hover{color:var(--brand)}

.grid{display:grid; grid-template-columns:repeat(4,1fr); gap:22px}
.grid-3{grid-template-columns:repeat(3,1fr)}

/* HERO */
.hero{padding:34px 0 8px}
.hero-grid{display:grid; grid-template-columns:2fr 1fr; gap:22px}
.hero-main{position:relative; border-radius:16px; overflow:hidden; min-height:430px; background:var(--ink); display:flex; align-items:flex-end}
.hero-main img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.78}
.hero-main.ph{background:linear-gradient(135deg,#1f2430,#3a3f4b)}
.hero-main .overlay{position:relative; z-index:2; padding:30px; background:linear-gradient(to top,rgba(10,11,15,.92),rgba(10,11,15,0)); width:100%; color:#fff}
.hero-main .overlay h1{font-size:34px; color:#fff; margin:10px 0 0}
.hero-side{display:flex; flex-direction:column; gap:16px}
.hero-side .mini{display:flex; gap:13px; align-items:flex-start; padding-bottom:16px; border-bottom:1px solid var(--line)}
.hero-side .mini:last-child{border-bottom:0; padding-bottom:0}
.hero-side .mini .mthumb{width:96px; height:70px; border-radius:9px; flex:none; background:var(--bg-soft); overflow:hidden}
.hero-side .mini .mthumb img{width:100%; height:100%; object-fit:cover}
.hero-side .mini h3{font-size:15.5px; margin:6px 0 0}
.hero-side .mini h3 a:hover{color:var(--brand)}

/* ===================== TEKİL YAZI ===================== */
.article{max-width:760px; margin:0 auto; padding:42px 20px 10px}
.article .a-cat{margin-bottom:14px}
.article h1{font-size:38px; line-height:1.15}
.article .a-meta{color:var(--muted); font-size:14px; margin:14px 0 24px; display:flex; gap:12px; align-items:center; border-bottom:1px solid var(--line); padding-bottom:20px}
.article .a-thumb{margin:0 0 26px; border-radius:14px; overflow:hidden}
.article .a-body{font-family:'Lora',Georgia,serif; font-size:18.5px; line-height:1.8; color:var(--ink-soft)}
.article .a-body p{margin:0 0 1.2em}
.article .a-body h2,.article .a-body h3{font-family:'Archivo',sans-serif; color:var(--ink); margin-top:1.4em}
.article .a-body a{color:var(--brand); text-decoration:underline}
.article .a-body img{border-radius:10px; margin:1.2em 0}

/* ===================== ARŞİV ===================== */
.page-head{background:var(--bg-soft); border-bottom:1px solid var(--line); padding:13px 0}
.page-head h1{font-size:21px; margin:0; display:flex; align-items:center; gap:12px}
.page-head .count{color:var(--muted); font-size:14px; font-weight:600; font-family:'Inter'}

/* ===================== SAYFALAMA ===================== */
.pagination{display:flex; gap:8px; justify-content:center; padding:36px 0}
.pagination a,.pagination span{padding:9px 14px; border:1px solid var(--line); border-radius:8px; font-weight:700; font-size:14px}
.pagination .current{background:var(--ink); color:#fff; border-color:var(--ink)}

/* ===================== FOOTER ===================== */
.site-footer{background:var(--ink); color:#aeb4c0; margin-top:50px; padding:46px 0 26px; font-size:14px}
.site-footer .cols{display:grid; grid-template-columns:1.8fr 1fr 1fr 1.2fr; gap:30px; padding-bottom:32px; border-bottom:1px solid rgba(255,255,255,.1)}
.site-footer .brand{color:#fff; font-size:22px; margin-bottom:10px}
.site-footer h4{color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:.05em; margin:0 0 14px}
.site-footer a{display:block; padding:5px 0; color:#aeb4c0}
.site-footer a:hover{color:#fff}
.site-footer .copy{padding-top:22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; color:#7c828f; font-size:13px}

/* ===================== MOBİL ===================== */
.mobile-nav{display:none; border-bottom:1px solid var(--line); background:var(--bg)}
.mobile-nav.open{display:block}
.mobile-nav a{display:block; padding:13px 20px; border-bottom:1px solid var(--line); font-weight:700; color:var(--ink-soft)}
@media(max-width:960px){
  .grid{grid-template-columns:repeat(2,1fr)}
  .hero-grid{grid-template-columns:1fr}
  .hero-main{min-height:340px}
  .site-footer .cols{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .nav{display:none}
  .hamb{display:flex}
  .grid,.grid-3{grid-template-columns:1fr 1fr; gap:16px}
  .topbar .socials{display:none}
  .article h1{font-size:28px}
  .hero-main .overlay h1{font-size:24px}
  .site-footer .cols{grid-template-columns:1fr}
  .card h3{font-size:16px}
}
@media(max-width:430px){
  .grid,.grid-3{grid-template-columns:1fr}
}

/* ===================== İKON BUTON + ARAMA ===================== */
.icon-btn{background:none; border:0; cursor:pointer; padding:8px; color:var(--ink-soft); display:inline-flex; border-radius:8px}
.icon-btn:hover{background:var(--bg-soft); color:var(--ink)}
.search-overlay{display:none; position:fixed; inset:0; background:rgba(10,11,15,.55); z-index:200; padding-top:14vh; backdrop-filter:blur(2px)}
.search-overlay.open{display:block}
.search-box{max-width:620px; margin:0 auto; display:flex; gap:10px; padding:0 20px}
.search-box input{flex:1; padding:16px 18px; border:0; border-radius:12px; font-size:17px; outline:none; box-shadow:var(--shadow)}
.search-box button{padding:0 24px; border:0; border-radius:12px; background:var(--brand); color:#fff; font-weight:700; font-size:15px; cursor:pointer}

/* ===================== PAYLAŞ ===================== */
.a-share{max-width:760px; margin:28px auto 0; padding:18px 0; border-top:1px solid var(--line); display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.a-share-label{font-weight:700; color:var(--ink); font-size:14px}
.share-btn{font-size:13px; font-weight:700; padding:8px 14px; border-radius:8px; border:1px solid var(--line); background:#fff; color:var(--ink-soft); cursor:pointer; transition:.15s}
.share-btn:hover{color:#fff}
.share-x:hover{background:#000; border-color:#000}
.share-facebook:hover{background:#1877f2; border-color:#1877f2}
.share-whatsapp:hover{background:#25d366; border-color:#25d366}
.share-copy:hover{background:var(--ink); border-color:var(--ink)}

/* ===================== ÇEREZ BANNER ===================== */
.cookie-bar{position:fixed; left:0; right:0; bottom:0; z-index:300; background:#fff; border-top:1px solid var(--line); box-shadow:0 -6px 24px rgba(20,22,28,.1)}
.cookie-inner{display:flex; align-items:center; gap:20px; padding:16px 20px; justify-content:space-between; flex-wrap:wrap}
.cookie-inner p{margin:0; font-size:14px; color:var(--ink-soft); max-width:760px}
.cookie-inner a{color:var(--brand); text-decoration:underline}
.cookie-actions{display:flex; align-items:center; gap:12px; flex:none}
.cookie-reject{background:none; border:0; color:var(--muted); font-weight:700; font-size:14px; cursor:pointer; padding:8px}
.cookie-reject:hover{color:var(--ink)}
.cookie-accept{padding:11px 26px}
@media(max-width:560px){ .cookie-inner{justify-content:center; text-align:center} }

/* ===================== SPOR ALT-NAV (minimal) ===================== */
.enfo-subnav{background:var(--bg-soft); border-bottom:1px solid var(--line)}
.enfo-subnav .wrap{padding-top:8px; padding-bottom:8px}
.subnav-row{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:6px; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none}
.subnav-row::-webkit-scrollbar{display:none}
.subnav-row.subrow2{margin-top:7px}
.subnav-row li{position:relative; flex:0 0 auto}
.pill{display:inline-flex; align-items:center; gap:4px; white-space:nowrap; padding:6px 13px; border-radius:999px; font-size:13.5px; font-weight:700; color:var(--muted); border:1px solid transparent; transition:.15s; cursor:pointer}
.pill:hover{background:var(--bg); border-color:var(--line); color:var(--ink)}
.pill.active{background:var(--spor); border-color:var(--spor); color:#fff}
.pill.sm{padding:5px 11px; font-size:12.5px}
.pill .caret{font-size:.78em; opacity:.65}
.dropdown{position:absolute; top:calc(100% + 6px); left:0; min-width:158px; background:var(--bg); border:1px solid var(--line); border-radius:11px; box-shadow:var(--shadow); padding:6px; margin:0; list-style:none; display:none; z-index:60}
.dropdown::before{content:""; position:absolute; top:-8px; left:0; right:0; height:8px}
.has-children:hover .dropdown{display:block}
.dropdown li a{display:block; padding:7px 12px; border-radius:7px; font-size:13.5px; font-weight:600; color:var(--ink-soft)}
.dropdown li a:hover{background:var(--bg-soft); color:var(--ink)}
.dropdown li a.active{color:var(--spor)}
/* Spor sayfasi: baslik + butonlar tek satir, ince/yukarida blok */
.sport-head{padding:11px 0}
.sport-head-wrap{display:flex; align-items:center; gap:8px 16px; flex-wrap:wrap}
.sport-head h1{font-size:21px; margin:0; flex:0 0 auto}
.sport-head .subnav-row.main{flex:1 1 240px; min-width:0; margin:0}
.sport-head .subrow2{flex-basis:100%; margin-top:5px}
.section-tight{padding-top:18px}
@media(max-width:680px){ .sport-head h1{font-size:18px} .sport-head .subnav-row.main{flex-basis:100%} }

/* ===================== EKONOMI: CANLI VERI SERIDI ===================== */
.ticker{background:var(--ink); border-bottom:1px solid rgba(255,255,255,.08); overflow:hidden; white-space:nowrap}
.ticker-track{display:inline-flex; align-items:center; gap:30px; padding:9px 20px; animation:enfo-marquee 70s linear infinite; will-change:transform}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes enfo-marquee{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.tick-item{display:inline-flex; align-items:center; gap:7px; font-size:13.5px; font-weight:600; flex:0 0 auto}
.tick-item .tl{color:#9aa0ab}
.tick-item .tv{color:#fff; font-weight:800}
.tick-item .tc{font-weight:700; font-size:12.5px}
.tick-item .tc.up{color:#34d399} .tick-item .tc.down{color:#f87171} .tick-item .tc.flat{color:#9aa0a6}
.tick-item .stale{color:#fbbf24; font-size:14px; line-height:1}
@media(prefers-reduced-motion:reduce){ .ticker-track{animation:none} }

/* ===================== EKONOMI: FED RADARI KARTI ===================== */
.fedwatch-card{flex:0 0 290px; width:290px; border:1px solid var(--line); border-radius:var(--radius); background:var(--bg-card); overflow:hidden; box-shadow:var(--shadow); position:sticky; top:90px}
.fw-head{padding:11px 14px; background:var(--ekonomi); color:#fff}
.fw-head strong{display:block; font-family:'Archivo',sans-serif; font-size:15px}
.fw-head span{font-size:11px; opacity:.92}
.fw-list{list-style:none; margin:0; padding:0}
.fw-list li{border-bottom:1px solid var(--line)}
.fw-list li:last-child{border-bottom:0}
.fw-list a{display:flex; align-items:center; gap:12px; padding:10px 13px; transition:.12s}
.fw-list a:hover{background:var(--bg-soft)}
.fw-date{flex:0 0 38px; text-align:center; line-height:1.05; font-size:10px; text-transform:uppercase; color:var(--muted); font-weight:700}
.fw-date b{display:block; font-family:'Archivo',sans-serif; font-size:17px; color:var(--ekonomi)}
.fw-title{font-size:13.5px; font-weight:600; color:var(--ink)}
.fw-foot{padding:9px 13px; font-size:10.5px; color:var(--muted)}
@media(max-width:900px){ .fedwatch-card{position:static; width:100%; flex-basis:auto; max-width:420px; margin:0 auto} }

/* ===================== EKONOMI ALT-NAV RENGI ===================== */
.sec-ekonomi .pill.active{background:var(--ekonomi); border-color:var(--ekonomi)}
.sec-ekonomi .dropdown li a.active{color:var(--ekonomi)}

/* ===================== EKONOMIK VERILER TABLOSU ===================== */
.data-wrap{display:flex; flex-direction:column; gap:24px}
.data-card{border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); background:var(--bg-card)}
.data-head{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:12px 16px; background:var(--ekonomi); color:#fff}
.data-head strong{font-family:'Archivo',sans-serif; font-size:16px}
.data-head span{font-size:11.5px; opacity:.9}
table.data-table{width:100%; border-collapse:collapse; font-size:14.5px}
.data-table th{text-align:left; font-size:11px; text-transform:uppercase; letter-spacing:.03em; color:var(--muted); font-weight:700; padding:10px 16px; border-bottom:1px solid var(--line)}
.data-table td{padding:12px 16px; border-bottom:1px solid var(--line)}
.data-table tbody tr:last-child td{border-bottom:0}
.data-table tbody tr:hover{background:var(--bg-soft)}
.dt-name{font-weight:700; color:var(--ink)}
.dt-val{font-weight:800; font-family:'Archivo',sans-serif; font-size:16px; white-space:nowrap}
.dt-tgt{color:var(--muted); white-space:nowrap}
.dt-link{text-align:right; white-space:nowrap}
.dt-link a{color:var(--ekonomi); font-weight:700; font-size:13px}
.dt-link a:hover{text-decoration:underline}
.data-news-title{font-size:20px; margin:8px 0 16px; padding-left:13px; position:relative}
.data-news-title::before{content:""; position:absolute; left:0; top:3px; bottom:3px; width:5px; border-radius:3px; background:var(--ekonomi)}
@media(max-width:560px){
  .data-table th:nth-child(3), .data-table td.dt-tgt{display:none}
  table.data-table{font-size:13.5px}
  .data-table td,.data-table th{padding:10px 12px}
}

/* ===================== EKONOMI: ŞERİT EKRAN ALTINDA SABİT ===================== */
body.enfo-eco{padding-bottom:46px}
body.enfo-eco .ticker{position:fixed; left:0; right:0; bottom:0; z-index:60; border-top:1px solid rgba(255,255,255,.1); border-bottom:0; box-shadow:0 -4px 18px rgba(0,0,0,.18)}

/* ===================== HERO SLIDER (son haber kapaklari) ===================== */
.hero-slider{position:relative}
.hs-section{padding:16px 0 4px}
.hs-track{display:flex; gap:14px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; border-radius:var(--radius)}
.hs-track::-webkit-scrollbar{display:none}
.hs-slide{flex:0 0 100%; scroll-snap-align:center; position:relative; aspect-ratio:16/9; border-radius:var(--radius); overflow:hidden; background:var(--bg-soft); display:block}
.hs-slide img{width:100%; height:100%; object-fit:cover; display:block}
.hs-slide.ph{background:linear-gradient(135deg,#161922,#2b303c)}
.hs-ph{position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; gap:10px; padding:26px; align-items:flex-start}
.hs-ph .hs-title{color:#fff; font-family:'Archivo',sans-serif; font-weight:800; font-size:clamp(18px,2.2vw,28px); line-height:1.18}
.hs-arrow{position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:0; background:rgba(255,255,255,.9); color:var(--ink); font-size:30px; line-height:1; cursor:pointer; box-shadow:var(--shadow); z-index:5; display:flex; align-items:center; justify-content:center; transition:.15s}
.hs-arrow:hover{background:#fff; transform:translateY(-50%) scale(1.06)}
.hs-prev{left:12px} .hs-next{right:12px}
@media(max-width:640px){ .hs-arrow{width:38px; height:38px; font-size:24px} .hs-prev{left:8px} .hs-next{right:8px} }

/* Anasayfa hero: solda slider + sagda kucuk haber kartlari */
.home-hero{padding:16px 0 6px}
.hh-grid{display:grid; grid-template-columns:1.9fr 1fr; gap:16px; align-items:start}
.hh-main{min-width:0}
.hh-side{display:flex; flex-direction:column; gap:11px}
.hh-side .standings-card,.hh-side .fedwatch-card{flex:0 0 auto; width:100%; position:static; top:auto}
.hh-mini{display:flex; gap:11px; align-items:stretch; background:var(--bg-card); border:1px solid var(--line); border-radius:11px; overflow:hidden; transition:.15s}
.hh-mini:hover{box-shadow:var(--shadow); transform:translateY(-1px)}
.hh-mthumb{flex:0 0 112px; aspect-ratio:4/3; overflow:hidden; background:var(--bg-soft)}
.hh-mthumb img{width:100%; height:100%; object-fit:cover; display:block}
.hh-mthumb.ph{background:linear-gradient(135deg,#161922,#2b303c)}
.hh-minfo{display:flex; flex-direction:column; gap:6px; padding:9px 11px 9px 0; justify-content:center; min-width:0}
.hh-mtitle{font-family:'Archivo',sans-serif; font-weight:700; font-size:14px; line-height:1.26; color:var(--ink); display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
@media(max-width:820px){ .hh-grid{grid-template-columns:1fr; gap:12px} }

/* ===================== ARŞİV + PUAN DURUMU ===================== */
.archive-layout{display:flex; gap:28px; align-items:flex-start}
.archive-main{flex:1 1 auto; min-width:0}
.standings-card{flex:0 0 290px; width:290px; border:1px solid var(--line); border-radius:var(--radius); background:var(--bg-card); overflow:hidden; box-shadow:var(--shadow); position:sticky; top:90px}
.standings-head{display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:11px 14px; background:var(--spor); color:#fff}
.standings-head strong{font-family:'Archivo',sans-serif; font-size:15px}
.standings-head span{font-size:11px; opacity:.92}
table.standings{width:100%; border-collapse:collapse; font-size:13px}
.standings th{text-align:left; font-size:10.5px; text-transform:uppercase; letter-spacing:.03em; color:var(--muted); font-weight:700; padding:8px 12px; border-bottom:1px solid var(--line)}
.standings th:first-child,.standings td:first-child{width:30px; text-align:center}
.standings th:last-child,.standings td:last-child{width:34px; text-align:center}
.standings td{padding:7px 12px; border-bottom:1px solid var(--line); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:170px}
.standings tbody tr:last-child td{border-bottom:0}
.standings td:first-child{color:var(--muted); font-weight:700; border-left:3px solid transparent}
.standings td:last-child{font-weight:800}
.standings tr.champ td:first-child{border-left-color:var(--spor)}
.standings tr.eu td:first-child{border-left-color:var(--ekonomi)}
.standings tr.rel td:first-child{border-left-color:var(--brand)}
.standings tr.champ td:nth-child(2){font-weight:800}
.standings-foot{display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding:9px 12px; font-size:11px; color:var(--muted)}
.standings-foot .k{display:inline-block; width:9px; height:9px; border-radius:2px; margin-right:3px; vertical-align:middle}
.standings-foot .k.champ{background:var(--spor)} .standings-foot .k.eu{background:var(--ekonomi)} .standings-foot .k.rel{background:var(--brand)}
@media(max-width:900px){
  .archive-layout{flex-direction:column}
  .standings-card{position:static; width:100%; flex-basis:auto; max-width:420px; margin:0 auto}
}

/* ===================== SSS (SIKÇA SORULAN SORULAR) — GEO/FAQPage ===================== */
.enfo-sss{margin:2.4em 0 1em; padding:1.4em 1.5em; background:var(--bg-soft); border:1px solid var(--line); border-radius:var(--radius)}
.enfo-sss>h2{margin:0 0 .3em; font-size:1.25rem; display:flex; align-items:center; gap:.5em}
.enfo-sss>h2::before{content:""; width:5px; height:1.05em; background:var(--brand); border-radius:3px; display:inline-block}
.enfo-sss .sss-item{border-top:1px solid var(--line); padding:.95em 0}
.enfo-sss .sss-item:first-of-type{border-top:0}
.enfo-sss .sss-item h3{margin:0 0 .35em; font-size:1.02rem; color:var(--ink); font-weight:700}
.enfo-sss .sss-item p{margin:0; color:var(--ink-soft); line-height:1.6}