:root {
    --zemin: #14171b;
    --zemin-kart: #1b2025;
    --cerceve: rgba(255,255,255,.12);
    --metin: #f5f1e9;
    --ikincil: #a8aaa8;
    --soluk: #777b7b;
    --turuncu: #f0960a;
    --turuncu-acik: #ffbd56;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--zemin); color: var(--metin); font-family: system-ui, "Segoe UI", Roboto, sans-serif; line-height: 1.7; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
a:focus-visible { outline: 2px solid var(--turuncu-acik); outline-offset: 4px; }
.hukuk-sayfa { min-height: 100vh; }
.hukuk-ust, .hukuk-icerik, .hukuk-alt { width: min(100% - 48px, 960px); margin-inline: auto; }
.hukuk-ust { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 28px 0; border-bottom: 1px solid var(--cerceve); }
.marka { display: inline-flex; align-items: center; gap: 10px; color: var(--metin); font-size: 17px; font-weight: 750; letter-spacing: -.03em; text-decoration: none; }
.marka-isaret { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(240,150,10,.7); border-radius: 9px; color: var(--turuncu); }
.marka-isaret svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.geri-link { color: var(--turuncu-acik); font-size: 13px; text-decoration: none; }
.geri-link:hover { color: var(--metin); }
.hukuk-icerik { max-width: 68ch; padding: 82px 0 105px; }
.sayfa-etiketi { margin: 0; color: var(--turuncu-acik); font-size: 11px; font-weight: 750; letter-spacing: .14em; text-transform: uppercase; }
h1, h2 { letter-spacing: -.035em; line-height: 1.12; }
h1 { margin: 14px 0 24px; font-size: clamp(37px, 6vw, 58px); font-weight: 700; }
.giris-notu { padding-bottom: 32px; border-bottom: 1px solid var(--cerceve); }
h2 { margin: 45px 0 13px; color: var(--metin); font-size: 24px; font-weight: 680; }
.yer-tutucu { margin: 0 0 18px; padding: 15px 17px; border-left: 2px solid var(--turuncu); background: var(--zemin-kart); color: var(--ikincil); font-size: 14px; }
/* NEDEN AYRI SINIF: bu satirlar avukat metni degil, ortamdan gelen sirket
   kimligidir (unvan, vergi dairesi/VKN, adres, telefon, e-posta; varsa MERSIS
   ve KEP). Doldurulduklarinda
   "eksik" gorunumundeki turuncu cubuklu kutuda kalmamalilar. */
.kimlik-satiri { margin: 0 0 10px; color: var(--metin); font-size: 15px; }
/* NEDEN .hukuk-metni KAPSAMI (24.09.2026): dokuz sayfanin metni
   `araclar/hukuk_metinleri_html.py` ile bu sinifin icine yazilir. Destek
   sayfasi da bu dosyayi yukluyor; kurallar genel `p`/`ul` secicisiyle
   yazilsaydi destek sayfasinin gorunumu de degisirdi. */
.hukuk-metni { color: #dcd8cf; font-size: 15.5px; }
.hukuk-metni p { margin: 0 0 16px; }
.hukuk-metni .giris-notu { margin-bottom: 8px; }
.hukuk-metni .giris-notu p:last-child { margin-bottom: 0; }
.hukuk-metni .surum-satiri { margin-bottom: 18px; color: var(--soluk); font-size: 13px; letter-spacing: .02em; }
.hukuk-metni h3 { margin: 30px 0 10px; color: var(--metin); font-size: 17px; font-weight: 660; letter-spacing: -.02em; line-height: 1.3; }
.hukuk-metni ul, .hukuk-metni ol { margin: 0 0 18px; padding-left: 22px; }
.hukuk-metni li { margin: 0 0 9px; padding-left: 4px; }
.hukuk-metni li::marker { color: var(--turuncu); }
.hukuk-metni strong { color: var(--metin); font-weight: 650; }
.hukuk-metni a { color: var(--turuncu-acik); text-decoration: underline; text-decoration-color: rgba(255,189,86,.4); text-underline-offset: 3px; }
.hukuk-metni a:hover { color: var(--metin); }
.hukuk-metni code { padding: 1px 6px; border: 1px solid var(--cerceve); border-radius: 6px; background: var(--zemin-kart); color: var(--metin); font-size: .9em; }
.hukuk-metni .kimlik-satiri { margin-bottom: 10px; color: var(--metin); }
.tablo-kap { margin: 0 0 20px; overflow-x: auto; border: 1px solid var(--cerceve); border-radius: 12px; background: var(--zemin-kart); }
.tablo-kap table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.55; }
.tablo-kap th, .tablo-kap td { padding: 10px 14px; border-bottom: 1px solid var(--cerceve); text-align: left; vertical-align: top; }
.tablo-kap tr:last-child th, .tablo-kap tr:last-child td { border-bottom: 0; }
.tablo-kap thead th { color: var(--turuncu-acik); font-size: 11px; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.tablo-kap .sayi { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kimlik-tablosu th { width: 36%; color: var(--ikincil); font-weight: 600; }
.kimlik-tablosu td { color: var(--metin); }
.hukuk-alt { padding: 24px 0 32px; border-top: 1px solid var(--cerceve); color: var(--soluk); font-size: 12px; }
.alt-linkler { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-bottom: 16px; }
.alt-linkler a { color: var(--ikincil); text-decoration: none; }
.alt-linkler a:hover { color: var(--turuncu-acik); }
.hukuk-alt p { margin: 0; }
@media (max-width: 560px) {
    .hukuk-ust, .hukuk-icerik, .hukuk-alt { width: min(100% - 32px, 960px); }
    .hukuk-ust { padding: 20px 0; }
    .hukuk-icerik { padding: 54px 0 72px; }
    h2 { margin-top: 37px; }
    .geri-link { font-size: 12px; }
    .hukuk-metni { font-size: 15px; }
    .tablo-kap th, .tablo-kap td { padding: 9px 11px; }
    .kimlik-tablosu th { width: 40%; }
}
/* MOBIL UYUM (04.10.2026): telefon ve tablette ust/alt baglantilar parmakla
   basilabilir (>= 44 px; olcumde 20 px idi). Masaustu (> 900 px) degismez.
   Destek sayfasi da bu dosyayi yukler. */
@media (max-width: 900px) {
    .marka, .geri-link { display: inline-flex; align-items: center; min-height: 44px; }
    .alt-linkler { gap: 0 18px; font-size: 13px; }
    .alt-linkler a { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; }
}
@media (max-width: 900px) {
    .geri-link { justify-content: center; min-width: 44px; }
    .tablo-kap table { font-size: 15px; }
}
@media (max-width: 560px) {
    .geri-link { font-size: 14px; }
    .hukuk-metni .surum-satiri { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }