/* US Midterm 2026 — sitenin tek stil dosyası (iç adı sayim-masasi.css).
   1) tokens.css: tasarım sistemi tokenları (tokens.json)  2) bundle.css: bileşen stilleri  3) site.css: sayfa düzenleri */

@font-face { font-family: "Libre Franklin"; src: url("fonts/LibreFranklin-VF.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("fonts/BarlowCondensed-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
:root, [data-theme="acik"] {
  --zemin: #f2f5fd;
  --yuzey: #ffffff;
  --yuzey-ikincil: #e4eaf8;
  --metin: #0e1a4a;
  --metin-ikincil: #4a5578;
  --metin-ters: #ffffff;
  --cizgi: #d7deef;
  --cizgi-guclu: #6e7a9e;
  --odak: var(--metin);
  --vurgu-zemin: #0e1a4a1a;
  --marka: #1d3590;
  --kirmizi-zemin: #1d3590;
  --marka-uzeri: #ffffff;
  --marka-ikincil: #d4dbf5;
  --marka-cizgi: #8da2ee;
  --kirmizi: #4d6fe0;
  --kirmizi-parlak: #ffffff;
  --birincil: #1d3590;
  --birincil-uzeri: #ffffff;
  --logo: #1d3590;
  --demokrat: #2f62de;
  --demokrat-uzeri: #ffffff;
  --d-hafif: #e1e9fb;
  --d-egilimli: #b6caf3;
  --d-muhtemel: #7ea2ec;
  --cumhuriyetci: #c8173c;
  --cumhuriyetci-uzeri: #ffffff;
  --r-hafif: #fadcdc;
  --r-egilimli: #f3b1b2;
  --r-muhtemel: #e47a7f;
  --bagimsiz: #8a4f9e;
  --bagimsiz-uzeri: #ffffff;
  --belirsiz: #b7ae96;
  --belirsiz-cizgi: #7e7662;
  --kritik: #f29d00;
  --kritik-uzeri: #0e1a4a;
  --serit-gece: #0e1a4a;
  --serit-alaca: #1d3590;
  --serit-safak: #9db3f2;
  --serit-sabah: #eef2fd;
  --harita-yok: #e9ecf4;
  --harita-var: #b4bacb;
  --rim-renk: #ffffff;
  --hero-zemin: #1d3590;
  --hero-metin: #ffffff;
  --hero-ikincil: #d8def5;
  --hero-dugme: #ffffff;
  --hero-dugme-uzeri: #1d3590;
  --hero-cizgi: #afc3ff;
  --hero-alt-cizgi: #afc3ff;
  --rozet-halka: #ffffff;
  --rozet-halka-ic: #afc3ff;
  --rozet-capraz: #afc3ff;
  --yildiz: #ffffff;
  --kutu-ust: #1d3590;
  --birincil-alt: #afc3ff;
  --sayi-renk: #0e1a4a;
  --page: var(--zemin);
  --surface: var(--yuzey);
}
[data-theme="gece"] {
  --zemin: #0a1233;
  --yuzey: #111b48;
  --yuzey-ikincil: #18245a;
  --metin: #f1f4fc;
  --metin-ikincil: #b3bedd;
  --metin-ters: #0a1233;
  --cizgi: #243170;
  --cizgi-guclu: #7e8ac0;
  --odak: var(--metin);
  --vurgu-zemin: #f1f4fc24;
  --marka: #1d3590;
  --kirmizi-zemin: #1d3590;
  --marka-uzeri: #ffffff;
  --marka-ikincil: #d4dbf5;
  --marka-cizgi: #8da2ee;
  --kirmizi: #afc3ff;
  --kirmizi-parlak: #ffffff;
  --birincil: #e3eaff;
  --birincil-uzeri: #0e1a4a;
  --logo: #f1f4fc;
  --demokrat: #739af6;
  --demokrat-uzeri: #0a1230;
  --d-hafif: #1c285e;
  --d-egilimli: #283e8c;
  --d-muhtemel: #3758b8;
  --cumhuriyetci: #f0727c;
  --cumhuriyetci-uzeri: #0a1233;
  --r-hafif: #462026;
  --r-egilimli: #6b2a31;
  --r-muhtemel: #9a3940;
  --bagimsiz: #b184c4;
  --bagimsiz-uzeri: #0a1233;
  --belirsiz: #9b917e;
  --belirsiz-cizgi: #b3aa95;
  --kritik: #ffb224;
  --kritik-uzeri: #0a1233;
  --serit-gece: #060b26;
  --serit-alaca: #1d3590;
  --serit-safak: #8fa8ee;
  --serit-sabah: #e8eefc;
  --harita-yok: #1a2147;
  --harita-var: #4f5888;
  --rim-renk: #ffffff;
  --hero-zemin: #1d3590;
  --hero-metin: #ffffff;
  --hero-ikincil: #d8def5;
  --hero-dugme: #ffffff;
  --hero-dugme-uzeri: #1d3590;
  --hero-cizgi: #afc3ff;
  --hero-alt-cizgi: #afc3ff;
  --rozet-halka: #ffffff;
  --rozet-halka-ic: #afc3ff;
  --rozet-capraz: #afc3ff;
  --yildiz: #ffffff;
  --kutu-ust: #afc3ff;
  --birincil-alt: #8da2ee;
  --sayi-renk: #c9d6ff;
  --page: var(--zemin);
  --surface: var(--yuzey);
}
:root {
  --bosluk-1: 4px;
  --bosluk-2: 8px;
  --bosluk-3: 12px;
  --bosluk-4: 16px;
  --bosluk-5: 24px;
  --bosluk-6: 32px;
  --bosluk-7: 48px;
  --bosluk-8: 64px;
  --kose-s: 2px;
  --kose-m: 4px;
  --kose-hap: 999px;
  --dokunma-min: 44px;
  --metin-genislik: 640px;
  --sayfa-genislik: 1240px;
  --serit-yukseklik: 44px;
  --cizgi-kalinlik: 1px;
  --vurgu-suresi: 600ms;
  --font-yazi: "Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;
  --font-sayi: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
}
.manset { font-family: var(--font-yazi); font-size: 58px; line-height: 1.05; font-weight: 700; letter-spacing: -0.01em; }
.manset-mobil { font-family: var(--font-yazi); font-size: 32px; line-height: 1.05; font-weight: 700; letter-spacing: -0.005em; }
.bolum-basligi { font-family: var(--font-yazi); font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: normal; }
.bolum-basligi-mobil { font-family: var(--font-yazi); font-size: 17px; line-height: 1.25; font-weight: 700; letter-spacing: normal; }
.govde { font-family: var(--font-yazi); font-size: 17px; line-height: 1.5; font-weight: 400; letter-spacing: normal; }
.govde-mobil { font-family: var(--font-yazi); font-size: 16px; line-height: 1.5; font-weight: 400; letter-spacing: normal; }
.kaynak { font-family: var(--font-yazi); font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: normal; }
.kaynak-mobil { font-family: var(--font-yazi); font-size: 12.5px; line-height: 1.4; font-weight: 400; letter-spacing: normal; }
.etiket { font-family: var(--font-yazi); font-size: 12.5px; line-height: 1.2; font-weight: 600; letter-spacing: 0.01em; }
.sayac { font-family: var(--font-sayi); font-size: 132px; line-height: 0.9; font-weight: 700; letter-spacing: normal; }
.sayac-mobil { font-family: var(--font-sayi); font-size: 52px; line-height: 0.95; font-weight: 700; letter-spacing: normal; }
.sandalye { font-family: var(--font-sayi); font-size: 64px; line-height: 1; font-weight: 700; letter-spacing: normal; }
.sandalye-mobil { font-family: var(--font-sayi); font-size: 40px; line-height: 1; font-weight: 700; letter-spacing: normal; }
.saat { font-family: var(--font-sayi); font-size: 24px; line-height: 1.1; font-weight: 600; letter-spacing: normal; }
.saat-mobil { font-family: var(--font-sayi); font-size: 18px; line-height: 1.1; font-weight: 600; letter-spacing: normal; }

/* US Midterm 2026 — bileşen stilleri (components/bundle.css). tokens.css'ten sonra yüklenir; sınıf öneki sm-.
   Kurallar: kart değil satır; süs için gölge ya da gradyan yok (tek gradyan gece şeridinde); mavi/kırmızı yalnızca
   parti verisinde, amber yalnızca Kritik'te; belli olmayan her şey taş rengi ve taralı. */

/* ---------- Taban ---------- */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0; background: var(--zemin); color: var(--metin);
  font-family: var(--font-yazi); font-size: 17px; line-height: 1.5;
  font-kerning: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
:root { --sm-kenar: var(--bosluk-6); }
@media (max-width: 640px) { body { font-size: 16px; } :root { --sm-kenar: var(--bosluk-4); } }
.sayac, .sayac-mobil, .sandalye, .sandalye-mobil, .saat, .saat-mobil, .sm-num { font-variant-numeric: tabular-nums; }
.sm-num { font-family: var(--font-sayi); letter-spacing: 0; }
:focus-visible { outline: 2px solid var(--odak); outline-offset: 2px; }
.sm-gizli { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.sm-tarali {
  background-color: var(--yuzey);
  background-image: repeating-linear-gradient(135deg, var(--belirsiz) 0 2px, transparent 2px 6px);
}
.sm-isaret { flex: none; display: inline-block; vertical-align: -0.15em; }
.sm-renk--D { color: var(--demokrat); }
.sm-renk--R { color: var(--cumhuriyetci); }
.sm-renk--B { color: var(--bagimsiz); } /* yalnızca büyük sayılarda: gece zemininde 3,1:1 */

/* Canlı sayı: yerinde değişir, 600 ms'lik tek vurgu; hareket azaltma açıksa vurgu yok */
.sm-canli-sayi { border-radius: var(--kose-s); }
.sm-vurgu { animation: sm-vurgu var(--vurgu-suresi) ease-out 1; }
@keyframes sm-vurgu { from { background-color: var(--vurgu-zemin); box-shadow: 0 0 0 3px var(--vurgu-zemin); } to { background-color: transparent; box-shadow: 0 0 0 3px transparent; } }
@media (prefers-reduced-motion: reduce) { .sm-vurgu { animation: none; } }

/* ---------- Logo ---------- */
/* Yıldızlı palet (ana tasarım, 16 Ekim 2026): işaret lacivert yuvarlak rozetin içinde. Dışta beyaz halka (rozet-halka, 30 px'te 2 px),
   içte açık mavi halka (rozet-halka-ic, 1 px), zemin marka; çetele beyaz, çapraz rozet-capraz. Yazı logo renginde (lacivert çerçevede beyaz). */
.sm-logo { display: inline-flex; align-items: center; gap: 9px; color: var(--logo); }
.sm-logo__isaret { flex: none; display: block; overflow: visible; }
.sm-logo__halka { fill: var(--rozet-halka); }
.sm-logo__rozet { fill: var(--marka); }
.sm-logo__halka-ic { fill: none; stroke: var(--rozet-halka-ic); }
.sm-logo__cizgiler { fill: currentColor; }
.sm-logo--rozet .sm-logo__cizgiler { fill: var(--marka-uzeri); }
.sm-logo__capraz { fill: var(--rozet-capraz); }
.sm-logo__yazi { font-family: var(--font-yazi); font-weight: 700; font-size: 19px; line-height: 1; letter-spacing: -0.012em; white-space: nowrap; }
/* "US Midterm 2026": ad kalın, yıl normal ağırlıkta (aynı aile, aynı renk); yıl rakamları tabular değil, yazının parçası */
.sm-logo__yil { font-weight: 400; }

/* ---------- Parti harfi ---------- */
.sm-harf {
  display: inline-grid; place-items: center; flex: none; box-sizing: border-box;
  width: 20px; height: 20px; border-radius: var(--kose-s);
  font: 700 12px/1 var(--font-yazi); letter-spacing: 0;
}
.sm-harf--s { width: 18px; height: 18px; font-size: 11px; }
.sm-harf--l { width: 28px; height: 28px; font-size: 15px; }
.sm-harf--D { background: var(--demokrat); color: var(--demokrat-uzeri); }
.sm-harf--R { background: var(--cumhuriyetci); color: var(--cumhuriyetci-uzeri); }
.sm-harf--B { background: var(--bagimsiz); color: var(--bagimsiz-uzeri); }
.sm-harf--soluk { background: transparent; color: var(--metin-ikincil); box-shadow: inset 0 0 0 1px var(--cizgi-guclu); }

/* ---------- Durum etiketi ---------- */
.sm-durum, .sm-reyting {
  display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box;
  min-height: 26px; padding: 0 9px; border: 1px solid transparent; border-radius: var(--kose-s);
  font: 600 12.5px/1.2 var(--font-yazi); letter-spacing: 0.01em; white-space: nowrap; vertical-align: middle;
  background: var(--yuzey-ikincil); color: var(--metin);
}
.sm-durum--s { min-height: 22px; padding: 0 7px; font-size: 12px; }
.sm-durum__kare { flex: none; width: 11px; height: 11px; box-sizing: border-box; border: 1px solid var(--belirsiz-cizgi); border-radius: 1px; background-size: auto; }
.sm-durum__meta { font-size: 15px; font-weight: 600; line-height: 1; padding-left: 7px; margin-left: 1px; border-left: 1px solid currentColor; }
.sm-durum--sandiklar_acik { background: transparent; border-color: var(--cizgi-guclu); color: var(--metin); }
.sm-durum--sandiklar_acik .sm-durum__meta { color: var(--metin-ikincil); border-left-color: var(--cizgi-guclu); }
.sm-durum--cok_yakin { background: var(--yuzey); border-color: var(--belirsiz-cizgi); font-weight: 700; }
.sm-durum--cok_yakin .sm-durum__meta { border-left-color: var(--belirsiz-cizgi); }
.sm-durum--yeniden_sayim, .sm-durum--ikinci_tur { background: transparent; border: 1px dashed var(--belirsiz-cizgi); }
.sm-durum--kazandi, .sm-durum--kesinlesti { font-weight: 700; }
.sm-durum__harf { font-weight: 700; padding-right: 7px; border-right: 1px solid currentColor; line-height: 1; }
.sm-durum--D.sm-durum--kazandi, .sm-durum--D.sm-durum--kesinlesti { background: var(--demokrat); color: var(--demokrat-uzeri); }
.sm-durum--R.sm-durum--kazandi, .sm-durum--R.sm-durum--kesinlesti { background: var(--cumhuriyetci); color: var(--cumhuriyetci-uzeri); }
.sm-durum--B.sm-durum--kazandi, .sm-durum--B.sm-durum--kesinlesti { background: var(--bagimsiz); color: var(--bagimsiz-uzeri); }

/* ---------- Reyting etiketi: parti rengi yoğunlaştıkça güven artar ---------- */
.sm-reyting__parti { font-weight: 700; }
.sm-reyting__kaynak { font-weight: 400; padding-left: 7px; margin-left: 1px; border-left: 1px solid currentColor; line-height: 1; }
.sm-reyting--basa_bas { background: var(--yuzey); border-color: var(--belirsiz-cizgi); }
.sm-reyting--D.sm-reyting--hafif { background: var(--d-hafif); }
.sm-reyting--D.sm-reyting--egilimli { background: var(--d-egilimli); }
.sm-reyting--D.sm-reyting--muhtemel { background: var(--d-muhtemel); }
.sm-reyting--D.sm-reyting--guvenli { background: var(--demokrat); color: var(--demokrat-uzeri); }
.sm-reyting--R.sm-reyting--hafif { background: var(--r-hafif); }
.sm-reyting--R.sm-reyting--egilimli { background: var(--r-egilimli); }
.sm-reyting--R.sm-reyting--muhtemel { background: var(--r-muhtemel); }
.sm-reyting--R.sm-reyting--guvenli { background: var(--cumhuriyetci); color: var(--cumhuriyetci-uzeri); }

/* ---------- Kaynak notu ---------- */
.sm-kaynak { margin: 0; font-size: 13px; line-height: 1.4; color: var(--metin-ikincil); }
.sm-kaynak__ad { font-weight: 500; color: var(--metin); }
a.sm-kaynak__ad { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }
.sm-kaynak__saat { font-family: var(--font-sayi); font-variant-numeric: tabular-nums; font-size: 14.5px; font-weight: 600; letter-spacing: 0.01em; }
@media (max-width: 640px) { .sm-kaynak { font-size: 12.5px; } .sm-kaynak__saat { font-size: 14px; } }

/* ---------- Kutu ---------- */
.sm-kutu { box-sizing: border-box; background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); padding: calc(var(--bosluk-5) - 2px) var(--bosluk-5) var(--bosluk-4); }
.sm-kutu--cizgisiz { background: transparent; border: 0; border-top: 3px solid var(--kutu-ust); border-radius: 0; padding: calc(var(--bosluk-3) - 1px) 0 0; }
.sm-kutu__baslik { display: flex; justify-content: space-between; align-items: baseline; gap: var(--bosluk-3); margin-bottom: var(--bosluk-4); }
.sm-kutu__ad { margin: 0; font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.005em; }
.sm-kutu__sag { font-size: 13px; color: var(--metin-ikincil); }
/* Uluslararası baskılarda uzun tek sözcük (Repräsentantenhaus) dar ekranda taşmasın: sağ etiket kendi genişliğinde kalır,
 * kutunun yarısını geçerse heceden kırılır. Türkçe ve İngilizce düzen değişmez */
:is(:lang(de), :lang(fr), :lang(es), :lang(pt)) .sm-kutu__sag { flex-shrink: 0; max-width: 50%; text-align: right; overflow-wrap: anywhere; hyphens: auto; }
:is(:lang(de), :lang(fr), :lang(es), :lang(pt)) .sm-kutu__ad { min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
.sm-kutu__sag a { color: var(--metin); }
.sm-kutu__alt { margin-top: var(--bosluk-4); padding-top: var(--bosluk-3); border-top: 1px solid var(--cizgi); }
@media (max-width: 640px) {
  .sm-kutu { padding: calc(var(--bosluk-4) - 2px) var(--bosluk-4) var(--bosluk-3); }
  .sm-kutu--cizgisiz { padding: calc(var(--bosluk-3) - 1px) 0 0; }
  .sm-kutu__ad { font-size: 17px; line-height: 1.25; }
  .sm-kutu__baslik { margin-bottom: var(--bosluk-3); }
}

/* ---------- Düğme ---------- */
.sm-dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box;
  min-height: var(--dokunma-min); padding: 0 var(--bosluk-4); border: 1px solid transparent; border-radius: var(--kose-m);
  font: 600 15px/1.2 var(--font-yazi); text-decoration: none; cursor: pointer; white-space: nowrap;
}
.sm-dugme--birincil { background: var(--birincil); color: var(--birincil-uzeri); border-bottom: 3px solid var(--birincil-alt); }
.sm-dugme--birincil:hover { background: color-mix(in srgb, var(--birincil) 86%, var(--zemin)); }
.sm-dugme--ikincil { background: var(--yuzey); color: var(--metin); border-color: var(--cizgi-guclu); }
.sm-dugme--ikincil:hover { background: var(--yuzey-ikincil); }
.sm-dugme--sade { background: transparent; color: var(--metin); padding: 0 6px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* ---------- Yarış satırı ---------- */
.sm-yaris { container-type: inline-size; border-top: 1px solid var(--cizgi); }
.sm-yaris__ic {
  display: grid; gap: 10px var(--bosluk-4); padding: var(--bosluk-3) 0;
  grid-template-columns: 1fr auto;
  grid-template-areas: "baslik durum" "adaylar adaylar" "kaynak kaynak";
}
.sm-yaris__baslik { grid-area: baslik; min-width: 0; }
.sm-yaris__adaylar { grid-area: adaylar; margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.sm-yaris__durum { grid-area: durum; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.sm-yaris__kaynak { grid-area: kaynak; }
.sm-yaris__ad { margin: 0; font-size: 17px; line-height: 1.25; font-weight: 700; }
.sm-yaris__ad a { color: inherit; text-decoration: none; }
.sm-yaris__ad a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sm-yaris__alt { margin: 2px 0 0; font-size: 13px; line-height: 1.35; color: var(--metin-ikincil); }
.sm-yaris__alt:empty { display: none; }
@container (min-width: 600px) {
  .sm-yaris__ic {
    grid-template-columns: minmax(120px, 0.9fr) minmax(0, 2fr) minmax(212px, max-content);   /* uzun reyting adında (de, fr) durum sütunu genişler, saat taşmaz */
    grid-template-areas: "baslik adaylar durum" "baslik kaynak kaynak";
    align-items: start;
  }
  .sm-yaris__kaynak:empty { display: none; }
}
.sm-yaris--sik .sm-yaris__ic { padding: 10px 0; }

.sm-aday { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; align-items: center; column-gap: 8px; row-gap: 4px; }
.sm-aday__ad { font-size: 15.5px; line-height: 1.3; font-weight: 500; min-width: 0; overflow-wrap: anywhere; }
.sm-aday__not { margin-left: 7px; font-size: 12px; font-weight: 500; color: var(--metin-ikincil); }
.sm-aday__onay { display: inline-flex; vertical-align: -2px; margin-left: 6px; }
.sm-aday__oran { font-size: 22px; font-weight: 600; line-height: 1; text-align: right; padding: 0 2px; }
.sm-aday__cubuk { grid-column: 2 / 4; height: 5px; border-radius: 1px; background: var(--yuzey-ikincil); overflow: hidden; }
.sm-aday__cubuk i { display: block; height: 100%; border-radius: 1px; }
.sm-cubuk--D { background: var(--demokrat); }
.sm-cubuk--R { background: var(--cumhuriyetci); }
.sm-cubuk--B { background: var(--bagimsiz); }
.sm-aday__oran-kap, .sm-yaris__etiket, .sm-denge__sayi-kap { display: contents; } /* canlı veri sözleşmesi (data-alan) sarmalayıcıları; kutu üretmez */
.sm-yaris__reyting { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 3px; }
.sm-yaris__reyting-tarihi { font-size: 12px; line-height: 1; color: var(--metin-ikincil); overflow-wrap: anywhere; }
.sm-yaris__reyting-tarihi .sm-num { font-size: 13.5px; font-weight: 600; }
.sm-aday--kazanan .sm-aday__ad { font-weight: 700; }
.sm-aday--bos { display: block; font-size: 14px; line-height: 1.4; color: var(--metin-ikincil); }
.sm-aday--geride .sm-aday__ad, .sm-aday--geride .sm-aday__oran { color: var(--metin-ikincil); }
.sm-sayilan { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; color: var(--metin-ikincil); white-space: nowrap; }
.sm-sayilan .sm-num { font-size: 15px; font-weight: 600; color: var(--metin); }
.sm-sayilan__iz { position: relative; width: 52px; height: 7px; border-radius: 1px; box-sizing: border-box; border: 1px solid var(--belirsiz-cizgi); overflow: hidden; }
.sm-sayilan__iz i { position: absolute; inset: 0 auto 0 0; background: var(--metin-ikincil); }
.sm-yaris__kapanis { display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: var(--metin-ikincil); white-space: nowrap; }
.sm-yaris__kapanis .sm-num { font-size: 20px; font-weight: 600; color: var(--metin); line-height: 1; }
.sm-yaris__tsi { font-size: 11.5px; letter-spacing: 0.04em; }

/* ---------- Güç dengesi ---------- */
.sm-denge { margin: 0; container-type: inline-size; }
.sm-denge__ust { display: flex; align-items: flex-end; gap: var(--bosluk-4); margin-bottom: var(--bosluk-4); }
.sm-denge__sayac { font-size: 132px; line-height: 0.8; font-weight: 700; letter-spacing: -0.01em; margin-bottom: -2px; color: var(--sayi-renk); }
.sm-denge__baslik { display: flex; flex-direction: column; gap: 2px; padding-bottom: 4px; }
.sm-denge__kurul { font-size: 22px; line-height: 1.2; font-weight: 700; }
.sm-denge__esik-notu { font-size: 13px; line-height: 1.35; color: var(--metin-ikincil); }
.sm-denge__ust--canli { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; }
.sm-denge__taraf { display: flex; align-items: flex-end; gap: 8px; }
.sm-denge__taraf--R { flex-direction: row-reverse; }
.sm-denge__sandalye { font-size: 64px; line-height: 0.85; font-weight: 700; }
.sm-denge__kim { display: inline-flex; align-items: center; gap: 4px; padding-bottom: 6px; font-size: 13px; font-weight: 600; color: var(--metin-ikincil); }
.sm-denge__orta { display: flex; flex-direction: column; align-items: center; text-align: center; padding-bottom: 4px; }
.sm-denge__orta .sm-denge__kurul { font-size: 17px; }
@media (max-width: 640px) {
  .sm-denge__sayac { font-size: 52px; line-height: 0.85; }
  .sm-denge__kurul { font-size: 17px; }
  .sm-denge__sandalye { font-size: 40px; }
  .sm-denge__ust { gap: var(--bosluk-3); margin-bottom: var(--bosluk-3); }
}

.sm-senato { position: relative; display: grid; grid-template-columns: 1fr 2px 1fr; column-gap: 9px; padding-top: 22px; }
.sm-senato__yari { display: grid; grid-template-rows: repeat(5, auto); grid-auto-flow: column; grid-auto-columns: 1fr; gap: 3px; }
.sm-hucre { display: block; aspect-ratio: 1 / 1; border-radius: 1px; box-sizing: border-box; }
.sm-hucre--D { background: var(--demokrat); }
.sm-hucre--R { background: var(--cumhuriyetci); }
.sm-hucre--B { background: var(--bagimsiz); }
.sm-hucre--Bayri { background: var(--bagimsiz); box-shadow: inset 0 0 0 1.5px var(--metin); }
.sm-hucre--belirsiz { box-shadow: inset 0 0 0 1px var(--belirsiz-cizgi); }
.sm-hucre--bos { box-shadow: inset 0 0 0 1px var(--cizgi-guclu); background: transparent; }
.sm-esik { position: relative; background: var(--metin); margin: -22px 0 -8px; }
.sm-esik__etiket { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 0 4px; background: var(--zemin); font-size: 17px; font-weight: 700; line-height: 18px; color: var(--metin); }
.sm-kutu .sm-esik__etiket { background: var(--yuzey); }

.sm-meclis { position: relative; padding-top: 22px; }
.sm-meclis__cubuk { display: flex; gap: 2px; height: 34px; }
.sm-parca { display: block; height: 100%; min-width: 2px; box-sizing: border-box; border-radius: 1px; }
.sm-parca--D { background: var(--demokrat); }
.sm-parca--R { background: var(--cumhuriyetci); }
.sm-parca--B { background: var(--bagimsiz); }
.sm-parca--Bayri { background: var(--bagimsiz); box-shadow: inset 0 0 0 1.5px var(--metin); }
.sm-parca--belirsiz { box-shadow: inset 0 0 0 1px var(--belirsiz-cizgi); }
.sm-parca--bos { box-shadow: inset 0 0 0 1px var(--cizgi-guclu); }
.sm-esik--meclis { position: absolute; top: 0; bottom: -8px; left: 50%; width: 2px; margin: 0; transform: translateX(-1px); }
@media (max-width: 640px) { .sm-meclis__cubuk { height: 26px; } }

.sm-lejant { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: var(--bosluk-3) 0 0; padding: 0; list-style: none; }
.sm-lejant__oge { display: inline-flex; align-items: baseline; gap: 6px; font-size: 13px; color: var(--metin-ikincil); }
.sm-lejant__kare { align-self: center; width: 12px; height: 12px; border-radius: 1px; box-sizing: border-box; }
.sm-lejant__kare--D { background: var(--demokrat); }
.sm-lejant__kare--R { background: var(--cumhuriyetci); }
.sm-lejant__kare--B { background: var(--bagimsiz); }
.sm-lejant__kare--Bayri { background: var(--bagimsiz); box-shadow: inset 0 0 0 1.5px var(--metin); }
.sm-lejant__kare--belirsiz { box-shadow: inset 0 0 0 1px var(--belirsiz-cizgi); }
.sm-lejant__kare--bos { box-shadow: inset 0 0 0 1px var(--cizgi-guclu); }
.sm-lejant__sayi { font-size: 19px; font-weight: 600; line-height: 1; color: var(--metin); }
.sm-denge__kaynak { margin-top: var(--bosluk-3); }

/* ---------- Gece şeridi: sitenin tek cesur öğesi ve tek gradyanı ---------- */
.sm-serit { position: relative; container-type: inline-size; }
.sm-serit__baslik { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; min-height: 26px; }
.sm-serit__ad { margin: 0; font-size: 15px; line-height: 1.2; font-weight: 700; }
.sm-serit__tarih { font-weight: 400; color: var(--metin-ikincil); }
.sm-serit--canli .sm-serit__bant { margin-top: 30px; }
.sm-serit__bant {
  position: relative; height: var(--serit-yukseklik); border-radius: var(--kose-m);
  background: linear-gradient(90deg, var(--serit-gece) 0%, var(--serit-gece) 47%, var(--serit-alaca) 62%, var(--serit-safak) 73%, var(--serit-sabah) 90%, var(--serit-sabah) 100%);
  box-shadow: 0 0 0 1px var(--cizgi);
}
/* Akşam şeridi (İngilizce sürüm, ET 18:00–01:00): kasımda Doğu'da güneş 17:00'ye doğru batar; şerit alacadan geceye koyulaşır */
.sm-serit--aksam .sm-serit__bant { background: linear-gradient(90deg, var(--serit-alaca) 0%, var(--serit-gece) 28%, var(--serit-gece) 100%); }
.sm-serit__cizgi { position: absolute; top: 0; bottom: 0; width: 1px; background: color-mix(in srgb, var(--serit-sabah) 16%, transparent); }
.sm-serit__kapanis { position: absolute; bottom: 0; width: 2px; height: 42%; transform: translateX(-1px); background: var(--serit-sabah); }
.sm-serit__kapanis--vurgu { height: 100%; width: 3px; transform: translateX(-1.5px); }
.sm-serit__kapanis--bas { transform: none; }
.sm-igne { position: absolute; top: -7px; bottom: -7px; width: 3px; transform: translateX(-1.5px); background: var(--kritik); box-shadow: 0 0 0 1px var(--kritik-uzeri); border-radius: 1px; }
.sm-igne__saat {
  position: absolute; bottom: 100%; left: 50%; transform: translate(-50%, -4px);
  padding: 3px 6px 2px; border-radius: var(--kose-s); background: var(--kritik); color: var(--kritik-uzeri);
  font-size: 16px; font-weight: 700; line-height: 1; box-shadow: 0 0 0 1px var(--kritik-uzeri); white-space: nowrap;
}
.sm-canli { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px 0 9px; border-radius: var(--kose-hap); background: var(--kritik); color: var(--kritik-uzeri); font: 700 12.5px/1 var(--font-yazi); letter-spacing: 0.02em; white-space: nowrap; }
.sm-canli__nokta { width: 7px; height: 7px; border-radius: 50%; background: var(--kritik-uzeri); }

/* masaüstü etiketleri: her saat dilimi bir sütun; 03:00 ve 03:30 aynı sütunda */
.sm-serit__etiketler { display: grid; margin: 0; padding: 0; list-style: none; }
.sm-serit__etiket { display: flex; flex-direction: column; gap: 9px; min-width: 0; padding: 9px 8px 0 8px; border-left: 1px solid var(--cizgi-guclu); }
.sm-serit__etiket-oge { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.sm-serit__etiket-saat { font-size: 21px; font-weight: 600; line-height: 1; white-space: nowrap; }
.sm-serit__etiket-metin { font-size: 12.5px; line-height: 1.3; color: var(--metin-ikincil); }
.sm-serit__etiket--vurgu { border-left: 3px solid var(--metin); padding-left: 6px; }
.sm-serit__etiket--vurgu .sm-serit__etiket-metin { color: var(--metin); font-weight: 600; }
.sm-serit__etiket--gecti .sm-serit__etiket-saat { color: var(--metin-ikincil); }
@container (max-width: 640px) { .sm-serit__etiket-saat { font-size: 18px; } .sm-serit__etiket { padding-right: 4px; } }

/* kompakt (mobil): şerit + saat ölçeği + liste */
.sm-serit--kompakt .sm-serit__bant { height: 32px; }
.sm-serit__saatler { display: none; }
.sm-serit--kompakt .sm-serit__saatler { display: block; position: relative; height: 16px; margin-top: 7px; }
.sm-serit__saat { position: absolute; top: 0; transform: translateX(-50%); font-size: 14px; font-weight: 600; color: var(--metin-ikincil); line-height: 1; }
.sm-serit__saat:first-child { transform: none; }
.sm-serit__saat:last-child { transform: translateX(-100%); }
.sm-serit__liste { margin: 10px 0 0; padding: 0; list-style: none; }
.sm-serit__satir { display: grid; grid-template-columns: 76px 1fr auto; gap: 10px; align-items: baseline; padding: 9px 0; border-top: 1px solid var(--cizgi); }
.sm-serit__satir-saat { font-size: 20px; font-weight: 600; line-height: 1.05; }
.sm-serit__satir-metin { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sm-serit__eyalet { font-size: 14.5px; line-height: 1.35; }
.sm-serit__kilit { font-size: 12.5px; line-height: 1.35; color: var(--metin-ikincil); }
.sm-serit__durum { font-size: 12px; font-weight: 600; color: var(--metin-ikincil); white-space: nowrap; }
.sm-serit__durum--siradaki { color: var(--metin); padding: 3px 7px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-s); }
.sm-serit__satir--gecti .sm-serit__satir-saat, .sm-serit__satir--gecti .sm-serit__eyalet { color: var(--metin-ikincil); }
.sm-serit__satir--vurgu .sm-serit__eyalet { font-weight: 600; }

/* ---------- Kritik bant ---------- */
.sm-kritik { background: var(--kritik); color: var(--kritik-uzeri); border-radius: var(--kose-m); container-type: inline-size; }
.sm-kritik a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sm-kritik__ic { display: grid; grid-template-columns: auto auto 1fr; grid-template-areas: "etiket saat kaynak" "metin metin metin"; align-items: center; gap: 6px 12px; padding: 12px 16px 14px; }
.sm-kritik__etiket { grid-area: etiket; display: inline-flex; align-items: center; gap: 6px; font: 700 12.5px/1 var(--font-yazi); letter-spacing: 0.02em; }
.sm-kritik__kare { width: 10px; height: 10px; background: var(--kritik-uzeri); border-radius: 1px; }
.sm-kritik__saat { grid-area: saat; font-size: 21px; font-weight: 700; line-height: 1; }
.sm-kritik__tsi { font-size: 13px; font-weight: 600; }
.sm-kritik__metin { grid-area: metin; margin: 0; font-size: 17px; line-height: 1.35; font-weight: 600; }
.sm-kritik__kaynak { grid-area: kaynak; justify-self: end; font-size: 13px; line-height: 1.2; }
@container (min-width: 720px) {
  .sm-kritik__ic { grid-template-columns: auto auto 1fr auto; grid-template-areas: "etiket saat metin kaynak"; gap: 12px 16px; padding: 14px 20px; }
}

/* ---------- Yeni gelişme hapı ---------- */
.sm-hap {
  display: inline-flex; align-items: center; gap: 8px; box-sizing: border-box;
  min-height: var(--dokunma-min); padding: 0 18px 0 15px; border: 0; border-radius: var(--kose-hap);
  background: var(--metin); color: var(--metin-ters); font: 500 15px/1 var(--font-yazi); cursor: pointer;
}
.sm-hap__sayi { font-size: 19px; font-weight: 700; margin-right: 1px; }
.sm-hap__ayrac { opacity: 0.6; }
.sm-hap__eylem { font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* ---------- Akış girdisi ---------- */
.sm-girdi { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 0 var(--bosluk-3); padding: var(--bosluk-3) 0 var(--bosluk-4); border-top: 1px solid var(--cizgi); }
.sm-girdi__zaman { display: flex; flex-direction: column; padding-top: 1px; }
.sm-girdi__saat { font-size: 22px; font-weight: 600; line-height: 1; }
.sm-girdi__tsi { margin-top: 3px; font-size: 11.5px; line-height: 1.2; color: var(--metin-ikincil); letter-spacing: 0.03em; }
.sm-girdi__govde { min-width: 0; }
.sm-seviye { display: inline-flex; align-items: center; gap: 6px; font: 600 12.5px/1 var(--font-yazi); letter-spacing: 0.01em; color: var(--metin); }
.sm-seviye__kare { width: 10px; height: 10px; box-sizing: border-box; border-radius: 1px; }
.sm-seviye--kritik .sm-seviye__kare { background: var(--kritik); box-shadow: 0 0 0 1px var(--kritik-uzeri); }
.sm-seviye--onemli .sm-seviye__kare { background: var(--metin); }
.sm-seviye--bilgi { color: var(--metin-ikincil); }
.sm-seviye--bilgi .sm-seviye__kare { border: 1.5px solid var(--metin-ikincil); }
.sm-girdi__baslik { margin: 7px 0 0; font-size: 17px; line-height: 1.35; font-weight: 600; }
.sm-girdi--kritik .sm-girdi__baslik { font-weight: 700; }
.sm-girdi--bilgi .sm-girdi__baslik { font-weight: 500; }
.sm-girdi__ozet { margin: 5px 0 0; font-size: 15px; line-height: 1.5; }
.sm-girdi .sm-kaynak { margin-top: 7px; }
.sm-girdi s { color: var(--metin-ikincil); text-decoration-thickness: 1.5px; }
.sm-girdi__duzeltme { margin: 8px 0 0; font-size: 15px; line-height: 1.45; }
.sm-duzeltme-etiket { display: inline-flex; align-items: center; gap: 2px; padding: 3px 6px; border: 1px solid var(--metin); border-radius: var(--kose-s); font-size: 12px; font-weight: 700; line-height: 1; vertical-align: 1px; }
.sm-duzeltme-etiket .sm-num { font-size: 14px; }
.sm-girdi__yayin { margin: 3px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--metin-ikincil); }
.sm-girdi__yayin .sm-num { font-size: 14px; font-weight: 600; color: var(--metin); }
.sm-girdi--sik { padding: 10px 0 12px; }
.sm-girdi--sik .sm-girdi__baslik { font-size: 15.5px; margin-top: 5px; }
@media (max-width: 640px) { .sm-girdi__baslik { font-size: 16px; } .sm-girdi__ozet { font-size: 15px; } .sm-girdi__saat { font-size: 20px; } .sm-girdi { grid-template-columns: 46px minmax(0, 1fr); } }
/* 12 saatlik düzen (İngilizce sürüm): "a.m./p.m." saat sayısının altındaki küçük satırda; "midnight" ve "noon" küçük puntoyla */
.sm-girdi--12 { grid-template-columns: 60px minmax(0, 1fr); }
.sm-girdi__saat--kelime { font-size: 15px; }
.sm-girdi--12 .sm-girdi__yayin time { white-space: nowrap; }
@media (max-width: 640px) { .sm-girdi--12 { grid-template-columns: 54px minmax(0, 1fr); } .sm-girdi__saat--kelime { font-size: 14px; } }

/* ---------- Sponsor satırı ---------- */
.sm-sponsor { margin: 0; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; font-size: 13px; line-height: 1.35; color: var(--metin-ikincil); }
.sm-sponsor__etiket { padding: 4px 6px 3px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-s); font-size: 11.5px; font-weight: 600; line-height: 1; letter-spacing: 0.02em; color: var(--metin-ikincil); }
.sm-sponsor b { font-weight: 600; color: var(--metin); }
.sm-sponsor a { color: inherit; }

/* küçük karelerde (etiket, lejant) daha sık tarama */
.sm-tarali--sik { background-image: repeating-linear-gradient(135deg, var(--belirsiz) 0 1.5px, transparent 1.5px 3.5px); }

.sm-nobr { white-space: nowrap; }
.sm-denge__dahil { font-weight: 500; white-space: nowrap; }
.sm-denge__ayri { display: inline-flex; align-items: center; gap: 5px; margin-top: 4px; font-size: 12.5px; color: var(--metin-ikincil); white-space: nowrap; }
.sm-denge__ayri b { font-size: 16px; font-weight: 600; color: var(--metin); }
/* canlı başlık dar kapta alt alta: kurul adı üstte, sayılar iki yanda */
@container (max-width: 520px) {
  .sm-denge__ust--canli { grid-template-columns: 1fr 1fr; grid-template-areas: "orta orta" "D R"; row-gap: 8px; }
  .sm-denge__ust--canli .sm-denge__orta { grid-area: orta; flex-direction: row; justify-content: center; gap: 10px; align-items: baseline; }
  .sm-denge__ust--canli .sm-denge__taraf:first-child { grid-area: D; }
  .sm-denge__ust--canli .sm-denge__taraf--R { grid-area: R; }
}

/* ---------- Yardımcı sınıflar (sayfa düzeni ve form) ---------- */
.sm-sayfa { box-sizing: border-box; max-width: var(--sayfa-genislik); margin: 0 auto; padding: 0 var(--sm-kenar); }
.sm-bolum-basligi { display: flex; align-items: baseline; justify-content: space-between; gap: var(--bosluk-3); margin: 0 0 var(--bosluk-3); }
.sm-bolum-basligi h2 { margin: 0; font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.005em; }
.sm-bolum-basligi span, .sm-bolum-basligi a { font-size: 13px; color: var(--metin-ikincil); }
.sm-bolum-basligi a { color: var(--metin); }
@media (max-width: 640px) { .sm-bolum-basligi h2 { font-size: 17px; line-height: 1.25; } }
.sm-cip { display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; min-height: 30px; padding: 0 9px 0 6px; border: 1px solid var(--cizgi); border-radius: var(--kose-s); background: var(--yuzey); font-size: 14px; line-height: 1.2; color: var(--metin); text-decoration: none; white-space: nowrap; }
.sm-cip--kod { font-family: var(--font-sayi); font-size: 16px; font-weight: 600; padding: 0 9px; letter-spacing: 0.01em; }
a.sm-cip:hover { border-color: var(--cizgi-guclu); }
.sm-giris { box-sizing: border-box; min-height: var(--dokunma-min); width: 100%; padding: 0 12px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-m); background: var(--yuzey); color: var(--metin); font: 400 16px/1.2 var(--font-yazi); }
.sm-giris::placeholder { color: var(--metin-ikincil); }
.sm-tablo { width: 100%; border-collapse: collapse; font-size: 15px; }
.sm-tablo th { text-align: left; font-size: 12.5px; font-weight: 600; color: var(--metin-ikincil); padding: 0 0 6px; border-bottom: 1px solid var(--cizgi-guclu); }
.sm-tablo td { padding: 8px 0; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
/* seçim öncesi: reyting ve kapanış saati yan yana; geniş satırda saat en sağda, saatler alt alta hizalanır.
   "Kapanış" sözcüğü ekranda gizli (bölüm başlığı söyler), ekran okuyucu okur. */
.sm-yaris__durum--satir { flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }   /* sığmazsa saat alta iner (uzun reyting adı, de/fr); sığınca tek satır */
.sm-yaris__durum--satir .sm-yaris__kapanis > span:first-child { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@container (min-width: 600px) {
  .sm-yaris__durum--satir { justify-content: space-between; }
}

/* ---------- Bağımsız: maviyle karışmasın diye noktalı doku (ikincil kodlama) ---------- */
.sm-hucre--B, .sm-parca--B, .sm-lejant__kare--B, .sm-kare--B, .sm-hucre--Bayri, .sm-parca--Bayri, .sm-lejant__kare--Bayri {
  background-image: radial-gradient(circle, var(--bagimsiz-uzeri) 0 1.1px, transparent 1.4px);
  background-size: 5px 5px;
}

/* ---------- Site başlığı: masaüstünde gezinme, 1000 px altında menü ---------- */
/* Başlık: marka laciverti zemin, altında 2 px beyaz çizgi (rim-renk); yazılar beyaz ve açık mavi, odak halkası beyaz */
.sm-ust { position: sticky; top: 0; z-index: 30; background: var(--marka); color: var(--marka-uzeri); border-bottom: 2px solid var(--rim-renk); --odak: var(--marka-uzeri); }
.sm-ust__ic { display: flex; align-items: center; gap: var(--bosluk-5); box-sizing: border-box; max-width: var(--sayfa-genislik); min-height: 64px; margin: 0 auto; padding: 0 var(--sm-kenar); }
.sm-ust__logo { display: inline-flex; color: var(--marka-uzeri); text-decoration: none; border-radius: var(--kose-s); flex: none; }
.sm-ust .sm-logo, .sm-alt .sm-logo { color: var(--marka-uzeri); }
.sm-ust__nav ul { display: flex; gap: 0; margin: 0; padding: 0; list-style: none; }
.sm-ust__baglanti { display: inline-flex; align-items: center; box-sizing: border-box; min-height: var(--dokunma-min); padding: 2px 8px 0; border-bottom: 2px solid transparent; color: var(--marka-ikincil); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.sm-ust__baglanti:hover { color: var(--marka-uzeri); }
.sm-ust__baglanti.is-aktif { color: var(--marka-uzeri); font-weight: 600; border-bottom-color: var(--kirmizi-parlak); }
.sm-ust__sag { display: flex; align-items: center; gap: var(--bosluk-3); margin-left: auto; }
.sm-ust__tema { font-size: 12.5px; color: var(--marka-ikincil); white-space: nowrap; }
.sm-ust__bildirim { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 4px; color: var(--marka-uzeri); font-size: 14px; font-weight: 500; text-decoration: none; white-space: nowrap; }
.sm-ust__bildirim:hover span { text-decoration: underline; text-underline-offset: 3px; }
.sm-tema-dugme { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: var(--kose-hap); background: transparent; color: var(--metin-ikincil); font: 500 12.5px/1 var(--font-yazi); cursor: pointer; white-space: nowrap; }
.sm-tema-dugme:hover { color: var(--metin); border-color: var(--cizgi-guclu); }
.sm-tema-dugme b { color: var(--metin); font-weight: 600; }
.sm-ust__sag .sm-tema-dugme { border-color: var(--marka-cizgi); color: var(--marka-ikincil); }
.sm-ust__sag .sm-tema-dugme:hover { border-color: var(--marka-uzeri); color: var(--marka-uzeri); }
.sm-ust__sag .sm-tema-dugme b { color: var(--marka-uzeri); }
/* Başlıkta "Tema:" yazısı yok (17 Ekim 2026): simge ve seçim yeter, tam adı aria-label'da. Mobil menüdeki düğmede yazı durur */
.sm-ust__sag .sm-tema-dugme__on { display: none; }
.sm-ust__menu { display: none; place-items: center; width: var(--dokunma-min); height: var(--dokunma-min); padding: 0; border: 1px solid var(--marka-cizgi); border-radius: var(--kose-m); background: transparent; color: var(--marka-uzeri); cursor: pointer; }
/* Dil seçici (sağ üst): açılır menü. Düğme hap biçiminde, bulunulan dilin kısa adı ve ok; liste başlığın altında sağa hizalı
 * açık zeminli panel, her dil kendi adıyla (etkin dil kalın ve işaretli). Dil sayısı arttıkça başlık genişlemez */
.sm-dil { position: relative; flex: none; }
.sm-dil__dugme { display: inline-flex; align-items: center; gap: 7px; box-sizing: border-box; min-height: 34px; padding: 0 11px 0 12px; border: 1px solid var(--marka-cizgi); border-radius: var(--kose-hap); color: var(--marka-uzeri); font: 600 12.5px/1 var(--font-yazi); letter-spacing: 0.04em; white-space: nowrap; list-style: none; cursor: pointer; user-select: none; }
.sm-dil__dugme::-webkit-details-marker { display: none; }
.sm-dil__dugme::after { content: ''; width: 5px; height: 5px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
.sm-dil__acilir[open] > .sm-dil__dugme { background: color-mix(in srgb, var(--marka-uzeri) 12%, transparent); }
.sm-dil__acilir[open] > .sm-dil__dugme::after { margin-top: 3px; transform: rotate(-135deg); }
.sm-dil__dugme:hover { background: color-mix(in srgb, var(--marka-uzeri) 12%, transparent); }
.sm-dil__liste { position: absolute; top: calc(100% + 6px); right: 0; z-index: 50; box-sizing: border-box; min-width: 188px; margin: 0; padding: 6px 0; list-style: none; background: var(--yuzey); color: var(--metin); border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-m); box-shadow: 0 10px 28px rgb(0 0 0 / 0.22); --odak: var(--metin); }
.sm-dil__oge { display: flex; align-items: center; gap: 12px; min-height: var(--dokunma-min); padding: 0 16px; color: var(--metin); font: 500 15px/1.2 var(--font-yazi); text-decoration: none; white-space: nowrap; }
.sm-dil__kisa { min-width: 22px; color: var(--metin-ikincil); font: 600 12px/1 var(--font-yazi); letter-spacing: 0.04em; }
a.sm-dil__oge:hover { background: var(--yuzey-ikincil); }
a.sm-dil__oge:focus-visible { outline-offset: -3px; }
.sm-dil__oge.is-aktif { font-weight: 700; }
.sm-dil__oge.is-aktif::after { content: ''; width: 5px; height: 10px; margin: -3px 2px 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); }
@media (max-width: 999px) { .sm-dil__dugme { min-height: 42px; } }
.sm-ust--kompakt .sm-dil__dugme { min-height: 42px; }
/* Dar telefonda (480 px altı) dil düğmesi 44 px. Seçim gecesi Canlı göstergesi varken zil gizlenir (bildirimler mobil
 * menüde); başlık 320 px'e kadar taşmaz */
@media (max-width: 479px) {
  .sm-ust__sag { gap: 8px; }
  .sm-dil__dugme { min-height: var(--dokunma-min); padding: 0 10px; border-radius: var(--kose-m); }
  .sm-ust--canli .sm-ust__bildirim { display: none; }
}
.sm-mobil-menu { border-top: 1px solid var(--cizgi); background: var(--yuzey); color: var(--metin); --odak: var(--metin); }
.sm-mobil-menu ul { list-style: none; margin: 0; padding: 4px var(--sm-kenar) 0; }
.sm-mobil-menu li a { display: flex; align-items: center; min-height: 48px; border-bottom: 1px solid var(--cizgi); color: var(--metin); text-decoration: none; font-size: 17px; font-weight: 500; }
.sm-mobil-menu li a[aria-current="page"] { font-weight: 700; }
.sm-mobil-menu__alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px var(--sm-kenar) 16px; font-size: 15px; }
.sm-mobil-menu__alt .sm-tema-dugme { min-height: 44px; }
.sm-mobil-menu__alt a { color: var(--metin); }
@media (max-width: 999px) {
  .sm-ust__nav, .sm-ust__sag .sm-tema-dugme { display: none; }
  .sm-ust__bildirim span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sm-ust__bildirim { width: var(--dokunma-min); height: var(--dokunma-min); justify-content: center; padding: 0; }
  .sm-ust__menu { display: grid; }
  .sm-ust__ic { min-height: 56px; gap: var(--bosluk-3); }
  .sm-ust .sm-logo__yazi { font-size: 17.5px; }
}
@media (min-width: 1000px) { .sm-ust:not(.sm-ust--kompakt) .sm-mobil-menu { display: none !important; } }
/* 1000–1279 px: sıkı gezinme (sekiz bölüm, "US Midterm 2026" ve dil seçici sığsın diye); zil ve tema düğmesi yalnızca simge
 * (adları ekran okuyucuda ve aria-label'da kalır) */
@media (min-width: 1000px) and (max-width: 1279px) {
  .sm-ust__sag .sm-tema-dugme { width: 40px; justify-content: center; padding: 0; }
  .sm-ust__sag .sm-tema-dugme b { display: none; }
  .sm-dil__dugme { padding: 0 9px 0 10px; }
  .sm-ust__ic { gap: 12px; }
  .sm-ust__nav ul { gap: 0; }
  .sm-ust__baglanti { padding: 2px 6px 0; font-size: 14.5px; }
  .sm-ust__sag { gap: 8px; }
  .sm-ust__bildirim span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sm-ust__bildirim { width: var(--dokunma-min); height: var(--dokunma-min); justify-content: center; padding: 0; }
  .sm-ust .sm-logo__yazi { font-size: 17.5px; }
}
/* Seçim gecesinin sabit tema notu ("Seçim gecesi: gece teması") başlıkta gösterilmez: başlığın içi en fazla 1240 px ve Canlı
 * göstergesi, logo ve dil seçiciyle birlikte sığmıyor. Tema zaten sabit (düğme yok); not mobil menüde durur */
.sm-ust__sag .sm-ust__tema { display: none; }
/* Dar telefon: "US Midterm 2026" 520 px altında 16 px, 400 px altında 15 px; logo ile sağ grup arası 8 px.
 * 360 px altı (küçük telefon): logo yalnızca çetele işareti; adı bağlantının erişilebilir adında */
@media (max-width: 519px) { .sm-ust .sm-logo__yazi { font-size: 16px; } .sm-ust .sm-logo { gap: 7px; } .sm-ust__ic { gap: 8px; } }
@media (max-width: 399px) { .sm-ust .sm-logo__yazi { font-size: 15px; } }
@media (max-width: 359px) { .sm-ust .sm-logo__yazi { display: none; } }
.sm-ust--kompakt .sm-ust__nav, .sm-ust--kompakt .sm-ust__sag .sm-tema-dugme, .sm-ust--kompakt .sm-ust__sag .sm-ust__tema { display: none; }
.sm-ust--kompakt .sm-ust__bildirim span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sm-ust--kompakt .sm-ust__bildirim { width: var(--dokunma-min); height: var(--dokunma-min); justify-content: center; padding: 0; }
.sm-ust--kompakt .sm-ust__menu { display: grid; }
.sm-ust--kompakt .sm-ust__ic { min-height: 56px; gap: var(--bosluk-3); }
.sm-ust--kompakt .sm-logo__yazi { font-size: 17.5px; }

/* ---------- Site alt bilgisi ---------- */
/* Alt bilgi: başlığın aynası. Yıldızlı palet: marka zemin; üstünde 2 px beyaz (rim-renk), onun da üstünde 2 px marka çizgi;
   en üstte ortalanmış 13 yıldızlık sıra (yildiz) */
.sm-alt { margin-top: var(--bosluk-8); padding: 22px 0 36px; background: var(--marka); color: var(--marka-uzeri); border-top: 2px solid var(--rim-renk); box-shadow: 0 -2px 0 var(--marka); --odak: var(--marka-uzeri); }
.sm-alt::before { content: ''; display: block; width: calc(13 * 22px); height: 12px; margin: 0 auto 22px; background: var(--yildiz);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12'%3E%3Cpath d='M11,0.6L12.3,4.61L16.52,4.61L13.11,7.08L14.41,11.09L11,8.62L7.59,11.09L8.89,7.08L5.48,4.61L9.7,4.61Z'/%3E%3C/svg%3E") 0 0 / 22px 12px repeat-x;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12'%3E%3Cpath d='M11,0.6L12.3,4.61L16.52,4.61L13.11,7.08L14.41,11.09L11,8.62L7.59,11.09L8.89,7.08L5.48,4.61L9.7,4.61Z'/%3E%3C/svg%3E") 0 0 / 22px 12px repeat-x; }
.sm-alt__ic { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px 40px; align-items: start; box-sizing: border-box; max-width: var(--sayfa-genislik); margin: 0 auto; padding: 0 var(--sm-kenar); }
.sm-alt__logo { color: var(--marka-uzeri); text-decoration: none; display: inline-flex; }
/* Logo ve altında o dilin kısa adresi (usmidterm2026.com, usmidterm2026.com/tr): bağlantı değil, logo zaten ana sayfaya gider */
.sm-alt__kimlik { display: grid; justify-items: start; gap: 8px; }
.sm-alt__adres { font-size: 13px; line-height: 1.3; letter-spacing: 0.01em; color: var(--marka-ikincil); }
.sm-alt__nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px 20px; font-size: 14px; }
.sm-alt__nav a, .sm-alt__dugme { color: var(--marka-uzeri); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sm-alt__dugme { padding: 0; border: 0; background: none; font: inherit; cursor: pointer; }
.sm-alt__not { grid-column: 1 / -1; margin: 0; max-width: 760px; font-size: 13px; line-height: 1.5; color: var(--marka-ikincil); }
@media (max-width: 759px) { .sm-alt__ic { grid-template-columns: 1fr; } .sm-alt__nav { justify-content: flex-start; } }

/* ---------- Haritalar ---------- */
.sm-harita { margin: 0; container-type: inline-size; }
.sm-harita svg { display: block; width: 100%; height: auto; overflow: visible; }
.sm-harita__eyalet { stroke: var(--yuzey); stroke-width: 1; stroke-linejoin: round; transition: opacity .15s; }
.sm-harita__sinir { fill: none; stroke: var(--yuzey); stroke-width: 1; pointer-events: none; }
.sm-harita--yok { fill: var(--harita-yok); }
.sm-harita--var { fill: var(--harita-var); }
.sm-harita--D { fill: var(--demokrat); }
.sm-harita--R { fill: var(--cumhuriyetci); }
.sm-harita--d-hafif { fill: var(--d-hafif); }
.sm-harita--d-egilimli { fill: var(--d-egilimli); }
.sm-harita--d-muhtemel { fill: var(--d-muhtemel); }
.sm-harita--r-hafif { fill: var(--r-hafif); }
.sm-harita--r-egilimli { fill: var(--r-egilimli); }
.sm-harita--r-muhtemel { fill: var(--r-muhtemel); }
.sm-desen__zemin { fill: var(--yuzey); }
.sm-desen__cizgi { fill: var(--belirsiz); }
.sm-desen__bagimsiz { fill: var(--bagimsiz); }
.sm-desen__nokta { fill: var(--bagimsiz-uzeri); }
.sm-harita a:hover .sm-harita__eyalet, .sm-harita__eyalet[role="button"]:hover, .sm-harita__eyalet.is-secili { stroke: var(--metin); stroke-width: 2; paint-order: stroke; }
.sm-harita__eyalet[role="button"] { cursor: pointer; }
.sm-harita__eyalet[role="button"]:focus-visible { outline: none; stroke: var(--odak); stroke-width: 3; }
.sm-harita__etiket { font: 600 12px/1 var(--font-yazi); text-anchor: middle; fill: var(--metin); paint-order: stroke; stroke: var(--yuzey); stroke-width: 3px; stroke-linejoin: round; pointer-events: none; }
.sm-harita__etiket--D { fill: var(--demokrat-uzeri); stroke: var(--demokrat); }
.sm-harita__etiket--R { fill: var(--cumhuriyetci-uzeri); stroke: var(--cumhuriyetci); }
.sm-harita__etiket--B { fill: var(--bagimsiz-uzeri); stroke: var(--bagimsiz); }
.sm-harita__etiket--d-hafif, .sm-harita__etiket--d-egilimli, .sm-harita__etiket--d-muhtemel { stroke: transparent; }
.sm-harita__etiket--r-hafif, .sm-harita__etiket--r-egilimli, .sm-harita__etiket--r-muhtemel, .sm-harita__etiket--var, .sm-harita__etiket--yok { stroke: transparent; }
.sm-harita__etiket--yok { fill: var(--metin-ikincil); font-weight: 500; }
.sm-harita__cip .sm-harita__eyalet { stroke: var(--yuzey); }
.sm-harita__kilavuz { stroke: var(--metin-ikincil); stroke-width: 0.75; }
.sm-harita__lejant { margin-top: var(--bosluk-3); }
.sm-harita__surum { margin-top: var(--bosluk-2); }
@container (max-width: 560px) { .sm-harita__etiketler, .sm-harita__etiket { display: none; } .sm-bolge-haritasi .sm-harita__etiket { display: inline; } }
.sm-kare--yok { background: var(--harita-yok); }
.sm-kare--var { background: var(--harita-var); }
.sm-kare--belirsiz { background-color: var(--yuzey); background-image: repeating-linear-gradient(135deg, var(--belirsiz) 0 1.5px, transparent 1.5px 3.5px); box-shadow: inset 0 0 0 1px var(--belirsiz-cizgi); }
.sm-kare--D { background-color: var(--demokrat); color: var(--demokrat-uzeri); }
.sm-kare--R { background-color: var(--cumhuriyetci); color: var(--cumhuriyetci-uzeri); }
.sm-kare--B { background-color: var(--bagimsiz); color: var(--bagimsiz-uzeri); }
.sm-kare--d-hafif { background: var(--d-hafif); } .sm-kare--d-egilimli { background: var(--d-egilimli); } .sm-kare--d-muhtemel { background: var(--d-muhtemel); }
.sm-kare--r-hafif { background: var(--r-hafif); } .sm-kare--r-egilimli { background: var(--r-egilimli); } .sm-kare--r-muhtemel { background: var(--r-muhtemel); }
.sm-lejant__kare.sm-kare--yok { box-shadow: inset 0 0 0 1px var(--cizgi-guclu); }
.sm-lejant__kare.sm-kare--belirsiz { background-image: repeating-linear-gradient(135deg, var(--belirsiz) 0 1.5px, transparent 1.5px 3.5px); }

.sm-izgara { margin: 0; }
.sm-izgara__alan { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(8, auto); gap: 3px; }
.sm-izgara__kare { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; aspect-ratio: 1 / 1; border-radius: var(--kose-s); color: var(--metin); text-decoration: none; min-width: 0; }
.sm-izgara__kod { font: 600 12px/1 var(--font-yazi); }
.sm-izgara__sayi { font-size: 19px; font-weight: 700; line-height: 1; }
.sm-izgara__kare.sm-kare--yok .sm-izgara__kod { color: var(--metin-ikincil); font-weight: 500; }
.sm-izgara__kare.sm-kare--belirsiz .sm-izgara__kod, .sm-izgara__kare.sm-kare--belirsiz .sm-izgara__sayi { background: var(--yuzey); padding: 1px 3px; border-radius: 2px; }
a.sm-izgara__kare:hover { box-shadow: inset 0 0 0 2px var(--metin); }
@media (max-width: 640px) { .sm-izgara__kod { font-size: 9.5px; } .sm-izgara__sayi { font-size: 14px; } .sm-izgara__alan { gap: 2px; } }

.sm-bolge-haritasi__kap { position: relative; }
.sm-bolge-haritasi svg path { vector-effect: non-scaling-stroke; }
.sm-bolge-haritasi .sm-harita__etiket { font-size: 1em; stroke-width: 0.25em; }
.sm-bolge-haritasi .sm-harita__etiket.is-vurgulu { font-size: 1.2em; }
.sm-harita__dis { fill: none; stroke: var(--metin-ikincil); stroke-width: 1.2; }
.sm-harita__vurgu { fill: none; stroke: var(--metin); stroke-width: 3; stroke-linejoin: round; }
.sm-harita__etiket.is-vurgulu { font-weight: 700; font-size: 14px; }
.sm-bolge-haritasi__bos { position: absolute; inset: 0; display: grid; place-items: center; margin: 0; pointer-events: none; }
.sm-bolge-haritasi__bos b { padding: 7px 11px; background: var(--yuzey); border: 1px solid var(--belirsiz-cizgi); border-radius: var(--kose-s); font-size: 14px; }

/* ---------- Tahmin oyunu ---------- */
.sm-tahmin { display: grid; gap: var(--bosluk-5); }
.sm-tahmin__ust { display: grid; gap: var(--bosluk-3); max-width: 760px; }
.sm-tahmin__sonuc { margin: 0; font-size: 17px; font-weight: 700; }
.sm-tahmin__govde { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr); gap: var(--bosluk-6); align-items: start; }
@media (max-width: 899px) { .sm-tahmin__govde { grid-template-columns: 1fr; } }
.sm-tahmin__ipucu { margin: var(--bosluk-2) 0 0; font-size: 13px; color: var(--metin-ikincil); }
.sm-tahmin__baslik { margin: 0 0 6px; font-size: 17px; }
.sm-tahmin__liste ul { margin: 0; padding: 0; list-style: none; }
.sm-tahmin__satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--cizgi); }
.sm-tahmin__ad { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; font-size: 15.5px; }
.sm-tahmin__mevcut { font-size: 12.5px; color: var(--metin-ikincil); }
.sm-tahmin__secici { display: inline-flex; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-m); overflow: hidden; }
.sm-tahmin__secenek { min-width: 44px; min-height: 40px; padding: 0 10px; border: 0; border-left: 1px solid var(--cizgi-guclu); background: var(--yuzey); color: var(--metin); font: 700 13px/1 var(--font-yazi); cursor: pointer; }
.sm-tahmin__secenek:first-child { border-left: 0; }
.sm-tahmin__secenek--belirsiz { font-weight: 500; font-size: 12px; color: var(--metin-ikincil); }
.sm-tahmin__secenek--D[aria-checked="true"] { background: var(--demokrat); color: var(--demokrat-uzeri); }
.sm-tahmin__secenek--R[aria-checked="true"] { background: var(--cumhuriyetci); color: var(--cumhuriyetci-uzeri); }
.sm-tahmin__secenek--B[aria-checked="true"] { background: var(--bagimsiz); color: var(--bagimsiz-uzeri); }
.sm-tahmin__secenek--belirsiz[aria-checked="true"] { background-color: var(--yuzey); background-image: repeating-linear-gradient(135deg, var(--belirsiz) 0 1.5px, transparent 1.5px 4px); color: var(--metin); font-weight: 700; }
.sm-tahmin__secenek--belirsiz[aria-checked="true"] span { padding: 2px 4px; border-radius: var(--kose-s); background: var(--yuzey); }
.sm-tahmin__ac { display: flex; width: 100%; align-items: baseline; gap: 8px; margin-top: 4px; padding: 12px 0; border: 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); background: none; color: var(--metin); font: 600 15px/1.2 var(--font-yazi); cursor: pointer; text-align: left; }
.sm-tahmin__ac::after { content: "+"; margin-left: auto; font-weight: 700; }
.sm-tahmin__ac[aria-expanded="true"]::after { content: "−"; }
.sm-tahmin__ac-not { font-weight: 400; font-size: 13px; color: var(--metin-ikincil); }
.sm-tahmin__satir--sik { padding: 6px 0; }
.sm-tahmin__eylem { display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--bosluk-4); }

/* ---------- Henüz belli değil ---------- */
.sm-belirsiz__baslik { display: flex; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.sm-belirsiz__baslik .sm-durum__kare { align-self: center; }
.sm-belirsiz__baslik h2 { margin: 0; font-size: 22px; line-height: 1.2; }
.sm-belirsiz__sayi { font-size: 26px; font-weight: 700; line-height: 1; }
.sm-belirsiz__ek { font-size: 13px; color: var(--metin-ikincil); }
.sm-belirsiz ul { margin: 0; padding: 0; list-style: none; container-type: inline-size; }
.sm-belirsiz__satir { display: grid; grid-template-columns: minmax(0, 1.3fr) auto minmax(90px, auto) minmax(130px, auto); align-items: center; gap: 4px 14px; padding: 10px 0; border-top: 1px solid var(--cizgi); }
.sm-belirsiz__ad { display: flex; flex-direction: column; min-width: 0; font-weight: 700; font-size: 15.5px; }
.sm-belirsiz__ad a { color: inherit; text-decoration: none; }
.sm-belirsiz__ad a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sm-belirsiz__kurul { font-weight: 400; font-size: 13px; color: var(--metin-ikincil); }
.sm-belirsiz__sayilan, .sm-belirsiz__onde { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--metin-ikincil); white-space: nowrap; }
.sm-belirsiz__sayilan b, .sm-belirsiz__onde b { font-size: 16px; font-weight: 600; color: var(--metin); }
.sm-belirsiz__not { grid-column: 1 / -1; font-size: 13px; line-height: 1.4; color: var(--metin-ikincil); }
@container (max-width: 600px) {
  .sm-belirsiz__satir { grid-template-columns: minmax(0, 1fr) auto; }
  .sm-belirsiz__sayilan { grid-column: 1; } .sm-belirsiz__onde { grid-column: 2; justify-self: end; }
}

/* ---------- Yedek mod (Kritik değil: amber yok) ---------- */
.sm-yedek { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 14px; border: 1px dashed var(--cizgi-guclu); border-radius: var(--kose-m); background: var(--yuzey-ikincil); }
.sm-yedek__etiket { padding: 4px 7px 3px; border: 1px solid var(--metin); border-radius: var(--kose-s); font-size: 12px; font-weight: 700; line-height: 1; }
.sm-yedek__metin { margin: 0; font-size: 15px; line-height: 1.45; }
.sm-yedek__metin .sm-num { font-size: 17px; }
.sm-yedek__not { color: var(--metin-ikincil); }
.sm-yedek--otomatik { border-style: solid; background: var(--yuzey); }

/* ---------- Sabah özeti ---------- */
.sm-sabah { display: grid; gap: var(--bosluk-4); padding: var(--bosluk-5); background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); }
.sm-sabah__ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 12px; }
.sm-sabah__marka { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; }
.sm-sabah__zaman { font-size: 13px; color: var(--metin-ikincil); }
.sm-sabah__zaman b { font-size: 16px; color: var(--metin); }
.sm-sabah__baslik { margin: 0; font-size: 28px; line-height: 1.1; letter-spacing: -0.01em; }
.sm-sabah__denge { display: grid; grid-template-columns: 1fr 1fr; gap: var(--bosluk-5); }
@media (max-width: 640px) { .sm-sabah__denge { grid-template-columns: 1fr; gap: var(--bosluk-4); } .sm-sabah { padding: var(--bosluk-4); } .sm-sabah__baslik { font-size: 24px; } }
.sm-mini__ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 10px; margin-bottom: 6px; }
.sm-mini__ad { font-size: 15px; font-weight: 700; }
.sm-mini__sayilar { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; color: var(--metin-ikincil); }
.sm-mini__sayilar b { font-size: 22px; font-weight: 700; color: var(--metin); }
.sm-mini__belirsiz { font-size: 18px; font-weight: 600; color: var(--metin); }
.sm-mini__ayrac { color: var(--metin-ikincil); }
.sm-mini__cubuk { position: relative; display: flex; gap: 2px; height: 14px; }
.sm-mini__esik { position: absolute; left: 50%; top: -4px; bottom: -4px; width: 2px; margin-left: -1px; background: var(--metin); }
.sm-sabah__maddeler { margin: 0; padding: 0; list-style: none; }
.sm-sabah__maddeler li { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; padding: 8px 0; border-top: 1px solid var(--cizgi); font-size: 15.5px; line-height: 1.45; }
.sm-sabah__maddeler time { font-size: 18px; font-weight: 600; line-height: 1.3; }
.sm-sabah__maddeler--12 li { grid-template-columns: 84px minmax(0, 1fr); }
.sm-sabah__maddeler--12 time { white-space: nowrap; }
.sm-sabah__alt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.sm-sabah__belirsiz { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--metin); }
.sm-sabah__belirsiz b { font-size: 18px; }

/* ---------- Kritiklik endeksi ---------- */
.sm-kritiklik { display: grid; gap: 8px; min-width: 0; }
.sm-kritiklik__ust { display: flex; align-items: baseline; gap: 8px; }
.sm-kritiklik__deger { font-size: 28px; font-weight: 700; line-height: 1; }
.sm-kritiklik__etiket { font-size: 13px; font-weight: 600; }
.sm-kritiklik__cubuk { position: relative; height: 8px; border-radius: 2px; background: var(--yuzey-ikincil); overflow: hidden; }
.sm-kritiklik__cubuk i { position: absolute; inset: 0 auto 0 0; background: var(--metin); border-radius: 0 2px 2px 0; }
.sm-kritiklik__ciz { position: absolute; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: var(--yuzey); }
.sm-kritiklik__bilesenler { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--metin-ikincil); }
.sm-kritiklik__bilesenler li { display: inline-flex; align-items: baseline; gap: 5px; }
.sm-kritiklik__dilsel { color: var(--metin); font-weight: 600; }
.sm-kritiklik__ham { font-family: var(--font-sayi); font-size: 14px; }
.sm-uyelik { margin: 0; }
.sm-uyelik__baslik { margin-bottom: 4px; font-size: 14px; font-weight: 600; }
.sm-uyelik svg { display: block; width: 100%; height: auto; max-width: 560px; overflow: visible; }
.sm-uyelik__eksen { stroke: var(--cizgi-guclu); stroke-width: 1; }
.sm-uyelik__izgara { stroke: var(--cizgi); stroke-width: 1; }
.sm-uyelik__kume { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.sm-uyelik__kume--0 { stroke: var(--metin-ikincil); }
.sm-uyelik__kume--1 { stroke: var(--metin); }
.sm-uyelik__kume--2 { stroke: var(--metin); stroke-dasharray: none; stroke-width: 3; }
.sm-uyelik__ad { font: 600 12px/1 var(--font-yazi); fill: var(--metin); }
.sm-uyelik__isaret { font: 600 13px/1 var(--font-sayi); fill: var(--metin-ikincil); }
.sm-uyelik__ornek { stroke: var(--metin); stroke-width: 1; }
.sm-uyelik__nokta { fill: var(--metin); stroke: var(--yuzey); stroke-width: 2; }
.sm-uyelik__not { margin: 4px 0 0; font-size: 13px; color: var(--metin-ikincil); }

/* ---------- Yarış sayfası blokları ---------- */
.sm-yaris-basligi__ad { margin: 0; font-size: 58px; line-height: 1.05; font-weight: 700; letter-spacing: -0.01em; }
@media (max-width: 640px) { .sm-yaris-basligi__ad { font-size: 32px; letter-spacing: -0.005em; } }
.sm-yaris-basligi__meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin-top: 16px; font-size: 14px; color: var(--metin-ikincil); }
.sm-yaris-basligi__meta .sm-num { font-size: 19px; font-weight: 600; color: var(--metin); }
.sm-adaylar { margin: 24px 0 0; padding: 0; list-style: none; border-top: 2px solid var(--metin); display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 24px; }
.sm-adaylar__oge { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.sm-adaylar__oge b { display: block; font-size: 20px; line-height: 1.25; }
.sm-adaylar__rol { font-size: 13.5px; color: var(--metin-ikincil); }
.sm-adaylar__oge.is-bos b { color: var(--metin-ikincil); font-weight: 600; }
.sm-anket__ortalama { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; padding-bottom: 12px; margin-bottom: 4px; }
.sm-anket__aday { display: inline-flex; align-items: center; gap: 8px; font-size: 15px; }
.sm-anket__aday b { font-size: 26px; font-weight: 700; }
.sm-anket__fark { font-size: 13px; color: var(--metin-ikincil); }
.sm-anket__fark b { font-size: 17px; color: var(--metin); }
.sm-anket__tablo td.sayi, .sm-anket__tablo th.sayi { text-align: right; }
.sm-anket__tablo td.sm-num { font-size: 15.5px; }
.sm-anket__not { margin: 8px 0 0; font-size: 12.5px; color: var(--metin-ikincil); }
.sm-finans { display: grid; gap: var(--bosluk-4); }
.sm-finans__ad { margin: 0 0 4px; font-size: 13px; font-weight: 600; color: var(--metin-ikincil); }
.sm-finans ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.sm-finans__satir { display: grid; grid-template-columns: minmax(110px, 0.8fr) minmax(0, 2fr); align-items: center; gap: 10px; }
.sm-finans__aday { display: inline-flex; align-items: center; gap: 6px; font-size: 14.5px; min-width: 0; }
.sm-finans__iz { display: flex; align-items: center; gap: 8px; min-width: 0; }
.sm-finans__iz i { display: block; height: 14px; border-radius: 0 4px 4px 0; min-width: 2px; }
.sm-finans__iz b { font-size: 16px; font-weight: 600; white-space: nowrap; }
.sm-gunluk { margin: 0; padding: 0; list-style: none; }
.sm-gunluk__satir { padding: 8px 0; border-top: 1px solid var(--cizgi); }
.sm-gunluk__satir:first-child { border-top: 0; }
.sm-gunluk__tarih { font-size: 17px; font-weight: 600; }
.sm-gunluk__degisim { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.sm-gunluk__ilk { font-size: 12.5px; color: var(--metin-ikincil); }
.sm-gunluk__kaynak { font-size: 12.5px; color: var(--metin-ikincil); text-align: right; }
.sm-gecmis__baslik { margin: 0 0 8px; font-size: 14px; color: var(--metin-ikincil); }
.sm-gecmis ul { margin: 0; padding: 0; list-style: none; }
.sm-gecmis__satir { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 4px 8px; align-items: center; padding: 6px 0; }
.sm-gecmis__ad { font-size: 15.5px; }
.sm-gecmis__satir b { font-size: 22px; font-weight: 600; }
.sm-gecmis__iz { grid-column: 2 / 4; height: 5px; background: var(--yuzey-ikincil); border-radius: 1px; overflow: hidden; }
.sm-gecmis__iz i { display: block; height: 100%; }
.sm-gecmis__kaynak { margin-top: 10px; }

/* ---------- SSS, iz yolu, süzgeç, boş durum, not, örnek ---------- */
.sm-sss { border-top: 1px solid var(--cizgi); }
.sm-sss__oge { border-bottom: 1px solid var(--cizgi); }
.sm-sss__oge summary { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; padding: 10px 0; list-style: none; cursor: pointer; font-size: 17px; font-weight: 600; line-height: 1.35; }
.sm-sss__oge summary::-webkit-details-marker { display: none; }
.sm-sss__isaret { position: relative; flex: none; width: 14px; height: 14px; }
.sm-sss__isaret::before, .sm-sss__isaret::after { content: ""; position: absolute; left: 0; right: 0; top: 6px; height: 2px; background: var(--metin); }
.sm-sss__isaret::after { transform: rotate(90deg); transition: transform .15s; }
.sm-sss__oge[open] .sm-sss__isaret::after { transform: rotate(0); }
.sm-sss__cevap { padding: 0 0 16px; max-width: var(--metin-genislik); font-size: 16px; line-height: 1.55; }
.sm-sss__cevap p { margin: 0 0 10px; }
@media (prefers-reduced-motion: reduce) { .sm-sss__isaret::after { transition: none; } }
.sm-iz ol { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 13px; color: var(--metin-ikincil); }
.sm-iz li + li::before { content: "›"; margin-right: 4px; }
.sm-iz a { color: var(--metin); }
.sm-suzgec { display: flex; flex-wrap: wrap; gap: 6px; }
.sm-suzgec button { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: var(--kose-s); background: transparent; color: var(--metin-ikincil); font: 600 12.5px/1 var(--font-yazi); cursor: pointer; }
.sm-suzgec button:hover { border-color: var(--cizgi-guclu); color: var(--metin); }
.sm-suzgec button[aria-pressed="true"] { background: var(--metin); border-color: var(--metin); color: var(--metin-ters); }
.sm-suzgec__sayi { font-size: 14px; font-weight: 600; }
.sm-bos__alan { display: grid; place-items: center; margin: 0 0 14px; border-radius: var(--kose-s); box-shadow: inset 0 0 0 1px var(--belirsiz-cizgi); text-align: center; }
.sm-bos__alan b { display: inline-block; padding: 6px 10px; background: var(--yuzey); font-size: 15px; border-radius: var(--kose-s); }
.sm-bos__metin { margin: 0 0 14px; font-size: 15.5px; line-height: 1.5; }
.sm-not { display: flex; gap: 10px; align-items: baseline; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: var(--kose-m); background: var(--yuzey); }
.sm-not__kare { flex: none; width: 8px; height: 8px; background: var(--metin); border-radius: 1px; transform: translateY(-1px); }
.sm-not p { margin: 0; font-size: 14.5px; line-height: 1.5; }
.sm-not + .sm-not { margin-top: 8px; }
.sm-not a, .sm-sss__cevap a, .sm-cerez a, .sm-izin a:not(.sm-dugme) { color: var(--metin); text-decoration-thickness: 1px; text-underline-offset: 2px; }
.sm-ornek { display: inline-flex; align-items: center; padding: 3px 6px; border: 1px dashed var(--cizgi-guclu); border-radius: var(--kose-s); font: 600 11.5px/1 var(--font-yazi); color: var(--metin-ikincil); white-space: nowrap; }

/* ---------- Bildirim izni ---------- */
.sm-izin { display: grid; gap: var(--bosluk-3); padding: calc(var(--bosluk-5) - 2px) var(--bosluk-5) var(--bosluk-5); background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); }
.sm-izin__baslik { margin: 0; font-size: 22px; line-height: 1.2; }
.sm-izin__vaat { margin: 0; padding: 0 0 0 18px; font-size: 15px; line-height: 1.55; }
.sm-izin__adimlar { margin: 0; padding: 0 0 0 20px; font-size: 15.5px; line-height: 1.7; }
.sm-izin__durum { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-weight: 600; }
.sm-izin__not { margin: 0; font-size: 15px; line-height: 1.5; }
.sm-izin__dugme { justify-self: start; }
.sm-izin__kanallar { display: grid; gap: 8px; padding-top: 12px; border-top: 1px solid var(--cizgi); font-size: 14px; color: var(--metin-ikincil); }
.sm-izin__baglanti { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 640px) { .sm-izin { padding: var(--bosluk-4); } .sm-izin__baslik { font-size: 17px; } }

/* ---------- Çerez bandı ---------- */
.sm-cerez { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--yuzey); border-top: 1px solid var(--cizgi-guclu); }
.sm-cerez[hidden] { display: none; }
.sm-cerez__ic { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "metin dugmeler" "ayarlar ayarlar"; gap: 10px 24px; align-items: center; box-sizing: border-box; max-width: var(--sayfa-genislik); margin: 0 auto; padding: 14px var(--sm-kenar); }
.sm-cerez__metin { grid-area: metin; margin: 0; font-size: 14px; line-height: 1.5; }
.sm-cerez__dugmeler { grid-area: dugmeler; display: flex; flex-wrap: wrap; gap: 8px; }
.sm-cerez__ayarlar { grid-area: ayarlar; display: grid; gap: 8px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.sm-cerez__ayarlar[hidden] { display: none; }
.sm-cerez__secenek { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.45; }
.sm-cerez__secenek input { width: 18px; height: 18px; margin: 1px 0 0; accent-color: var(--metin); }
@media (max-width: 759px) { .sm-cerez__ic { grid-template-columns: 1fr; grid-template-areas: "metin" "ayarlar" "dugmeler"; } .sm-cerez__dugmeler .sm-dugme { flex: 1; } }

/* ---------- Reklam alanı ---------- */
.sm-reklam { position: relative; display: grid; place-items: center; width: 100%; box-sizing: border-box; margin: 0 auto; background: var(--yuzey-ikincil); border: 1px solid var(--cizgi); border-radius: var(--kose-s); }
.sm-reklam__etiket { position: absolute; top: 6px; left: 8px; font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--metin-ikincil); }
.sm-reklam__boyut { font-size: 16px; color: var(--metin-ikincil); }

/* ---------- Paylaşım görseli ---------- */
.sm-paylasim { display: grid; grid-template-rows: auto 1fr auto; box-sizing: border-box; overflow: hidden; background: var(--zemin); color: var(--metin); box-shadow: inset 0 10px 0 var(--marka), inset 0 15px 0 var(--kirmizi); }
.sm-paylasim--1200x630 { width: 1200px; height: 630px; padding: 44px 56px 36px; }
.sm-paylasim--1080x1350 { width: 1080px; height: 1350px; padding: 64px 64px 56px; }
.sm-paylasim__ust { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.sm-paylasim .sm-logo__yazi { font-size: 30px; }
.sm-paylasim__kimlik { display: inline-flex; align-items: center; gap: 14px; min-width: 0; }
.sm-paylasim__adres { font-size: 22px; font-weight: 500; color: var(--metin-ikincil); white-space: nowrap; }
.sm-paylasim__konu { font-size: 24px; color: var(--metin-ikincil); font-weight: 500; }
.sm-paylasim__govde { display: flex; flex-direction: column; justify-content: center; min-height: 0; }
.sm-paylasim__alt { display: flex; justify-content: space-between; align-items: baseline; padding-top: 18px; border-top: 2px solid var(--metin); font-size: 22px; color: var(--metin-ikincil); }
.sm-paylasim__alt b { color: var(--metin); }
.sm-paylasim__saat b { font-size: 34px; }
.sm-paylasim__konu { display: inline-flex; align-items: center; gap: 14px; }
.sm-paylasim__ornek { font-size: 18px; padding: 6px 10px; }
/* Sabah özeti görsel sürümü: çerçeve (PaylasimCercevesi) markayı ve saati verir */
.sm-sabah--gorsel { padding: 0; border: 0; background: transparent; }
.sm-sabah--gorsel .sm-sabah__ust { display: none; }

/* =====================================================================
   Yeni bileşenler (Ekim 2026): Haber akışı ve olasılıklar
   KaynakIsareti, YzEtiketi, EtiketCipi, HaberKarti, TweetKarti, AkisSuzgeci, AkisDurumu,
   ModellerTablosu, YarisOlasiligi, ReytingDegisimi.
   Haber akışı Son dakika'dan ayrı görünür: seviye etiketi ve amber yok; sakin satır, küçük kaynak işareti.
   ===================================================================== */

/* hidden özniteliği bileşen stillerinin display değerini her zaman yener (yedek bandı, gömme yer tutucusu, süzgeç temizleme) */
[hidden] { display: none !important; }

/* ---------- KaynakIsareti: ad her zaman metin, 16 px işaret isteğe bağlı ---------- */
.sm-kaynak-isareti { display: inline-flex; align-items: center; gap: 6px; min-width: 0; font-size: 13px; font-weight: 600; line-height: 1.3; color: var(--metin); text-decoration: none; }
.sm-kaynak-isareti__isaret { flex: none; display: block; width: 16px; height: 16px; border-radius: 2px; object-fit: contain; }
.sm-kaynak-isareti__ad { overflow-wrap: anywhere; }
a.sm-kaynak-isareti .sm-kaynak-isareti__ad { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; }

/* ---------- YzEtiketi: "YZ özeti" (· denetlendi); amber değil, Örnek etiketinden düz kenarıyla ayrılır ---------- */
.sm-yz { display: inline-flex; align-items: center; gap: 4px; padding: 3px 6px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-s); font: 600 11.5px/1 var(--font-yazi); color: var(--metin-ikincil); white-space: nowrap; cursor: help; }
.sm-yz--denetlendi { color: var(--metin); }

/* ---------- EtiketCipi: nötr; parti etiketinde yalnızca harf renkli ---------- */
.sm-etiket { position: relative; display: inline-flex; align-items: center; gap: 6px; box-sizing: border-box; min-height: 30px; padding: 0 9px; border: 1px solid var(--cizgi); border-radius: var(--kose-s); background: var(--yuzey); color: var(--metin); font-size: 13.5px; font-weight: 500; line-height: 1.2; text-decoration: none; white-space: nowrap; }
.sm-etiket__tur { font-size: 11.5px; font-weight: 600; color: var(--metin-ikincil); }
.sm-etiket--hashtag { min-height: 28px; padding: 0 8px; font-weight: 600; font-size: 13px; }
.sm-etiket--parti { padding-left: 5px; }
a.sm-etiket:hover { border-color: var(--cizgi-guclu); }
a.sm-etiket:hover .sm-etiket__ad { text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 640px) { a.sm-etiket::after { content: ""; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px; } } /* dokunma hedefi 44 px */

/* ---------- HaberKarti ve TweetKarti: kart değil satır; görsel yok ---------- */
.sm-haber { padding: var(--bosluk-3) 0 var(--bosluk-4); border-top: 1px solid var(--cizgi); }
.sm-haber__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 22px; font-size: 13px; line-height: 1.3; color: var(--metin-ikincil); }
.sm-haber__ayrac { color: var(--metin-ikincil); }
.sm-haber__zaman { white-space: nowrap; } /* esnek kutu değil: saat ile TSİ arasındaki boşluk korunur */
.sm-haber__tarih { font-size: 13px; }
.sm-haber__saat { font-size: 16px; font-weight: 600; color: var(--metin); }
.sm-haber__tsi { font-size: 11.5px; letter-spacing: 0.03em; }
.sm-haber__isaretler { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.sm-haber__baslik { margin: 8px 0 0; font-size: 17px; line-height: 1.35; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.sm-haber__ozet { margin: 5px 0 0; font-size: 15px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }
.sm-haber s { color: var(--metin-ikincil); text-decoration-thickness: 1.5px; }
.sm-haber__duzeltme { margin: 8px 0 0; font-size: 15px; line-height: 1.45; }
.sm-haber__alt { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 10px; }
.sm-haber__alt:empty { display: none; }
.sm-haber__etiketler { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.sm-haber__asil { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; margin-left: auto; font-size: 14px; font-weight: 500; color: var(--metin); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sm-haber__asil b { font-weight: 700; }
.sm-haber__diger { margin: 4px 0 0; font-size: 13px; line-height: 1.45; color: var(--metin-ikincil); }
.sm-haber__diger a { color: var(--metin); text-underline-offset: 2px; }
.sm-haber--sik { padding: 10px 0 12px; }
.sm-haber--sik .sm-haber__baslik { margin-top: 6px; font-size: 15.5px; }
.sm-haber--sik .sm-haber__alt { margin-top: 4px; }
.sm-haber--sik .sm-haber__asil { min-height: 28px; font-size: 13px; }
@media (max-width: 640px) {
  .sm-haber__baslik { font-size: 16px; }
  .sm-haber__asil { min-height: 44px; }
  .sm-haber--sik .sm-haber__asil { min-height: 44px; }
}
.sm-tweet__hesap { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 7px; min-width: 0; }
.sm-tweet__ad { font-size: 13.5px; font-weight: 700; color: var(--metin); }
.sm-tweet__kullanici { font-size: 13px; color: var(--metin-ikincil); overflow-wrap: anywhere; }
.sm-tweet__tur { padding: 3px 6px; border-radius: var(--kose-s); background: var(--yuzey-ikincil); font-size: 11.5px; font-weight: 600; line-height: 1; color: var(--metin); }
/* Başlıksız tweet (08 Y77): editörün özeti başlık satırında; daha uzun olabildiği için 3 satır ve normal ağırlık */
.sm-tweet--ozetli .sm-haber__baslik { font-size: 16px; font-weight: 500; -webkit-line-clamp: 3; line-clamp: 3; }
.sm-haber--sik.sm-tweet--ozetli .sm-haber__baslik { font-size: 15px; }
.sm-gomme { margin-top: 10px; }
.sm-gomme__eylem { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.sm-gomme__x { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; font-size: 14px; font-weight: 500; color: var(--metin); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.sm-gomme__not { margin: 6px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--metin-ikincil); }
.sm-gomme__yer { margin-top: 10px; padding: 14px 16px; border: 1px dashed var(--cizgi-guclu); border-radius: var(--kose-m); background: var(--yuzey-ikincil); font-size: 14px; line-height: 1.5; }
.sm-gomme__yer p { margin: 0; }
.sm-gomme__yer p + p { margin-top: 6px; font-size: 12.5px; color: var(--metin-ikincil); }
.sm-gomme.is-acik .sm-gomme__dugme, .sm-gomme.is-acik .sm-gomme__not { display: none; }
/* Gerçek X gömmesi (canlı akış, 08 Y77): yer tutucunun çerçevesi kalkar; not gönderi görünene dek durur */
.sm-gomme__yer--x { padding: 0; border: 0; background: none; }
.sm-gomme__yer--x .sm-gomme__durum { margin: 0 0 8px; font-size: 13.5px; color: var(--metin-ikincil); }

/* ---------- AkisSuzgeci: tür, etiket, kaynak; seçim adrese yazılır ---------- */
.sm-akis-suzgec { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0; padding: 12px 0 14px; border-top: 2px solid var(--metin); border-bottom: 1px solid var(--cizgi); }
.sm-akis-suzgec__satir { display: flex; align-items: center; gap: 8px 12px; min-width: 0; }
.sm-akis-suzgec__ad { flex: none; width: 52px; font-size: 12.5px; font-weight: 600; color: var(--metin-ikincil); }
.sm-akis-suzgec__dugmeler, .sm-akis-suzgec__kayan { display: flex; gap: 6px; min-width: 0; }
.sm-akis-suzgec__dugmeler { flex-wrap: wrap; }
.sm-akis-suzgec__kayan { position: relative; /* gizli metin kaydırma alanının dışına taşmasın */ flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding: 2px 2px 4px 2px; margin: -2px -2px -4px -2px; }
.sm-akis-suzgec__grup { flex: none; align-self: center; padding: 0 2px 0 8px; font-size: 11.5px; font-weight: 600; color: var(--metin-ikincil); white-space: nowrap; }
.sm-akis-suzgec__grup:first-child { padding-left: 0; }
.sm-akis-suzgec button[aria-pressed] { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: var(--kose-s); background: transparent; color: var(--metin-ikincil); font: 600 12.5px/1 var(--font-yazi); white-space: nowrap; cursor: pointer; }
.sm-akis-suzgec button[aria-pressed]:hover { border-color: var(--cizgi-guclu); color: var(--metin); }
.sm-akis-suzgec button[aria-pressed="true"] { background: var(--metin); border-color: var(--metin); color: var(--metin-ters); }
.sm-akis-suzgec__kaynak { width: auto; min-width: 0; max-width: 280px; min-height: 36px; font-size: 14px; }
.sm-akis-suzgec__temizle { min-height: 36px; font-size: 13.5px; }
/* Dar kapta (telefon ya da 560 px'ten dar sütun) etiket satırı alt alta, hedefler 44 px: kap sorgusu, önizlemede de doğru */
.sm-akis-suzgec-kap { container-type: inline-size; }
@container (max-width: 560px) {
  .sm-akis-suzgec__satir { flex-wrap: wrap; }
  .sm-akis-suzgec__ad { width: 100%; }
  .sm-akis-suzgec__kayan { width: 100%; }
  .sm-akis-suzgec button[aria-pressed], .sm-akis-suzgec__kaynak, .sm-akis-suzgec__temizle { min-height: var(--dokunma-min); }
  .sm-akis-suzgec__kaynak { flex: 1; max-width: none; }
}

/* ---------- AkisDurumu: son güncelleme; normal ya da gecikmeli (data-durum) ---------- */
.sm-canli--gecikmeli { background: transparent; color: var(--metin); box-shadow: inset 0 0 0 1px var(--cizgi-guclu); }
.sm-canli--gecikmeli .sm-canli__nokta { background: var(--metin-ikincil); animation: none; }
.sm-akis-durumu { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 0; font-size: 13px; line-height: 1.3; color: var(--metin-ikincil); }
.sm-akis-durumu .sm-num { font-size: 15px; font-weight: 600; color: var(--metin); }
.sm-akis-durumu__nokta { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--metin-ikincil); }
.sm-akis-durumu__etiket { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px 0 9px; border-radius: var(--kose-hap); box-shadow: inset 0 0 0 1px var(--cizgi-guclu); font: 700 12.5px/1 var(--font-yazi); color: var(--metin); white-space: nowrap; }
.sm-akis-durumu__etiket .sm-akis-durumu__nokta { width: 7px; height: 7px; background: transparent; box-shadow: inset 0 0 0 1.5px var(--metin-ikincil); }
.sm-akis-durumu__gecikmeli { display: none; }
.sm-akis-durumu[data-durum="gecikmeli"] .sm-akis-durumu__normal { display: none; }
.sm-akis-durumu[data-durum="gecikmeli"] .sm-akis-durumu__gecikmeli { display: inline-flex; align-items: center; gap: 6px; }
.sm-akis-durumu__metin { display: inline; }
.sm-akis-durumu__metin .sm-akis-durumu__normal, .sm-akis-durumu__metin .sm-akis-durumu__gecikmeli { display: inline; }
.sm-akis-durumu[data-durum="gecikmeli"] .sm-akis-durumu__metin .sm-akis-durumu__normal { display: none; }
.sm-akis-durumu:not([data-durum="gecikmeli"]) .sm-akis-durumu__metin .sm-akis-durumu__gecikmeli { display: none; }

/* ---------- ModellerTablosu: model başına satır; ortalama yok; 14 günden eski satır soluk ---------- */
.sm-modeller { margin: 0; min-width: 0; }
.sm-modeller__uyari { margin: 0 0 10px; font-size: 14px; font-weight: 600; }
.sm-modeller__tablo th[scope="row"] { padding: 9px 12px 9px 0; border-bottom: 1px solid var(--cizgi); font-size: 15px; font-weight: 600; color: var(--metin); text-align: left; vertical-align: middle; }
.sm-modeller__tablo td { padding-right: 12px; }
.sm-modeller__ad { margin-right: 8px; }
.sm-olasilik { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.sm-olasilik .sm-num { font-size: 20px; font-weight: 600; line-height: 1; }
.sm-modeller__yok { color: var(--metin-ikincil); }
.sm-modeller__tarih time { font-size: 15px; font-weight: 600; white-space: nowrap; }
.sm-modeller__eski { display: block; margin-top: 2px; font-size: 12px; color: var(--metin-ikincil); }
.sm-modeller__kaynak a { color: var(--metin); text-underline-offset: 2px; }
.sm-modeller__satir.is-eski th[scope="row"], .sm-modeller__satir.is-eski td, .sm-modeller__satir.is-eski .sm-num { color: var(--metin-ikincil); }
.sm-modeller__not { margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--metin-ikincil); }
.sm-modeller__not a { color: var(--metin); text-underline-offset: 2px; }
/* Dar kapta her model iki sütunlu blok: kap sorgusu (telefon, dar sütun ve önizleme aynı) */
.sm-modeller { container-type: inline-size; }
@container (max-width: 560px) {
  .sm-modeller__tablo, .sm-modeller__tablo tbody { display: block; }
  .sm-modeller__tablo thead { display: none; }
  .sm-modeller__tablo tr { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); }
  .sm-modeller__tablo th[scope="row"] { grid-column: 1 / -1; padding: 0; border: 0; }
  .sm-modeller__tablo td { padding: 0; border: 0; }
  .sm-modeller__tablo td[data-baslik]::before { content: attr(data-baslik); display: block; margin-bottom: 3px; font-size: 12px; font-weight: 600; color: var(--metin-ikincil); }
  .sm-modeller__tablo td.sm-modeller__tarih, .sm-modeller__tablo td.sm-modeller__kaynak { font-size: 13px; }
}

/* ---------- YarisOlasiligi: yarış sayfasında olasılık satırı; veri yoksa çizilmez ---------- */
.sm-yaris-olasiligi { display: grid; gap: 8px; margin-top: var(--bosluk-4); padding: 12px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.sm-yaris-olasiligi__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 0; font-size: 13px; color: var(--metin-ikincil); }
.sm-yaris-olasiligi__ust b { font-size: 14px; color: var(--metin); }
.sm-yaris-olasiligi__liste { display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 0; padding: 0; list-style: none; }
.sm-yaris-olasiligi__liste li { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 14px; }
.sm-yaris-olasiligi__model a { color: var(--metin); text-underline-offset: 2px; }
.sm-yaris-olasiligi__tarih { font-size: 12.5px; color: var(--metin-ikincil); }
.sm-yaris-olasiligi__liste li.is-eski { color: var(--metin-ikincil); }
.sm-yaris-olasiligi__liste li.is-eski .sm-num { color: var(--metin-ikincil); }
.sm-yaris-olasiligi__yontem { justify-self: start; font-size: 13px; color: var(--metin); text-underline-offset: 2px; }

/* ---------- ReytingDegisimi: "Cook · 15 Eyl · Eğilimli D → Başa baş" ---------- */
.sm-reyting-degisimi { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; margin: 0; font-size: 13.5px; line-height: 1.3; color: var(--metin-ikincil); }
.sm-reyting-degisimi__kurum { font-weight: 600; color: var(--metin); }
a.sm-reyting-degisimi__kurum { text-underline-offset: 2px; }
.sm-reyting-degisimi__tarih { font-size: 15.5px; font-weight: 600; color: var(--metin); }
.sm-reyting-degisimi__ok { display: inline-flex; color: var(--metin); }
.sm-reyting-degisimi__ilk { font-size: 12.5px; }

/* =====================================================================
   İngilizce sürüm (Ekim 2026; 17 Ekim'den beri usmidterm2026.com kökünde): GeriSayim ve PiyasaOranlari
   Geri sayım lacivert ince şerit (kirmizi-zemin, bu palette marka), altında lacivert başlık (amber yok: amber yalnızca Kritik). Piyasa şeridi sağlayıcının resmî gömmesini taşır;
   gömme yüklenene kadar ya da önizlemede (?pm=yer) taralı yer tutucu görünür. Parti rengi kullanılmaz.
   ===================================================================== */
.sm-geri-sayim { background: var(--kirmizi-zemin); color: var(--marka-uzeri); --odak: var(--marka-uzeri); }
.sm-geri-sayim__ic { box-sizing: border-box; max-width: var(--sayfa-genislik); margin: 0 auto; padding: 8px var(--sm-kenar, 24px); }
.sm-geri-sayim__once, .sm-geri-sayim__sonra { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; margin: 0; font: 500 14px/1.35 var(--font-yazi); }
.sm-geri-sayim__etiket { font-weight: 600; letter-spacing: 0.01em; }
.sm-geri-sayim__kalan { display: inline-flex; align-items: baseline; gap: 4px; white-space: nowrap; }
.sm-geri-sayim__kalan .sm-num { font-size: 22px; font-weight: 700; line-height: 1; }
.sm-geri-sayim__birim { margin-right: 6px; font-size: 13px; font-weight: 500; opacity: .85; }
.sm-geri-sayim__birim:last-child { margin-right: 0; }
.sm-geri-sayim__hedef { opacity: .85; }
.sm-geri-sayim__baglanti { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; color: inherit; font-weight: 600; text-underline-offset: 3px; }
@media (max-width: 640px) {
  .sm-geri-sayim__ic { padding-top: 7px; padding-bottom: 8px; }
  .sm-geri-sayim__once, .sm-geri-sayim__sonra { font-size: 13px; column-gap: 10px; }
  .sm-geri-sayim__etiket { flex-basis: 100%; }
  .sm-geri-sayim__kalan .sm-num { font-size: 20px; }
  .sm-geri-sayim__baglanti { margin-left: 0; min-height: 24px; }
}

.sm-piyasa { display: grid; gap: 10px; }
.sm-piyasa__ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.sm-piyasa__baslik { margin: 0; font-size: 17px; line-height: 1.25; }
.sm-piyasa__kaynak { font-size: 14px; font-weight: 600; }
.sm-piyasa__canli { font-size: 12.5px; color: var(--metin-ikincil); }
.sm-piyasa__liste { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px 16px; margin: 0; padding: 0; list-style: none; }
.sm-piyasa__pazar { display: grid; gap: 6px; min-width: 0; }
.sm-piyasa__ad { margin: 0; font-size: 13px; font-weight: 600; color: var(--metin-ikincil); }
.sm-piyasa__cerceve { position: relative; overflow: hidden; border: 1px solid var(--cizgi); border-radius: var(--kose-m); background: var(--yuzey); }
.sm-piyasa__yer { position: absolute; inset: 0; display: grid; place-content: center; gap: 4px; padding: 12px; text-align: center; font-size: 13.5px; line-height: 1.4; color: var(--metin-ikincil); background-image: repeating-linear-gradient(135deg, transparent 0 7px, var(--yuzey-ikincil) 7px 9px); }
.sm-piyasa__yer b { font-size: 15px; color: var(--metin); }
.sm-piyasa__gomme { position: relative; z-index: 1; display: block; width: 100%; border: 0; }
.sm-piyasa__ust-baglanti { position: absolute; top: 16px; right: 20px; z-index: 2; width: 120px; height: 24px; }
.sm-piyasa__not { margin: 0; max-width: var(--metin-genislik); font-size: 12.5px; line-height: 1.45; color: var(--metin-ikincil); }
.sm-piyasa__not a { color: var(--metin); text-underline-offset: 2px; }

/* ---------- Seçim gecesi panosu (İP-7.5, 08 Y63): veri türü etiketi, kontrol satırı, anket işaretleri, Meclis ızgarası ---------- */
.sm-veri-turu { display: inline-block; margin-left: 8px; padding: 1px 6px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-s); font-size: 11.5px; line-height: 1.4; color: var(--metin-ikincil); white-space: nowrap; }
.sm-yaris__kaynak { display: flex; flex-wrap: wrap; align-items: baseline; }
.sm-denge__kontrol { margin: 8px 0 0; font-size: 14px; font-weight: 600; color: var(--metin); }
.sm-anket__isaret { margin-left: 6px; padding: 0 5px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-s); font-size: 11px; color: var(--metin-ikincil); white-space: nowrap; }
.sm-anket__disarida { margin-left: 4px; font-weight: 700; color: var(--metin-ikincil); }
.sm-anket__satir--disarida td { color: var(--metin-ikincil); }
.sm-mizgara { margin: 0; }
.sm-mizgara__baslik { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; margin-bottom: 10px; }
.sm-mizgara__ad { font-size: 15px; font-weight: 700; color: var(--metin); }
.sm-mizgara__ozet { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 13px; color: var(--metin-ikincil); }
.sm-mizgara__ozet b { font-size: 15px; color: var(--metin); margin-right: 6px; }
.sm-mizgara__liste { margin: 0 0 10px; padding: 0; list-style: none; columns: 3 240px; column-gap: 20px; }
.sm-mizgara__eyalet { break-inside: avoid; display: grid; grid-template-columns: 3.2em minmax(0, 1fr); align-items: start; gap: 6px; padding: 3px 0; }
.sm-mizgara__eyalet-ad { display: flex; flex-direction: column; font-size: 13px; line-height: 1.2; }
.sm-mizgara__not { font-size: 10.5px; color: var(--metin-ikincil); }
.sm-mizgara__koltuklar { display: flex; flex-wrap: wrap; gap: 3px; }
.sm-koltuk { display: inline-block; width: 11px; height: 11px; border-radius: 2px; box-sizing: border-box; }
.sm-koltuk--D { background: var(--demokrat); }
.sm-koltuk--R { background: var(--cumhuriyetci); }
.sm-koltuk--B { background: var(--bagimsiz); }
.sm-koltuk--acik { box-shadow: inset 0 0 0 1px var(--belirsiz-cizgi); }
.sm-serit--yalniz-siradaki .sm-serit__satir:not(.sm-serit__satir--siradaki) { display: none; }


/* US Midterm 2026 — site düzeni: sayfa iskeletleri ve sayfaya özel bloklar. Bileşen stilleri bundle.css'te, renk ve
   boyutlar tokens.css'te. Kırılımlar: 1000 px (başlık menüye döner), 760 px (gece şeridi kompakt), 640 px (mobil tipografi). */
[data-theme="acik"] { color-scheme: light; }
[data-theme="gece"] { color-scheme: dark; }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
img, svg { max-width: 100%; }
a { color: inherit; }
h1, h2, h3 { text-wrap: balance; }
p, li, dd { text-wrap: pretty; }
[id] { scroll-margin-top: 80px; }

.atla { position: absolute; left: 8px; top: -64px; z-index: 50; padding: 10px 14px; border-radius: var(--kose-m); background: var(--metin); color: var(--metin-ters); font-weight: 600; text-decoration: none; }
.atla:focus { top: 8px; }

/* ---------- Ortak ---------- */
.manset-buyuk { margin: 0; font-size: 58px; line-height: 1.05; font-weight: 700; letter-spacing: -0.01em; }
@media (max-width: 640px) { .manset-buyuk { font-size: 32px; letter-spacing: -0.005em; } }
/* Uluslararası baskılar (08 Y81): uzun tek sözcük (Repräsentantenhaus) dar ekranda başlıktan taşmasın; yalnızca sığmazsa kırılır.
 * Almanca manşet heceden bölünür. Türkçe ve İngilizce düzen değişmez */
:is(:lang(de), :lang(fr), :lang(es), :lang(pt)) :is(h1, h2, h3) { overflow-wrap: break-word; }
:lang(de) .manset-buyuk { hyphens: auto; }
.sayfa-basi { padding: 36px 0 26px; }
.sayfa-basi .dek { margin: 14px 0 0; max-width: var(--metin-genislik); }
.sayfa-basi .ust-not { margin-bottom: 14px; }
@media (max-width: 640px) { .sayfa-basi { padding: 24px 0 18px; } }
.dek { margin: 16px 0 0; max-width: var(--metin-genislik); }
.ust-not { margin: 0 0 14px; font-size: 13px; color: var(--metin-ikincil); display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: center; }
.ust-not .sm-num { font-size: 16px; font-weight: 600; color: var(--metin); }
@media (max-width: 480px) { .ust-not .genis-ust { display: none; } }
.bolum { margin-top: var(--bosluk-8); }
.bolum-kucuk { margin-top: var(--bosluk-6); }
@media (max-width: 640px) { .bolum { margin-top: var(--bosluk-7); } .bolum-kucuk { margin-top: var(--bosluk-5); } }
.iki-sutun { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 48px; align-items: start; }
@media (max-width: 999px) { .iki-sutun { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
.alt-baslik { margin: 28px 0 8px; font-size: 17px; line-height: 1.25; font-weight: 700; }
.p { margin: 0 0 14px; font-size: 15.5px; line-height: 1.5; }
.p.dar { max-width: var(--metin-genislik); }
.kucuk { margin: 10px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--metin-ikincil); }
.kucuk-not { font-size: 12.5px; font-weight: 400; color: var(--metin-ikincil); }
.tam { width: 100%; }
.eylem { display: flex; flex-wrap: wrap; gap: 10px; }
.eylem--ust { margin: -6px 0 22px; }
.tablo-kap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tablo-kap:focus-visible { outline-offset: 4px; }
.sm-yazi .tablo-kap { margin: 6px 0 18px; }
.sm-yazi .tablo-kap .sm-tablo { margin: 0; }
.harita-alt { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.ok-baglanti { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-size: 14px; font-weight: 600; color: var(--metin); text-underline-offset: 3px; }
.etiket-cizgi { display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border: 1px solid var(--metin); border-radius: var(--kose-s); font-size: 12px; font-weight: 700; color: var(--metin); }
.izin-kap { min-width: 0; }

/* Örnek ve şablon ekranların üst şeridi (yayında yok) */
.ornek-serit { margin: 0; padding: 7px 16px; font-size: 12.5px; line-height: 1.4; text-align: center; color: var(--metin-ikincil); background: var(--yuzey-ikincil); border-bottom: 1px solid var(--cizgi); }
.ornek-serit b { color: var(--metin); }
.ornek-serit a { color: var(--metin); }

/* Gece şeridi: geniş ekranda saat sütunları, dar ekranda kompakt liste */
.yalniz-dar { display: none; }
@media (max-width: 759px) { .yalniz-genis { display: none; } .yalniz-dar { display: block; } }
.serit-alani { padding: 20px 24px 18px; background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); }
.serit-alani .sm-sponsor { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--cizgi); }
@media (max-width: 759px) { .serit-alani { padding: 14px 14px 14px; } }

/* Satır bağlantıları: açıklayıcılar, ilgili, sonraki adım */
.ok-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.ok-liste li a { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; padding: 8px 0; border-top: 1px solid var(--cizgi); color: var(--metin); text-decoration: none; font-size: 17px; font-weight: 500; }
.ok-liste li a:hover span { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 759px) { .ok-liste { grid-template-columns: minmax(0, 1fr); } }
.ilgili .sm-bolum-basligi { margin-bottom: 8px; }
.ilgili a { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 56px; padding: 8px 0; border-top: 1px solid var(--cizgi); color: var(--metin); text-decoration: none; }
.ilgili a:last-child { border-bottom: 1px solid var(--cizgi); }
.ilgili a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.ilgili b { display: block; font-size: 16px; }
.ilgili small { font-size: 13px; color: var(--metin-ikincil); }
.cagri-kutu { position: relative; display: grid; gap: 4px; padding: 14px 44px 16px 18px; background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); color: var(--metin); text-decoration: none; }
.cagri-kutu:hover { border-color: var(--cizgi-guclu); border-top-color: var(--kutu-ust); }
.cagri-kutu:hover b { text-decoration: underline; text-underline-offset: 3px; }
.cagri-kutu__ust { font-size: 12.5px; font-weight: 600; color: var(--metin-ikincil); }
.cagri-kutu b { font-size: 19px; line-height: 1.25; }
.cagri-kutu span:not(.cagri-kutu__ust) { font-size: 14px; line-height: 1.45; color: var(--metin-ikincil); }
.cagri-kutu .sm-isaret { position: absolute; right: 16px; top: 50%; margin-top: -9px; }

/* ---------- Ana sayfa ---------- */
/* Yıldızlı palet: manşet tam genişlikte marka bandı (hero-zemin). Bant, kenar boşluklarını aşmak için border-image ile
   iki yana taşar (taşma kaydırma çubuğu açmaz); son 3 px hero-alt-cizgi. Sağda bayraktaki yıldızlı alan gibi kademeli yıldızlar:
   yildiz rengi, %17 opaklık, iki yana ve aşağı doğru solar; yazının arkasında kalsa da en kötü yerde hero-ikincil 5,0:1. */
.hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; align-items: end;
  margin-bottom: 28px; padding: 44px 0 39px; color: var(--hero-metin); --odak: var(--hero-metin);
  border-image: linear-gradient(to bottom, var(--hero-zemin) calc(100% - 3px), var(--hero-alt-cizgi) calc(100% - 3px)) fill 0 // 0 100vmax; }
.hero::before { content: ''; position: absolute; z-index: -1; top: 0; bottom: 3px; right: calc(-1 * var(--sm-kenar, 24px)); width: 52%;
  background: var(--yildiz); opacity: .17; pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 28'%3E%3Cpath d='M8.5,3.2L9.44,6.1L12.49,6.1L10.03,7.9L10.97,10.8L8.5,9L6.03,10.8L6.97,7.9L4.51,6.1L7.56,6.1ZM25.5,17.2L26.44,20.1L29.49,20.1L27.03,21.9L27.97,24.8L25.5,23L23.03,24.8L23.97,21.9L21.51,20.1L24.56,20.1Z'/%3E%3C/svg%3E") 0 0 / 34px 28px repeat, linear-gradient(90deg, transparent, #000 34%, #000 66%, transparent), linear-gradient(#000 25%, transparent 85%);
  -webkit-mask-composite: source-in, source-in;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 28'%3E%3Cpath d='M8.5,3.2L9.44,6.1L12.49,6.1L10.03,7.9L10.97,10.8L8.5,9L6.03,10.8L6.97,7.9L4.51,6.1L7.56,6.1ZM25.5,17.2L26.44,20.1L29.49,20.1L27.03,21.9L27.97,24.8L25.5,23L23.03,24.8L23.97,21.9L21.51,20.1L24.56,20.1Z'/%3E%3C/svg%3E") 0 0 / 34px 28px repeat, linear-gradient(90deg, transparent, #000 34%, #000 66%, transparent), linear-gradient(#000 25%, transparent 85%);
  mask-composite: intersect; }
.hero .ust-not, .hero .dek, .hero-sag p { color: var(--hero-ikincil); }
.hero .ust-not .sm-num, .hero .manset-buyuk, .hero .ok-baglanti { color: var(--hero-metin); }
.hero .sm-dugme--birincil { background: var(--hero-dugme); color: var(--hero-dugme-uzeri); }
.hero .sm-dugme--birincil:hover { background: color-mix(in srgb, var(--hero-dugme) 88%, var(--hero-zemin)); }
.hero .sm-dugme--ikincil { background: transparent; color: var(--hero-metin); border-color: var(--hero-cizgi); }
.hero .sm-dugme--ikincil:hover { background: color-mix(in srgb, var(--hero-metin) 12%, transparent); }
.hero-sag { padding-bottom: 6px; }
.hero-sag p { margin: 0 0 12px; font-size: 14px; line-height: 1.45; }
.denge { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 0 40px; margin-top: 40px; }
.denge .ayrac { background: var(--cizgi); }
.modeller { margin-top: 26px; padding-top: 16px; border-top: 2px solid var(--metin); display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px 24px; align-items: start; }
.modeller h2 { margin: 0; font-size: 17px; line-height: 1.25; }
.modeller .not { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: var(--metin-ikincil); }
.modeller .sm-tablo { max-width: 760px; }
.modeller .sm-tablo td:first-child, .modeller .sm-tablo th:first-child { font-weight: 600; width: 40%; }
.model-tarih { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 400; color: var(--metin-ikincil); }
.olasilik { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.olasilik .sm-num { font-size: 20px; font-weight: 600; }
@media (max-width: 480px) { .modeller .sans { display: none; } }
.harita-alani { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 48px; align-items: start; }
.harita-sag { display: grid; gap: 14px; padding-top: 42px; }
.ana { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 48px; margin-top: 56px; align-items: start; }
.yaris-basliklar { display: grid; grid-template-columns: minmax(120px, 0.9fr) minmax(0, 2fr) 212px; gap: 0 16px; padding-bottom: 6px; border-bottom: 1px solid var(--cizgi-guclu); font-size: 12.5px; font-weight: 600; color: var(--metin-ikincil); }
.yaris-basliklar span:last-child { text-align: right; }
.yaris-liste > .sm-yaris:first-child, .yaris-liste > div:first-child > .sm-yaris { border-top: 0; }
.yaris-alt { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--cizgi); display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 16px; }
#son-dakika .sm-suzgec { margin-bottom: 4px; }
.akis-bos { margin: 14px 0 0; font-size: 14px; color: var(--metin-ikincil); }
.akis-alt { padding-top: 12px; border-top: 1px solid var(--cizgi); }
.uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 56px; }
.uclu > div > .sm-kutu { height: 100%; }
.cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.cip-grup + .cip-grup { margin-top: 14px; }
.cip-grup h3 { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--metin-ikincil); }
.bulten p { margin: 0 0 14px; font-size: 15px; line-height: 1.5; }
.bulten form, .bolum-kucuk form[data-bulten] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.kanallar { display: flex; gap: 8px; margin-top: 10px; }
.kanallar .sm-dugme { flex: 1; }
[data-bulten] ~ small, .sm-kutu small { display: block; margin-top: 10px; font-size: 12.5px; line-height: 1.4; color: var(--metin-ikincil); }
.bulten-mesaj { margin: 10px 0 0; padding: 10px 12px; border: 1px solid var(--cizgi-guclu); border-radius: var(--kose-m); font-size: 14px; line-height: 1.45; }
@media (max-width: 999px) {
  .hero { grid-template-columns: minmax(0, 1fr); gap: 20px; padding: 30px 0 29px; align-items: start; }
  .hero::before { bottom: auto; height: 168px; width: 66%; }
  .ana { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .harita-alani { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .harita-sag { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 0; }
  .uclu { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uclu .bulten { grid-column: 1 / -1; }
}
@media (max-width: 899px) {
  .denge { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .denge .ayrac { display: none; }
  .modeller { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .uclu { grid-template-columns: minmax(0, 1fr); }
  .harita-sag { grid-template-columns: minmax(0, 1fr); }
  .yaris-basliklar { display: none; }
  .yaris-liste > .sm-yaris:first-child, .yaris-liste > div:first-child > .sm-yaris { border-top: 1px solid var(--cizgi); }
  .bulten form, .bolum-kucuk form[data-bulten] { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Seçim gecesi ---------- */
.gece-ust { padding-top: 16px; }
.yedek-yeri { margin-bottom: 12px; }
.gece-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 40px; align-items: start; margin-top: 20px; }
.gece-ana { display: grid; gap: 28px; min-width: 0; }
.blok { padding: 14px 18px 14px; background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); }
.blok .sm-esik__etiket { background: var(--yuzey); }
.denge-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.hap-yeri { position: sticky; top: 72px; z-index: 3; display: flex; justify-content: center; margin: 4px 0 6px; }
.liste .sm-bolum-basligi { margin-bottom: 4px; }
.liste .sm-yaris:first-of-type { border-top: 0; }
.guncelleme { font-size: 12.5px; color: var(--metin-ikincil); }
.guncelleme .sm-num { font-size: 15px; font-weight: 600; color: var(--metin); }
.sabaha { margin: 0; padding: 14px 0; border-top: 1px solid var(--cizgi); font-size: 15px; font-weight: 600; }
.sabaha a { display: inline-flex; align-items: center; gap: 6px; color: var(--metin); }
/* Gecikmeli ve yedek durumda başlıktaki Canlı göstergesi: bileşenin sm-canli--gecikmeli hali (site.js smDurum açar) */
@media (max-width: 999px) { .gece-duzen { grid-template-columns: minmax(0, 1fr); gap: 32px; } }
@media (max-width: 719px) {
  .denge-ikili { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .blok { padding: 14px 14px 12px; }
  .hap-yeri { top: 64px; }
}

/* ---------- Sabah Sayımı ---------- */
.sabah-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 40px; align-items: start; margin-top: 28px; }
.sabah-sol, .sabah-sag { display: grid; gap: 24px; min-width: 0; }
@media (max-width: 999px) { .sabah-duzen { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Bölüm sayfaları: Senato, Meclis, Valilik ---------- */
.liste-ust { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 10px 24px; margin-bottom: 10px; }
.liste-ust .sm-bolum-basligi { margin: 0; gap: 14px; justify-content: flex-start; }
.diger-yarislar { margin-top: 18px; padding-top: 14px; border-top: 2px solid var(--metin); }
.diger-yarislar h3 { margin: 0; font-size: 17px; }
.diger-izgara { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 0 24px; }
.diger-izgara > li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: start; padding: 9px 0; border-top: 1px solid var(--cizgi); }
.diger-izgara > li .sm-harf { margin-top: 2px; }
.diger-izgara b { display: block; font-size: 15.5px; line-height: 1.3; }
.diger-izgara span span { display: block; font-size: 12.5px; color: var(--metin-ikincil); }
.diger-izgara--sik { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.diger-izgara--sik > li { padding: 7px 0; align-items: center; }
.diger-izgara--sik > li .sm-harf { margin-top: 0; }
.diger-izgara--sik b { font-size: 14.5px; font-weight: 500; }
.iki-cagri { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 680px) { .iki-cagri { grid-template-columns: minmax(0, 1fr); } }
.bolge-listesi { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 0 20px; }
.bolge-listesi > li { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 6px 0; border-top: 1px solid var(--cizgi); font-size: 15px; }
.bolge-listesi .sm-cip { min-width: 64px; justify-content: center; }
.bolge-listesi .sm-ornek { margin-left: auto; }
.valilik-ozet { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 0 0 22px; padding-bottom: 16px; border-bottom: 2px solid var(--metin); font-size: 14px; color: var(--metin-ikincil); }
.valilik-ozet > span { display: inline-flex; align-items: center; gap: 8px; }
.valilik-ozet b { font-size: 34px; line-height: 1; font-weight: 700; color: var(--metin); }
.valilik-listesi { list-style: none; margin: 0; padding: 0; }
.valilik-listesi > li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: 10px; align-items: center; min-height: 46px; padding: 6px 0; border-top: 1px solid var(--cizgi); font-size: 15.5px; }
.valilik-listesi a { color: var(--metin); }
.saat-hucre { font-size: 12.5px; color: var(--metin-ikincil); white-space: nowrap; }
.saat-hucre b { font-size: 19px; font-weight: 600; color: var(--metin); }

/* ---------- Yarış sayfası ---------- */
.iz-yeri { margin: 22px 0 14px; }
.yaris-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "baslik yan" "govde yan"; gap: 28px 48px; align-items: start; }
.yaris-baslik { grid-area: baslik; min-width: 0; }
.yaris-govde { grid-area: govde; display: grid; gap: 20px; min-width: 0; }
.yaris-yan { grid-area: yan; display: flex; flex-direction: column; gap: 24px; position: sticky; top: 84px; }
.yan-alt { display: grid; gap: 14px; }
.gece-saat { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 12px; }
.gece-saat .sm-num { font-size: 52px; line-height: .85; font-weight: 700; }
.gece-saat span:last-child { font-size: 13.5px; line-height: 1.4; color: var(--metin-ikincil); padding-bottom: 2px; }
.gece-kutu .kanallar { margin-top: 8px; }
.paylas { display: flex; gap: 8px; }
.paylas .sm-dugme { flex: 1; }
.yayin { margin: 0; font-size: 12.5px; line-height: 1.55; color: var(--metin-ikincil); }
.yayin .sm-num { font-size: 14px; font-weight: 600; color: var(--metin); }
@media (max-width: 999px) {
  .yaris-duzen { grid-template-columns: minmax(0, 1fr); grid-template-areas: "baslik" "gece" "govde" "ilgili" "alt"; gap: 22px; }
  .yaris-yan { display: contents; }
  .yaris-yan > .gece-kutu { grid-area: gece; }
  .yaris-yan > .ilgili { grid-area: ilgili; }
  .yaris-yan > .yan-alt { grid-area: alt; }
}

/* ---------- Son dakika ve canlı sayfa ---------- */
.akis-duzen, .canli-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 48px; align-items: start; }
.akis-duzen .sm-suzgec { margin-bottom: 8px; }
.akis-grup + .akis-grup { margin-top: 10px; }
.akis-gun { position: sticky; top: 64px; z-index: 2; margin: 14px 0 0; padding: 8px 0 6px; background: var(--zemin); border-bottom: 2px solid var(--metin); font-size: 15px; line-height: 1.2; }
.akis-gun + div > .sm-girdi { border-top: 0; }
.akis-yan, .canli-yan { display: grid; gap: 24px; }
.canli-ana { min-width: 0; }
.canli-ana > .sm-not { margin-bottom: 4px; }
.seviyeler { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 14px; margin: 0; font-size: 14px; line-height: 1.45; }
.seviyeler dt { padding-top: 2px; }
.seviyeler dd { margin: 0; color: var(--metin-ikincil); }
@media (max-width: 999px) { .akis-duzen, .canli-duzen { grid-template-columns: minmax(0, 1fr); gap: 36px; } .akis-gun { top: 56px; } }

/* ---------- Saat rehberi ---------- */
.kapanis-tablo td { vertical-align: top; font-size: 15px; line-height: 1.4; }
.kapanis-tablo td:last-child { color: var(--metin-ikincil); font-size: 14px; }
.saat-td { width: 92px; font-size: 21px !important; font-weight: 600; line-height: 1.1 !important; white-space: nowrap; padding-right: 12px !important; }
.kapanis-tablo tr.vurgulu td { border-bottom-color: var(--cizgi-guclu); }
.kapanis-tablo tr.vurgulu td:nth-child(2) { font-weight: 600; }
.kapanis-tablo tr.vurgulu .saat-td { box-shadow: inset 3px 0 0 var(--metin); padding-left: 10px; }
.fark-tablo .sag { text-align: right; }
.fark-tablo td.sag { font-size: 20px; font-weight: 600; }
.saat-listesi { list-style: none; margin: 0; padding: 0; }
.saat-listesi > li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 9px 0; border-top: 1px solid var(--cizgi); font-size: 15px; }
.saat-listesi b { font-size: 20px; font-weight: 600; }
@media (max-width: 640px) { .kapanis-tablo thead { display: none; } .kapanis-tablo td { display: block; border-bottom: 0; padding: 2px 0; } .kapanis-tablo tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--cizgi); } .saat-td { width: auto; } .kapanis-tablo tr.vurgulu .saat-td { box-shadow: none; padding-left: 0; } .kapanis-tablo tr.vurgulu { box-shadow: inset 3px 0 0 var(--metin); padding-left: 10px; } }

/* ---------- Açıklayıcılar ve makale ---------- */
.acik-liste { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.acik-liste a { position: relative; display: grid; gap: 4px; padding: 14px 36px 16px 0; border-top: 1px solid var(--cizgi); color: var(--metin); text-decoration: none; }
.acik-liste a:hover b { text-decoration: underline; text-underline-offset: 3px; }
.acik-liste__etiket { font-size: 12.5px; font-weight: 600; color: var(--metin-ikincil); }
.acik-liste b { font-size: 18px; line-height: 1.3; }
.acik-liste__ozet { font-size: 14.5px; line-height: 1.45; color: var(--metin-ikincil); }
.acik-liste .sm-isaret { position: absolute; right: 4px; top: 50%; margin-top: -9px; }
@media (max-width: 759px) { .acik-liste { grid-template-columns: minmax(0, 1fr); } }
.makale-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: start; }
.makale { min-width: 0; max-width: 760px; }
.makale__ust { margin: 14px 0 0; font-size: 13px; color: var(--metin-ikincil); }
.makale__ust .sm-num { font-size: 15px; font-weight: 600; color: var(--metin); }
.kisa-cevap { margin: 24px 0 8px; padding: 14px 0 14px 16px; border-left: 3px solid var(--metin); font-size: 18px; line-height: 1.5; max-width: var(--metin-genislik); }
.makale__serit { margin: 22px 0; padding: 14px 16px 16px; background: var(--yuzey); border: 1px solid var(--cizgi); border-top: 3px solid var(--kutu-ust); border-radius: var(--kose-m); }
.makale > .sm-not { margin: 18px 0; max-width: var(--metin-genislik); }
.makale-yan { display: grid; gap: 24px; position: sticky; top: 84px; }
.kaynaklar { margin-top: var(--bosluk-6); padding-top: 12px; border-top: 2px solid var(--metin); }
.kaynaklar h2 { margin: 0 0 6px; font-size: 15px; }
.kaynaklar ul { margin: 0; padding: 0 0 0 18px; font-size: 13.5px; line-height: 1.6; color: var(--metin-ikincil); }
.kaynaklar a { color: var(--metin); }
.tarih-td { width: 210px; font-size: 16px !important; font-weight: 600; white-space: nowrap; padding-right: 14px !important; }
@media (max-width: 999px) { .makale-duzen { grid-template-columns: minmax(0, 1fr); gap: 36px; } .makale-yan { position: static; } }
@media (max-width: 640px) { .tarih-td { width: auto; white-space: normal; } }

/* Uzun metin: makale, yayın ilkeleri, KVKK */
.sm-yazi { max-width: var(--metin-genislik); font-size: 17px; line-height: 1.6; }
.sm-yazi h2 { margin: 34px 0 10px; font-size: 22px; line-height: 1.25; }
.sm-yazi h2:first-child { margin-top: 26px; }
.sm-yazi p { margin: 0 0 14px; }
.sm-yazi ul, .sm-yazi ol { margin: 0 0 16px; padding-left: 22px; }
.sm-yazi li { margin: 0 0 6px; }
.sm-yazi .sm-tablo { margin: 6px 0 18px; font-size: 14.5px; line-height: 1.45; }
.sm-yazi .sm-tablo td { vertical-align: top; padding-right: 12px; }
.sm-yazi .sm-tablo th { padding-right: 12px; }
@media (max-width: 640px) {
  .sm-yazi { font-size: 16px; } .sm-yazi h2 { font-size: 19px; }
}

/* ---------- Tahmin oyunu ve kritiklik endeksi ---------- */
.ada { margin-top: 24px; }
.ada + .harita-alt { margin-top: 28px; }
.kritik-liste { list-style: none; margin: 0; padding: 0; }
.kritik-liste > li { display: grid; grid-template-columns: 36px minmax(160px, 0.9fr) minmax(0, 1.6fr); gap: 10px 18px; align-items: center; padding: 14px 0; border-top: 1px solid var(--cizgi); }
.kritik-liste__sira { font-size: 26px; font-weight: 700; color: var(--metin-ikincil); }
.kritik-liste__ad { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 17px; }
.kritik-liste__ad a { color: var(--metin); }
@media (max-width: 680px) { .kritik-liste > li { grid-template-columns: 28px minmax(0, 1fr); } .kritik-liste .sm-kritiklik { grid-column: 2; } }
.uc-grafik { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 32px; margin: 20px 0 26px; }
@media (max-width: 999px) { .uc-grafik { grid-template-columns: minmax(0, 1fr); max-width: 560px; } }
.kural-tablo { max-width: 760px; }
.kural-tablo caption { text-align: left; font-size: 14px; font-weight: 600; padding-bottom: 6px; }

/* ---------- Bildirimler ---------- */
.kanal-listesi { list-style: none; margin: 0; padding: 0; }
.kanal-listesi > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 16px; align-items: center; padding: 12px 0; border-top: 1px solid var(--cizgi); }
.kanal-listesi b { font-size: 16px; }
.kanal-listesi span { grid-column: 1; font-size: 14px; color: var(--metin-ikincil); }
.kanal-listesi .sm-dugme { grid-column: 2; grid-row: 1 / span 2; }
.bildirim-ornek { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 12px; max-width: 420px; padding: 12px 14px; background: var(--yuzey); border: 1px solid var(--cizgi-guclu); border-radius: 12px; }
.bildirim-ornek__ikon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 9px; background: var(--marka); color: var(--marka-uzeri); }
.bildirim-ornek__ikon .sm-logo { color: var(--marka-uzeri); }
.bildirim-ornek__metin { display: grid; gap: 2px; font-size: 14px; line-height: 1.4; }
.bildirim-ornek__ust { display: flex; justify-content: space-between; font-size: 12.5px; color: var(--metin-ikincil); }
.bildirim-ornek__ust b { color: var(--metin); font-weight: 600; }
.bildirim-duzen .bolum-kucuk .sm-kutu { margin-top: 0; }

/* ---------- Künye, yayın ilkeleri, KVKK, 404 ---------- */
.kunye { display: grid; grid-template-columns: 200px minmax(0, 1fr); margin: 0; font-size: 15.5px; }
.kunye dt, .kunye dd { margin: 0; padding: 11px 0; border-top: 1px solid var(--cizgi); }
.kunye dt { font-weight: 600; padding-right: 16px; }
@media (max-width: 640px) { .kunye { grid-template-columns: minmax(0, 1fr); } .kunye dd { border-top: 0; padding-top: 0; } }
.yer-tutucu { padding: 1px 5px; border: 1px dashed var(--cizgi-guclu); border-radius: var(--kose-s); background: var(--yuzey-ikincil); font-size: 0.92em; color: var(--metin-ikincil); }
.ilke-duzen { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 48px; align-items: start; }
.ilke-icindekiler { position: sticky; top: 84px; padding-top: 26px; font-size: 14px; }
.ilke-icindekiler ol { margin: 0; padding: 0 0 0 18px; line-height: 1.5; }
.ilke-icindekiler li { padding: 4px 0; }
.ilke-icindekiler a { color: var(--metin); }
.ilke-govde { max-width: 760px; }
.etiket-sozluk { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 10px 16px; margin: 6px 0 18px; font-size: 15px; align-items: center; }
.etiket-sozluk dd { margin: 0; }
@media (max-width: 899px) { .ilke-duzen { grid-template-columns: minmax(0, 1fr); gap: 0; } .ilke-icindekiler { position: static; } }
@media (max-width: 520px) { .etiket-sozluk { grid-template-columns: minmax(0, 1fr); gap: 4px; } .etiket-sozluk dd { margin-bottom: 10px; } }
.yok-sayfa { padding: 64px 0 24px; max-width: 760px; }
.yok-sayfa__kod { display: block; font-size: 132px; line-height: .8; font-weight: 700; color: var(--metin-ikincil); margin-bottom: 18px; }
.yok-sayfa .eylem { margin-top: 24px; }
@media (max-width: 640px) { .yok-sayfa { padding-top: 40px; } .yok-sayfa__kod { font-size: 88px; } }

/* ---------- Prototip dizini (yayında yok) ---------- */
.dizin { list-style: none; margin: 0; padding: 0; }
.dizin > li { display: grid; grid-template-columns: minmax(220px, 0.8fr) minmax(0, 2fr); gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--cizgi); font-size: 14.5px; line-height: 1.45; color: var(--metin-ikincil); }
.dizin > li > a { display: grid; gap: 2px; color: var(--metin); text-decoration: none; }
.dizin > li > a b { font-size: 16px; text-decoration: underline; text-underline-offset: 3px; }
.dizin code { font-size: 12.5px; color: var(--metin-ikincil); }
.dizin__durumlar { grid-column: 2; font-size: 13px; }
.dizin__durumlar a { color: var(--metin); }
@media (max-width: 680px) { .dizin > li { grid-template-columns: minmax(0, 1fr); } .dizin__durumlar { grid-column: 1; } }

/* ---------- Harita ipucu ve kısa bildirim (betik ekler) ---------- */
.harita-ipucu { position: fixed; z-index: 60; max-width: 280px; padding: 7px 10px; border-radius: var(--kose-m); background: var(--metin); color: var(--metin-ters); font-size: 13px; line-height: 1.4; pointer-events: none; }
.tost { position: fixed; left: 50%; bottom: 16px; z-index: 55; max-width: min(520px, calc(100vw - 32px)); padding: 12px 16px; border-radius: var(--kose-m); background: var(--metin); color: var(--metin-ters); font-size: 14.5px; line-height: 1.45; transform: translate(-50%, 12px); opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; }
.tost.is-acik { opacity: 1; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .tost { transition: none; } }

/* =====================================================================
   Ekim 2026: Haber akışı, etiket ve kaynak sayfaları, durum önizlemeleri
   Bileşen stilleri bundle.css'in "Haber akışı ve olasılıklar" bölümünde; burada yalnızca sayfa düzeni.
   ===================================================================== */
.sm-bolum-basligi .sm-num { font-size: 15px; font-weight: 600; color: var(--metin); }
.akis-durum-satiri { margin: -2px 0 10px; }
.durum-baglantilari a[aria-current="true"] { font-weight: 700; text-decoration: none; }

/* Ana sayfa yan sütunu: Son dakika, altında Gündem (Haber akışının son 5 girdisi) */
.gundem { margin-top: var(--bosluk-7); }
.gundem__not { margin: 0 0 6px; max-width: var(--metin-genislik); font-size: 13px; line-height: 1.45; color: var(--metin-ikincil); }

/* Son dakika: Haber akışıyla farkı anlatan tek satır */
.fark-satiri { margin: -6px 0 24px; padding: 2px 0 2px 14px; max-width: var(--metin-genislik); border-left: 3px solid var(--cizgi-guclu); font-size: 15px; line-height: 1.5; color: var(--metin-ikincil); }
.fark-satiri b { color: var(--metin); }
.fark-satiri a { color: var(--metin); text-underline-offset: 3px; }

/* Haber akışı ve etiket sayfası */
.sayfa-basi__durum { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; margin-top: 16px; }
.sayfa-basi__kaynaklar { display: inline-flex; align-items: center; min-height: 32px; font-size: 13.5px; font-weight: 600; color: var(--metin); text-underline-offset: 3px; }
.sayfa-basi--etiket .ust-not { gap: 6px 12px; }
.haber-ana { min-width: 0; container-type: inline-size; }
.haber-listesi .akis-gun + .sm-haber, .haber-listesi .akis-gun + .yeni-girdiler > .sm-haber:first-child { border-top: 0; }
.akis-reklam { padding: var(--bosluk-4) 0; border-top: 1px solid var(--cizgi); }
.akis-reklam__dar { display: none; }
@container (max-width: 727px) { .akis-reklam__genis { display: none; } .akis-reklam__dar { display: block; } }
.daha-eski { display: flex; justify-content: center; padding: var(--bosluk-5) 0 var(--bosluk-3); border-top: 1px solid var(--cizgi); }
.akis-bos-kap { margin-top: var(--bosluk-4); }
.haber-yan__sd .gundem__not { margin-top: -4px; }
.etiket-yarislar .yaris-liste { border-bottom: 1px solid var(--cizgi); }
.etiket-diger .cipler { gap: 8px; }
.yaris-haberleri .sm-bolum-basligi { flex-wrap: wrap; row-gap: 4px; }
@media (max-width: 640px) { .daha-eski .sm-dugme { width: 100%; } }

/* Kaynaklar */
.kaynak-listesi { list-style: none; margin: 0; padding: 0; }
.kaynak-listesi > li { display: grid; gap: 3px; padding: 11px 0 12px; border-top: 1px solid var(--cizgi); font-size: 14px; line-height: 1.45; color: var(--metin-ikincil); }
.kaynak-listesi > li:last-child { border-bottom: 1px solid var(--cizgi); }
.kaynak-listesi b { font-size: 16px; color: var(--metin); }
.kaynak-listesi a { justify-self: start; color: var(--metin); text-underline-offset: 3px; }
.kaynak-listesi__ust { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.kaynak-listesi__yol { font-size: 12.5px; overflow-wrap: anywhere; }
.kural-listesi { margin: 0 0 16px; padding-left: 20px; max-width: var(--metin-genislik); font-size: 15.5px; line-height: 1.55; }
.kural-listesi li { margin: 0 0 6px; }
.kural-listesi code { font-size: 13.5px; overflow-wrap: anywhere; }

/* Olasılıklar nasıl okunur: makale içindeki tablo */
.makale__tablo { margin: 6px 0 26px; max-width: 760px; }

/* Bildirimler: açılmamış kanalın satırı (sorun 11) */
.kanal-listesi .kanal-durum { grid-column: 2; grid-row: 1 / span 2; font-size: 13px; font-weight: 600; color: var(--metin-ikincil); white-space: nowrap; }

/* Prototip dizini: yeni sayfa rozeti */
.dizin__yeni { justify-self: start; display: inline-flex; align-items: center; min-height: 20px; padding: 0 6px; border: 1px solid var(--metin); border-radius: var(--kose-s); font-size: 11.5px; font-weight: 700; color: var(--metin); }

/* =====================================================================
   İngilizce sürüm (Ekim 2026; 17 Ekim'den beri usmidterm2026.com kökünde): tahmin piyasası şeridinin yeri ve ET saat sütunları
   Bileşen stilleri (GeriSayim, PiyasaOranlari) bundle.css'te; burada yalnızca sayfa düzeni. Türkçe sayfalarda bu sınıflar yok.
   ===================================================================== */
.piyasa-alani { padding: 20px 0 22px; border-bottom: 1px solid var(--cizgi); }
@media (max-width: 640px) { .piyasa-alani { padding: 16px 0 18px; } }
.saat-listesi--genis > li { grid-template-columns: 92px minmax(0, 1fr); }