/* İl Sağlık Endeksi — emreatilgan.com marka paketiyle (marka/emreatilgan-marka.css).
   Arayüz tokenları paketin --ea-* tokenlarına bağlıdır. Sitenin kendi kimliği haritadır:
   Türkiye koropleti açık yeşilden zeytin koyusuna beş dilim (markanın lime tonundan türetildi).
   Altı boyutun renkleri OECD Sağlık Endeksi ile aynıdır (iki site aynı boyutları kullanır).
   Tahmin edilen değerler kehribar rozetle ve haritada tarama deseniyle işaretlenir. */

:root {
  color-scheme: light;
  --zemin: var(--ea-bg);
  --yuzey: var(--ea-bg-soft);
  --bant: #ececec;
  --cizgi: var(--ea-line);
  --cizgi-koyu: var(--ea-pill-border);
  --yazi: var(--ea-ink);
  --yazi-2: var(--ea-text);
  --yazi-3: var(--ea-hint);
  --font: var(--ea-font);
  /* Boyut renkleri (OECD sitesiyle ortak) */
  --d-statu: #1d6f8e;
  --d-kaynak: #2d8a63;
  --d-kullanim: #7457a6;
  --d-risk: #b8820f;
  --d-harcama: #a0522d;
  --d-sosyal: #5b6c7e;
  /* Koroplet dilimleri */
  --h1: #eef4dc;
  --h2: #cfe59c;
  --h3: #9cc24a;
  --h4: #5e8a27;
  --h5: #2f4a14;
  /* Karşılaştırma renkleri; 1. birim her zaman koyu */
  --k1: #313131; --k2: #6f9a1f; --k3: #1d6f8e; --k4: #b8820f; --k5: #7457a6;
  /* Tahmin rozeti */
  --tahmin: #8a5d00;
  --tahmin-zemin: #fff4d9;
  --tahmin-cizgi: #e1b450;
  --ust-h: 72px;
}

* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--zemin); color: var(--yazi); font: 400 16px/1.55 var(--font); -webkit-font-smoothing: antialiased; min-height: 100vh; display: flex; flex-direction: column; }
a { color: inherit; text-underline-offset: 3px; text-decoration-color: var(--cizgi-koyu); }
a:hover { text-decoration-color: currentColor; }
button, input, select { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--yazi); outline-offset: 3px; border-radius: var(--ea-r-sm); }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sr-only:focus { position: fixed; left: 12px; top: 12px; width: auto; height: auto; clip: auto; z-index: 100; padding: 8px 14px; background: var(--ea-dark); color: #fff; border-radius: var(--ea-r-pill); }
.wrap { width: 100%; max-width: var(--ea-wrap); margin: 0 auto; padding: 0 var(--ea-pad); }
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }

/* Örnek veri şeridi */
.ornek-serit { background: var(--tahmin-zemin); border-bottom: 1px solid var(--tahmin-cizgi); color: var(--tahmin); font-size: 14px; }
.ornek-serit p { max-width: var(--ea-wrap); margin: 0 auto; padding: 8px var(--ea-pad); }
.ornek-serit b { font-weight: 600; }

/* Üst bar */
.ust { background: color-mix(in srgb, var(--zemin) 90%, transparent); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 30; border-bottom: 1px solid transparent; }
.ust .wrap { display: flex; align-items: center; gap: 12px 20px; min-height: var(--ust-h); position: relative; }
.logo { flex: none; }
.menu-kap { flex: 1; display: flex; justify-content: flex-end; }
.menu { display: flex; gap: 2px; list-style: none; margin: 0; padding: 0; }
.menu a { display: block; white-space: nowrap; padding: 6px 11px; border-radius: var(--ea-r-pill); text-decoration: none; color: var(--yazi); font-weight: 500; font-size: 16px; }
.menu a:hover, .menu a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .3em; }
.ikon { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--cizgi); border-radius: 50%; background: var(--zemin); cursor: pointer; color: var(--yazi); flex: none; }
.ikon:hover { border-color: var(--cizgi-koyu); }
.menu-ac { display: none; margin-left: auto; }
@media (max-width: 1100px) {
  .menu-ac { display: grid; }
  .menu-kap { flex: 0; }
  .menu { display: none; position: absolute; top: var(--ust-h); left: 0; right: 0; flex-direction: column; background: var(--zemin); border-bottom: 1px solid var(--cizgi); padding: 8px var(--ea-pad) 16px; box-shadow: 0 16px 24px -16px rgba(0,0,0,.12); }
  .menu.acik { display: flex; }
  .menu a { font-size: 18px; padding: 10px 0; }
}
@media (max-width: 480px) {
  .logo { font-size: 17px; min-width: 0; }
  .ikon { width: 40px; height: 40px; }
}

/* Sayfa iskeleti */
main { flex: 1; }
main:focus { outline: none; }
main [id] { scroll-margin-top: 150px; }
.yukleniyor { min-height: 45vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; color: var(--yazi-3); font-size: 14px; }
.yk-isaret { width: 28px; height: 28px; border-radius: 9px; background: conic-gradient(var(--h4) 0 25%, var(--h2) 0 50%, var(--h3) 0 75%, var(--h5) 0); animation: nabiz 1.4s ease-in-out infinite; }
@keyframes nabiz { 50% { opacity: .35; transform: rotate(90deg); } }
.sayfa { padding: 36px 0 72px; }
.baslik { max-width: 820px; margin-bottom: 28px; }
.baslik h1 { font-size: clamp(32px, 1.6rem + 2.2vw, 56px); line-height: 1.02; letter-spacing: -.06em; font-weight: 600; margin: 0 0 14px; text-wrap: balance; color: var(--yazi); }
.baslik h1 .g { color: var(--ea-grey); }
.baslik > p { font-size: clamp(1.05rem, 1rem + .3vw, 1.25rem); color: var(--ea-text-2); margin: 0; max-width: 66ch; }
.bolum { margin-top: 64px; }
.bolum-bas { display: flex; align-items: baseline; gap: 6px 16px; flex-wrap: wrap; margin-bottom: 16px; }
.bolum-bas h2 { font-size: var(--ea-fs-h3); letter-spacing: -.045em; line-height: 1.12; font-weight: 500; margin: 0; color: var(--yazi); }
.bolum-bas p { margin: 0; color: var(--yazi-3); font-size: 14px; flex-basis: 100%; max-width: 80ch; }
.bolum-bas a { margin-left: auto; font-size: 15px; font-weight: 500; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.bolum-bas a:hover { border-bottom-color: transparent; }
.soluk { color: var(--yazi-3); }
.kucuk { font-size: 14px; }
.not { border-left: 3px solid var(--tahmin-cizgi); background: var(--yuzey); border-radius: 0 16px 16px 0; padding: 12px 16px; color: var(--yazi-2); font-size: 15px; max-width: 80ch; margin: 0 0 16px; }
figure { margin: 0; }

/* Panel: grafik ve tabloları çerçeveler */
.panel { position: relative; background: var(--yuzey); border-radius: var(--ea-r-card); padding: clamp(18px, 2.2vw, 26px); min-width: 0; }
.panel h3 { font-size: 1.0625rem; font-weight: 500; letter-spacing: -.03em; margin: 0 0 2px; color: var(--yazi); padding-right: 28px; }
.panel .alt { font-size: 13px; color: var(--yazi-3); margin: 0 0 12px; max-width: 70ch; }
.tuval { width: 100%; min-width: 0; }
.iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.iki-genis { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; }
@media (max-width: 900px) { .iki, .iki-genis { grid-template-columns: minmax(0, 1fr); } }

/* Seçim çubuğu: düzey + yıl. Sayfanın üstünde yapışkan. */
.secim-cubugu { display: flex; align-items: center; gap: 12px 24px; flex-wrap: wrap; padding: 10px 0; position: sticky; top: var(--ust-h); z-index: 20; background: color-mix(in srgb, var(--zemin) 92%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); margin-bottom: 20px; border-bottom: 1px solid var(--cizgi); }
.secim-grup { display: flex; align-items: center; gap: 10px; }
.secim-etiket { font-size: 14px; color: var(--yazi-3); }
.seg { display: inline-flex; padding: 4px; gap: 2px; border-radius: var(--ea-r-pill); background: var(--ea-bg-soft-2); }
.seg button { border: 0; background: transparent; color: var(--yazi-2); padding: 8px 16px; border-radius: var(--ea-r-pill); cursor: pointer; font-weight: 500; font-size: 15px; line-height: 1.1; white-space: nowrap; }
.seg button:hover { color: var(--yazi); }
.seg button[aria-pressed="true"] { background: var(--ea-dark); color: #fff; }
.yil-kap { display: inline-flex; align-items: center; gap: 4px; }
.ok { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--cizgi); background: var(--zemin); border-radius: 50%; cursor: pointer; color: var(--yazi); }
.ok svg { width: 12px; height: 14px; }
.ok:hover:not([disabled]) { background: var(--ea-lime-btn); border-color: var(--ea-lime-btn); }
.ok[disabled] { opacity: .35; cursor: default; }
.secim { height: 40px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 14px; background: var(--zemin); font-weight: 500; }
.secim:hover { border-color: var(--cizgi-koyu); }
.secim-cubugu .bosluk { flex: 1; }
@media (max-width: 640px) {
  .secim-cubugu { gap: 8px 14px; position: static; }
  .secim-etiket { display: none; }
  .seg button { padding: 8px 12px; font-size: 14px; }
}

/* Düğmeler */
.eylem { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.dugme { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: var(--ea-r-pill); border: 1px solid var(--cizgi-koyu); background: var(--zemin); color: var(--yazi); text-decoration: none; font-weight: 500; font-size: 15px; cursor: pointer; white-space: nowrap; transition: background-color .3s var(--ea-ease), border-color .3s var(--ea-ease), color .3s var(--ea-ease); }
.dugme:hover { background: var(--ea-lime-btn); border-color: var(--ea-lime-btn); }
.dugme.ana { background: var(--ea-dark); border-color: var(--ea-dark); color: #fff; }
.dugme.ana:hover { background: var(--ea-lime-btn); border-color: var(--ea-lime-btn); color: var(--ea-ink); }
.dugme.kucuk { height: 34px; padding: 0 14px; font-size: 14px; }
.dugme[disabled] { opacity: .4; cursor: default; background: var(--zemin); border-color: var(--cizgi-koyu); }

/* ---------- Genel bakış: harita sahnesi ---------- */
.sahne { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; align-items: stretch; }
.sahne .harita-kap { position: relative; background: var(--yuzey); border-radius: var(--ea-r-card); padding: 14px 14px 10px; min-width: 0; }
.harita-tuval { width: 100%; aspect-ratio: 2.25 / 1; min-height: 220px; }
.harita-ust { display: flex; align-items: baseline; gap: 8px 16px; flex-wrap: wrap; padding: 4px 8px 0; }
.harita-ust h2 { font-size: 1.0625rem; font-weight: 500; letter-spacing: -.03em; margin: 0; }
.harita-ust p { margin: 0; font-size: 13px; color: var(--yazi-3); }
.yan-panel { background: var(--yuzey); border-radius: var(--ea-r-card); padding: 20px 22px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.odak-birim { min-height: 148px; border-bottom: 1px solid var(--cizgi); padding-bottom: 14px; }
.odak-birim .ob-duzey { font-size: 13px; color: var(--yazi-3); }
.odak-birim .ob-ad { font-size: 26px; line-height: 1.1; letter-spacing: -.05em; font-weight: 600; margin: 2px 0 8px; color: var(--yazi); }
.odak-birim .ob-ad a { text-decoration: none; }
.odak-birim .ob-ad a:hover { text-decoration: underline; }
.odak-birim .ob-sayi { display: flex; gap: 18px; }
.odak-birim .ob-sayi b { display: block; font-size: 28px; line-height: 1; font-weight: 600; letter-spacing: -.06em; color: var(--yazi); }
.odak-birim .ob-sayi span { font-size: 13px; color: var(--yazi-3); }
.odak-birim .ob-ipucu { font-size: 14px; color: var(--yazi-3); margin: 0; }
.ucler h3 { font-size: 14px; font-weight: 500; color: var(--yazi-2); margin: 0 0 6px; }
.ucler ol { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.ucler li a { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 8px; padding: 4px 6px; border-radius: 8px; text-decoration: none; color: var(--yazi); }
.ucler li a:hover, .ucler li a.vurgu { background: var(--bant); }
.ucler li .s { color: var(--yazi-3); }
.ucler li .a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 1000px) { .sahne { grid-template-columns: minmax(0, 1fr); } .yan-panel { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .odak-birim { min-height: 0; } }
@media (max-width: 560px) { .harita-tuval { aspect-ratio: 2.2 / 1; min-height: 150px; } .sahne .harita-kap { padding: 6px 4px 8px; } }

.harita-lejant { display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; font-size: 12px; color: var(--yazi-3); padding: 4px 8px 0; }
.harita-lejant .lj-bas { color: var(--yazi-2); font-weight: 500; }
.lj-dilim { display: flex; list-style: none; margin: 0; padding: 0; gap: 2px; flex-wrap: wrap; }
.lj-dilim li { display: flex; flex-direction: column; gap: 3px; min-width: 96px; white-space: nowrap; }
.lj-dilim i { height: 8px; display: block; }
.lj-dilim li:first-child i { border-radius: 4px 0 0 4px; }
.lj-dilim li:last-child i { border-radius: 0 4px 4px 0; }
.lj-tahmin { display: inline-flex; align-items: center; gap: 6px; margin-left: auto; }
.lj-tahmin i { width: 18px; height: 12px; border-radius: 3px; background: repeating-linear-gradient(45deg, var(--h3) 0 2px, #e6efcf 2px 5px); }

/* Rakam satırı */
.rakamlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; border-top: 1px solid var(--cizgi); padding-top: 20px; }
.rakam .d { font-size: clamp(26px, 1.4rem + 1vw, 36px); line-height: 1.1; font-weight: 600; letter-spacing: -.06em; color: var(--yazi); }
.rakam .k { font-size: 14px; color: var(--yazi-3); }
.rakam .d small { font-size: .5em; letter-spacing: -.02em; font-weight: 500; color: var(--yazi-3); margin-left: 4px; }
@media (max-width: 760px) { .rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Öne çıkanlar */
.kartlar { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }
.kart { --ton: var(--cizgi-koyu); display: block; text-decoration: none; background: var(--yuzey); border-radius: var(--ea-r-card); padding: 18px 20px; transition: background-color .3s var(--ea-ease); }
a.kart:hover { background: var(--bant); }
.kart.iyi { --ton: var(--h4); }
.kart.kotu { --ton: #b4462f; }
.kart.uyari { --ton: var(--tahmin-cizgi); }
.kart .kart-ust { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--yazi-3); font-weight: 500; }
.kart .kart-ust::before { content: ""; width: 8px; height: 8px; flex: none; background: var(--ton); border-radius: 2px; }
.kart .b { font-size: 21px; font-weight: 500; letter-spacing: -.04em; margin: 8px 0 6px; line-height: 1.2; color: var(--yazi); }
.kart p { margin: 0; font-size: 14px; color: var(--yazi-2); }

/* Tablolar */
.tablo-kap { position: relative; overflow-x: auto; background: var(--yuzey); border-radius: var(--ea-r-card); padding: 6px 10px; }
.tablo { width: 100%; border-collapse: collapse; font-size: 14px; }
.tablo th, .tablo td { padding: 9px 10px; border-bottom: 1px solid var(--cizgi); text-align: right; white-space: nowrap; }
.tablo tbody tr:last-child td { border-bottom: 0; }
.tablo th { font-size: 13px; font-weight: 500; color: var(--yazi-3); background: var(--yuzey); vertical-align: bottom; }
.tablo th.sol, .tablo td.sol { text-align: left; }
.tablo td.sar { white-space: normal; min-width: 180px; }
.tablo th.boyut-bas { border-top: 3px solid var(--renk); white-space: normal; min-width: 82px; line-height: 1.25; }
.tablo th button { all: unset; cursor: pointer; }
.tablo th button:focus-visible { outline: 2px solid var(--yazi); }
.tablo th[aria-sort] { color: var(--yazi); }
.tablo th[aria-sort="ascending"] button::after { content: " ↑"; }
.tablo th[aria-sort="descending"] button::after { content: " ↓"; }
.tablo tbody tr:hover td { background: var(--bant); }
.tablo td a { text-decoration: none; font-weight: 500; color: var(--yazi); }
.tablo td a:hover { text-decoration: underline; }
.tablo td .alt-ad { display: block; font-size: 12px; color: var(--yazi-3); font-weight: 400; }
.tablo td .alt-ad a { font-weight: 400; color: var(--yazi-3); }
.tablo tr.secili td { background: color-mix(in oklab, var(--ea-lime-btn) 35%, var(--yuzey)); font-weight: 600; }
.tablo tr.grup td { background: var(--bant); font-weight: 600; text-align: left; color: var(--yazi); box-shadow: inset 4px 0 0 var(--renk); }
.tablo .cubuk { display: inline-block; width: 48px; height: 6px; background: var(--bant); border-radius: 3px; vertical-align: middle; margin-left: 8px; position: relative; overflow: hidden; }
.tablo .cubuk b { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--h4); }
.tablo .degisim { font-size: 12px; color: var(--yazi-3); margin-left: 6px; font-weight: 400; }
.tablo td.isi { color: var(--yazi); font-variant-numeric: normal; }
.tablo.sabit-ilk th:nth-child(-n+2), .tablo.sabit-ilk td:nth-child(-n+2) { position: sticky; background: var(--yuzey); z-index: 1; }
.tablo.sabit-ilk th:nth-child(1), .tablo.sabit-ilk td:nth-child(1) { left: 0; min-width: 48px; }
.tablo.sabit-ilk th:nth-child(2), .tablo.sabit-ilk td:nth-child(2) { left: 48px; box-shadow: 1px 0 0 var(--cizgi); }
.tablo.sabit-ilk tbody tr:hover td { background: var(--bant); }
.tablo.sabit-ilk tr.secili td { background: color-mix(in oklab, var(--ea-lime-btn) 35%, var(--yuzey)); }
.artis { color: #3f6d12; }
.azalis { color: #a33a23; }

/* Grafik altı veri tablosu */
.veri-tablo { margin-top: 12px; font-size: 13px; }
.veri-tablo summary { cursor: pointer; color: var(--yazi-3); width: max-content; max-width: 100%; padding: 4px 0; }
.veri-tablo summary:hover { color: var(--yazi); }
.veri-tablo .tablo-kap { margin-top: 8px; max-height: 380px; overflow: auto; background: var(--zemin); }
.veri-tablo .tablo th { background: var(--zemin); position: sticky; top: 0; }

/* ---------- Tahmin rozeti ---------- */
.deger-rozet { display: inline-flex; align-items: center; gap: 8px; justify-content: flex-end; flex-wrap: nowrap; }
.deger-rozet.tahminli .deger { text-decoration: underline dotted var(--tahmin-cizgi) 2px; text-underline-offset: 4px; }
.rozet { position: relative; display: inline-flex; align-items: center; gap: 5px; padding: 1px 8px 1px 6px; border-radius: var(--ea-r-tag); font-size: 12px; line-height: 1.5; font-weight: 500; white-space: nowrap; }
.rozet.olcum { color: var(--yazi-3); border: 1px solid var(--cizgi); padding-left: 8px; }
.rozet.tahmin { color: var(--tahmin); background: var(--tahmin-zemin); border: 1px dashed var(--tahmin-cizgi); cursor: help; }
.rozet.tahmin i { width: 7px; height: 7px; border-radius: 50%; border: 1.5px solid currentColor; background: linear-gradient(90deg, currentColor 50%, transparent 50%); flex: none; }
.rozet.tahmin.bolge_degeri { background: #fbe9c4; }
.rozet[data-ipucu]:hover::after, .rozet[data-ipucu]:focus::after {
  content: attr(data-ipucu); position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 40; width: max-content; max-width: 280px;
  white-space: normal; text-align: left; padding: 8px 12px; background: var(--ea-dark); color: #fff; font-size: 13px; font-weight: 400; line-height: 1.45; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.18); pointer-events: none;
}
.rozet:focus-visible { outline-offset: 2px; border-radius: var(--ea-r-tag); }
.tablo td .rozet[data-ipucu]:hover::after { right: 0; }
.atama-lejant { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; font-size: 13px; color: var(--yazi-3); margin: 0 0 12px; }

/* ---------- Birim sayfası ---------- */
.bolge-yolu { display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 14px; color: var(--yazi-3); margin-bottom: 14px; }
.bolge-yolu a { text-decoration: none; color: var(--yazi-2); }
.bolge-yolu a:hover { text-decoration: underline; color: var(--yazi); }
.birim-bas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 440px); gap: 24px; align-items: end; margin-bottom: 8px; }
.birim-bas .plaka { display: inline-grid; place-items: center; min-width: 44px; height: 30px; padding: 0 8px; border: 1.5px solid var(--yazi); border-radius: 6px; font-weight: 600; font-size: 16px; letter-spacing: .02em; vertical-align: .55em; margin-left: 12px; color: var(--yazi); }
.birim-bas .konum { width: 100%; aspect-ratio: 2.25 / 1; }
@media (max-width: 900px) { .birim-bas { grid-template-columns: minmax(0, 1fr); } .birim-bas .konum { max-width: 440px; } }
.olcek-not { font-size: 13px; color: var(--yazi-3); margin: 8px 0 0; max-width: 80ch; }
.lejant { display: flex; gap: 8px 16px; flex-wrap: wrap; font-size: 13px; color: var(--yazi-2); margin: 0 0 10px; }
.lejant span { display: inline-flex; align-items: center; gap: 6px; }
.lejant i { width: 16px; height: 3px; border-radius: 2px; background: var(--renk); }
.lejant i.kesik { background: repeating-linear-gradient(90deg, var(--renk) 0 4px, transparent 4px 7px); }

/* Birim dizini (/il) */
.dizin { columns: 3 300px; column-gap: 28px; }
.dizin-n1 { break-inside: avoid; margin: 0 0 22px; padding-top: 12px; border-top: 1px solid var(--cizgi); }
.dizin-n1 > h2 { font-size: 18px; letter-spacing: -.03em; font-weight: 600; margin: 0 0 6px; }
.dizin-n1 > h2 a { text-decoration: none; }
.dizin-n1 > h2 a:hover { text-decoration: underline; }
.dizin-n1 > h2 small { font-weight: 400; color: var(--yazi-3); font-size: 13px; margin-left: 6px; }
.dizin-n2 { margin: 6px 0 8px; }
.dizin-n2 > a { font-size: 13px; color: var(--yazi-3); text-decoration: none; display: block; }
.dizin-n2 > a:hover { color: var(--yazi); text-decoration: underline; }
.dizin-n2 ul { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.dizin-n2 li a { display: inline-block; padding: 3px 10px; border: 1px solid var(--cizgi-koyu); border-radius: var(--ea-r-tag); text-decoration: none; font-size: 14px; background: var(--zemin); }
.dizin-n2 li a:hover { background: var(--ea-lime-btn); border-color: var(--ea-lime-btn); }
.ara { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.ara input { height: 42px; padding: 0 16px; border: 1px solid var(--cizgi); border-radius: var(--ea-r-pill); background: var(--zemin); min-width: min(320px, 100%); }
.ara input:hover, .ara input:focus { border-color: var(--cizgi-koyu); }

/* Gösterge sayfası */
.yan { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; align-items: start; }
@media (max-width: 900px) { .yan { grid-template-columns: minmax(0, 1fr); } }
.gosterge-listesi { position: sticky; top: calc(var(--ust-h) + 72px); max-height: calc(100vh - var(--ust-h) - 90px); overflow: auto; padding-right: 8px; }
.gosterge-listesi h2 { font-size: 13px; font-weight: 600; margin: 18px 0 6px; padding-left: 10px; border-left: 3px solid var(--renk); color: var(--yazi-2); }
.gosterge-listesi h2:first-child { margin-top: 0; }
.gosterge-listesi ul { list-style: none; margin: 0; padding: 0; }
.gosterge-listesi a { display: block; padding: 5px 12px; text-decoration: none; color: var(--yazi-2); font-size: 14px; line-height: 1.35; border-radius: 12px; }
.gosterge-listesi a:hover { background: var(--bant); color: var(--yazi); }
.gosterge-listesi a[aria-current="page"] { background: var(--ea-dark); color: #fff; }
.gosterge-secim { display: none; width: 100%; margin-bottom: 16px; }
@media (max-width: 900px) { .gosterge-listesi { display: none; } .gosterge-secim { display: block; } }
.kunye { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 6px 16px; margin: 0; font-size: 15px; }
.kunye dt { color: var(--yazi-3); font-size: 14px; }
.kunye dd { margin: 0; }
.boyut-etiket { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: var(--yazi-2); }
.boyut-etiket::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--renk); }

/* Karşılaştırma */
.cipler { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 14px; }
.cip { display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 6px 0 14px; border: 1px solid var(--cizgi-koyu); border-radius: var(--ea-r-tag); background: var(--zemin); font-weight: 500; font-size: 14px; }
.cip i { width: 10px; height: 10px; border-radius: 50%; background: var(--renk); flex: none; }
.cip a { text-decoration: none; }
.cip button { all: unset; cursor: pointer; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: var(--yazi-3); font-size: 18px; line-height: 1; }
.cip button:hover { background: var(--bant); color: var(--yazi); }
.cip button:focus-visible { outline: 2px solid var(--yazi); }
.ekle { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.ekle input { height: 40px; padding: 0 14px; border: 1px solid var(--cizgi); border-radius: 14px; min-width: 240px; background: var(--zemin); }
.tablo td.en-iyi { font-weight: 700; color: var(--yazi); }

/* Ham veri */
.suzgec { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 12px 14px; align-items: end; background: var(--yuzey); border-radius: var(--ea-r-card); padding: 18px 20px; margin-bottom: 14px; }
.suzgec label { display: grid; gap: 5px; font-size: 13px; font-weight: 500; color: var(--yazi-2); min-width: 0; }
.suzgec select, .suzgec input { height: 40px; padding: 0 12px; border: 1px solid var(--cizgi); border-radius: 12px; background: var(--zemin); min-width: 0; width: 100%; font-weight: 400; }
.suzgec .eylem { grid-column: 1 / -1; }
.veri-ozet { display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; margin: 4px 0 12px; font-size: 14px; color: var(--yazi-2); }
.veri-ozet .bosluk { flex: 1; }
.sayfalama { display: flex; gap: 8px; align-items: center; justify-content: flex-end; margin-top: 12px; flex-wrap: wrap; font-size: 14px; color: var(--yazi-2); }
.kaynak-bag { font-size: 13px; color: var(--yazi-2); }
.kaynak-bag a { color: var(--yazi-2); font-weight: 400 !important; }
.tablo.ham td.deger-h { min-width: 72px; font-weight: 500; color: var(--yazi); }
.tablo.ham td.tahminli .deger { text-decoration: underline dotted var(--tahmin-cizgi) 2px; text-underline-offset: 4px; }
.tablo.ham td.yontem-h { padding-left: 2px; }
@media (max-width: 700px) {
  .tablo.ham thead { display: none; }
  .tablo.ham, .tablo.ham tbody { display: block; width: 100%; }
  /* İki eşit sütunlu kart; hücrelere genişlik verilmez (verilirse bir sütun sıfıra düşer ve metinler üst üste biner) */
  .tablo.ham tr { padding: 12px 2px; border-bottom: 1px solid var(--cizgi); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px; }
  .tablo.ham td { display: block; width: auto; min-width: 0; border: 0; padding: 0; text-align: left; white-space: normal; overflow-wrap: anywhere; }
  .tablo.ham td[data-k]::before { display: block; }
  .tablo.ham td.kaynak-bag, .tablo.ham td.soluk { grid-column: 1 / -1; }
  .tablo.ham td[data-k]::before { content: attr(data-k); color: var(--yazi-3); font-size: 12px; }
  .tablo.ham td.g-ad { grid-column: 1 / -1; font-weight: 600; }
  .tablo.ham td.deger-h { min-width: 0; font-size: 16px; }
  .tablo.ham td.yontem-h { padding: 0; align-self: end; }
  .tablo.ham .deger-rozet { justify-content: flex-start; flex-wrap: wrap; }
  .tablo.ham tbody tr:hover td { background: none; }
}

/* Yöntem */
.icindekiler { display: flex; flex-wrap: wrap; gap: 6px 4px; margin: -8px 0 32px; font-size: 14px; }
.icindekiler a { padding: 5px 13px; border: 1px solid var(--cizgi-koyu); border-radius: var(--ea-r-tag); text-decoration: none; color: var(--yazi); background: var(--zemin); }
.icindekiler a:hover { background: var(--ea-lime-btn); border-color: var(--ea-lime-btn); }
.adimlar { list-style: none; counter-reset: adim; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; border-top: 1px solid var(--cizgi); }
.adimlar li { counter-increment: adim; padding-top: 16px; }
.adimlar li::before { content: counter(adim); display: block; font-size: 36px; font-weight: 600; letter-spacing: -.06em; color: var(--ea-lime-deep); line-height: 1; margin-bottom: 8px; }
.adimlar h3 { margin: 0 0 4px; font-size: 16px; font-weight: 500; color: var(--yazi); }
.adimlar p { margin: 0; color: var(--yazi-2); font-size: 14px; }
@media (max-width: 900px) { .adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.formul { font-size: 17px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); overflow-wrap: anywhere; }
.formul:last-of-type { border-bottom: 0; }
.formul small { display: block; font-size: 13px; color: var(--yazi-3); }
.metin { max-width: 72ch; }
.metin p, .metin li { color: var(--ea-text-2); }
.metin p + p { margin-top: 12px; }
.metin li + li { margin-top: 6px; }
.metin h3 { font-size: 19px; font-weight: 500; letter-spacing: -.03em; color: var(--yazi); margin: 24px 0 6px; }
.duzey-akis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.duzey-akis > div { background: var(--yuzey); border-radius: var(--ea-r-card); padding: 18px 20px; }
.duzey-akis h3 { margin: 0 0 4px; font-size: 17px; font-weight: 600; letter-spacing: -.03em; }
.duzey-akis p { margin: 0; font-size: 14px; color: var(--yazi-2); }
@media (max-width: 760px) { .duzey-akis { grid-template-columns: minmax(0, 1fr); } }
.atif p { margin: 0; font-size: 15px; line-height: 1.6; }
pre.kod { margin: 0; font: 13px/1.55 ui-monospace, "SF Mono", Menlo, Consolas, monospace; white-space: pre-wrap; word-break: break-word; color: var(--yazi-2); }
.feragat-not { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--cizgi); font-size: 13px; color: var(--yazi-3); }
.arac { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.arac .bosluk { flex: 1; }

/* Alt bilgi */
.alt-bilgi { margin-top: 24px; font-size: 15px; }
.alt-bilgi .wrap.ea-foot-grid { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); }
.alt-bilgi h2 { font-size: var(--ea-fs-sm); font-weight: 500; color: var(--ea-text); margin: 0 0 14px; }
.alt-bilgi p { margin: 0; max-width: 56ch; color: var(--ea-text-2); }
.alt-bilgi p.soluk { color: var(--yazi-3); }
.alt-bilgi ul { display: grid; gap: 2px; }
.alt-bilgi .feragat { grid-column: 1 / -1; max-width: none; margin-top: 16px; font-size: 13px; color: var(--yazi-3); }
@media (max-width: 960px) { .alt-bilgi .wrap.ea-foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .alt-bilgi .wrap.ea-foot-grid { grid-template-columns: minmax(0, 1fr); } }

@media print {
  @page { margin: 14mm; }
  .ust, .alt-bilgi, .secim-cubugu, .veri-tablo, .icindekiler, .eylem, .menu-ac, .ornek-serit { display: none !important; }
  .sayfa { padding: 0; }
  .wrap { max-width: none; padding: 0; }
  .panel, .tablo-kap, .kart, figure, tr { break-inside: avoid; }
  .tablo-kap { overflow: visible; }
}
.metin > h2 { font-size: var(--ea-fs-h3); letter-spacing: -.045em; line-height: 1.12; font-weight: 500; margin: 0 0 12px; color: var(--yazi); }
.metin > h2:not(:first-child) { margin-top: 40px; }
code { font: 13px ui-monospace, "SF Mono", Menlo, Consolas, monospace; background: var(--bant); padding: 1px 6px; border-radius: 6px; }
.tahmin-yuksek, .tahmin-yuksek a { color: var(--tahmin) !important; font-weight: 600; }
.taslak-etiket { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: var(--ea-r-tag); background: var(--tahmin-zemin); border: 1px dashed var(--tahmin-cizgi); color: var(--tahmin); font-size: 13px; font-weight: 600; }
.taslak-kutu { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--yazi-2); cursor: pointer; }
.taslak-kutu input { width: 16px; height: 16px; accent-color: var(--ea-dark); margin: 0; }
.not.taslak { border-left-color: var(--tahmin); background: var(--tahmin-zemin); color: var(--tahmin); }
.not.taslak b { font-weight: 600; }
.yayin-yok { background: var(--yuzey); border-radius: var(--ea-r-card); padding: clamp(24px, 4vw, 48px); max-width: 860px; }
.yayin-yok h2 { font-size: var(--ea-fs-h3); letter-spacing: -.045em; line-height: 1.12; font-weight: 500; margin: 0 0 10px; }
.yayin-yok > p { color: var(--ea-text-2); max-width: 64ch; margin: 0 0 20px; }
.ozellik-yok { color: var(--yazi-3); font-size: 12px; font-style: normal; display: block; }