/* Kürsü paleti (denizturgut hukuk sitesi, SPEC-tasarim §1) — yalnız açık tema, sitede olduğu gibi.
   Taban: token, kabuk (üst şerit, künye bandı, altbilgi), ortak bileşenler. Sayfaya özgü: gezgin.css (ana sayfa),
   il.css (il sayfaları), sayfa.css (sıralama, veri, yöntem, 404). 6. oturumda ölü ana sayfa kuralları ayıklandı. */
:root{
  color-scheme:light;
  --zemin:#f6f2ea; --zemin-2:#efe9dd; --yuzey:#fffdf8; --murekkep:#1a2234; --ikincil:#4a5468; --soluk:#5f6778;
  --lacivert:#14213d; --lacivert-hover:#1d2f57; --altin:#806326; --cizgi:#d8cfbc; --lacivert-ust:#e9e4d8;
  --vurgu:var(--lacivert); --vurgu-zemin:var(--zemin-2); --sinir:#fffdf8; --secili:#14213d; --azsayi:#d3d0c8;
  /* sıralı ölçek: krem → lacivert */
  --s1:#ebe4d4; --s2:#cdcac0; --s3:#a4a9b1; --s4:#76819a; --s5:#46557a; --s6:#14213d;
  /* ayrışan ölçek (endeks): altında lacivert, üstünde altın-kahve, ortada krem */
  --d1:#1d2f57; --d2:#5e6f92; --d3:#aeb6c6; --d4:#e6dfd0; --d5:#d9c08a; --d6:#a9823a; --d7:#6b4e17;
  --baslik:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --govde:"DM Sans",ui-sans-serif,system-ui,"Segoe UI",Arial,sans-serif;
  --sayi:var(--govde);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--zemin)}
body{background:var(--zemin);color:var(--murekkep);font:16px/1.6 var(--govde);margin:0;font-variant-numeric:tabular-nums}
::selection{background:#e2d6bb}
.kap{max-width:1120px;margin:0 auto;padding-inline:max(16px,min(24px,4vw))}
h1,h2,h3{font-family:var(--baslik);font-weight:400;color:var(--lacivert);text-wrap:balance;margin:0}
h1{font-size:clamp(30px,4.6vw,44px);line-height:1.15;letter-spacing:-.005em}
h2{font-size:21px;line-height:1.3}
h3{font-size:17px;line-height:1.4;font-family:var(--govde);font-weight:600}
a{color:var(--lacivert);text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{text-decoration-color:var(--lacivert)}
:focus-visible{outline:2px solid var(--altin);outline-offset:2px;border-radius:2px}

/* Künye bandı */
.ust-bant{background:var(--yuzey);border-bottom:1px solid var(--cizgi)}
.ust{display:flex;flex-direction:column;gap:14px;padding-block:44px 40px}
.kunye{font:600 12px/1.3 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--altin)}
.giris{font:italic 400 clamp(18px,2.2vw,21px)/1.45 var(--baslik);color:var(--murekkep);max-width:40em;margin:0}
.ust p.acik{max-width:66ch;margin:0;color:var(--ikincil);font-size:15.5px}

.sayfa{display:flex;flex-direction:column;gap:28px;padding-block:32px 72px}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan label,.etiket{font:600 11.5px/1.3 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--ikincil)}

/* "Veri neyi ölçer" — künye kartı: yüzey, hairline, üstte 2 px lacivert */
.olcer{background:var(--yuzey);border:1px solid var(--cizgi);border-top:2px solid var(--lacivert);padding:18px 22px;max-width:74ch;font-size:15px;line-height:1.6;color:var(--murekkep)}
.olcer b{font-weight:600;color:var(--lacivert)}
.olcer .olcer-bas{display:block;margin-bottom:6px;font:600 12px/1.3 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--altin)}

select{appearance:none;-webkit-appearance:none;font:500 15px/1.3 var(--govde);color:var(--murekkep);background:var(--yuzey) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2314213d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5'/%3E%3C/svg%3E") right 12px center/16px no-repeat;
  border:1px solid var(--cizgi);border-radius:2px;padding:11px 40px 11px 14px;min-height:44px;max-width:100%;cursor:pointer}
select:hover{border-color:var(--ikincil)}
select:disabled{color:var(--soluk);cursor:not-allowed;background-color:var(--zemin-2)}
select:focus-visible,button:focus-visible,path:focus-visible,th:focus-visible{outline:2px solid var(--altin);outline-offset:2px}

/* Harita SVG (ana sayfa; gezgin.css ayrıntılar) ve ipucu */

svg.harita{width:100%;height:auto;display:block}
svg.harita path{stroke:var(--sinir);stroke-width:.8;cursor:pointer;outline:none;transition:opacity .12s}
svg.harita path:hover{opacity:.8}
svg.harita path.secili{stroke:var(--altin);stroke-width:2.6}
svg.harita text{font:600 9px var(--govde);fill:var(--lacivert);pointer-events:none;text-anchor:middle;paint-order:stroke;stroke:var(--yuzey);stroke-width:2.6px;stroke-linejoin:round}
.lejant{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font:400 13px var(--govde);color:var(--ikincil);padding-top:12px;border-top:1px solid var(--cizgi)}
.lejant i{display:inline-block;width:24px;height:10px;margin-right:6px;vertical-align:-1px}
.ipucu{position:fixed;pointer-events:none;background:var(--lacivert);color:var(--lacivert-ust);padding:9px 12px;font-size:13.5px;line-height:1.45;border-radius:2px;z-index:5;max-width:240px}
.ipucu b{font:400 15px var(--baslik);color:#fff}

.egri{width:100%;height:auto;display:block;margin-top:6px}
.egri text{font:400 10px var(--govde);fill:var(--soluk)}
.suclar{display:flex;flex-direction:column;font-size:14px}
.suc-sat{display:grid;grid-template-columns:minmax(0,1fr) 56px 86px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--cizgi)}
.suc-sat.bas{font:600 11px/1.3 var(--govde);letter-spacing:.1em;text-transform:uppercase;color:var(--ikincil);border-bottom-color:var(--lacivert)}
.suc-sat span:nth-child(2),.suc-sat span:nth-child(3){text-align:right;font-variant-numeric:tabular-nums}
.suc-sat button{all:unset;cursor:pointer;overflow-wrap:anywhere;color:var(--lacivert)}
.suc-sat button:hover{text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px}
.suc-sat button:focus-visible{outline:2px solid var(--altin);outline-offset:2px}
.rozet{display:inline-block;min-width:46px;padding:2px 7px;border-radius:2px;color:var(--murekkep);text-align:right}

/* Bölüm başlığı: sitedeki .law-h2 — üstte 2 px lacivert çizgi, metin genişliğinde */
.bolum{display:inline-block;align-self:flex-start;padding-top:16px;border-top:2px solid var(--lacivert);font-size:clamp(25px,3.2vw,32px);line-height:1.2}
.tablo-bolum{display:flex;flex-direction:column;gap:16px}
.tablo-ust{display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:space-between;align-items:end}
.tablo-ust>div:first-child{display:flex;flex-direction:column;gap:10px;min-width:0}
.tablo-kap{overflow-x:auto;border:1px solid var(--cizgi);background:var(--yuzey);max-height:580px;overflow-y:auto}
table{border-collapse:collapse;font-size:13.5px;width:max-content;min-width:100%}
th,td{padding:7px 10px;border-bottom:1px solid var(--cizgi);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
th{position:sticky;top:0;background:var(--yuzey);font:600 12px/1.3 var(--govde);color:var(--ikincil);cursor:pointer;vertical-align:bottom;white-space:normal;min-width:74px;max-width:120px;z-index:2;box-shadow:inset 0 -1px 0 var(--lacivert)}
th:hover{color:var(--lacivert)}
th[aria-sort]{color:var(--lacivert)}
th:first-child,td:first-child{position:sticky;left:0;background:var(--yuzey);text-align:left;font-weight:500;color:var(--lacivert);z-index:1}
th:first-child{z-index:3}
tbody tr:hover td{background:var(--zemin)}
tr.secili td,tbody tr.secili:hover td{background:var(--zemin-2)}
tr.secili td:first-child{box-shadow:inset 3px 0 0 var(--altin)}
tbody tr{cursor:pointer}

/* Yöntem bandı */
.yontem-bant{background:var(--zemin-2);border-top:1px solid var(--cizgi)}
.yontem-ic{display:flex;flex-direction:column;gap:22px;padding-block:64px 56px}
.yontem{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:26px 40px}
.yontem section{display:flex;flex-direction:column;gap:8px;min-width:0}
.yontem p,.yontem li{margin:0;color:var(--murekkep);font-size:15px;line-height:1.6}
.yontem b{color:var(--lacivert);font-weight:600}
.yontem ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.yontem li::marker{color:var(--altin)}
.yontem-bas{font:400 21px/1.3 var(--baslik);color:var(--lacivert);border-top:1px solid var(--cizgi);padding-top:22px;margin-top:10px}
.alt{border-top:1px solid var(--cizgi);padding-top:18px;color:var(--ikincil);font-size:13.5px;max-width:90ch;margin:8px 0 0}
@media (max-width:640px){.ust{padding-block:32px 28px}.yontem-ic{padding-block:48px 40px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ==========================================================================================================
   Üretilen sayfalar (il, sıralama, veri, yöntem, gömme kartı) — sözleşme §6. Yukarıdaki index.html kuralları
   değişmez; aşağıdakiler yalnız yeni sınıflar ve .veri-tablo için gereken geçersiz kılmalardır.
   ========================================================================================================== */

/* Üst şerit (6. oturum): bütün sayfalarda 56 px; solda site adı (ana sayfada h1.marka), sağda menü.
   Mobilde iki satır: ad + yatay kaydırılabilir menü (sayfa yatay taşmaz). */
.bas{background:var(--yuzey);border-bottom:1px solid var(--cizgi)}
.bas-ic{display:flex;align-items:center;justify-content:space-between;gap:0 24px;min-height:56px}
.marka{font:400 20px/1.2 var(--baslik);color:var(--lacivert);text-decoration:none;margin:0;letter-spacing:-.005em;white-space:nowrap}
a.marka:hover{text-decoration:underline;text-decoration-color:var(--altin)}
.menu{display:flex;gap:0 22px;margin-left:auto;min-width:0}
.menu a{display:inline-flex;align-items:center;min-height:54px;font:600 14px/1.3 var(--govde);letter-spacing:.02em;color:var(--ikincil);text-decoration:none;border-block:2px solid transparent;white-space:nowrap}
.menu a:hover{color:var(--lacivert)}
.menu a[aria-current=page]{color:var(--lacivert);border-bottom-color:var(--altin)}
@media (max-width:640px){
  .bas-ic{flex-wrap:wrap;min-height:0;padding-top:10px}
  .marka{font-size:18px;width:100%}
  .menu{margin-left:0;width:100%;gap:0 20px;overflow-x:auto;scrollbar-width:none}
  .menu::-webkit-scrollbar{display:none}
  .menu a{min-height:44px}
}
/* İç sayfaların başlık bandı (kırıntı, künye, h1, giriş) şeridin altında, ince */
.ust-ic{padding-block:24px 28px;gap:12px}
.ust-ic h1{overflow-wrap:break-word;font-size:clamp(28px,3.6vw,38px)}
.bk{white-space:nowrap}
@media (max-width:640px){.ust-ic{padding-block:18px 22px}}

/* Kırıntı */
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:13.5px;line-height:1.5;color:var(--ikincil)}
.kirinti li+li::before{content:"›";margin:0 8px;color:var(--soluk)}
.kirinti a{color:var(--ikincil)}
.kirinti a:hover{color:var(--lacivert)}
.kirinti [aria-current]{color:var(--murekkep)}

/* Altbilgi (genel "veri neyi ölçer" notu, uyarı, imza) */
.alt-bant{background:var(--zemin-2);border-top:1px solid var(--cizgi)}
.alt-ic{display:flex;flex-direction:column;gap:14px;padding-block:28px 40px}
.genel-olcer{margin:0;max-width:90ch;font-size:14px;line-height:1.6;color:var(--murekkep)}
.genel-olcer b{font-weight:600;color:var(--lacivert)}
.alt-ic .alt{margin:0}
.imza{margin:0;font-size:13.5px;color:var(--ikincil)}

/* Genel yapı taşları */
.metin{max-width:70ch;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:1.7}
.metin>*{margin:0}
.metin h2{font-size:24px;margin-top:14px}
.metin h3{margin-top:6px}
.metin ul,.metin ol{padding-left:20px;display:flex;flex-direction:column;gap:6px}
.metin li::marker{color:var(--altin)}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);padding:18px 20px}
.not{margin:0;max-width:90ch;font-size:13.5px;line-height:1.55;color:var(--ikincil)}
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--lacivert);border-radius:2px;
  font:600 14px/1.3 var(--govde);letter-spacing:.02em;color:var(--lacivert);text-decoration:none;background:transparent;transition:background-color .15s}
.dugme:hover{background:var(--zemin-2)}
.gom-kod{display:block;width:100%;max-width:80ch;min-height:9em;resize:vertical;font:12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--murekkep);background:var(--zemin);border:1px solid var(--cizgi);border-radius:2px;padding:10px 12px}
.gom-kod:focus-visible{outline:2px solid var(--altin);outline-offset:2px}

/* Rehber bağlantısı: her zaman kendi satırında, küçük (index profilinde düğmenin altında, trafik profilinde ayrı div'de) */
.rehber-bag{display:block;width:fit-content;max-width:100%;margin-top:3px;font:400 12.5px/1.45 var(--govde);color:var(--ikincil);white-space:normal}
.rehber-bag:hover{color:var(--lacivert)}
.rehber{display:flex;flex-direction:column;gap:1px}
/* index.html il profili: .profil-ust içinde .ad'dan sonra "il sayfası" bağlantısı */
.il-bag{align-self:flex-start;font:500 13.5px/1.4 var(--govde);color:var(--ikincil)}
.il-bag:hover{color:var(--lacivert)}
/* index.html tablosunda il adı bağlantısı eski görünümde kalır */
#tablo td:first-child a{color:inherit;text-decoration:none}
#tablo td:first-child a:hover,#tablo td:first-child a:focus-visible{text-decoration:underline;text-decoration-color:var(--altin);text-underline-offset:4px}

/* Veri tablosu: genel table/th/td kurallarının (index tablosu) gereken kadarı geçersiz kılınır */
.tablo-kap:has(>.veri-tablo){max-height:none}
.veri-tablo th,.veri-tablo td{padding:6px 10px;line-height:1.45}
.veri-tablo th{cursor:auto;min-width:0;max-width:10em}
.veri-tablo th:hover{color:var(--ikincil)}
.veri-tablo tbody tr{cursor:auto}
.veri-tablo td.s{text-align:right;font-variant-numeric:tabular-nums}
/* il ve sıralama tablolarında ad bağlantıları: her zaman ince, sakin bir alt çizgi (dokunmatik ekranda bağlantı olduğu
   anlaşılsın); üzerine gelince ya da odakta altın */
.suc-tablo td:first-child a,.sirali td:nth-child(2) a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--cizgi);text-underline-offset:4px}
.suc-tablo td:first-child a:hover,.suc-tablo td:first-child a:focus-visible,.sirali td:nth-child(2) a:hover,.sirali td:nth-child(2) a:focus-visible{text-decoration-color:var(--altin)}
@media (max-width:640px){.veri-tablo th,.veri-tablo td{padding:6px 7px}.veri-tablo th{max-width:6.5em}}

/* Metin içindeki sayı öğeleri <i data-v> (sözleşme §7): italik değil, düz yazı */
i[data-v]{font-style:normal}

/* İl sayfası */
.il-ara{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:14.5px;color:var(--ikincil)}
.il-ara>span{display:flex;flex-wrap:wrap;gap:4px 14px}
.kat{display:flex;flex-direction:column;gap:18px;min-width:0;scroll-margin-top:16px}
.sayfa>.kat{padding-top:10px}
.bolum small{display:block;margin-top:8px;font:600 12px/1.3 var(--govde);letter-spacing:.14em;text-transform:uppercase;color:var(--ikincil)}
.ozet{margin:0;max-width:72ch;font-size:16.5px;line-height:1.7}
.lej{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--ikincil)}
.lej i{display:inline-block;width:22px;border-top:2px solid var(--lacivert)}
.lej i+i{border-top:2px dashed var(--soluk);margin-left:10px}
.lej span{color:var(--soluk)}
.lej span::before{content:"·";margin-right:8px}
.gs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px 32px;align-items:start;padding-top:18px;border-top:1px solid var(--cizgi)}
.gs>div{display:flex;flex-direction:column;gap:12px;min-width:0}
.gs h3{font:400 19px/1.3 var(--baslik);color:var(--lacivert)}
.gs>div>p{margin:0;padding:14px 16px;background:var(--yuzey);border:1px solid var(--cizgi);font-size:14px;line-height:1.6;color:var(--ikincil)}
.gs>div>p small{display:block;margin-bottom:2px;font:600 11.5px/1.3 var(--govde);letter-spacing:.12em;text-transform:uppercase;color:var(--ikincil)}
.gs>div>p b{font:400 26px/1.25 var(--baslik);color:var(--lacivert);margin-right:4px;font-variant-numeric:lining-nums tabular-nums}
@media (max-width:760px){.gs{grid-template-columns:minmax(0,1fr)}}
.suc-tablo td:first-child{white-space:normal;min-width:11em;max-width:17em}
.suc-tablo td:last-child,.suc-tablo th:last-child{text-align:left;white-space:normal;min-width:11em}
@media (max-width:640px){.suc-tablo td:first-child{min-width:9em;max-width:10.5em}}

/* Satır içi çizgi (il: düz lacivert, Türkiye: kesikli); y ekseni 0'dan. SVG sınıfsız: 1. path Türkiye, 2. path il;
   ikinci <text> (son yıl) sağa hizalı. Taban (0) çizgisi arka plandır: il çizgisinde viewBox 320×96, y=80, x 4..316;
   gömme kartında 120×40, y=37, x 3..117 (sayfa_il._cizgi ile birlikte değişir) */
.gs svg{display:block;width:100%;height:auto;overflow:visible;background:linear-gradient(var(--cizgi),var(--cizgi)) 50% 83.5%/97.5% 1px no-repeat}
.gs svg path,.gk svg path{fill:none}
.gs svg path:nth-of-type(1),.gk svg path:nth-of-type(1){stroke:var(--soluk);stroke-width:1.5;stroke-dasharray:4 3}
.gs svg path:nth-of-type(2),.gk svg path:nth-of-type(2){stroke:var(--lacivert);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.gs svg text{font:400 10px var(--govde);fill:var(--soluk)}
.gs svg text+text{text-anchor:end}

/* İller dizini */
.il-liste{columns:5 160px;column-gap:28px}
.il-liste>div{break-inside:avoid;padding-bottom:16px}
.il-liste h2{font:400 22px/1.2 var(--baslik);color:var(--lacivert);padding-bottom:4px;border-bottom:1px solid var(--cizgi)}
.il-liste ul{list-style:none;margin:6px 0 0;padding:0}
.il-liste li{padding:3px 0;font-size:15.5px}
.il-liste small{margin-left:4px;font-size:12px;color:var(--soluk)}

/* Sıralama sayfaları */
.sir-liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:0 28px}
.sir-liste li{padding:8px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.sir-liste small{margin-left:6px;font-size:12.5px;color:var(--soluk)}
.tablo-kap:has(>.sirali){max-width:860px}
.sirali th{vertical-align:bottom}
.sirali td:first-child,.sirali th:first-child{width:58px;min-width:58px;max-width:58px}
.sirali td:nth-child(2),.sirali th:nth-child(2){position:sticky;left:58px;background:var(--yuzey);text-align:left;z-index:1}
.sirali th:nth-child(2){z-index:3}
.sirali tbody:first-of-type td{background:var(--zemin-2);font-weight:600;color:var(--lacivert)}
.sirali tbody:first-of-type tr:hover td{background:var(--zemin-2)}
.sirali th button{all:unset;cursor:pointer}
.sirali th button:hover{color:var(--lacivert)}
.sirali th button:focus-visible{outline:2px solid var(--altin);outline-offset:2px}
.sirali th[aria-sort=ascending] button::after{content:" ▲";font-size:9px}
.sirali th[aria-sort=descending] button::after{content:" ▼";font-size:9px}

/* Gömme kartı (iframe içinde; kenarlık kartın kendisi) */
body.gom{margin:0;min-height:100vh;background:var(--yuzey);border:1px solid var(--cizgi);border-top:2px solid var(--lacivert)}
.gk{display:flex;flex-direction:column;gap:8px;padding:14px 16px}
.gk .kunye{font-size:11px}
.gk .etiket{font-size:10.5px;letter-spacing:.07em}
.gk h1{font-size:26px;line-height:1.15}
.gk ul{list-style:none;margin:0;padding:0}
.gk li{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--cizgi)}
.gk svg{display:block;width:100px;height:34px;flex:none;background:linear-gradient(var(--cizgi),var(--cizgi)) 50% 92.8%/95% 1px no-repeat}
.gk li:last-child{border-bottom:1px solid var(--cizgi)}
.gk li p{margin:0}
.gk li b{font:400 22px/1.2 var(--baslik);color:var(--lacivert);font-variant-numeric:lining-nums tabular-nums}
.gk li small{font-size:12.5px;color:var(--ikincil)}
.gk .not{font-size:12.5px;line-height:1.5}
.gk .not b{font-weight:600;color:var(--lacivert)}
.gk-bag{margin:0;font:600 14px/1.4 var(--govde)}
@media (max-width:330px){.gk li{grid-template-columns:minmax(0,1fr) 72px}.gk svg{width:72px;height:24px}}