/* Tribünho, genel site stili. Renkler ve ölçüler tasarım taslağından gelir. */

@font-face { font-family:'Barlow Condensed'; font-weight:500; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/barlow-condensed-500-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD; }
@font-face { font-family:'Barlow Condensed'; font-weight:500; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/barlow-condensed-500-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }
@font-face { font-family:'Barlow Condensed'; font-weight:600; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/barlow-condensed-600-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD; }
@font-face { font-family:'Barlow Condensed'; font-weight:600; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/barlow-condensed-600-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }
@font-face { font-family:'Barlow Condensed'; font-weight:700; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/barlow-condensed-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD; }
@font-face { font-family:'Barlow Condensed'; font-weight:700; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/barlow-condensed-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }
@font-face { font-family:'Source Sans 3'; font-weight:300 700; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/source-sans-3-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD; }
@font-face { font-family:'Source Sans 3'; font-weight:300 700; font-style:normal; font-display:swap;
  src:url('/genel/yazitipi/source-sans-3-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+2113,U+A720-A7FF; }

:root {
  --lacivert:#0a2949;
  --lacivert-koyu:#071b31;
  --altin:#c99a46;
  --kirmizi:#a5121f;
  --krem:#f6f4ef;
  --kagit:#fff;
  --metin:#1c2732;
  --soluk:#68717b;
  --cizgi:#e6e0d3;
  --cizgi-ince:#eee3c8;
  --yesil:#3ddc84;
  --baslik-yazi:'Barlow Condensed', ui-sans-serif, system-ui, sans-serif;
  --govde-yazi:'Source Sans 3', ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--krem); color:var(--metin);
  font-family:var(--govde-yazi); font-size:16px; line-height:1.5;
}
img { max-width:100%; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--altin); }
:focus-visible { outline:3px solid var(--altin); outline-offset:2px; }

.kap { width:min(1240px, calc(100% - 64px)); margin-inline:auto; }

@keyframes akis { to { transform:translateX(-50%); } }
@keyframes vurus { 50% { opacity:.4; transform:scale(.7); } }
@media (prefers-reduced-motion: reduce) {
  .sondakika-akis span { animation:none; }
  .nokta { animation:none; }
  .puan-diyalog[open] { animation:none; }
}

/* ---------- üst bant ---------- */
.ustbant { background:linear-gradient(135deg,#071b31,#0a2949 60%,#0d2f52); color:#fff; }
.ustbant-ic {
  min-height:84px; display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap; padding:14px 0;
}
.marka img { display:block; height:44px; width:auto; }

.skorlar {
  display:flex; overflow-x:auto; max-width:100%;
  border:1px solid rgba(255,255,255,.16); border-radius:8px;
}
.skorlar-etiket {
  display:flex; align-items:center; gap:6px; padding:10px 14px; flex-shrink:0;
  color:var(--yesil); background:rgba(6,60,42,.5);
  font-weight:700; font-size:12px; white-space:nowrap;
}
.nokta { width:7px; height:7px; border-radius:50%; background:var(--yesil);
  display:inline-block; animation:vurus 1.6s infinite; }
.skor { padding:9px 14px; text-align:center; flex-shrink:0; min-width:92px;
  border-left:1px solid rgba(255,255,255,.12); }
.skor-lig { font-size:9px; letter-spacing:.06em; color:#c7d0d9; margin-bottom:4px; }
.skor-sayi { font:700 20px/1 var(--baslik-yazi); font-variant-numeric:tabular-nums; }
.skor-takim { display:flex; justify-content:space-between; gap:8px; margin-top:5px;
  font-size:10px; font-weight:700; }
.skor-dakika { color:var(--yesil); }

.sosyal { display:flex; gap:10px; }
.sosyal a { width:34px; height:34px; display:grid; place-items:center; border-radius:50%;
  border:1px solid rgba(255,255,255,.25); color:#fff; }
.sosyal a:hover { border-color:var(--altin); color:var(--altin); }

/* ---------- menü ---------- */
.menubant {
  position:sticky; top:0; z-index:20;
  background:rgba(246,244,239,.95); border-bottom:1px solid var(--cizgi);
  backdrop-filter:blur(10px);
}
.menubant-ic { min-height:54px; display:flex; align-items:center; position:relative; }
.menu { display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:6px; list-style:none; margin:0; padding:0; width:100%; }
.menu a { display:inline-block; padding:16px 12px; color:var(--lacivert);
  font-family:var(--baslik-yazi); font-weight:600; font-size:16px; letter-spacing:.03em; }
.menu a.etkin { color:var(--altin); }
.menu-dugme { display:none; margin-left:auto; padding:9px 12px; border:0; border-radius:7px;
  background:var(--lacivert); color:#fff; font-weight:700; font-size:14px; cursor:pointer;
  font-family:var(--baslik-yazi); letter-spacing:.04em; }

/* ---------- son dakika ---------- */
.sondakika { background:var(--kirmizi); color:#fff; }
.sondakika-ic { min-height:42px; display:flex; align-items:center; gap:16px; overflow:hidden; }
.sondakika-etiket { font-family:var(--baslik-yazi); font-weight:700; font-size:16px;
  letter-spacing:.04em; white-space:nowrap; flex-shrink:0; }
.sondakika-cizgi { width:1px; height:20px; background:rgba(255,255,255,.5); flex-shrink:0; }
.sondakika-akis { overflow:hidden; flex:1; min-width:0; }
.sondakika-akis span { display:inline-block; white-space:nowrap; font-weight:600; font-size:14px;
  animation:akis 40s linear infinite; }

/* ---------- reklam ---------- */
.reklam-etiket { font-size:10px; letter-spacing:.08em; color:#9aa3ac; text-align:center;
  margin-bottom:6px; }
.reklam-kutu { display:grid; place-items:center; padding:10px; text-align:center;
  border:1px dashed #cdbf9f; border-radius:6px; background:#fbfaf6;
  color:#9aa3ac; font-size:12px; }
.reklam { margin:26px 0; }
.reklam-genis .reklam-kutu { width:100%; max-width:728px; height:90px; margin-inline:auto; }
.reklam-kart { margin:0; display:flex; flex-direction:column; justify-content:center;
  padding:16px; background:var(--kagit); border:1px dashed #cdbf9f; border-radius:10px;
  min-height:280px; }
.reklam-kart .reklam-kutu { border:0; height:200px; }

.ray { position:fixed; top:150px; width:160px; z-index:5; display:none; }
.ray-sol { left:20px; } .ray-sag { right:20px; }
.ray-kutu { width:160px; height:600px; }
@media (min-width:1640px) { .ray { display:block; } }

/* ---------- görseller ---------- */
.gorsel { display:block; width:100%; height:100%; object-fit:cover; }
.gorsel-yok {
  display:grid; place-items:center; min-height:110px;
  background:linear-gradient(135deg,#12335a,#0a2949);
  color:rgba(255,255,255,.55); font-family:var(--baslik-yazi); font-size:15px;
  letter-spacing:.08em; text-transform:uppercase;
}

.etiket { display:inline-block; padding:5px 10px; border-radius:3px;
  background:var(--kirmizi); color:#fff; font-size:11px; font-weight:700; letter-spacing:.05em; }

/* ---------- ana sayfa ---------- */
.anasayfa { padding:28px 0 56px; }
/* Manşet solda, puan panosu sağda. Pano yoksa manşet tek başına yayılır. */
.ust-blok { display:grid; gap:14px; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); }
.ust-blok.tek { grid-template-columns:1fr; }

.manset { position:relative; min-height:420px; border-radius:10px; overflow:hidden;
  box-shadow:0 10px 30px rgba(10,41,73,.1); }
.manset-kat { position:absolute; inset:0; display:none; color:#fff; }
.manset-kat.etkin { display:block; }
.manset-gorsel { position:absolute; inset:0; }
.manset-perde { position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(0deg,rgba(4,15,28,.88),rgba(4,15,28,.05) 65%); }
.manset-yazi { position:absolute; left:24px; right:24px; bottom:44px; }
.manset-yazi h1 { margin:10px 0 0; font-family:var(--baslik-yazi); font-weight:700;
  font-size:clamp(28px,3.2vw,46px); line-height:1.02; text-wrap:balance;
  text-shadow:0 2px 10px rgba(0,0,0,.4); }
.manset-yazi p { margin:10px 0 0; max-width:640px; color:#e7ecf1; font-size:15px; text-wrap:pretty; }
.manset-noktalar { position:absolute; left:24px; bottom:16px; display:flex; gap:6px; z-index:2; }
.manset-noktalar button { width:9px; height:9px; padding:0; border:0; border-radius:50%;
  background:rgba(255,255,255,.45); cursor:pointer; }
.manset-noktalar button.etkin { background:var(--altin); }

/* ---------- puan durumu ---------- */
.gizli-yazi { position:absolute; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; }

/* Manşetin sağındaki pano: başlık ve dal sekmeleri bir arada, altında
   ülke sekmeleri, lig satırı ve ilk sekiz sıra. */
.puan-pano { display:flex; flex-direction:column; min-width:0; height:100%;
  background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px;
  overflow:hidden; box-shadow:0 10px 30px rgba(10,41,73,.08); }
.puan-ust { display:flex; align-items:stretch; gap:10px; padding-left:14px;
  background:var(--lacivert); color:#fff; }
.puan-ust h2 { align-self:center; margin:0; font-family:var(--baslik-yazi); font-weight:700;
  font-size:15px; line-height:1.05; letter-spacing:.06em; }
.puan-buyut { align-self:center; display:grid; place-items:center; width:28px; height:28px;
  margin-right:8px; padding:0; border:0; border-radius:6px; background:rgba(255,255,255,.12);
  color:#fff; cursor:pointer; transition:background .15s, color .15s; }
.puan-buyut:hover { background:var(--altin); color:var(--lacivert-koyu); }
.puan-buyut svg { width:15px; height:15px; }

/* Dal sekmeleri başlığın yanında; seçili olan altın çizgiyle ayrılır. */
.puan-sekmeler { display:flex; flex:1; min-width:0; justify-content:flex-end; }
.puan-sekmeler button { padding:14px 9px 11px; border:0; border-bottom:3px solid transparent;
  background:transparent; color:rgba(255,255,255,.62); cursor:pointer; white-space:nowrap;
  font-family:var(--baslik-yazi); font-weight:600; font-size:16px; letter-spacing:.04em; }
.puan-sekmeler button:hover { color:#fff; }
.puan-sekmeler button.etkin { color:#fff; border-bottom-color:var(--altin); }

.puan-dal[hidden], .puan-lig-satiri[hidden] { display:none; }

/* Ülke sekmeleri sığmazsa yatay kayar; devamı olan kenar soluklaşır. */
.puan-ulkeler { display:flex; gap:6px; padding:8px 10px; overflow-x:auto;
  scrollbar-width:none; }
.puan-ulkeler::-webkit-scrollbar { height:0; }
.puan-ulkeler.sag-var { mask-image:linear-gradient(to right,#000 calc(100% - 34px),transparent); }
.puan-ulkeler.sol-var { mask-image:linear-gradient(to left,#000 calc(100% - 34px),transparent); }
.puan-ulkeler.sol-var.sag-var {
  mask-image:linear-gradient(to right,transparent,#000 34px,#000 calc(100% - 34px),transparent); }
.puan-ulkeler button { flex:0 0 auto; padding:4px 11px; border:1px solid var(--cizgi);
  border-radius:99px; background:var(--krem); color:var(--soluk); cursor:pointer;
  font-family:var(--baslik-yazi); font-weight:600; font-size:15px; white-space:nowrap;
  transition:background .15s, border-color .15s, color .15s; }
.puan-ulkeler button:hover { border-color:var(--altin); color:var(--lacivert); }
.puan-ulkeler button.etkin { background:var(--lacivert); border-color:var(--lacivert); color:#fff; }

/* Ülkenin ligi ya da ligleri. Satır her zaman duruyor, boy oynamasın. */
.puan-lig-satiri { display:flex; align-items:center; gap:14px; height:34px;
  padding:0 12px; overflow:hidden; white-space:nowrap;
  border-bottom:1px solid var(--cizgi); }
.puan-lig-satiri button { padding:2px 0 3px; border:0; border-bottom:2px solid transparent;
  background:transparent; color:var(--soluk); cursor:pointer;
  font-family:var(--baslik-yazi); font-weight:600; font-size:15px; }
.puan-lig-satiri button:hover { color:var(--lacivert); }
.puan-lig-satiri button.etkin { color:var(--lacivert); border-bottom-color:var(--altin); }
.puan-lig-ad { font-family:var(--baslik-yazi); font-weight:600; font-size:15px;
  color:var(--lacivert); }

/* Bütün tablolar tek gözde üst üste: pano boyu lig değişince oynamıyor. */
.puan-tablolar { display:grid; padding:2px 12px 10px; }
.puan-lig { grid-area:1 / 1; visibility:hidden; }
.puan-lig.etkin { visibility:visible; }
.puan-kisa tbody tr:nth-child(n+9) { display:none; }
.puan-kalan { display:block; width:100%; margin:6px 0 0; padding:6px 4px;
  border:0; border-top:1px solid var(--cizgi-ince); background:transparent;
  color:var(--soluk); font-family:inherit; font-size:12px; cursor:pointer; }
.puan-kalan:hover { color:var(--lacivert); }

.puan-tablo { width:100%; border-collapse:collapse; font-size:13px; }
.puan-tablo th, .puan-tablo td { padding:6px 4px; text-align:center; font-weight:400; }
.puan-tablo thead th { color:var(--soluk); font-size:11px; font-weight:700;
  letter-spacing:.04em; border-bottom:1px solid var(--cizgi); }
.puan-tablo thead th:nth-child(2) { text-align:left; }
.puan-tablo tbody th { text-align:left; font-weight:600; color:var(--metin);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:150px; }
.puan-tablo tbody tr { border-bottom:1px solid var(--cizgi-ince); }
.puan-tablo tbody tr:last-child { border-bottom:0; }
.puan-sira { width:22px; color:var(--soluk); font-variant-numeric:tabular-nums; }
.puan-puan { font-weight:700; color:var(--lacivert); }
.puan-bos { margin:14px 4px; color:var(--soluk); font-size:14px; }

/* Panodaki tablo dar, takım adı sığmazsa kısalır. */
.puan-pano .puan-tablo { font-size:13px; }
.puan-pano .puan-tablo th, .puan-pano .puan-tablo td { padding:6px 3px; }
.puan-pano .puan-tablo tbody th { max-width:0; width:100%; }
.puan-pano .puan-tablo th:nth-child(n+3), .puan-pano .puan-tablo td:nth-child(n+3) {
  min-width:26px; }
.puan-pano .puan-sira { width:20px; padding-right:4px; }

/* Tam tablo, sayfadan çıkmadan açılan kutuda. */
.puan-diyalog { width:min(620px, calc(100vw - 32px)); max-height:min(84vh,780px);
  padding:0; border:0; border-radius:12px; background:var(--kagit); color:var(--metin);
  box-shadow:0 26px 60px rgba(4,15,28,.4); overflow:hidden; }
.puan-diyalog[open] { display:flex; flex-direction:column; animation:puan-ac .18s ease-out; }
.puan-diyalog::backdrop { background:rgba(4,15,28,.62); }
.puan-diyalog-ust { display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px 12px 12px 18px; background:var(--lacivert); color:#fff; }
.puan-diyalog-ust h2 { margin:0; font-family:var(--baslik-yazi); font-weight:700; font-size:21px;
  letter-spacing:.03em; }
.puan-kapat { display:grid; place-items:center; width:30px; height:30px; padding:0; border:0;
  border-radius:6px; background:rgba(255,255,255,.12); color:#fff; cursor:pointer; }
.puan-kapat:hover { background:var(--kirmizi); }
.puan-kapat svg { width:16px; height:16px; }
.puan-diyalog-govde { overflow:auto; padding:6px 18px 20px; }
.puan-diyalog-govde .puan-tablo { font-size:14px; }
.puan-diyalog-govde .puan-tablo th, .puan-diyalog-govde .puan-tablo td { padding:8px 5px; }
@keyframes puan-ac { from { opacity:0; transform:translateY(8px) scale(.98); } }

.puan-sayfa { padding:28px 0 56px; }
.puan-bolum { margin-bottom:34px; }
.puan-bolum-ad { margin:0 0 14px; font-family:var(--baslik-yazi); font-weight:700; font-size:24px;
  color:var(--lacivert); letter-spacing:.02em; }
.puan-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(330px,1fr)); gap:16px; }
.puan-kart { background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px;
  padding:14px 16px 10px; }
.puan-kart h3 { display:flex; align-items:baseline; justify-content:space-between; gap:10px;
  margin:0 0 8px; font-family:var(--baslik-yazi); font-weight:700; font-size:19px;
  color:var(--lacivert); }
.puan-ulke { font-family:var(--govde-yazi,inherit); font-size:12px; font-weight:400;
  color:var(--soluk); }

.puan-sonuclar { margin-top:14px; padding-top:12px; border-top:1px solid var(--cizgi); }
.puan-sonuclar h4 { margin:0 0 8px; font-family:var(--baslik-yazi); font-weight:600;
  font-size:15px; color:var(--soluk); letter-spacing:.03em; text-transform:uppercase; }
.puan-sonuclar ul { list-style:none; margin:0; padding:0; }
.puan-sonuclar li { display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
  gap:10px; padding:5px 0; font-size:13px; border-bottom:1px solid var(--cizgi-ince); }
.puan-sonuclar li:last-child { border-bottom:0; }
.mac-ev { text-align:right; }
.mac-dep { text-align:left; }
.mac-skor { padding:2px 9px; border-radius:4px; background:var(--lacivert); color:#fff;
  font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }

.bolum-basligi { display:flex; align-items:center; gap:16px; margin:44px 0 18px; }
.bolum-basligi h2 { margin:0; font-family:var(--baslik-yazi); font-weight:700; font-size:28px;
  letter-spacing:.02em; color:var(--lacivert); }
.bolum-basligi span { flex:1; height:1px; background:linear-gradient(90deg,#d9c48f,transparent); }

.kategori-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.kategori-kart { background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px;
  overflow:hidden; display:flex; flex-direction:column; }
.kategori-kart h3 { min-height:50px; margin:0; display:flex; align-items:center;
  font-family:var(--baslik-yazi); font-weight:700; font-size:18px; letter-spacing:.02em;
  color:var(--lacivert); }
.kategori-kart h3 a { display:flex; align-items:center; gap:8px; padding:0 14px; width:100%; }
.kategori-kart .simge { font-size:20px; }
.kategori-kart-gorsel { display:block; height:110px; }
.kategori-kart ul { list-style:none; margin:0; padding:4px 14px 6px; }
.kategori-kart li { border-bottom:1px solid var(--cizgi-ince); }
.kategori-kart li:last-child { border-bottom:0; }
.kategori-kart li a { display:flex; align-items:center; justify-content:space-between; gap:8px;
  padding:10px 1px; min-height:44px; font-size:13px; font-weight:600; line-height:1.3; }
.kategori-kart .ok { font-size:18px; color:var(--altin); flex-shrink:0; }

/* ---------- kategori sayfası ---------- */
.kategori-sayfa { padding:28px 0 56px; }
.kategori-baslik { display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.kategori-baslik h1 { margin:0; font-family:var(--baslik-yazi); font-weight:700;
  font-size:clamp(26px,3vw,36px); color:var(--lacivert); letter-spacing:.02em; }
.kategori-baslik .simge { font-size:26px; }
.kategori-baslik .cizgi { flex:1; height:1px; background:linear-gradient(90deg,#d9c48f,transparent); }

.kategori-ust { margin-bottom:22px; border-radius:10px; overflow:hidden;
  background:var(--kagit); border:1px solid var(--cizgi); }
.kategori-ust a { display:grid; grid-template-columns:minmax(280px,1.4fr) 1fr; }
.kategori-ust-gorsel { min-height:280px; }
.kategori-ust-yazi { padding:26px; align-self:center; }
.kategori-ust-yazi h2 { margin:12px 0 8px; font-family:var(--baslik-yazi); font-weight:700;
  font-size:clamp(22px,2.4vw,30px); line-height:1.1; color:var(--lacivert); text-wrap:balance; }
.kategori-ust-yazi p { margin:0 0 10px; color:var(--soluk); }

.liste { display:grid; gap:14px; }
.liste-haber { background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px;
  overflow:hidden; }
.liste-haber a { display:grid; grid-template-columns:220px 1fr; }
.liste-gorsel { min-height:150px; }
.liste-yazi { padding:16px 18px; align-self:center; }
.liste-yazi h3 { margin:0 0 6px; font-family:var(--baslik-yazi); font-weight:600; font-size:21px;
  line-height:1.15; color:var(--lacivert); text-wrap:balance; }
.liste-yazi p { margin:0 0 8px; color:var(--soluk); font-size:14px; }
.tarih { font-size:12px; color:var(--soluk); }

.sayfalama { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:28px; }
.sayfalama a, .sayfalama span { display:grid; place-items:center; min-width:40px; min-height:40px;
  padding:0 12px; border:1px solid var(--cizgi); border-radius:8px; background:var(--kagit);
  font-weight:600; font-size:14px; }
.sayfalama .etkin { background:var(--lacivert); color:#fff; border-color:var(--lacivert); }

/* ---------- yazarlar ve köşe yazıları ---------- */
.etiket-yazi { background:var(--altin); color:var(--lacivert-koyu); }
.manset-yazar { margin:8px 0 0; font-family:var(--baslik-yazi); font-weight:600;
  font-size:17px; letter-spacing:.03em; color:var(--altin); }

/* Yuvarlak yazar fotoğrafı; fotoğraf yoksa baş harfi aynı yeri kaplar. */
.yazar-yuz { width:38px; height:38px; flex:0 0 auto; border-radius:50%;
  object-fit:cover; background:var(--krem); }
.yazar-yuz-harf { display:grid; place-items:center; background:var(--lacivert); color:#fff;
  font-family:var(--baslik-yazi); font-weight:700; font-size:18px; }
.yazar-yuz.buyuk { width:88px; height:88px; font-size:38px; }

.yazar-sayfa { padding:28px 0 56px; }
.yazar-kunye { display:flex; align-items:flex-start; gap:18px; margin:6px 0 26px;
  padding:20px; background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px; }
.yazar-kunye h1, .yazar-kunye h2 { margin:0; font-family:var(--baslik-yazi); font-weight:700;
  font-size:28px; color:var(--lacivert); }
.yazar-unvan { margin:2px 0 0; font-size:13px; font-weight:600; letter-spacing:.04em;
  text-transform:uppercase; color:var(--altin); }
.yazar-tanitim { margin:10px 0 0; font-size:15px; color:var(--soluk); text-wrap:pretty; }
.yazar-sosyal { display:flex; gap:8px; margin-top:12px; }
.yazar-sosyal a { width:32px; height:32px; display:grid; place-items:center; border-radius:50%;
  border:1px solid #dcd3bd; color:var(--lacivert); }
.yazar-sosyal a:hover { border-color:var(--altin); color:var(--altin); }
.yazar-alt { margin-top:34px; }

.yazar-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:16px; }
.yazar-kutu { display:flex; flex-direction:column; padding:18px 20px 14px;
  background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px; }
.yazar-kutu-ust { display:flex; align-items:center; gap:14px; }
.yazar-kutu-ust h2 { margin:0; font-family:var(--baslik-yazi); font-weight:700; font-size:22px;
  color:var(--lacivert); }
.yazar-yazi-listesi { list-style:none; margin:14px 0 0; padding:0; flex:1; }
.yazar-yazi-listesi li { border-top:1px solid var(--cizgi-ince); }
.yazar-yazi-listesi a { display:flex; justify-content:space-between; gap:10px; padding:9px 0;
  font-size:15px; font-weight:600; }
.yazar-tumu { margin-top:12px; font-family:var(--baslik-yazi); font-weight:600; font-size:15px;
  color:var(--lacivert); }
.yazar-tumu:hover { color:var(--altin); }

.yazi-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }
.yazi-kart { background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px; }
.yazi-kart > a { display:flex; gap:14px; padding:16px; }
.yazi-kart-yuz { flex:0 0 auto; }
.yazi-kart-yazar { font-family:var(--baslik-yazi); font-weight:600; font-size:14px;
  letter-spacing:.04em; text-transform:uppercase; color:var(--altin); }
.yazi-kart-govde h3 { margin:4px 0 6px; font-family:var(--baslik-yazi); font-weight:600;
  font-size:19px; line-height:1.15; color:var(--lacivert); }
.yazi-kart-govde p { margin:0 0 6px; font-size:14px; color:var(--soluk); }
.yazi-kart-govde time { font-size:12px; color:var(--soluk); }
.yazi-tumu { margin:16px 0 0; text-align:right; font-family:var(--baslik-yazi);
  font-weight:600; font-size:16px; color:var(--lacivert); }

/* ---------- haber sayfası ---------- */
.haber-sayfa { width:min(860px, calc(100% - 64px)); padding:32px 0 64px; }
.geri { display:inline-flex; align-items:center; gap:6px; margin-bottom:20px;
  color:var(--lacivert); font-weight:700; font-size:14px; }
.haber-sayfa h1 { margin:12px 0 14px; font-family:var(--baslik-yazi); font-weight:700;
  font-size:clamp(28px,4vw,42px); line-height:1.05; color:var(--lacivert); text-wrap:balance; }
.haber-sayfa .ozet { margin:0 0 18px; font-size:18px; color:var(--soluk); text-wrap:pretty; }
.kunye { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
  gap:14px; padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid var(--cizgi); }
.yazar { display:flex; align-items:center; gap:10px; }
.yazar-simge { width:38px; height:38px; border-radius:50%; display:grid; place-items:center;
  background:var(--lacivert); color:#fff; font-family:var(--baslik-yazi); font-weight:700;
  font-size:18px; }
.yazar-ad { font-size:13px; font-weight:700; }
.yazar time { font-size:12px; color:var(--soluk); }
.paylas { display:flex; gap:8px; }
.paylas a, .paylas button { width:32px; height:32px; display:grid; place-items:center;
  border-radius:50%; border:1px solid #dcd3bd; background:transparent; color:var(--lacivert);
  cursor:pointer; }
.paylas a:hover, .paylas button:hover { border-color:var(--altin); color:var(--altin); }

.haber-gorsel { height:380px; border-radius:10px; overflow:hidden; }
.metin { font-size:17px; line-height:1.75; color:#232e39; }
.metin p { margin:0 0 18px; }
.metin h2, .metin h3 { margin:30px 0 12px; font-family:var(--baslik-yazi); font-weight:700;
  line-height:1.15; color:var(--lacivert); }
.metin h2 { font-size:26px; }
.metin h3 { font-size:21px; }
.metin ul, .metin ol { margin:0 0 18px; padding-left:24px; }
.metin li { margin-bottom:7px; }
.metin li::marker { color:var(--altin); font-weight:700; }
.metin blockquote { margin:22px 0; padding:6px 0 6px 18px;
  border-left:3px solid var(--altin); color:var(--lacivert); font-size:19px;
  font-style:italic; }
.metin blockquote p { margin:0; }
.metin a { color:var(--kirmizi); font-weight:600; text-decoration:underline;
  text-underline-offset:2px; }
.metin a:hover { color:var(--lacivert); }
.metin strong { font-weight:700; color:var(--lacivert); }

.galeri { margin:28px 0; }
.galeri h3, .ilgili h3 { margin:0 0 12px; font-family:var(--baslik-yazi); font-weight:700;
  font-size:20px; color:var(--lacivert); letter-spacing:.02em; }
.galeri-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; }
.galeri-izgara img { height:130px; width:100%; object-fit:cover; border-radius:8px; }

.ilgili { margin-top:44px; padding-top:24px; border-top:1px solid var(--cizgi); }
.ilgili-izgara { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; }
.ilgili-kart { display:flex; flex-direction:column; gap:8px; font-size:14px; font-weight:700;
  line-height:1.3; }
.ilgili-gorsel { height:120px; border-radius:8px; overflow:hidden; }

/* ---------- düz sayfalar ---------- */
.duz-sayfa { width:min(760px, calc(100% - 64px)); padding:40px 0 64px; }
.duz-sayfa h1 { font-family:var(--baslik-yazi); font-weight:700; font-size:clamp(26px,3vw,38px);
  color:var(--lacivert); margin:0 0 16px; }
.bos { color:var(--soluk); font-size:14px; padding:8px 0; }
.dugme { display:inline-block; padding:12px 20px; border-radius:8px; background:var(--lacivert);
  color:#fff; font-weight:700; }
.dugme:hover { background:var(--lacivert-koyu); color:#fff; }

/* ---------- kartlar (ortak) ---------- */
.kart { background:var(--kagit); border:1px solid var(--cizgi); border-radius:10px; overflow:hidden; }
.kart-gorsel { height:160px; }
.kart-govde { padding:14px 16px; }
.kart-govde h3 { margin:8px 0 4px; font-family:var(--baslik-yazi); font-weight:600; font-size:19px;
  line-height:1.15; color:var(--lacivert); }
.kart-govde p { margin:0; font-size:14px; color:var(--soluk); }

/* ---------- alt bilgi ---------- */
footer { background:var(--lacivert); color:#dce4ec; }
.altbilgi-ic { min-height:100px; display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:20px; padding:24px 0; }
.altbilgi-ic img { display:block; height:38px; width:auto; }
.altbilgi-ic p { margin:6px 0 0; color:#aebbc7; font-size:13px; }
.altbilgi-menu { display:flex; flex-wrap:wrap; gap:18px; font-size:13px; font-weight:700; }

/* ---------- dar ekran ---------- */
@media (max-width:900px) {
  .kategori-ust a { grid-template-columns:1fr; }
  .kategori-ust-gorsel { min-height:200px; }
  .liste-haber a { grid-template-columns:130px 1fr; }
  .liste-gorsel { min-height:110px; }
  .liste-yazi { padding:12px 14px; }
  .liste-yazi h3 { font-size:17px; }
  .liste-yazi p { display:none; }
}

/* Pano daralınca averaj sütunu düşer, takım adına yer kalsın. */
@media (min-width:781px) and (max-width:1080px) {
  .ust-blok { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); }
  .ust-blok.tek { grid-template-columns:1fr; }
  .puan-pano .puan-averaj { display:none; }
}
@media (max-width:430px) {
  .puan-pano .puan-averaj { display:none; }
}

@media (max-width:780px) {
  .kap { width:calc(100% - 32px); }
  .haber-sayfa, .duz-sayfa { width:calc(100% - 32px); }
  .ustbant-ic { min-height:0; gap:14px; }
  .marka { order:1; }
  .sosyal { order:2; margin-left:auto; }
  .skorlar { order:3; width:100%; }
  .menu-dugme { display:block; }
  .menu { display:none; position:absolute; top:52px; left:0; right:0; z-index:30;
    flex-direction:column; align-items:stretch; gap:0; padding:8px;
    background:var(--lacivert); border-radius:0 0 8px 8px;
    box-shadow:0 12px 30px rgba(10,41,73,.25); }
  .menu.acik { display:flex; }
  .menu a { padding:13px 12px; color:#fff; font-size:17px; }
  .ust-blok { grid-template-columns:1fr; }
  .manset { min-height:320px; }
  .puan-pano { height:auto; }
  .manset-yazi { left:16px; right:16px; bottom:40px; }
  .haber-gorsel { height:220px; }
}