/* Türkiye Veri Kaynakları. Varsayılan koyu tema (siyah zemin); açık tema isteğe bağlı.
   Renk, verinin biçimini anlatır: API mor, dosya yeşil, sorgu ekranı mavi, belge kırmızı, harita turuncu. */
:root{
  color-scheme:dark;
  --zemin:#000; --yuzey:#0e0e10; --metin:#f2f2f2; --soluk:#a3a3a8; --cizgi:#232327; --kenar:#4a4a52;
  --vurgu:#7cc4ff; --vurgu-zemin:#0c2236; --uyari:#ffc266; --isaret:#4d3f00;
  --t-api:#c3a6ff; --t-dosya:#62d394; --t-sorgu:#7cc4ff; --t-pdf:#ff9180; --t-harita:#ffb65c; --t-diger:#b4b4bb;
  --font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
:root[data-theme="light"]{
  color-scheme:light;
  --zemin:#fff; --yuzey:#f6f7f9; --metin:#0d0d0f; --soluk:#55555c; --cizgi:#e4e4e8; --kenar:#8e8e96;
  --vurgu:#1259c3; --vurgu-zemin:#e6effc; --uyari:#8a4b00; --isaret:#fff0a0;
  --t-api:#6a3fc8; --t-dosya:#17773f; --t-sorgu:#1259c3; --t-pdf:#c0362a; --t-harita:#9c5400; --t-diger:#55555c;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--kenar) var(--zemin)}
body{margin:0;background:var(--zemin);color:var(--metin);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--vurgu);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:12px;top:-80px;background:var(--metin);color:var(--zemin);padding:10px 16px;z-index:50;font-weight:600}
.atla:focus{top:10px}
.kap{max-width:1180px;margin:0 auto;padding:0 24px}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* üst çubuk: alttaki renk şeridi biçim renklerinin göstergesi */
.ust{border-bottom:1px solid var(--cizgi);position:relative}
.ust::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;
  background:linear-gradient(90deg,var(--t-api) 0 20%,var(--t-dosya) 20% 40%,var(--t-sorgu) 40% 60%,var(--t-pdf) 60% 80%,var(--t-harita) 80%)}
.ust .kap{display:flex;align-items:center;gap:4px;min-height:60px}
.marka{font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--metin);text-decoration:none;margin-right:auto;padding:8px 0}
.menu{display:flex;align-items:center;gap:2px}
.menu a,.menu button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--metin);text-decoration:none;font-size:15px}
.menu a:hover,.menu button:hover{background:var(--yuzey)}
.menu a[aria-current="page"]{color:var(--vurgu)}

/* giriş ve arama */
.giris{padding:28px 0 22px;border-bottom:1px solid var(--cizgi)}
.giris h1{margin:0 0 6px;font-size:clamp(26px,4vw,36px);line-height:1.15;font-weight:650;letter-spacing:-.02em}
.giris p{margin:0;color:var(--soluk);max-width:68ch;font-size:17px}
.sayilar{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:0;list-style:none;font-size:14px;color:var(--soluk)}
.sayilar b{color:var(--metin);font-size:16px;font-variant-numeric:tabular-nums;margin-right:4px}
.sayilar .api b{color:var(--t-api)}.sayilar .dosya b{color:var(--t-dosya)}
.ara{display:flex;align-items:center;margin:20px 0 0;border:1px solid var(--kenar);border-radius:10px;background:var(--yuzey)}
.ara:focus-within{border-color:var(--vurgu);box-shadow:0 0 0 3px var(--vurgu-zemin)}
.ara svg{flex:none;margin-left:14px;color:var(--soluk)}
.ara input{flex:1;min-width:0;border:0;background:none;outline:0;padding:14px 12px;font-size:18px}
.ara input::placeholder{color:var(--soluk);opacity:1}
.ara input::-webkit-search-cancel-button{-webkit-appearance:none}
.ara .sil{width:44px;height:44px;margin-right:2px;border:0;background:none;border-radius:8px;color:var(--soluk);font-size:24px}
.ara .sil:hover{color:var(--metin)}

/* düzen: solda filtreler, sağda sonuçlar */
.duzen{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start;padding:24px 0 0}
/* geniş ekranda filtreler çerçeveli panelde; uzun kategori listesi kendi kutusunda kayar */
@media (min-width:901px){.filtre{padding:16px 14px 6px;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey);scrollbar-width:thin}}
.kaydir{max-height:300px;overflow-y:auto;padding:4px;border:1px solid var(--cizgi);border-radius:8px;background:var(--zemin);scrollbar-width:thin}
.filtre>summary{display:none}
.fg{padding:0 0 18px}
.fg h2{margin:0 0 6px;padding:0 8px;font-size:13px;font-weight:600;color:var(--soluk);letter-spacing:.02em}
.fg ul{list-style:none;margin:0;padding:0}
.sec{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:4px 8px;border:0;border-radius:7px;background:none;text-align:left;font-size:14.5px;line-height:1.3}
.sec .ad{min-width:0}
.sec:hover{background:var(--cizgi)}
.sec .n{margin-left:auto;padding-left:8px;color:var(--soluk);font-size:13px;font-variant-numeric:tabular-nums}
.sec[aria-pressed="true"]{background:var(--vurgu-zemin);color:var(--vurgu);font-weight:600}
.sec[aria-pressed="true"] .n::after{content:" ×"}
.nokta{--c:var(--t-diger);flex:none;width:9px;height:9px;border-radius:50%;background:var(--c)}
.fg details summary{cursor:pointer;padding:6px 8px;color:var(--soluk);font-size:14px}
.temizle{border:0;background:none;padding:6px 0;color:var(--vurgu);text-decoration:underline;text-underline-offset:.18em;font-size:15px}

.durum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:36px;padding:0 0 12px;color:var(--soluk);font-size:15px}
.durum strong{color:var(--metin);font-variant-numeric:tabular-nums}
.durum .ipucu{color:var(--uyari)}

/* sonuç satırları */
.liste{list-style:none;margin:0;padding:0}
.liste>li{margin:0 0 10px;padding:16px 18px;border:1px solid var(--cizgi);border-radius:12px;background:var(--yuzey)}
.liste>li.bos{background:none;border:0;padding:24px 0}
/* kart: kurum başlığı + veri sayfaları */
.kurum h2{margin:0;font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.01em;overflow-wrap:anywhere}
.alan{display:inline-block;margin-top:2px;font-size:14px;color:var(--soluk);overflow-wrap:anywhere}
.alan a{color:inherit}
.alan a:hover{color:var(--vurgu)}
.sayfalar{list-style:none;margin:12px 0 0;padding:0}
.sayfalar>li{padding:12px 0 0;margin-top:12px;border-top:1px solid var(--cizgi)}
.sayfalar>li:first-child{margin-top:0}
.baslik{font-size:16px;font-weight:600;line-height:1.35;color:var(--vurgu);text-decoration:none;overflow-wrap:anywhere}
.baslik:hover{text-decoration:underline}
.acik{margin:4px 0 0;max-width:75ch;font-size:15px}
.bilgi{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:14px;color:var(--soluk)}
.etk{--c:var(--t-diger);display:inline-block;padding:1px 8px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);border-radius:5px;
  background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c);font-size:13px;font-weight:600;line-height:1.55;white-space:nowrap}
.api{--c:var(--t-api)}.dosya{--c:var(--t-dosya)}.sorgu{--c:var(--t-sorgu)}.pdf{--c:var(--t-pdf)}.harita{--c:var(--t-harita)}
.bilgi .ozl{margin-left:4px}
.kayit{color:var(--uyari);font-weight:600}
.hepsi{margin-top:12px;min-height:36px;padding:0 14px;border:1px solid var(--kenar);border-radius:8px;background:none;font-size:14px;font-weight:500}
.hepsi:hover{border-color:var(--vurgu);color:var(--vurgu)}
mark{background:var(--isaret);color:inherit;padding:0 1px;border-radius:2px}
.bos{padding:36px 0;max-width:62ch}
.bos h2{margin:0 0 6px;font-size:20px}
.bos p{margin:0 0 14px;color:var(--soluk)}
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--kenar);border-radius:8px;background:var(--yuzey);font-size:15px;font-weight:500}
.dugme:hover{border-color:var(--vurgu)}
.daha{display:flex;width:100%;margin-top:22px}

/* alt bilgi */
.alt-bilgi{margin-top:56px;border-top:1px solid var(--cizgi);padding:24px 0 40px;font-size:15px;color:var(--soluk)}
.alt-bilgi .kap{display:flex;flex-wrap:wrap;gap:4px 22px;align-items:center}
.alt-bilgi a{color:var(--metin);display:inline-flex;align-items:center;gap:7px;min-height:40px}
.alt-bilgi p{flex-basis:100%;margin:8px 0 0}

/* kılavuz ve kategori sayfaları */
.makale{max-width:740px;padding:32px 0 0}
.makale h1{margin:0 0 8px;font-size:clamp(26px,4vw,36px);line-height:1.15;font-weight:650;letter-spacing:-.02em}
.makale .giris-yazi{margin:0;color:var(--soluk);font-size:17px}
.icindekiler{margin:22px 0 0;padding:14px 18px;border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey)}
.icindekiler p{margin:0 0 6px;font-weight:600}
.icindekiler ol{margin:0;padding-left:22px;columns:2;column-gap:28px}
.icindekiler li{margin:3px 0;break-inside:avoid}
.makale section{padding-top:30px;scroll-margin-top:16px}
.makale h2{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:650}
.makale h3{margin:20px 0 4px;font-size:17px;font-weight:650}
.makale li{margin:5px 0}
.makale code{font-family:inherit;font-weight:600;background:var(--yuzey);border:1px solid var(--cizgi);padding:0 5px;border-radius:4px}
.tablo{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
.tablo th{text-align:left;font-weight:600;padding:8px 12px 8px 0;border-bottom:1px solid var(--kenar)}
.tablo td{padding:10px 12px 10px 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
.tablo td:first-child{width:10em}
.tablo .etk{margin:0 4px 4px 0}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{cursor:pointer;font-weight:600;padding:12px 0;min-height:44px}
.sss details p{margin:0 0 14px}
.kat-liste{columns:2;column-gap:32px;padding-left:20px}
.kat-liste li{break-inside:avoid}

/* tablet ve telefon */
@media (max-width:900px){
  .duzen{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:16px}
  .filtre{border:1px solid var(--cizgi);border-radius:10px;background:var(--yuzey)}
  .filtre>summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 14px;font-weight:600;cursor:pointer;list-style:none}
  .filtre>summary::-webkit-details-marker{display:none}
  .filtre>summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--soluk);border-bottom:2px solid var(--soluk);transform:rotate(45deg);margin-top:-4px}
  .filtre[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
  .filtre-ic{padding:4px 8px 6px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 18px}
  .sec{min-height:44px}
}
@media (max-width:600px){
  .kap{padding:0 16px}
  .giris{padding-top:22px}
  .ara input{font-size:17px}
  .menu .metin{display:none}
  .marka{font-size:14.5px}
  .menu a,.menu button{padding:0 7px;font-size:14px;min-width:40px}
  .giris{padding:18px 0 16px}
  .icindekiler ol,.kat-liste{columns:1}
  .tablo,.tablo tbody,.tablo tr,.tablo td{display:block;width:auto}
  .tablo thead{display:none}
  .tablo tr{padding:10px 0;border-bottom:1px solid var(--cizgi)}
  .tablo td{border:0;padding:2px 0}
  .tablo td:first-child{width:auto;padding-bottom:6px}
}

/* seçili filtreler */
.secili{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 6px 0 11px;border:1px solid color-mix(in srgb,var(--vurgu) 45%,transparent);border-radius:999px;background:var(--vurgu-zemin);color:var(--vurgu);font-size:14px;font-weight:500}
.secili span{font-size:17px;line-height:1;padding:0 3px}
.secili:hover{border-color:var(--vurgu)}
@media (max-width:600px){.liste>li{padding:14px}.giris{padding-bottom:22px}}
.alt-bilgi p a{display:inline;min-height:0}
.filtre,.filtre-ic,.fg{min-width:0}
.liste .baslik::after{content:"↗";margin-left:5px;font-size:.85em;opacity:.7}
.sirala{margin-left:auto}
.sirala select{min-height:36px;padding:0 10px;border:1px solid var(--kenar);border-radius:8px;background:var(--yuzey);font-size:14px}
.yardim{margin-left:6px;font-weight:500;font-size:12.5px}
.sonuc-gor{display:none;width:100%;margin:6px 0 10px;background:var(--vurgu-zemin);border-color:var(--vurgu);color:var(--vurgu);font-weight:600}
@media (max-width:900px){.sonuc-gor{display:flex;grid-column:1/-1}}