:root{
  --bg:#f3f5f4; --panel:#ffffff; --ink:#1c2826; --muted:#5d6b68; --line:#d5dcda;
  --accent:#0d6b63; --accent-soft:#dcebe7; --up:#a95c17; --down:#2d5b8a; --warn:#b3261e;
  --r1:#e6f0ed; --r2:#b8d8d0; --r3:#7fb8ab; --r4:#3f8f82; --r5:#0d5c55;
  --serif:"Literata",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-padding-top:70px}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 var(--sans)}
a{color:var(--accent)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.2;margin:0 0 .5em}
h1{font-size:2.1rem}
h2{font-size:1.45rem;margin-top:1.6em}
h3{font-size:1.1rem}
p{max-width:72ch}
.ust{position:sticky;top:0;z-index:20;background:var(--ink);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.6rem;padding:.7rem 1.4rem}
.logo{color:#fff;text-decoration:none;font-family:var(--serif);font-size:1.15rem;font-weight:600}
.logo span{color:#9cc9c0;font-weight:400;font-size:.95rem;margin-left:.3rem}
#menu{display:flex;flex-wrap:wrap;gap:.2rem .9rem}
#menu a{color:#cfe0dc;text-decoration:none;padding:.2rem 0;border-bottom:2px solid transparent}
#menu a.aktif{color:#fff;border-bottom-color:#7fb8ab}
main{max-width:1380px;margin:0 auto;padding:1.6rem 1.4rem 3rem}
.alt{border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;padding:1.2rem 1.4rem;max-width:1240px;margin:0 auto}
.yukleniyor{color:var(--muted)}
.giris-ust{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2.4rem;align-items:start}
.giris-ust .lede{font-size:1.12rem;color:#2c3a37}
@media (max-width:860px){.giris-ust{grid-template-columns:1fr}}
.bulten{background:var(--panel);border-left:4px solid var(--accent);padding:1.1rem 1.3rem}
.bulten h2{margin-top:0}
.bulten.bos{border-left-color:var(--muted)}
.bulten table{margin-top:.6rem}
/* raf */
.raf-kutu{margin-top:2.2rem}
.raf{display:flex;align-items:flex-end;gap:4px;overflow-x:auto;padding:.4rem 0 .2rem;min-height:210px;border-bottom:3px solid var(--ink)}
.cilt{flex:1 0 34px;max-width:46px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:inherit;position:relative}
.cilt .sirt{display:flex;flex-direction:column;justify-content:flex-end;border-radius:2px 2px 0 0;overflow:hidden;background:#cbd6d3}
.cilt .k{display:block}
.cilt .k.il{background:var(--r5)}
.cilt .k.ibbs{background:var(--r3)}
.cilt .k.tr{background:#9aa8a5}
.cilt .yil{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.78rem;color:var(--muted);margin:.35rem auto 0;height:3.6em}
.cilt.yok .sirt{background:repeating-linear-gradient(45deg,transparent 0 5px,#c7cfcd 5px 7px);border:1px dashed #a9b4b1}
.cilt:hover .sirt{outline:2px solid var(--ink)}
.raf-acik{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-size:.9rem;color:var(--muted);margin-top:.7rem}
.raf-acik i{display:inline-block;width:.9em;height:.9em;vertical-align:-.1em;margin-right:.35em}
.kapsam-tablo{margin-top:1.2rem}
/* tables */
table{border-collapse:collapse;width:100%;font-size:.93rem}
th,td{text-align:left;padding:.42rem .55rem;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600;color:var(--muted);font-size:.85rem}
td.s,th.s{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.kaydir{overflow-x:auto}
.up{color:var(--up)} .down{color:var(--down)} .sus{color:var(--warn)}
.kanit{font-size:.82rem;white-space:nowrap}
/* il page */
.il-duzen{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:1.4rem;align-items:start}
.il-duzen>div:first-child{position:sticky;top:64px}
@media (max-width:980px){.il-duzen>div:first-child{position:static}}
.panel td:first-child{min-width:11rem}
@media (max-width:980px){.il-duzen{grid-template-columns:1fr}}
.kontrol{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:end;margin-bottom:.8rem}
.kontrol label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted);gap:.2rem}
select,input[type=search],input[type=text]{font:inherit;padding:.38rem .5rem;border:1px solid #b9c4c1;border-radius:3px;background:#fff;color:var(--ink);max-width:100%}
select{max-width:min(520px,100%)}
button{font:inherit;cursor:pointer;border:1px solid var(--ink);background:#fff;color:var(--ink);padding:.35rem .8rem;border-radius:3px}
button.birincil{background:var(--ink);color:#fff}
.harita-kutu{background:var(--panel);padding:.6rem;position:relative}
#trsvg{width:100%;height:auto;display:block}
#trsvg path{stroke:#fff;stroke-width:.7;cursor:pointer}
#trsvg path:hover{stroke:var(--ink);stroke-width:1.4}
#trsvg path.secili{stroke:var(--ink);stroke-width:2}
#trsvg path.bos{fill:#e3e7e6}
.lejant{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.82rem;color:var(--muted);margin-top:.4rem}
.lejant i{display:inline-block;width:1.1em;height:.8em;margin-right:.3em;vertical-align:-.05em}
#ipucu{position:fixed;pointer-events:none;background:var(--ink);color:#fff;font-size:.85rem;padding:.3rem .55rem;border-radius:3px;display:none;z-index:50;max-width:260px}
.panel{background:var(--panel);padding:1rem 1.1rem}
.il-bas{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.il-bas h2{margin:0}
.grup-bas{margin:1.3rem 0 .3rem;font-family:var(--serif);font-size:1.02rem}
tr.satir{cursor:pointer}
tr.satir:hover td{background:#f1f6f4}
tr.satir.acik td{background:var(--accent-soft)}
tr.detay td{background:#fbfcfb;padding:.8rem}
.kucuk{font-size:.84rem;color:var(--muted)}
.spark{display:block}
.grafik svg{width:100%;height:auto;display:block}
.grafik .eks{stroke:var(--line)}
.grafik text{font:12px var(--sans);fill:var(--muted)}
.etiket{display:inline-block;font-size:.78rem;padding:.05rem .4rem;border:1px solid var(--line);border-radius:10px;color:var(--muted);margin-right:.25rem}
.ilsec{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
/* bolge */
.bolge-duzen{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:900px){.bolge-duzen{grid-template-columns:1fr}}
.liste{background:var(--panel);max-height:72vh;overflow:auto}
.liste button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:.5rem .7rem;background:transparent;font-size:.92rem}
.liste button[aria-pressed=true]{background:var(--accent-soft);font-weight:600}
.liste button small{display:block;color:var(--muted);font-weight:400}
.cipler{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}
.cip{font-size:.85rem;border:1px solid #b9c4c1;border-radius:14px;padding:.15rem .6rem;background:#fff}
.cip[aria-pressed=true]{color:#fff}
/* haritalar */
.hr-duzen{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:1.4rem;align-items:start}
@media (max-width:900px){.hr-duzen{grid-template-columns:1fr}}
.gorsel{background:#fff;position:relative;overflow:hidden;user-select:none}
.gorsel img{width:100%;display:block}
.perde{position:absolute;inset:0;overflow:hidden}
.perde img{width:100%;max-width:none}
.cizgi{position:absolute;top:0;bottom:0;width:2px;background:var(--ink)}
.cizgi::after{content:"";position:absolute;top:50%;left:-9px;width:20px;height:20px;border-radius:50%;background:var(--ink);transform:translateY(-50%)}
.kaydirac{width:100%;margin:.8rem 0 .2rem}
.yil-etiketleri{display:flex;justify-content:space-between;font-size:.8rem;color:var(--muted)}
.mod{display:flex;gap:.4rem;margin-bottom:.8rem}
.mod button[aria-pressed=true]{background:var(--ink);color:#fff}
/* katalog */
.kat-satir td:first-child{width:52%}
.yilcip{display:inline-block;font-size:.78rem;margin:0 .2rem .2rem 0;padding:.05rem .35rem;border:1px solid var(--line);border-radius:3px;text-decoration:none}
.yilcip:hover{background:var(--accent-soft)}
.duzey{font-size:.78rem;padding:.05rem .45rem;border-radius:3px;white-space:nowrap}
.duzey.il{background:var(--r5);color:#fff}.duzey.ibbs{background:var(--r3);color:#06312d}.duzey.tr{background:#d9dfdd}.duzey.ulus{background:#efe3d3}
.notlar p,.notlar li{max-width:75ch}
.not-kutu{background:var(--panel);padding:1rem 1.2rem;margin:1rem 0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.uc-kolon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}.uc-kolon ul{padding-left:1.1rem;margin:0}.uc-kolon li{margin-bottom:.35rem}@media (max-width:860px){.uc-kolon{grid-template-columns:1fr}}
input[type=range]{accent-color:var(--accent)}
.giris-hero{max-width:860px}
.bulten{margin-top:1.6rem}
.bulten td a{text-decoration:none}