/* Seçim Simülasyonu (vekilin.com/secim-simulasyonu) — sim.css
   Düzen: en üstte "Meclis sahnesi" sonuç kartı (senaryo çipleri, kurallar, manşet, yarım daire, koltuk cetveli); altında ittifak
   şeritlerinde büyük parti kartları; sonra öne çıkanlar, harita ile yan il paneli, sekmeli ayrıntılar ve paylaşım. Kimlik vekilin.com'dan:
   bordo, sıcak açık zemin, Schibsted Grotesk (--yazi), IBM Plex Mono (--mono). Seçili durumlar bordo.
   Belirteçler yalnız .sim içinde tanımlıdır; sitenin genel belirteçlerini değiştirmez. Tema: sitede data-tema (koyu/acik), önizlemede data-theme.
   Sıkı CSP: satır içi stil yok; betik stilleri yalnız CSSOM ile verir. */
.sim {
  --bordo: #8e1b2b; --bordo-koyu: #6d1421; --ana-yazi: #ffffff;
  --vurgu: #8e1b2b; --vurgu-z: #f6e8ea;
  --zemin: #f6f4f3; --kart: #ffffff; --metin: #15161b; --metin2: #44464f; --soluk: #696b74;
  --cizgi: #e6e0de; --cizgi2: #d4ccca; --yumusak: #efebe9; --bos: #e4dedc;
  --iyi: #1b7a4b; --iyi-z: #e1f1e7; --uyari: #a3461a; --uyari-z: #fbece2;
  --secili: #8e1b2b; --secili-yazi: #ffffff;
  --golge: 0 1px 2px rgb(21 22 27 / .05), 0 18px 40px -26px rgb(21 22 27 / .35);
  --sahne-isik: rgb(142 27 43 / .07);
  /* parti renkleri, açık zemin */
  --c-akp: #E8A33D; --c-chp: #D7263D; --c-dem: #7B3FB5; --c-mhp: #A0263B; --c-iyi: #1F8ECC; --c-yrp: #1B7F5E; --c-zafer: #2E4FA8; --c-tip: #C2185B;
  --c-yeni: #EF4B32; --c-yeniyol: #8A9A2B; --c-anahtar: #8D5524; --c-diger: #9AA3B2; --c-hdp: #7B3FB5; --c-saadet: #C0392B; --c-bbp: #B8860B;
  --c-memleket: #5B7F95; --c-huda: #2E7D32; --c-vatan: #6D4C41; --c-x1: #D4572F; --c-x2: #5E8C3A; --c-x3: #8B5CF6; --c-x4: #C27A00;
  /* parti renkleri, koyu zemin */
  --k-akp: #EBA640; --k-chp: #F04A5A; --k-dem: #A06BE0; --k-mhp: #CF5064; --k-iyi: #4FB0E8; --k-yrp: #3BA87E; --k-zafer: #6B8AE8; --k-tip: #E0479A;
  --k-yeni: #FF7058; --k-yeniyol: #A9B84A; --k-anahtar: #B07A4A; --k-diger: #737B8C; --k-hdp: #A06BE0; --k-saadet: #E0574A; --k-bbp: #C9982A;
  --k-memleket: #7FA3BB; --k-huda: #5DB36A; --k-vatan: #A07F70; --k-x1: #E46A43; --k-x2: #79A955; --k-x3: #A27BFA; --k-x4: #DB9416;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-tema="acik"]) .sim {
    --vurgu: #f0909c; --vurgu-z: #2c171c;
    --zemin: #101114; --kart: #18191e; --metin: #eeeaea; --metin2: #cdc8c8; --soluk: #a09da2;
    --cizgi: #2a2b31; --cizgi2: #3b3d45; --yumusak: #212228; --bos: #2c2e35;
    --iyi: #4cc38a; --iyi-z: #15302a; --uyari: #ec9a62; --uyari-z: #382416;
    --secili: #f2ecec; --secili-yazi: #15161b;
    --golge: 0 1px 2px rgb(0 0 0 / .35), 0 18px 40px -24px rgb(0 0 0 / .75);
    --sahne-isik: rgb(240 144 156 / .06);
    --c-akp: var(--k-akp); --c-chp: var(--k-chp); --c-dem: var(--k-dem); --c-mhp: var(--k-mhp); --c-iyi: var(--k-iyi); --c-yrp: var(--k-yrp); --c-zafer: var(--k-zafer); --c-tip: var(--k-tip);
    --c-yeni: var(--k-yeni); --c-yeniyol: var(--k-yeniyol); --c-anahtar: var(--k-anahtar); --c-diger: var(--k-diger); --c-hdp: var(--k-hdp); --c-saadet: var(--k-saadet); --c-bbp: var(--k-bbp);
    --c-memleket: var(--k-memleket); --c-huda: var(--k-huda); --c-vatan: var(--k-vatan); --c-x1: var(--k-x1); --c-x2: var(--k-x2); --c-x3: var(--k-x3); --c-x4: var(--k-x4);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] .sim, :root[data-tema="koyu"] .sim {
  --vurgu: #f0909c; --vurgu-z: #2c171c;
  --zemin: #101114; --kart: #18191e; --metin: #eeeaea; --metin2: #cdc8c8; --soluk: #a09da2;
  --cizgi: #2a2b31; --cizgi2: #3b3d45; --yumusak: #212228; --bos: #2c2e35;
  --iyi: #4cc38a; --iyi-z: #15302a; --uyari: #ec9a62; --uyari-z: #382416;
  --secili: #f2ecec; --secili-yazi: #15161b;
  --golge: 0 1px 2px rgb(0 0 0 / .35), 0 18px 40px -24px rgb(0 0 0 / .75);
  --sahne-isik: rgb(240 144 156 / .06);
  --c-akp: var(--k-akp); --c-chp: var(--k-chp); --c-dem: var(--k-dem); --c-mhp: var(--k-mhp); --c-iyi: var(--k-iyi); --c-yrp: var(--k-yrp); --c-zafer: var(--k-zafer); --c-tip: var(--k-tip);
  --c-yeni: var(--k-yeni); --c-yeniyol: var(--k-yeniyol); --c-anahtar: var(--k-anahtar); --c-diger: var(--k-diger); --c-hdp: var(--k-hdp); --c-saadet: var(--k-saadet); --c-bbp: var(--k-bbp);
  --c-memleket: var(--k-memleket); --c-huda: var(--k-huda); --c-vatan: var(--k-vatan); --c-x1: var(--k-x1); --c-x2: var(--k-x2); --c-x3: var(--k-x3); --c-x4: var(--k-x4);
  color-scheme: dark;
}
/* ---------- temel ---------- */
.sim { display: block; color: var(--metin); font-size: 15.5px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.sim *, .sim *::before, .sim *::after { box-sizing: border-box; }
.sim button, .sim input, .sim select, .sim textarea { font: inherit; color: inherit; }
.sim button { cursor: pointer; }
.sim :focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.sim h1, .sim h2, .sim h3 { margin: 0; line-height: 1.12; text-wrap: balance; }
.sim p { margin: 0; }
.sim a { color: var(--vurgu); }
.sim .sw, .sim .sq { width: 11px; height: 11px; border-radius: 3px; display: inline-block; flex: none; }
.sim .mini-lab { font: 600 10.5px/1.2 var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--soluk); }
.sim .hint { font-size: 13px; color: var(--soluk); }
.sim .ok { color: var(--iyi); font-weight: 650; }
.sim .d { font-size: 12.5px; font-weight: 700; color: var(--soluk); font-variant-numeric: tabular-nums; }
.sim .d.up, .sim .up { color: var(--iyi); }
.sim .d.down, .sim .down { color: var(--uyari); }
.sim .pill { display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: var(--yumusak); font-size: 12px; font-weight: 650; color: var(--metin2); white-space: nowrap; }
.sim .pill.ok { background: var(--iyi-z); color: var(--iyi); }
.sim .pill.no { background: var(--uyari-z); color: var(--uyari); }
.sim .ml6 { margin-left: 6px; }
.sim .ust8 { margin-top: 8px; }
.sim .sag { margin-left: auto; }
.sim .span-all { grid-column: 1 / -1; }

/* düğmeler */
.sim .btn { border: 1px solid var(--cizgi2); background: var(--kart); color: var(--metin); border-radius: 999px; padding: 9px 16px; font-weight: 650; font-size: 14px; line-height: 1.2; display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.sim .btn:hover { border-color: var(--soluk); }
.sim .btn.primary { background: var(--bordo); border-color: var(--bordo); color: var(--ana-yazi); }
.sim .btn.primary:hover { background: var(--bordo-koyu); border-color: var(--bordo-koyu); }
.sim .btn.small { padding: 5px 12px; font-size: 13px; }
.sim .btn.ghost { border-color: transparent; background: transparent; }
.sim .btn.ghost:hover { background: var(--yumusak); }
.sim .btn svg { width: 17px; height: 17px; flex: none; }
.sim .toolbar { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.sim .rm { border: 0; background: none; color: var(--soluk); font-size: 19px; line-height: 1; padding: 3px 7px; border-radius: 8px; }
.sim .rm:hover { background: var(--yumusak); color: var(--metin); }

/* bölümlü düğme grubu (sahnede ve açık zeminde) */
.sim .seg { --sg-cizgi: var(--cizgi2); --sg-metin: var(--metin2); --sg-bg: var(--kart); --sg-akt: var(--secili); --sg-akt-yazi: var(--secili-yazi); display: flex; flex-wrap: wrap; gap: 6px; }
.sim .seg button { border: 1px solid var(--sg-cizgi); background: var(--sg-bg); color: var(--sg-metin); border-radius: 999px; padding: 6px 13px; font-size: 13px; font-weight: 650; white-space: nowrap; }
.sim .seg button[aria-pressed="true"], .sim .seg button[aria-selected="true"] { background: var(--sg-akt); color: var(--sg-akt-yazi); border-color: var(--sg-akt); }

/* ---------- giriş, sekmeler, güncel bilgi ---------- */
.sim .sim-giris { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 32px; flex-wrap: wrap; padding-block: 22px 16px; border-top: 1px solid var(--cizgi); }
.sim .giris-sol { display: grid; gap: 8px; min-width: 0; flex: 1 1 420px; }
.sim .sim-giris h1 { font-size: clamp(32px, 3.7vw, 46px); font-weight: 850; letter-spacing: -.035em; line-height: 1; }
.sim .sim-giris .lede { color: var(--metin2); max-width: 62ch; font-size: 16.5px; }
.sim .sim-sekmeler { display: flex; gap: 4px; padding: 4px; background: var(--yumusak); border-radius: 999px; max-width: 100%; overflow-x: auto; scrollbar-width: none; }
.sim .sim-sekmeler::-webkit-scrollbar { display: none; }
.sim .sim-sekmeler button { border: 0; background: transparent; padding: 9px 17px; border-radius: 999px; font-weight: 650; font-size: 14.5px; color: var(--metin2); white-space: nowrap; flex: none; }
.sim .sim-sekmeler button:hover { color: var(--metin); }
.sim .sim-sekmeler button[aria-selected="true"] { background: var(--secili); color: var(--secili-yazi); }
.sim .guncel { display: flex; align-items: baseline; gap: 6px 22px; padding-block: 11px; margin-bottom: 18px; font-size: 13px; color: var(--metin2); border-block: 1px solid var(--cizgi); }
.sim .g-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; min-width: 0; flex: 1 1 auto; }
.sim .g-liste li { display: inline-flex; align-items: center; gap: 7px; flex-wrap: wrap; min-width: 0; }
.sim .g-bas { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; flex: none; font: 600 10.5px/1.2 var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--metin); }
.sim .canli { width: 8px; height: 8px; border-radius: 50%; background: var(--iyi); box-shadow: 0 0 0 3px var(--iyi-z); flex: none; }
.sim .g-lab { font: 600 10.5px/1.2 var(--mono); letter-spacing: .09em; text-transform: uppercase; color: var(--soluk); }
.sim .guncel b { color: var(--metin); font-weight: 750; }
.sim .g-bar { display: inline-flex; width: 92px; height: 8px; border-radius: 2px; overflow: hidden; gap: 1px; background: var(--bos); vertical-align: 1px; }
.sim .g-bar span { height: 100%; }
.sim .g-link { border: 0; background: none; padding: 0; color: var(--vurgu); font-weight: 650; text-decoration: underline; text-underline-offset: 2px; font-size: 13px; }
.sim .view { display: grid; gap: 22px; }
.sim .view > * { min-width: 0; }

/* ---------- sahne ---------- */
.sim .sahne {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 20px clamp(16px, 2.6vw, 34px) 22px; border-radius: 26px; color: var(--metin);
  background: radial-gradient(60% 85% at 84% 100%, var(--sahne-isik), transparent 70%), var(--kart);
  border: 1px solid var(--cizgi); box-shadow: var(--golge);
}
.sim .sahne-ust { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; min-width: 0; }
.sim .adim { display: inline-flex; align-items: center; gap: 8px; font: 600 11px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); white-space: nowrap; }
.sim .adim i { font-style: normal; width: 21px; height: 21px; border-radius: 50%; border: 1.5px solid currentColor; display: inline-grid; place-items: center; font-size: 11px; letter-spacing: 0; }
.sim .sahne .adim { color: var(--vurgu); }
.sim .ciplar { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; flex: 1 1 520px; min-width: 0; padding: 2px; }
.sim .ciplar::-webkit-scrollbar { display: none; }
.sim .cip { flex: none; display: grid; gap: 6px; padding: 8px 14px 9px; border-radius: 13px; border: 1px solid var(--cizgi2); background: var(--kart); color: var(--metin); font-weight: 650; font-size: 14px; text-align: left; transition: background .2s, border-color .2s; }
.sim .cip:hover { border-color: var(--soluk); }
.sim .cip .pm { display: flex; height: 3px; min-width: 104px; border-radius: 2px; overflow: hidden; gap: 1px; background: var(--bos); }
.sim .cip .pm span { height: 100%; }
.sim .cip[aria-pressed="true"] { background: var(--vurgu-z); border-color: var(--vurgu); box-shadow: inset 0 0 0 1px var(--vurgu); }
.sim .kural-ac { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--cizgi2); background: var(--kart); color: var(--metin); border-radius: 999px; padding: 8px 14px; font-size: 13.5px; font-weight: 650; max-width: 100%; }
.sim .kural-ac:hover { border-color: var(--soluk); }
.sim .kural-ac .ozet { color: var(--soluk); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.sim .kural-ac svg { width: 16px; height: 16px; flex: none; transition: transform .2s; }
.sim .kural-ac[aria-expanded="true"] svg { transform: rotate(180deg); }
.sim .senaryo-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px 18px; flex-wrap: wrap; }
.sim .senaryo-not { font-size: 13.5px; color: var(--soluk); max-width: 96ch; flex: 1 1 420px; min-width: 0; }
.sim .senaryo-not b { color: var(--metin); font-weight: 650; }
.sim .kurallar { display: grid; gap: 18px 28px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); padding: 18px; border-radius: 18px; background: var(--zemin); border: 1px solid var(--cizgi); }
.sim .ayar-oge { display: grid; gap: 8px; align-content: start; }

.sim .sahne-govde { display: grid; gap: 18px 48px; grid-template-columns: minmax(0, 1fr); grid-template-areas: "bas" "hemi" "lejant" "cetvel"; align-items: start; }
@media (min-width: 1000px) {
  .sim .sahne-govde { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); grid-template-areas: "bas hemi" "lejant hemi" "cetvel cetvel"; grid-template-rows: auto 1fr auto; row-gap: 22px; }
  .sim .s-lejant { align-self: end; }
  .sim .s-lejant .legend { justify-content: flex-start; }
  .sim .s-cetvel { padding-top: 6px; }
}
.sim .s-bas { grid-area: bas; display: grid; gap: 10px; min-width: 0; }
.sim .s-hemi { grid-area: hemi; min-width: 0; display: grid; justify-items: center; align-self: center; }
.sim .s-lejant { grid-area: lejant; min-width: 0; }
.sim .s-cetvel { grid-area: cetvel; min-width: 0; align-self: end; display: grid; gap: 10px; }
.sim .cv-not { font-size: 12.5px; }
.sim .ust-yazi { font: 600 11.5px/1.4 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--soluk); }
.sim .manset { font-size: clamp(27px, 3.1vw, 41px); font-weight: 800; letter-spacing: -.028em; line-height: 1.06; color: var(--metin); }
.sim .manset em { font-style: normal; color: var(--vurgu); }
.sim .manset-alt { color: var(--metin2); font-size: 16px; max-width: 54ch; }
.sim .dogrulama { font-size: 13.5px; color: var(--metin2); }
.sim .sahne-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px 18px; flex-wrap: wrap; padding-top: 16px; border-top: 1px solid var(--cizgi); }
.sim .sahne-alt .hint { max-width: 72ch; }
.sim .sahne-alt .toolbar { margin-left: auto; }

/* yarım daire */
.sim .hemi { width: 100%; max-width: 640px; display: block; overflow: visible; }
.sim .hemi circle { transition: fill .35s ease, opacity .2s ease; }
.sim .hemi.vurgulu circle:not(.on) { opacity: .16; }
.sim .hemi .maj-line { stroke: var(--metin); stroke-width: 1.5; stroke-dasharray: 4 4; opacity: .55; }
.sim .hemi .maj-text { fill: var(--soluk); font: 600 12px var(--mono); letter-spacing: .06em; }
.sim .hemi .hemi-num { fill: var(--metin); font: 800 62px var(--yazi); letter-spacing: -.03em; }
.sim .hemi .hemi-sub { fill: var(--soluk); font: 600 13px var(--mono); letter-spacing: .1em; }

/* lejant */
.sim .legend { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; font-size: 13px; }
.sim .legend li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 9px; border-radius: 999px; border: 1px solid var(--cizgi2); background: var(--kart); cursor: default; transition: background .15s, border-color .15s; }
.sim .legend li:hover, .sim .legend li:focus-visible { border-color: var(--soluk); background: var(--yumusak); }
.sim .legend .n { font-weight: 800; }

/* koltuk cetveli */
.sim .cetvel { --ad: 210px; --deger: 124px; --ara: 12px; --basamak: 17px; position: relative; display: grid; gap: 10px; }
.sim .cv-satir { display: grid; grid-template-columns: var(--ad) minmax(0, 1fr) var(--deger); column-gap: var(--ara); align-items: center; position: relative; }
.sim .cv-bosluk { height: calc(var(--basamak) * 3 + 4px); }
.sim .cv-katman { position: absolute; top: 0; bottom: 0; left: calc(var(--ad) + var(--ara)); right: calc(var(--deger) + var(--ara)); pointer-events: none; z-index: 1; }
.sim .cv-esik { position: absolute; bottom: 18px; border-left: 1.5px dashed currentColor; color: var(--soluk); }
.sim .cv-esik > span { position: absolute; left: 6px; top: -2px; font: 600 10.5px/1 var(--mono); letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; color: var(--metin2); }
.sim .cv-esik > span b { color: var(--metin); font-weight: 600; }
.sim .cv-esik .kisa, .sim .cv-ad .kisa { display: none; }
.sim .cv-ad { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 14px; font-weight: 650; }
.sim .cv-ad .uzun, .sim .cv-ad .kisa { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim .cv-iz { position: relative; height: 18px; border-radius: 0 4px 4px 0; background: var(--yumusak); }
.sim .cv-iz .seg { position: absolute; top: 0; bottom: 0; transition: left .35s ease, width .35s ease; }
.sim .cv-iz .seg.son { border-radius: 0 4px 4px 0; }
.sim .cv-iz .seg:hover { filter: brightness(1.15); }
.sim .cv-deger { display: grid; justify-items: end; line-height: 1.08; }
.sim .cv-sayi { display: inline-flex; align-items: baseline; gap: 6px; }
.sim .cv-sayi b { font-size: 23px; font-weight: 800; letter-spacing: -.02em; }
.sim .cv-durum { font: 600 10px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--iyi); white-space: nowrap; }
.sim .cv-eksen { position: relative; height: 18px; border-top: 1px solid var(--cizgi2); }
.sim .cv-eksen span { position: absolute; top: 4px; font: 500 10.5px/1 var(--mono); color: var(--soluk); transform: translateX(-50%); font-variant-numeric: tabular-nums; }
.sim .cv-eksen span.bas { transform: none; }
.sim .cv-eksen span.son { transform: translateX(-100%); }

/* yüzen mini sahne */
.sim .sticky-mini { position: fixed; z-index: 20; top: calc(env(safe-area-inset-top, 0px) + 10px); left: max(16px, env(safe-area-inset-left, 0px), calc((100% - 1288px) / 2)); right: max(16px, env(safe-area-inset-right, 0px), calc((100% - 1288px) / 2));
  display: grid; gap: 6px; padding: 10px 16px 11px; border-radius: 16px; background: var(--kart); color: var(--metin); border: 1px solid var(--cizgi); box-shadow: 0 14px 34px -16px rgb(21 22 27 / .45);
  opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .2s, transform .2s, visibility .2s; }
.sim .sticky-mini.on { opacity: 1; visibility: visible; transform: none; }
.sim .sticky-mini .mbar { position: relative; display: block; height: 9px; border-radius: 0 3px 3px 0; background: var(--bos); }
.sim .sticky-mini .mbar span { position: absolute; top: 0; bottom: 0; }
.sim .sticky-mini .mbar i { position: absolute; top: -3px; bottom: -3px; width: 0; border-left: 1.5px dashed var(--metin); }
.sim .sticky-mini .mtxt { display: flex; flex-wrap: wrap; gap: 2px 14px; font-size: 13px; color: var(--soluk); }
.sim .sticky-mini .mtxt b { color: var(--metin); }
.sim .sticky-mini .mtxt .msen { color: var(--vurgu); font-weight: 650; }

/* ---------- bölümler ---------- */
.sim .sim-bolum { display: grid; gap: 16px; min-width: 0; }
.sim .bolum-bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px 20px; flex-wrap: wrap; }
.sim .bolum-bas > div:first-child { display: grid; gap: 6px; min-width: 0; flex: 1 1 360px; }
.sim .bolum-bas h2 { font-size: clamp(23px, 2.4vw, 30px); font-weight: 800; letter-spacing: -.022em; }
.sim .bolum-bas .sub { color: var(--soluk); font-size: 14.5px; max-width: 74ch; }
.sim .adim.acik { color: var(--vurgu); }
.sim .kutu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 22px; min-width: 0; }

/* ittifak şeritleri ve parti kartları */
.sim .ittifaklar { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: row dense; }
@media (max-width: 1180px) { .sim .ittifaklar { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 880px) { .sim .ittifaklar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .sim .ittifaklar { grid-template-columns: minmax(0, 1fr); } }
.sim .ittifak { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 22px; overflow: hidden; }
.sim .ittifak-bas { display: flex; align-items: center; gap: 8px 12px; flex-wrap: wrap; padding: 13px 18px; border-bottom: 1px solid var(--cizgi); }
.sim .ittifak-renk { display: inline-flex; gap: 2px; flex: none; }
.sim .ittifak-renk i { width: 6px; height: 18px; border-radius: 2px; }
.sim .ittifak-ad { font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.sim .ittifak-bilgi { color: var(--metin2); font-size: 13.5px; font-variant-numeric: tabular-nums; }
.sim .ittifak-not { color: var(--soluk); font-size: 13px; }
.sim .pk-izgara { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0 0 -1px -1px; }
.sim .pk { --pc: var(--c-diger); --oran: 0; display: grid; gap: 10px; align-content: start; padding: 15px 18px 16px; border-left: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); min-width: 0; }
.sim .pk-ust { display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 36px; }
.sim .pk-nokta { width: 13px; height: 13px; border-radius: 50%; background: var(--pc); flex: none; }
.sim .pk-ad { display: grid; min-width: 0; flex: 1 1 auto; line-height: 1.2; }
.sim .pk-ad b { font-size: 16.5px; font-weight: 750; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sim .pk-not { font-size: 12px; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sim .alsel, .sim .srcsel { border: 1px solid var(--cizgi2); background: var(--kart); border-radius: 999px; padding: 4px 8px; font-size: 12.5px; color: var(--metin2); max-width: 100%; min-width: 0; text-overflow: ellipsis; }
.sim .lock { border: 0; background: none; padding: 5px; border-radius: 8px; color: var(--soluk); display: inline-flex; flex: none; }
.sim .lock svg { width: 17px; height: 17px; }
.sim .lock:hover { background: var(--yumusak); color: var(--metin); }
.sim .lock.on { color: var(--vurgu); background: var(--vurgu-z); }
.sim .pk-sayilar { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.sim .pk-oy, .sim .pk-vekil { display: grid; gap: 3px; min-width: 0; align-content: start; }
.sim .pk-oy small { font-size: 12.5px; color: var(--soluk); margin-top: 3px; white-space: nowrap; }
.sim .pk-vekil { justify-items: end; text-align: right; }
.sim .pk-yuzde { display: inline-flex; align-items: baseline; gap: 1px; }
.sim .pk-yuzde > span { font-size: 22px; font-weight: 750; color: var(--soluk); }
.sim .pk-yuzde input { width: 4.3ch; font-size: 34px; font-weight: 800; letter-spacing: -.025em; line-height: 1.1; padding: 0 1px; border: 0; border-bottom: 2px dashed var(--cizgi2); border-radius: 0; background: transparent; color: var(--metin); }
.sim .pk-yuzde input:hover { border-bottom-color: var(--soluk); }
.sim .pk-yuzde input:focus { outline: none; border-bottom: 2px solid var(--vurgu); }
.sim .seats { display: grid; justify-items: end; line-height: 1.05; }
.sim .seats b { font-size: 34px; font-weight: 800; letter-spacing: -.025em; }
.sim .seats small { font-size: 12.5px; color: var(--soluk); margin-top: 3px; white-space: nowrap; }
.sim .seats small.no { color: var(--uyari); font-weight: 700; }
.sim .seats.alti b { color: var(--soluk); }
.sim .slider { position: relative; min-width: 0; padding-block: 2px 13px; }
.sim .slider input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 26px; background: transparent; margin: 0; display: block; cursor: pointer; }
.sim .slider input[type=range]::-webkit-slider-runnable-track { height: 10px; border-radius: 99px; background: linear-gradient(to right, var(--pc) 0 calc(11px + (100% - 22px) * var(--oran)), var(--bos) calc(11px + (100% - 22px) * var(--oran)) 100%); }
.sim .slider input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: var(--kart); border: 4px solid var(--pc); margin-top: -6px; box-shadow: 0 1px 4px rgb(0 0 0 / .28); }
.sim .slider input[type=range]::-moz-range-track { height: 10px; border-radius: 99px; background: var(--bos); }
.sim .slider input[type=range]::-moz-range-progress { height: 10px; border-radius: 99px; background: var(--pc); }
.sim .slider input[type=range]::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--kart); border: 4px solid var(--pc); }
.sim .thr-mark { position: absolute; top: 6px; display: grid; justify-items: center; transform: translateX(-50%); pointer-events: none; }
.sim .thr-mark::before { content: ""; width: 2px; height: 18px; border-radius: 1px; background: var(--metin); opacity: .45; }
.sim .thr-mark i { margin-top: 2px; font: 600 9.5px/1 var(--mono); font-style: normal; color: var(--soluk); letter-spacing: .03em; white-space: nowrap; }
.sim .pk-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 12.5px; color: var(--soluk); }
.sim .pk-alt label { display: inline-flex; align-items: center; gap: 6px; min-width: 0; max-width: 100%; }
.sim .diger-kart { background: var(--yumusak); border-style: dashed; border-color: var(--cizgi2); }
.sim .diger-kart .ittifak-bas { border-bottom-style: dashed; border-color: var(--cizgi2); }
.sim .diger-ic { display: grid; gap: 10px; padding: 15px 18px 18px; align-content: start; justify-items: start; }
.sim .diger-oran { font-size: 34px; font-weight: 800; letter-spacing: -.025em; line-height: 1.1; }
.sim .addform { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); align-items: center; padding: 16px; border: 1px dashed var(--cizgi2); border-radius: 18px; background: var(--kart); width: 100%; }
.sim .diger-kart .addform { grid-template-columns: minmax(0, 1fr); padding: 12px; }
.sim .addform input, .sim .addform select { padding: 9px 11px; border: 1px solid var(--cizgi2); border-radius: 10px; background: var(--kart); width: 100%; min-width: 0; }
.sim .addform .acts { display: flex; gap: 8px; flex-wrap: wrap; }

/* öne çıkanlar */
.sim .one-cikan { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); overflow: hidden; }
.sim .insight { display: grid; gap: 10px; align-content: start; padding: 20px 22px 18px; border-left: 1px solid var(--cizgi); border-top: 1px solid var(--cizgi); margin: -1px 0 0 -1px; min-width: 0; }
.sim .insight .big { font-size: 46px; font-weight: 850; letter-spacing: -.035em; line-height: .95; }
.sim .insight .desc { font-size: 14px; color: var(--metin2); }
.sim .ilist { list-style: none; margin: 0; padding: 0; display: grid; }
.sim .ilist li { display: grid; gap: 2px; padding: 8px 8px; margin-inline: -8px; border-radius: 10px; border-top: 1px solid var(--cizgi); font-size: 13.5px; cursor: pointer; }
.sim .ilist li:hover { background: var(--yumusak); }
.sim .ilist li:first-child { border-top: 0; }
.sim .ilist .r1 { display: flex; justify-content: space-between; gap: 10px; font-weight: 650; }
.sim .ilist .r1 b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sim .ilist .r2 { color: var(--soluk); font-size: 12.5px; }
.sim .ilist .r2 .sq { width: 9px; height: 9px; border-radius: 2px; margin-right: 4px; vertical-align: 0; }
.sim .chiprow { display: flex; flex-wrap: wrap; gap: 6px; }

/* harita ve il paneli */
.sim .harita-kutu { display: grid; overflow: hidden; }
@media (min-width: 1000px) { .sim .harita-kutu { grid-template-columns: minmax(0, 1.55fr) minmax(340px, 1fr); } }
.sim .harita-sol { padding: 18px 20px 16px; display: grid; gap: 12px; align-content: start; min-width: 0; }
.sim .map { width: 100%; height: auto; display: block; }
.sim .map path { stroke: var(--kart); stroke-width: .8; fill: var(--yumusak); cursor: pointer; transition: fill .3s ease, fill-opacity .3s ease; }
.sim .map path:hover { stroke: var(--metin); stroke-width: 1.4; }
.sim .map path.sel { stroke: var(--metin); stroke-width: 2.2; }
.sim .maplegend { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: var(--metin2); }
.sim .maplegend .sw { margin-right: 6px; vertical-align: -1px; }
.sim .il-panel { min-width: 0; background: var(--zemin); border-top: 1px solid var(--cizgi); }
.sim .il-ic { padding: 18px 20px; display: grid; gap: 12px; align-content: start; }
@media (min-width: 1000px) {
  .sim .il-panel { position: relative; border-top: 0; border-left: 1px solid var(--cizgi); min-height: 420px; }
  .sim .il-ic { position: absolute; inset: 0; overflow-y: auto; scrollbar-width: thin; }
}
.sim .il-bos { display: grid; gap: 10px; align-content: start; }
.sim .il-bos h3 { font-size: 21px; font-weight: 800; letter-spacing: -.01em; }
.sim .il-bos p { color: var(--metin2); font-size: 14px; }
.sim .hizli { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.sim .hizli button { border: 1px solid var(--cizgi2); background: var(--kart); border-radius: 999px; padding: 6px 12px; font-size: 13px; font-weight: 650; }
.sim .hizli button:hover { border-color: var(--soluk); }
.sim .hizli button span { color: var(--soluk); font-weight: 500; margin-left: 4px; font-variant-numeric: tabular-nums; }
.sim .detail { display: grid; gap: 12px; }
.sim .detail .dh { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.sim .detail .dh h3 { font-size: 26px; font-weight: 850; letter-spacing: -.02em; }
.sim .detail .dh .hint { display: block; margin-top: 3px; }
.sim .cons { display: grid; gap: 9px; padding: 14px; border: 1px solid var(--cizgi); border-radius: 16px; background: var(--kart); }
.sim .cons .ch { display: flex; justify-content: space-between; gap: 8px; font-weight: 750; flex-wrap: wrap; }
.sim .cons .ch .m { color: var(--soluk); font-weight: 400; font-size: 12.5px; }
.sim .bar { display: flex; height: 12px; border-radius: 4px; overflow: hidden; background: var(--yumusak); gap: 2px; }
.sim .bar span { display: block; height: 100%; }
.sim .bar.thin { height: 8px; gap: 1px; }
.sim .chips { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; }
.sim .chips .sw { width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; }
.sim .chips.small { font-size: 12px; align-items: center; }
.sim .chips b { font-variant-numeric: tabular-nums; }
.sim .votes { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 3px 10px; font-size: 12.5px; color: var(--soluk); }
.sim .votes b { color: var(--metin); font-variant-numeric: tabular-nums; }
.sim .last { font-size: 12.5px; color: var(--metin2); background: var(--yumusak); border-radius: 10px; padding: 8px 10px; }
.sim .editgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 6px 10px; padding-top: 4px; }
.sim .ef { display: flex; align-items: center; gap: 6px; font-size: 12.5px; min-width: 0; }
.sim .ef .sw { width: 10px; height: 10px; border-radius: 2px; }
.sim .ef .en { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim .ef input { width: 64px; padding: 4px 6px; border: 1px solid var(--cizgi2); border-radius: 7px; background: var(--kart); text-align: right; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.sim .ef input[readonly] { background: var(--yumusak); color: var(--soluk); }
.sim .units { display: grid; gap: 4px; padding-top: 6px; border-top: 1px dashed var(--cizgi); }
.sim .unit { display: grid; gap: 4px; padding: 7px 0; border-bottom: 1px solid var(--cizgi); }
.sim .unit:last-child { border-bottom: 0; }
.sim .unit .uh { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; }
.sim .unit .un { font-weight: 650; }
.sim .unit .m { color: var(--soluk); font-size: 12px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sim .tip { position: fixed; z-index: 30; pointer-events: none; background: var(--metin); color: var(--zemin); border-radius: 10px; padding: 8px 11px; font-size: 12.5px; line-height: 1.4; max-width: 290px; box-shadow: var(--golge); }
.sim .tip b { font-size: 13.5px; }

/* ayrıntılar ve tablolar */
.sim .ayrinti { padding: 18px 20px; display: grid; gap: 14px; }
.sim .ayrinti-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px 16px; flex-wrap: wrap; }
.sim .ayrinti-bas h2 { font-size: 21px; font-weight: 800; letter-spacing: -.015em; }
.sim .arac { display: flex; gap: 8px; flex-wrap: wrap; }
.sim .arac input, .sim .arac select { padding: 8px 11px; border: 1px solid var(--cizgi2); border-radius: 10px; background: var(--kart); min-width: 0; }
.sim .arac input { flex: 1 1 200px; }
.sim .tablewrap { overflow-x: auto; min-width: 0; }
.sim .tablewrap.uzun { max-height: 560px; overflow: auto; border: 1px solid var(--cizgi); border-radius: 14px; }
.sim .tablewrap.uzun thead th { position: sticky; top: 0; z-index: 1; background: var(--kart); box-shadow: inset 0 -1px 0 var(--cizgi); }
.sim .tablewrap.uzun tbody tr:last-child td { border-bottom: 0; }
.sim .kutu > *, .sim .ayrinti > *, .sim .paylas > *, .sim .sim-bolum > * { min-width: 0; }
.sim table { border-collapse: collapse; width: 100%; font-size: 13.5px; }
.sim th, .sim td { text-align: left; padding: 9px 10px; border-bottom: 1px solid var(--cizgi); vertical-align: middle; }
.sim th { font: 600 10.5px/1.25 var(--mono); text-transform: uppercase; letter-spacing: .07em; color: var(--soluk); white-space: nowrap; }
.sim td.num, .sim th.num { text-align: right; font-variant-numeric: tabular-nums; }
.sim td .bar { width: 120px; }
.sim tr.il td { cursor: pointer; }
.sim tr.il:hover td { background: var(--yumusak); }
.sim .closesw { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }

/* paylaşım */
.sim .paylas { background: var(--vurgu-z); border-radius: 22px; padding: 22px; display: grid; gap: 14px; }
.sim .paylas-ic { display: grid; gap: 14px; }
@media (min-width: 900px) { .sim .paylas-ic { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); align-items: start; } }
.sim textarea { width: 100%; min-height: 96px; border: 1px solid var(--cizgi2); border-radius: 12px; background: var(--kart); padding: 11px 12px; font-size: 13px; color: var(--metin); resize: vertical; }
.sim .paylas-sol { display: grid; gap: 10px; min-width: 0; }
.sim .recent { display: grid; gap: 6px; align-content: start; }
.sim .rrow { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

/* anketler: seyir grafikleri */
.sim .seyir { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 236px), 1fr)); overflow: hidden; }
.sim .sy { display: grid; gap: 4px; padding: 14px 16px 10px; border-left: 1px solid var(--cizgi); border-top: 1px solid var(--cizgi); margin: -1px 0 0 -1px; min-width: 0; }
.sim .sy-bas { display: flex; align-items: center; gap: 7px; min-width: 0; }
.sim .sy-bas .ad { font-weight: 750; font-size: 14.5px; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim .sy-bas .ort { font-size: 21px; font-weight: 850; letter-spacing: -.02em; }
.sim .sy-bas .ort small { font-size: 11px; color: var(--soluk); font-weight: 600; margin-left: 3px; letter-spacing: 0; }
.sim .sy svg { width: 100%; height: auto; display: block; overflow: visible; }
.sim .sy .izgara { stroke: var(--cizgi); stroke-width: 1; }
.sim .sy .baraj { stroke: var(--soluk); stroke-width: 1; stroke-dasharray: 3 3; }
.sim .sy .pencere { fill: var(--yumusak); }
.sim .sy .eks { fill: var(--soluk); font: 500 9.5px var(--mono); }
.sim .sy .nok { stroke: var(--kart); stroke-width: 2; }
.sim .sy .cizgi { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.sim .sy .hit { fill: transparent; cursor: default; }
.sim .seyir-not { font-size: 13px; color: var(--soluk); display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; }
.sim .seyir-not .lk { display: inline-flex; align-items: center; gap: 6px; }
.sim .seyir-not svg { width: 22px; height: 10px; }
.sim .avg-cips { display: flex; flex-wrap: wrap; gap: 6px; }
.sim .avg-cips span { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 8px; border-radius: 999px; background: var(--kart); border: 1px solid var(--cizgi2); font-size: 13px; }
.sim .avg-cips b { font-weight: 800; }

/* eski seçimler */
.sim .secimler { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(170px, 1fr); gap: 10px; overflow-x: auto; padding: 2px 2px 6px; scrollbar-width: thin; }
.sim .sk { display: grid; gap: 4px; align-content: start; text-align: left; padding: 12px 13px 11px; border: 1px solid var(--cizgi); border-radius: 18px; background: var(--kart); min-width: 0; transition: border-color .2s, box-shadow .2s; }
.sim .sk:hover { border-color: var(--soluk); }
.sim .sk[aria-pressed="true"] { border-color: var(--secili); box-shadow: inset 0 0 0 1px var(--secili); }
.sim .sk svg { width: 100%; height: auto; display: block; margin-bottom: 4px; }
.sim .sk .t { font-weight: 800; font-size: 15px; letter-spacing: -.01em; }
.sim .sk .a { font-size: 12.5px; color: var(--soluk); }
.sim .sim-anahtar { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; color: var(--metin); cursor: pointer; user-select: none; }
.sim .sim-anahtar input { appearance: none; -webkit-appearance: none; width: 38px; height: 22px; border-radius: 999px; background: var(--cizgi2); border: 0; position: relative; margin: 0; flex: none; cursor: pointer; transition: background .2s; }
.sim .sim-anahtar input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--kart); box-shadow: 0 1px 2px rgb(0 0 0 / .3); transition: transform .2s; }
.sim .sim-anahtar input:checked { background: var(--bordo); }
.sim .sim-anahtar input:checked::after { transform: translateX(16px); }

/* yöntem */
.sim .yontem { display: grid; gap: 22px; }
@media (min-width: 1000px) { .sim .yontem { grid-template-columns: 230px minmax(0, 1fr); align-items: start; } }
.sim .icindekiler { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
@media (min-width: 1000px) { .sim .icindekiler { position: sticky; top: 16px; display: grid; gap: 2px; } }
.sim .icindekiler button { text-align: left; border: 0; background: none; padding: 7px 11px; border-radius: 10px; color: var(--metin2); font-weight: 600; font-size: 14px; white-space: nowrap; }
.sim .icindekiler button:hover { background: var(--yumusak); color: var(--metin); }
.sim .prose { padding: clamp(18px, 3vw, 38px); display: grid; gap: 12px; max-width: 900px; }
.sim .prose h2 { margin-top: 14px; font-size: 22px; font-weight: 800; letter-spacing: -.015em; scroll-margin-top: 16px; }
.sim .prose h2:first-child { margin-top: 0; }
.sim .prose ul { margin: 0; padding-left: 20px; display: grid; gap: 7px; }
.sim .prose li { line-height: 1.6; max-width: 76ch; }
.sim .prose > p { max-width: 76ch; }
.sim .prose .src { font-size: 13.5px; color: var(--soluk); }
.sim footer { margin-top: 30px; padding-top: 14px; border-top: 1px solid var(--cizgi); color: var(--soluk); font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 6px 18px; }

/* görsel penceresi ve bildirim */
.sim .sim-pencere { border: 1px solid var(--cizgi); border-radius: 18px; padding: 0; background: var(--kart); color: var(--metin); width: min(780px, calc(100vw - 32px)); max-height: calc(100vh - 32px); box-shadow: var(--golge); }
.sim .sim-pencere::backdrop { background: rgb(17 18 22 / .6); }
.sim .pencere-ic { display: grid; gap: 12px; padding: 18px; }
.sim .pencere-ic img { width: 100%; height: auto; border-radius: 12px; display: block; }
.sim .pencere-ic p { margin: 0; font-size: 13px; color: var(--soluk); }
.sim .pencere-bas { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.sim .pencere-bas h2 { margin: 0; font-size: 18px; font-weight: 750; }
.sim .kapat { border: 0; background: var(--yumusak); color: var(--metin); border-radius: 999px; width: 32px; height: 32px; display: inline-grid; place-items: center; cursor: pointer; }
.sim .sim-toast { position: fixed; left: 50%; bottom: calc(env(safe-area-inset-bottom, 0px) + 20px); transform: translateX(-50%) translateY(8px); background: var(--metin); color: var(--zemin); padding: 10px 16px; border-radius: 999px; font-size: 13.5px; font-weight: 650; opacity: 0; pointer-events: none; transition: opacity .2s, transform .2s; z-index: 40; font-family: var(--yazi); }
.sim .sim-toast.on { opacity: 1; transform: translateX(-50%) translateY(0); }

@media (max-width: 640px) {
  .sim .sahne { border-radius: 20px; gap: 16px; }
  .sim .cetvel { --ad: 64px; --deger: 82px; --ara: 8px; }
  .sim .cv-ad { font-size: 12.5px; gap: 6px; }
  .sim .cv-ad .sq { display: none; }
  .sim .cv-ad .uzun, .sim .cv-esik .uzun { display: none; }
  .sim .cv-ad .kisa, .sim .cv-esik .kisa { display: inline; }
  .sim .cv-sayi b { font-size: 20px; }
  .sim .cv-durum { font-size: 9px; letter-spacing: .03em; }
  .sim .hemi .maj-text { font-size: 18px; }
  .sim .hemi .hemi-num { font-size: 76px; }
  .sim .hemi .hemi-sub { font-size: 19px; }
  .sim .kural-ac { width: 100%; }
  .sim .pk { padding: 13px 16px 14px; gap: 8px; }
  .sim .pk-ust { min-height: 0; }
  .sim .pk-yuzde input, .sim .seats b { font-size: 31px; }
  .sim .insight .big { font-size: 40px; }
  .sim .harita-sol, .sim .il-ic, .sim .ayrinti { padding: 14px; }
  .sim .dagilim { display: none; }
  .sim th, .sim td { padding: 8px 7px; }
  .sim .paylas { padding: 18px; }
  .sim .guncel { flex-direction: column; gap: 6px; font-size: 12.5px; }
  .sim .g-liste { display: grid; gap: 6px; }
  .sim .g-liste li { display: flex; flex-wrap: nowrap; align-items: baseline; gap: 10px; }
  .sim .g-liste .g-lab { flex: 0 0 92px; }
  .sim .g-deger { flex: 1 1 0; min-width: 0; }
  .sim .sim-sekmeler { width: 100%; gap: 2px; padding: 3px; }
  .sim .sim-sekmeler button { flex: 1 1 auto; padding: 8px 9px; font-size: 13.5px; }
  .sim .senaryo-not { flex-basis: 100%; }
}
@media (max-width: 760px) { .sim .sim-toast { bottom: calc(env(safe-area-inset-bottom, 0px) + 84px); } }
@media (prefers-reduced-motion: reduce) { .sim *, .sim *::before, .sim *::after { transition: none !important; } }

/* =====================================================================
   Cumhurbaşkanlığı modu, mod geçişi, paylaşım penceresi, sık sorulanlar (25 Ekim 2026).
   Aynı tasarım dili: aynı belirteçler, sahne, kartlar ve harita. Aday renkleri yalnız ayırt etmek içindir.
   ===================================================================== */
.sim {
  --a-erdogan: #E8A33D; --a-yavas: #12808F; --a-imamoglu: #EF4B32; --a-ozel: #B5175C; --a-kilicdaroglu: #9E1B32; --a-fidan: #B8860B; --a-bayraktar: #8F6A1A;
  --a-kesici: #E07A8C; --a-dem_aday: #7B3FB5; --a-dervisoglu: #1F8ECC; --a-agiralioglu: #8D5524; --a-erbakan: #1B7F5E; --a-ozdag: #2E4FA8; --a-babacan: #5C6BC0;
  --a-arikan: #B5532F; --a-ogan: #2E4FA8; --a-ince: #5B7F95; --a-diger: #9AA3B2;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-tema="acik"]) .sim {
    --a-erdogan: #EBA640; --a-yavas: #36B3C2; --a-imamoglu: #FF7058; --a-ozel: #E2508E; --a-kilicdaroglu: #D9485F; --a-fidan: #D9A62E; --a-bayraktar: #C49A45;
    --a-kesici: #F09AAA; --a-dem_aday: #A06BE0; --a-dervisoglu: #4FB0E8; --a-agiralioglu: #B07A4A; --a-erbakan: #3BA87E; --a-ozdag: #6B8AE8; --a-babacan: #8C9AE6;
    --a-arikan: #DA7A55; --a-ogan: #6B8AE8; --a-ince: #7FA3BB; --a-diger: #737B8C;
    --g-20231-kilicdaroglu: #F04A5A; --g-20232-kilicdaroglu: #F04A5A; --g-2018-ince: #F04A5A; --g-2014-ihsanoglu: #5AA6DA; --g-2014-demirtas: #A06BE0; --g-2018-demirtas: #A06BE0;
    --g-2018-aksener: #4FB0E8; --g-20231-ogan: #6B8AE8; --g-20231-ince: #7FA3BB; --g-2018-karamollaoglu: #E0574A; --g-2018-perincek: #A07F70;
  }
}
:root[data-theme="dark"] .sim, :root[data-tema="koyu"] .sim {
  --a-erdogan: #EBA640; --a-yavas: #36B3C2; --a-imamoglu: #FF7058; --a-ozel: #E2508E; --a-kilicdaroglu: #D9485F; --a-fidan: #D9A62E; --a-bayraktar: #C49A45;
  --a-kesici: #F09AAA; --a-dem_aday: #A06BE0; --a-dervisoglu: #4FB0E8; --a-agiralioglu: #B07A4A; --a-erbakan: #3BA87E; --a-ozdag: #6B8AE8; --a-babacan: #8C9AE6;
  --a-arikan: #DA7A55; --a-ogan: #6B8AE8; --a-ince: #7FA3BB; --a-diger: #737B8C;
  --g-20231-kilicdaroglu: #F04A5A; --g-20232-kilicdaroglu: #F04A5A; --g-2018-ince: #F04A5A; --g-2014-ihsanoglu: #5AA6DA; --g-2014-demirtas: #A06BE0; --g-2018-demirtas: #A06BE0;
  --g-2018-aksener: #4FB0E8; --g-20231-ogan: #6B8AE8; --g-20231-ince: #7FA3BB; --g-2018-karamollaoglu: #E0574A; --g-2018-perincek: #A07F70;
}

/* ---------- mod geçişi: Milletvekili | Cumhurbaşkanlığı ---------- */
.sim .mod-gecis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 4px; margin-bottom: 14px; background: var(--yumusak); border-radius: 18px; max-width: 640px; }
.sim .mod-gecis a { display: grid; gap: 1px; padding: 9px 16px 10px; border-radius: 14px; color: var(--metin2); text-decoration: none; min-width: 0; }
.sim .mod-gecis a:hover { color: var(--metin); background: color-mix(in srgb, var(--kart) 60%, transparent); }
.sim .mod-gecis a[aria-current="page"] { background: var(--kart); color: var(--metin); box-shadow: 0 1px 2px rgb(21 22 27 / .08), inset 0 0 0 1.5px var(--vurgu); }
.sim .mod-gecis .mg-ad { font-weight: 800; font-size: 15.5px; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sim .mod-gecis .mg-alt { font: 600 10.5px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--soluk); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sim .mod-gecis a[aria-current="page"] .mg-alt { color: var(--vurgu); }

/* ---------- CB sahnesi ---------- */
.sim .cb-govde { grid-template-areas: "bas" "hemi" "cetvel"; }
@media (min-width: 1000px) {
  .sim .cb-govde { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); grid-template-areas: "bas hemi" "cetvel cetvel"; grid-template-rows: auto auto; }
}
.sim .cb-s-yaris { justify-items: stretch; align-self: start; }
.sim .cb-yaris { display: grid; gap: 16px; width: 100%; }
.sim .cb-tur { display: grid; gap: 9px; padding: 14px 16px 16px; border-radius: 18px; background: var(--zemin); border: 1px solid var(--cizgi); }
.sim .cb-tur-bas { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 12px; flex-wrap: wrap; }
.sim .cb-tur-not { font-size: 13px; color: var(--metin2); font-weight: 600; }
.sim .cb-satirlar { display: grid; gap: 7px; }
.sim .cb-satir { display: grid; grid-template-columns: minmax(84px, 128px) minmax(0, 1fr) 64px; gap: 10px; align-items: center; font-size: 14px; }
.sim .cb-satir.finalist .cb-ad { font-weight: 800; }
.sim .cb-satir.kazanan .cb-deger b { color: var(--iyi); }
.sim .cb-ad { display: flex; align-items: center; gap: 7px; min-width: 0; font-weight: 650; }
.sim .cb-ad span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sim .cb-iz { position: relative; height: 20px; border-radius: 5px; background: var(--bos); overflow: visible; }
.sim .cb-dolu { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 5px; transition: width .35s ease; }
.sim .cb-elli { position: absolute; left: 50%; top: -4px; bottom: -4px; border-left: 1.5px dashed var(--metin); opacity: .5; pointer-events: none; }
.sim .cb-deger { text-align: right; font-variant-numeric: tabular-nums; }
.sim .cb-deger b { font-size: 17px; font-weight: 800; letter-spacing: -.01em; }
.sim .cb-iki-adlar { display: flex; justify-content: space-between; gap: 12px; align-items: flex-end; }
.sim .cb-iki-taraf { display: grid; gap: 1px; min-width: 0; }
.sim .cb-iki-taraf.sag { justify-items: end; text-align: right; }
.sim .cb-iki-taraf b { font-size: clamp(26px, 3.2vw, 38px); font-weight: 850; letter-spacing: -.03em; line-height: 1.02; font-variant-numeric: tabular-nums; }
.sim .cb-iki-taraf.kazanan b { color: var(--metin); }
.sim .cb-iki-taraf:not(.kazanan) b { color: var(--metin2); }
.sim .cb-iki-ad { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14.5px; min-width: 0; }
.sim .cb-iki-taraf.kazanan .cb-iki-ad::after { content: "✓ kazanır"; font: 600 10px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--iyi); background: var(--iyi-z); padding: 3px 6px; border-radius: 6px; }
.sim .cb-iki-taraf.sag.kazanan .cb-iki-ad::after { order: -1; }
.sim .cb-iki { position: relative; display: flex; height: 26px; border-radius: 7px; overflow: visible; gap: 2px; }
.sim .cb-iki span { display: block; height: 100%; transition: width .35s ease; }
.sim .cb-iki-a { border-radius: 7px 0 0 7px; }
.sim .cb-iki-b { border-radius: 0 7px 7px 0; }
.sim .cb-iki .cb-elli { top: -6px; bottom: -6px; border-left-width: 2px; opacity: .7; }
.sim .cb-ozet { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.sim .cb-ozet-kart { display: grid; gap: 4px; align-content: start; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--cizgi); background: var(--kart); min-width: 0; }
.sim .cb-ozet-kart b { font-size: 22px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.sim .cb-ozet-kart small { font-size: 12.5px; color: var(--soluk); }
.sim .cb-ozet-kart.genis { grid-column: span 2; }
@media (max-width: 640px) { .sim .cb-ozet-kart.genis { grid-column: auto; } }
.sim .cb-il-cubuk { display: flex; height: 12px; border-radius: 4px; overflow: hidden; gap: 1px; background: var(--bos); margin-block: 4px 2px; }
.sim .cb-il-cubuk span { height: 100%; }

/* ---------- aday kartları ---------- */
.sim .cb-adaylar { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 268px), 1fr)); }
.sim .cb-pk { background: var(--kart); border: 1px solid var(--cizgi); border-radius: 20px; box-shadow: none; }
.sim .cb-pk .pk-ad b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sim .pk-not.cb-ok { color: var(--iyi); font-weight: 700; }
.sim .pk-not.cb-no { color: var(--uyari); font-weight: 650; }
.sim .cb-pk .cb-elli-isaret { left: calc(11px + (100% - 22px) * .714286); }
.sim .cb-pk .cb-elli-isaret::before { opacity: .55; }
.sim .cb-ekle { background: var(--yumusak); border: 1px dashed var(--cizgi2); border-radius: 20px; align-content: start; }
.sim .cb-ekle-ic { display: grid; gap: 8px; }
.sim .cb-ekle-ic select, .sim .cb-ekle-ic input { padding: 8px 10px; border: 1px solid var(--cizgi2); border-radius: 10px; background: var(--kart); width: 100%; min-width: 0; font-size: 13.5px; }
.sim .cb-ekle-ic .btn { justify-self: start; }

/* ---------- ikinci tur ---------- */
.sim .cb-tur2-kutu { display: grid; gap: 14px; padding: 18px 20px; }
.sim .cb-aktarim { display: grid; gap: 0; border: 1px solid var(--cizgi); border-radius: 14px; overflow: hidden; }
.sim .cb-ak-satir { display: grid; grid-template-columns: minmax(110px, 1.3fr) 70px 92px 92px minmax(120px, 1fr); gap: 10px; align-items: center; padding: 9px 12px; border-top: 1px solid var(--cizgi); font-size: 13.5px; }
.sim .cb-ak-satir:first-child { border-top: 0; }
.sim .cb-ak-satir.bas { background: var(--zemin); font: 600 10.5px/1.25 var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--soluk); }
.sim .cb-ak-ad { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; min-width: 0; }
.sim .cb-ak-satir input { width: 70px; padding: 4px 6px; border: 1px solid var(--cizgi2); border-radius: 8px; background: var(--kart); text-align: right; font-variant-numeric: tabular-nums; }
.sim .cb-ak-satir input:disabled { background: var(--yumusak); color: var(--soluk); }
.sim .cb-ak-cubuk { display: flex; height: 8px; border-radius: 3px; overflow: hidden; margin-top: 4px; background: var(--bos); }
.sim .cb-ak-cubuk i { display: block; height: 100%; }
.sim .cb-donus { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: center; font-size: 13.5px; color: var(--metin2); }
.sim .cb-donus input { grid-column: 1 / -1; width: 100%; accent-color: var(--bordo); }
.sim .cb-dogrudan { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .sim .cb-dogrudan { grid-template-columns: minmax(0, 1fr); } .sim .cb-ak-satir { grid-template-columns: minmax(84px, 1fr) 56px 72px 72px; } .sim .cb-ak-satir > :last-child { grid-column: 1 / -1; } .sim .cb-ak-satir.bas > :last-child { display: none; } }
.sim .cb-aday-sec { border: 0; background: transparent; font-size: 16.5px; font-weight: 750; color: var(--metin); padding: 0; max-width: 100%; min-width: 0; text-overflow: ellipsis; }
.sim .cb-iki-slider input[type=range]::-webkit-slider-runnable-track { background: linear-gradient(to right, var(--pc) 0 calc(11px + (100% - 22px) * var(--oran)), var(--pc2) calc(11px + (100% - 22px) * var(--oran)) 100%); }
.sim .cb-iki-slider input[type=range]::-moz-range-track { background: var(--pc2); }
.sim .cb-iki-slider .cb-elli-isaret { left: 50%; }

/* ---------- il paneli ekleri ---------- */
.sim .cb-gercek { background: var(--zemin); }
.sim .cb-gercek-satir { display: grid; gap: 4px; }
.sim .cb-gercek-satir small { font-size: 12.5px; color: var(--soluk); }

/* ---------- eski seçimler ve anketler ---------- */
.sim .cb-sk-cubuk { display: flex; height: 10px; border-radius: 3px; overflow: hidden; gap: 1px; background: var(--bos); margin-bottom: 6px; }
.sim .cb-sk-cubuk i { display: block; height: 100%; }
.sim .cb .secimler { grid-auto-columns: minmax(190px, 1fr); }
.sim .cb-esle button .say { font: 600 11px/1 var(--mono); opacity: .7; margin-left: 2px; }
.sim .cb-seyir { padding: 14px 16px 8px; }
.sim .cb-seyir svg { width: 100%; height: auto; display: block; overflow: visible; }
.sim .cb-seyir .izgara { stroke: var(--cizgi); stroke-width: 1; }
.sim .cb-seyir .baraj { stroke: var(--soluk); stroke-width: 1.2; stroke-dasharray: 4 4; }
.sim .cb-seyir .eks { fill: var(--soluk); font: 500 10.5px var(--mono); }
.sim .cb-seyir .nok { stroke: var(--kart); stroke-width: 1.5; opacity: .9; }
.sim .cb-seyir .cizgi { fill: none; stroke-width: 2.4; stroke-linejoin: round; stroke-linecap: round; }
.sim .cb-seyir .hit { fill: transparent; }
#cba-seyir { display: grid; gap: 10px; }
.sim .cbf-satirlar { display: grid; gap: 8px; }
.sim .cbf-satir { display: grid; grid-template-columns: minmax(0, 1fr) 96px auto; gap: 8px; align-items: center; }
.sim .cbf-satir select, .sim .cbf-satir input { padding: 8px 10px; border: 1px solid var(--cizgi2); border-radius: 10px; background: var(--kart); width: 100%; min-width: 0; }

/* ---------- sık sorulanlar (sunucuda yazılır, her zaman görünür) ---------- */
.sim .sss { display: grid; gap: 10px; margin-top: 26px; padding: clamp(18px, 3vw, 30px); background: var(--kart); border: 1px solid var(--cizgi); border-radius: 22px; }
.sim .sss h2 { font-size: 22px; font-weight: 800; letter-spacing: -.015em; }
.sim .sss .sss-alt { margin-top: 12px; font-size: 18px; }
.sim .sss details { border-top: 1px solid var(--cizgi); padding: 10px 0 4px; }
.sim .sss summary { cursor: pointer; font-weight: 750; font-size: 15.5px; list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.sim .sss summary::-webkit-details-marker { display: none; }
.sim .sss summary::after { content: "+"; font-weight: 600; color: var(--soluk); }
.sim .sss details[open] summary::after { content: "–"; }
.sim .sss details p { margin-top: 8px; color: var(--metin2); max-width: 82ch; line-height: 1.6; }
.sim .sss-tablo td, .sim .sss-tablo th { font-size: 13px; }

/* ---------- paylaşım penceresi ---------- */
.sim .paylas-pencere { width: min(1120px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow: auto; }
.sim .pl-ic { gap: 14px; }
.sim .pl-govde { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; align-items: start; }
@media (min-width: 860px) { .sim .pl-govde { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } }
.sim .pl-sol, .sim .pl-sag { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; align-content: start; min-width: 0; }
.sim .pl-tuval-kap { display: grid; place-items: center; padding: 12px; border-radius: 16px; background: var(--yumusak); min-height: 220px; }
.sim .pl-tuval { display: block; max-width: 100%; height: auto; border-radius: 10px; box-shadow: 0 10px 28px -14px rgb(21 22 27 / .45); background: #fff; }
.sim .pl-tuval.pl-hikaye { max-height: min(60vh, 620px); width: auto; }
.sim .pl-tuval.pl-gonderi { max-height: min(58vh, 560px); width: auto; }
.sim .pl-tuval.pl-kare { max-height: min(56vh, 520px); width: auto; }
.sim .pl-tuval.pl-yatay { width: 100%; }
.sim .pl-alt-satir { display: flex; justify-content: space-between; align-items: center; gap: 8px 12px; flex-wrap: wrap; }
.sim .pl-ana { display: flex; flex-wrap: wrap; gap: 8px; }
.sim .pl-ilerleme { width: 100%; height: 8px; accent-color: var(--bordo); }
.sim .pl-video-durum { min-height: 1.4em; }
.sim .pl-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 520px) { .sim .pl-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sim .pl-platform { display: grid; justify-items: center; gap: 5px; padding: 10px 6px 9px; border: 1px solid var(--cizgi2); border-radius: 14px; background: var(--kart); color: var(--metin); font-size: 12.5px; font-weight: 650; text-align: center; min-width: 0; }
.sim .pl-platform:hover { border-color: var(--soluk); background: var(--yumusak); }
.sim .pl-platform svg { width: 24px; height: 24px; }
.sim .pl-platform span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.sim .pl-metin { min-height: 92px; }
.sim .pl-bag-satir { display: flex; gap: 8px; align-items: center; }
.sim .pl-bag { flex: 1 1 auto; min-width: 0; padding: 8px 10px; border: 1px solid var(--cizgi2); border-radius: 10px; background: var(--zemin); font-size: 12.5px; color: var(--metin2); }
.sim .pl-uyari { border-top: 1px solid var(--cizgi); padding-top: 10px; }
.pl-gizli { position: fixed; left: -9999px; top: 0; opacity: 0; }
.sim .pl-hazir { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 10px 12px; border: 1px solid var(--cizgi2); border-radius: 14px; background: var(--iyi-z); }
.sim .pl-hazir-not { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 650; color: var(--iyi); }
.sim .pl-hazir-not svg { width: 18px; height: 18px; flex: none; }
.sim .pl-hazir .hint { flex-basis: 100%; }
.sim td.birinci { white-space: nowrap; }
.sim .sss-tablo .ss-ek { display: none; }
@media (max-width: 560px) {
  .sim .gec { display: none; }
}
@media (max-width: 640px) {
  .sim .sss-tablo thead { display: none; }
  .sim .sss-tablo tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; padding: 11px 0; border-bottom: 1px solid var(--cizgi); }
  .sim .sss-tablo td { border: 0; padding: 0; font-size: 13.5px; }
  .sim .sss-tablo .ss-t { grid-column: 1; grid-row: 1; font-weight: 750; }
  .sim .sss-tablo .ss-tur { grid-column: 2; grid-row: 1; text-align: right; color: var(--soluk); }
  .sim .sss-tablo .ss-ad { grid-column: 1; grid-row: 2; }
  .sim .sss-tablo .ss-y { grid-column: 2; grid-row: 2; font-weight: 800; }
  .sim .sss-tablo .ss-oy { grid-column: 1 / -1; text-align: left; color: var(--metin2); }
  .sim .sss-tablo .ss-d { grid-column: 1 / -1; color: var(--metin2); font-size: 12.5px; line-height: 1.5; }
  .sim .sss-tablo .ss-ek { display: inline; }
  .sim .sss-tablo td.bos { display: none; }
}
.sim #cba-tablo tr.daha td { text-align: center; padding: 12px; }
@media (max-width: 640px) {
  .sim #cba-tablo thead { display: none; }
  .sim #cba-tablo tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; padding: 12px 2px; border-bottom: 1px solid var(--cizgi); }
  .sim #cba-tablo td { border: 0; padding: 0; }
  .sim #cba-tablo td:nth-child(1) { grid-column: 1; grid-row: 1; }
  .sim #cba-tablo td:nth-child(2) { grid-column: 1; grid-row: 2; color: var(--soluk); font-size: 12.5px; }
  .sim #cba-tablo td:nth-child(3) { grid-column: 2; grid-row: 1; color: var(--soluk); font-size: 12.5px; }
  .sim #cba-tablo td:nth-child(3)::before { content: "n = "; }
  .sim #cba-tablo td:nth-child(4) { grid-column: 1 / -1; }
  .sim #cba-tablo td:nth-child(5) { grid-column: 1; font-size: 12.5px; align-self: center; }
  .sim #cba-tablo td:nth-child(6) { grid-column: 2; text-align: right; }
  .sim #cba-tablo tr.daha { display: block; border-bottom: 0; }
  .sim #cba-tablo tr.daha td { display: block; }
}