/* ==========================================================================
   Tijd — stil dosyası (TASARIM-SISTEMI.md v2, "Beyaz sayfa ve zaman çizelgesi",
   Faz 3, 10 Eki 2026)

   Kimlik: editoryal, BEYAZ zeminli gazete sayfası. Kırmızı–beyaz–siyah:
   saf beyaz sayfa ve yaprak (kart), çok açık nötr gri bölüm/altbilgi zemini
   (#F3F3F1), siyah mürekkep (#1A1A1A) başlık, Tijd kırmızısı (#BE1E2D) YALNIZ
   rubrik çizgisi/yazısı, odak, birincil düğme (BEYAZ yazı, 6,15:1) ve logo
   çubuğu. Newsreader (serif başlık, italik rubrik) + Work Sans (gövde).
   Köşe her yerde 4 px (mühür 2 px); ayırıcı dil kalın-ince ÇİFT ÇİZGİ;
   süreçler dikey zaman çizgisi (seyir). Gölge, degrade, hap YOK.
   Sınıf öneki tj-, belirteç öneki --tj-. Hiçbir yerde uppercase yok (İ/I).

   İskelet servisfer'in (başlık · kırıntı · bölüm sırası · yan kart ·
   altbilgi sütunları; TASARIM-SISTEMI §08); sınıf adları, görünüm ve metin
   kardeşlerin hiçbirinden alınmaz. Çatal tabanının (Sfacon) sınıfları ve
   Faz 2'nin geçiş takma adları bu sürümde silindi.

     §00 yazı dosyaları     §07 yaprak, levha, yan kart   §14 ara not
     §01 belirteçler        §08 seyir                     §15 sayfa başı
     §02 taban              §09 sayfa yolu, fihrist       §16 alt şerit
     §03 çerçeve, kısım     §10 mühür, ufak bağlantı      §17 son söz, sayfa sonu, çerez
     §04 yazı rolleri       §11 kod defteri               §18 ön sayfa
     §05 üst künye, menü    §12 merak listesi             §19 cihaz, kent, marka ekleri
     §06 eylem düğmeleri    §13 form                      §40 kroki (il haritası)
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; Google Fonts'tan indirildi,
       değişken ağırlık 400–700 (italik 400–500), latin + latin-ext alt
       kümesi: İ Ş Ğ ı ç ö ü dahil) -------------------------------------- */
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/newsreader-latin-ext.e9872dc7e2eb.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/newsreader-latin.ae1fc56ffd7e.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url("../fonts/newsreader-italik-latin-ext.e813ffebdcb5.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 400 500;
  font-display: swap;
  src: url("../fonts/newsreader-italik-latin.1028afdddca1.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/work-sans-latin-ext.1f8c41030121.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/work-sans-latin.4890688e6436.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* --- 01 Belirteçler ------------------------------------------------------ */
:root {
  color-scheme: light;

  /* renk: kırmızı–beyaz–siyah (TASARIM-SISTEMI §02, kontrastlar orada) */
  --tj-kagit: #ffffff;         /* sayfa zemini: beyaz gazete kâğıdı */
  --tj-yaprak: #ffffff;        /* yaprak (kart, form, yan kart): beyaz, kıl kenarla ayrışır */
  --tj-kagit-2: #f3f3f1;       /* bölüm bandı, altbilgi, tablo başı (çok açık nötr gri) */
  --tj-kagit-3: #e8e8e4;       /* üzerine gelme, basılı yüzey */
  --tj-murekkep: #1a1a1a;      /* başlık, logo, çift çizgi, son söz bandı (beyazda 17,40) */
  --tj-metin: #2b2b2b;         /* gövde (beyazda 14,16) */
  --tj-gri: #595959;           /* ikincil metin (beyazda 7,00; gri zeminde 6,30) */
  --tj-gri-2: #666666;         /* yer tutucu, dip satır (beyazda 5,74; gri zeminde 5,17) */
  --tj-cizgi-ince: #e0e0dc;    /* 1 px kıl çizgi (süs) */
  --tj-cizgi: #bdbdb8;         /* zaman çizgisi, ayırıcı (süs) */
  --tj-cizgi-sert: #7c7c78;    /* girdi kenarı (beyazda 4,19; ≥ 3:1) */
  --tj-kiremit: #be1e2d;       /* Tijd kırmızısı: rubrik, odak, birincil düğme (beyazda 6,15) */
  --tj-kiremit-bas: #9c1824;   /* düğme üzerine gelme (beyaz yazıyla 8,17) */
  --tj-kiremit-ust: #ffffff;   /* kırmızı düğmedeki yazı: BEYAZ */
  --tj-kiremit-acik: #fbeaea;  /* uyarı notu, "Cihazı kapatın" mührü zemini (kırmızı yazı 5,29) */
  --tj-kiremit-koyu-zemin: #f08b8b; /* son söz bandında (mürekkep) kırmızı çizgi/yazı (7,33) */
  --tj-yesil: #2e6b3f;         /* "Evde bakın", başarı (beyazda 6,38) */
  --tj-son-soz-ikincil: #d6d6d6; /* mürekkep bantta ikincil yazı (11,97) */

  /* imza: çift çizgi (künye) ve kâğıt kenarı — gölge değil */
  --tj-cift-cizgi: linear-gradient(var(--tj-murekkep), var(--tj-murekkep)) top / 100% 2px no-repeat,
                   linear-gradient(var(--tj-murekkep), var(--tj-murekkep)) 0 5px / 100% 1px no-repeat;
  --tj-cift-cizgi-boy: 6px;
  --tj-kagit-kenari: 0 3px 0 -1px var(--tj-yaprak), 0 3px 0 0 var(--tj-cizgi-ince);
  --tj-rubrik-en: 32px;

  /* yazı aileleri */
  --tj-f-baslik: "Newsreader", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --tj-f-govde: "Work Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tj-f-sayi: "Newsreader", Georgia, serif;
  --tj-f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan) */
  --tj-y-dev: clamp(3rem, 2.2rem + 4vw, 5.25rem);
  --tj-y-manset: clamp(2.375rem, 1.7rem + 3.1vw, 4.25rem);
  --tj-y-1: clamp(2rem, 1.55rem + 2vw, 3.25rem);
  --tj-y-2: clamp(1.5rem, 1.3rem + 0.9vw, 2.125rem);
  --tj-y-3: clamp(1.1875rem, 1.12rem + 0.3vw, 1.375rem);
  --tj-y-giris: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
  --tj-y-govde: 1.0625rem;
  --tj-y-kucuk: 0.9375rem;
  --tj-y-etiket: 0.875rem;
  --tj-y-rubrik: 1.0625rem;

  /* yerleşim */
  --tj-oluk: 16px;
  --tj-kap: 1200px;
  --tj-okuma: 680px;
  --tj-yan: 320px;
  --tj-zaman-x: 28px;

  /* boşluk (8 tabanlı) */
  --tj-a1: 4px; --tj-a2: 8px; --tj-a3: 12px; --tj-a4: 16px; --tj-a5: 24px;
  --tj-a6: 32px; --tj-a7: 48px; --tj-a8: 64px; --tj-a9: 96px;
  --tj-kenar: 16px;
  --tj-bolum: 56px;

  /* biçim */
  --tj-k: 4px;
  --tj-k-ince: 2px;
  --tj-k2: var(--tj-k);        /* kroki (il haritası) düğme/seçici köşesi; harita testi okur */
  --tj-ust-boy: 64px;

  /* hareket */
  --tj-sure: 140ms;
  --tj-egri: cubic-bezier(0.3, 0, 0.2, 1);

  /* ikon maskeleri (ince kalem 1,6 px, yuvarlak uç) */
  --tj-m-ok: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
  --tj-m-sag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
  --tj-m-asagi: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
@media (min-width: 720px) {
  :root { --tj-kenar: 24px; --tj-oluk: 20px; --tj-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --tj-kenar: 40px; --tj-oluk: 24px; --tj-ust-boy: 72px; --tj-bolum: 88px; }
}
@media print {
  :root { --tj-kagit-2: #ffffff; --tj-kagit-3: #ffffff; --tj-murekkep: #000000; --tj-metin: #111111; --tj-kagit-kenari: none; }
}

/* --- 02 Taban ----------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: calc(var(--tj-ust-boy) + var(--tj-a5)); }
body {
  margin: 0; background: var(--tj-kagit); color: var(--tj-metin);
  font-family: var(--tj-f-govde); font-size: var(--tj-y-govde); line-height: 1.65; font-weight: 400;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
[hidden] { display: none !important; }
h1, h2, h3, h4 {
  margin: 0; color: var(--tj-murekkep); font-family: var(--tj-f-baslik); font-weight: 600;
  letter-spacing: -0.005em; font-variant-numeric: lining-nums; text-wrap: balance; overflow-wrap: break-word;
}
h1 { font-size: var(--tj-y-1); line-height: 1.08; letter-spacing: -0.012em; }
h2 { font-size: var(--tj-y-2); line-height: 1.16; }
h3 { font-size: var(--tj-y-3); line-height: 1.28; }
h4 { font-size: 1rem; font-family: var(--tj-f-govde); letter-spacing: 0; }
p { margin: 0 0 var(--tj-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--tj-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
a:hover { text-decoration-color: var(--tj-kiremit); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--tj-murekkep); }
code, kbd, samp { font-family: var(--tj-f-mono); font-size: 0.92em; }
hr { border: 0; height: var(--tj-cift-cizgi-boy); background: var(--tj-cift-cizgi); margin: var(--tj-a6) 0; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--tj-kiremit); color: var(--tj-kiremit-ust); }
:focus-visible { outline: 2px solid var(--tj-kiremit); outline-offset: 2px; }
.tj-ekran-okuyucu { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.tj-icerige-gec { position: absolute; left: var(--tj-a4); top: -100px; z-index: 100; background: var(--tj-murekkep); color: #fff; padding: var(--tj-a2) var(--tj-a4); border-radius: var(--tj-k); font-weight: 600; text-decoration: none; }
.tj-icerige-gec:focus { top: var(--tj-a2); }
/* Zaman kapısının kıyıdaki satırı (parcalar/kiyida.html): ekran dışı, display:none değil. */
.tj-kenar-payi { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

/* --- 03 Çerçeve, okuma sütunu, iki yan, kısım --------------------------- */
.tj-cerceve { max-width: var(--tj-kap); margin-inline: auto; padding-inline: var(--tj-kenar); }
.tj-sayfa-govdesi { display: block; min-height: 50vh; }
.tj-okuma-sutunu { max-width: var(--tj-okuma); }
.tj-okuma-sutunu > :last-child { margin-bottom: 0; }
.tj-okuma-sutunu h2 { margin: var(--tj-a6) 0 var(--tj-a3); }
.tj-okuma-sutunu h3 { margin: var(--tj-a5) 0 var(--tj-a2); }
.tj-okuma-sutunu ul, .tj-okuma-sutunu ol { padding-left: 1.25rem; margin: 0 0 var(--tj-a4); }
.tj-okuma-sutunu li { margin-bottom: 6px; }
.tj-okuma-sutunu li::marker { color: var(--tj-kiremit); }
/* İki yan: metin │ yan kart (≥1080). Yan kart YAPIŞKAN DEĞİL. */
.tj-iki-yan { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--tj-a6); align-items: start; }
.tj-iki-yan > * { min-width: 0; }
@media (min-width: 1080px) { .tj-iki-yan { grid-template-columns: minmax(0, 1fr) var(--tj-yan); gap: var(--tj-a7); } }
.tj-ana-sutun, .tj-yan-sutun { min-width: 0; }
.tj-yan-sutun { display: grid; gap: var(--tj-a5); align-content: start; }
/* Kısım: sayfanın bir bölümü. --gri: tam genişlik açık gri bant (servisfer'in bant dönüşümü). */
.tj-kisim { padding-top: var(--tj-bolum); }
.tj-kisim--gri { margin-top: var(--tj-bolum); padding-block: var(--tj-bolum); background: var(--tj-kagit-2); }
.tj-kisim--gri + .tj-kisim { padding-top: var(--tj-bolum); }
.tj-alt-alta { display: grid; gap: var(--tj-a6); }
.tj-alt-alta > * { min-width: 0; }
.tj-ust-pay { margin-top: var(--tj-a4); }
.tj-sabit-rakam { font-variant-numeric: tabular-nums; }

/* --- 04 Yazı rolleri: rubrik, bölüm tepesi, giriş, kapak başlığı -------- */
.tj-rubrik { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 var(--tj-a3); font-family: var(--tj-f-baslik); font-style: italic; font-weight: 500; font-size: var(--tj-y-rubrik); line-height: 1.3; color: var(--tj-kiremit); max-width: none; }
.tj-rubrik::before { content: ""; flex: none; width: var(--tj-rubrik-en); height: 2px; background: var(--tj-kiremit); }
/* Bölüm tepesi: çift çizgi + ilk 72 px kırmızı + H2 + gri alt cümle; sağda ok bağlantı. */
.tj-bolum-tepesi { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 4px var(--tj-a4); padding-top: calc(var(--tj-cift-cizgi-boy) + var(--tj-a4)); margin-bottom: var(--tj-a5); background: var(--tj-cift-cizgi); }
.tj-bolum-tepesi::after { content: ""; position: absolute; left: 0; top: 0; width: 72px; height: 2px; background: var(--tj-kiremit); }
.tj-bolum-tepesi > div { min-width: 0; flex: 1 1 420px; }
.tj-bolum-tepesi h2 { margin: 0; }
.tj-bolum-tepesi p { margin: 6px 0 0; color: var(--tj-gri); font-size: var(--tj-y-kucuk); }
.tj-giris-yazisi { font-family: var(--tj-f-baslik); font-size: var(--tj-y-giris); line-height: 1.5; color: var(--tj-metin); max-width: 58ch; margin: 0; }
.tj-kapak-basligi { font-family: var(--tj-f-baslik); font-weight: 600; color: var(--tj-murekkep); font-size: var(--tj-y-manset); line-height: 1.04; letter-spacing: -0.015em; margin: 0; overflow-wrap: break-word; }
.tj-rakam-yazisi { font-family: var(--tj-f-sayi); font-weight: 600; font-variant-numeric: lining-nums tabular-nums; line-height: 1; color: var(--tj-murekkep); }
.tj-dev-rakam { font-family: var(--tj-f-sayi); font-weight: 600; font-size: var(--tj-y-dev); line-height: 1; color: var(--tj-murekkep); }

/* --- 05 Üst künye (başlık) ve menü ---------------------------------------
   Tek satır (servisfer düzeni): logo · 7 öğeli menü (3'ü açılır; ≥1240) ·
   ara · telefon · "Onarım talebi" · Menü (<1240). Altında çift çizgi. */
.tj-ust-kunye { position: sticky; top: 0; z-index: 40; background: var(--tj-kagit); }
.tj-ust-kunye::after { content: ""; display: block; max-width: calc(var(--tj-kap) - 2 * var(--tj-kenar)); width: calc(100% - 2 * var(--tj-kenar)); height: var(--tj-cift-cizgi-boy); margin-inline: auto; background: var(--tj-cift-cizgi); }
.tj-ust-kunye-ic { display: flex; align-items: center; gap: var(--tj-a3); min-height: var(--tj-ust-boy); max-width: var(--tj-kap); margin-inline: auto; padding-inline: var(--tj-kenar); }
.tj-ust-kunye-logo { flex: none; display: block; line-height: 0; text-decoration: none; }
.tj-ust-kunye-logo img { height: 34px; width: auto; }
.tj-dizin-menusu { display: none; align-items: center; gap: 0; margin: 0 0 0 var(--tj-a4); padding: 0; list-style: none; }
.tj-dizin-menusu > li { position: relative; }
.tj-dizin-menusu > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 9px; font: 500 15px/1 var(--tj-f-govde); color: var(--tj-murekkep); text-decoration: none; white-space: nowrap; border-bottom: 2px solid transparent; }
.tj-dizin-menusu > li > a:hover { border-bottom-color: var(--tj-cizgi); }
.tj-dizin-menusu > li > a[aria-current] { border-bottom-color: var(--tj-kiremit); }
.tj-dizin-acilir > a::after { content: ""; width: 14px; height: 14px; background: var(--tj-kiremit); -webkit-mask: var(--tj-m-asagi) center / contain no-repeat; mask: var(--tj-m-asagi) center / contain no-repeat; }
/* Açılır = basit liste (mega menü değil); üzerine gelince ya da odakta açılır. */
.tj-alt-dizin { display: none; position: absolute; top: 100%; left: 0; z-index: 2; min-width: 250px; margin: 0; padding: var(--tj-a2) 0; list-style: none; background: var(--tj-yaprak); border: 1px solid var(--tj-cizgi-ince); border-top: 2px solid var(--tj-murekkep); border-radius: 0 0 var(--tj-k) var(--tj-k); box-shadow: var(--tj-kagit-kenari); }
.tj-dizin-acilir:hover > .tj-alt-dizin, .tj-dizin-acilir:focus-within > .tj-alt-dizin { display: block; }
.tj-alt-dizin a { display: flex; align-items: center; min-height: 38px; padding: 0 var(--tj-a4); font-size: 15px; color: var(--tj-metin); text-decoration: none; }
.tj-alt-dizin a:hover { background: var(--tj-kagit-2); color: var(--tj-murekkep); }
.tj-alt-dizin-basi { padding: 10px var(--tj-a4) 2px; font: italic 500 15px/1.3 var(--tj-f-baslik); color: var(--tj-kiremit); }
.tj-alt-dizin-basi a { display: inline; min-height: 0; padding: 0; color: inherit; font: inherit; }
.tj-ust-kunye-eylem .tj-eylem { white-space: nowrap; }
.tj-ust-kunye-eylem { display: flex; align-items: center; gap: var(--tj-a2); margin-left: auto; }
.tj-ust-kunye-eylem .tj-eylem--tel, .tj-ust-kunye-eylem .tj-talep-dugmesi { display: none; }
@media (min-width: 720px) { .tj-ust-kunye-eylem .tj-talep-dugmesi { display: inline-flex; } }
@media (min-width: 1080px) { .tj-ust-kunye-eylem .tj-eylem--tel { display: inline-flex; } }
@media (min-width: 1240px) {
  .tj-dizin-menusu { display: flex; }
  .tj-ust-kunye-eylem .tj-menu-ac { display: none; }
  .tj-ust-kunye-eylem .tj-eylem--tel span { display: none; }
  .tj-ust-kunye-eylem .tj-eylem--tel { width: 44px; padding: 0; }
}
@media (min-width: 1560px) {
  .tj-ust-kunye-eylem .tj-eylem--tel span { display: inline; }
  .tj-ust-kunye-eylem .tj-eylem--tel { width: auto; padding: 0 14px; }
}
@media (max-width: 359px) { .tj-ust-kunye-logo img { height: 28px; } .tj-ust-kunye-eylem { gap: 4px; } }
/* Bul satırı: büyüteçle başlığın altında açılır (her genişlikte). */
.tj-bul-satiri { padding-block: var(--tj-a2) var(--tj-a3); }
.tj-bul-satiri form { max-width: 720px; }
/* Bul kutusu: dikdörtgen girdi + kare gönder (4 px). --buyuk ön sayfa/404. */
form[data-bul] { position: relative; }
.tj-bul-kutusu { position: relative; display: flex; align-items: stretch; width: 100%; min-height: 48px; border: 1px solid var(--tj-cizgi-sert); border-radius: var(--tj-k); background: var(--tj-yaprak); }
.tj-bul-kutusu:focus-within { border-color: var(--tj-murekkep); outline: 2px solid var(--tj-kiremit); outline-offset: 1px; }
.tj-bul-kutusu input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 0 12px 0 14px; font: inherit; font-size: 16px; color: var(--tj-murekkep); border-radius: var(--tj-k); -webkit-appearance: none; appearance: none; }
.tj-bul-kutusu input::placeholder { color: var(--tj-gri-2); }
.tj-bul-kutusu input:focus-visible { outline: none; }
.tj-bul-kutusu input::-webkit-search-cancel-button { display: none; }
.tj-bul-kutusu button { flex: none; display: grid; place-items: center; width: 46px; border: 0; border-left: 1px solid var(--tj-cizgi-ince); border-radius: 0 var(--tj-k) var(--tj-k) 0; background: transparent; color: var(--tj-murekkep); cursor: pointer; }
.tj-bul-kutusu button:hover { background: var(--tj-kagit-2); }
.tj-bul-kutusu button svg { width: 18px; height: 18px; }
.tj-bul-kutusu--buyuk { min-height: 60px; }
.tj-bul-kutusu--buyuk input { font-size: 18px; padding-left: 18px; }
.tj-bul-kutusu--buyuk button { width: 60px; background: var(--tj-kiremit); color: var(--tj-kiremit-ust); border-left: 0; }
.tj-bul-kutusu--buyuk button:hover { background: var(--tj-kiremit-bas); }
.tj-bul-onerileri { position: absolute; left: 0; right: 0; top: calc(100% + 4px); z-index: 60; list-style: none; margin: 0; padding: 4px 0; max-height: min(60vh, 480px); overflow-y: auto; background: var(--tj-yaprak); border: 1px solid var(--tj-cizgi-ince); border-top: 2px solid var(--tj-murekkep); border-radius: 0 0 var(--tj-k) var(--tj-k); box-shadow: var(--tj-kagit-kenari); }
.tj-bul-onerileri--yukari { top: auto; bottom: calc(100% + 4px); }
.tj-bul-onerileri a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 10px 14px; color: var(--tj-murekkep); text-decoration: none; }
.tj-bul-onerileri a[aria-selected="true"], .tj-bul-onerileri a:hover { background: var(--tj-kagit-2); }
.tj-bul-turu { color: var(--tj-gri); font: italic 500 14px/1.2 var(--tj-f-baslik); text-align: right; }
.tj-bul-onerisi--kod .tj-bul-adi { font-family: var(--tj-f-sayi); font-weight: 600; }
.tj-bul-bos { padding: 10px 14px; color: var(--tj-gri); font-size: var(--tj-y-kucuk); }
/* Menü katmanı (#dizin, <1240): sağdan çekmece; Ana sayfa · talep · numara · bul · ağaç. */
body.tj-kaydirma-kilidi { overflow: hidden; }
.tj-menu-perdesi { position: fixed; inset: 0; z-index: 70; background: rgba(26, 26, 26, 0.45); }
.tj-menu-katmani { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--tj-a4) var(--tj-a5) var(--tj-a7); background: var(--tj-kagit); border-left: 1px solid var(--tj-cizgi); }
.tj-menu-katmani-ust { display: flex; justify-content: space-between; align-items: center; gap: var(--tj-a3); padding-bottom: var(--tj-a3); margin-bottom: var(--tj-a4); background: var(--tj-cift-cizgi); background-position: 0 100%, 0 calc(100% - 5px); }
.tj-menu-katmani-ust img { height: 28px; width: auto; }
.tj-menu-katmani-eylem { display: grid; gap: var(--tj-a2); margin-bottom: var(--tj-a5); }
.tj-menu-katmani-kume { padding-top: var(--tj-a3); margin-top: var(--tj-a3); border-top: 1px solid var(--tj-cizgi-ince); }
.tj-menu-katmani-kume h2 { font-size: 1.125rem; margin: 0 0 2px; }
.tj-menu-katmani-kume h2 a { text-decoration: none; }
.tj-menu-katmani-kume .tj-alt-dizin-basi { padding: 8px 0 0; }
.tj-menu-katmani-dip { margin: var(--tj-a5) 0 0; padding-top: var(--tj-a4); border-top: 1px solid var(--tj-cizgi-ince); color: var(--tj-gri); font-size: 15px; max-width: none; }
.tj-dil-secimi { font-size: var(--tj-y-kucuk); }
.tj-dil-secimi summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--tj-murekkep); border-radius: var(--tj-k); color: var(--tj-murekkep); font-weight: 600; }
.tj-dil-secimi summary::-webkit-details-marker { display: none; }
.tj-dil-secimi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--tj-a4); margin: var(--tj-a2) 0 0; }
.tj-dil-secimi a { display: inline-block; padding: 10px 0; color: var(--tj-gri); text-decoration: none; }
.tj-dil-secimi a:hover, .tj-dil-secimi a[aria-current="true"] { color: var(--tj-murekkep); text-decoration: underline; text-decoration-color: var(--tj-kiremit); }

/* --- 06 Eylem düğmeleri ve ok bağlantı (4 px dikdörtgen; hap YOK) ------ */
.tj-eylem { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: var(--tj-k); font: 600 16px/1.2 var(--tj-f-govde); text-decoration: none; text-align: center; cursor: pointer; transition: background-color var(--tj-sure) var(--tj-egri), border-color var(--tj-sure) var(--tj-egri), color var(--tj-sure) var(--tj-egri); }
.tj-eylem svg { width: 18px; height: 18px; flex: none; }
.tj-eylem b { font-family: var(--tj-f-sayi); font-weight: 600; font-variant-numeric: tabular-nums; }
.tj-eylem--kiremit { background: var(--tj-kiremit); color: var(--tj-kiremit-ust); }
.tj-eylem--kiremit:hover { background: var(--tj-kiremit-bas); color: var(--tj-kiremit-ust); }
.tj-eylem--cizgili { background: transparent; color: var(--tj-murekkep); border-color: var(--tj-murekkep); }
.tj-eylem--cizgili:hover { background: var(--tj-murekkep); color: #fff; }
.tj-eylem--sade { background: var(--tj-yaprak); color: var(--tj-murekkep); border-color: var(--tj-cizgi); }
.tj-eylem--sade:hover { border-color: var(--tj-murekkep); color: var(--tj-murekkep); }
.tj-eylem--kucuk { min-height: 44px; padding: 0 14px; font-size: 15px; }
.tj-eylem--genis { width: 100%; }
.tj-eylem--simge { width: 44px; padding: 0; flex: none; }
.tj-eylem--tel { font-variant-numeric: tabular-nums; }
.tj-eylem[aria-disabled="true"] { background: var(--tj-kagit-2); color: var(--tj-gri-2); border-color: var(--tj-cizgi-ince); cursor: not-allowed; }
.tj-eylem[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.tj-eylem-dizisi { display: flex; flex-wrap: wrap; gap: var(--tj-a3); align-items: center; }
.tj-ok-baglanti { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-weight: 600; color: var(--tj-murekkep); text-decoration: none; }
.tj-ok-baglanti::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--tj-kiremit); -webkit-mask: var(--tj-m-sag) center / contain no-repeat; mask: var(--tj-m-sag) center / contain no-repeat; transition: transform var(--tj-sure) var(--tj-egri); }
.tj-ok-baglanti:hover { text-decoration: underline; text-decoration-color: var(--tj-kiremit); }
.tj-ok-baglanti:hover::after { transform: translateX(3px); }

/* --- 07 Yaprak (kart), cihaz levhası, cihaz yaprağı, yan kart ----------- */
.tj-yaprak { display: block; min-width: 0; background: var(--tj-yaprak); border: 1px solid var(--tj-cizgi-ince); border-radius: var(--tj-k); box-shadow: var(--tj-kagit-kenari); padding: var(--tj-a5); color: inherit; text-decoration: none; }
.tj-yaprak > :last-child { margin-bottom: 0; }
.tj-yaprak h3 { margin: 0 0 6px; }
a.tj-yaprak { transition: border-color var(--tj-sure) var(--tj-egri); }
a.tj-yaprak:hover { border-color: var(--tj-cizgi); }
a.tj-yaprak:hover h3 { text-decoration: underline; text-decoration-color: var(--tj-kiremit); text-decoration-thickness: 2px; text-underline-offset: 0.18em; }
/* İç yaprak: yaprak içinde gri zeminli alt kutu (kenarsız, kâğıt kenarı yok). */
.tj-yaprak--ic { background: var(--tj-kagit-2); border-color: transparent; box-shadow: none; }
.tj-kisim--gri .tj-yaprak--ic { background: var(--tj-kagit); border-color: var(--tj-cizgi-ince); }
.tj-yaprak-basi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--tj-a4); margin-bottom: var(--tj-a4); }
.tj-yaprak-basi > div { min-width: 0; flex: 1 1 260px; }
.tj-yaprak-basi h2, .tj-yaprak-basi h3 { margin: 0; }
.tj-yaprak-basi p { margin: 6px 0 0; color: var(--tj-gri); font-size: var(--tj-y-kucuk); }
.tj-yaprak-basi small { color: var(--tj-gri); font-size: 14px; }
.tj-yaprak-basi h3 a { text-decoration: none; }
.tj-yaprak-basi h3 a:hover { text-decoration: underline; text-decoration-color: var(--tj-kiremit); }
/* Ana sütundaki büyük yapraklar: başlık H2 + çift çizgi değil, üstte 2 px mürekkep. */
.tj-ana-sutun > .tj-yaprak { border-top: 2px solid var(--tj-murekkep); border-radius: 0 0 var(--tj-k) var(--tj-k); }
.tj-yapraklar { display: grid; gap: var(--tj-a4); grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.tj-yapraklar > * { min-width: 0; }
@media (min-width: 720px) { .tj-yapraklar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .tj-yapraklar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .tj-yapraklar--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* Cihaz levhası: kâğıtta BEYAZ levha + kıl çerçeve; çizim %78. */
.tj-cihaz-levha { position: relative; aspect-ratio: 4 / 3; display: grid; place-items: center; background: #fff; border: 1px solid var(--tj-cizgi-ince); border-radius: var(--tj-k-ince); overflow: hidden; }
.tj-cihaz-levha picture { display: contents; }
.tj-cihaz-levha img { width: 78%; height: 78%; object-fit: contain; }
.tj-cihaz-levha--kare { aspect-ratio: 1; }
/* Cihaz yaprağı (ızgara kartı): levha üstte, ad altta, dipte iki bağlantı. */
.tj-cihaz-yapragi { padding: 0; overflow: hidden; display: grid; grid-template-rows: auto 1fr auto; }
.tj-cihaz-yapragi .tj-cihaz-levha { border: 0; border-bottom: 1px solid var(--tj-cizgi-ince); border-radius: 0; }
.tj-cihaz-yapragi-bag { display: block; color: inherit; text-decoration: none; }
.tj-cihaz-yapragi-adi { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 14px 16px 6px; }
.tj-cihaz-yapragi-adi h3 { font-size: 19px; margin: 0; overflow-wrap: anywhere; }
.tj-cihaz-yapragi-adi p { margin: 2px 0 0; font-size: 14px; color: var(--tj-gri); }
a.tj-cihaz-yapragi-bag:hover h3 { text-decoration: underline; text-decoration-color: var(--tj-kiremit); text-decoration-thickness: 2px; }
.tj-cihaz-sirasi { margin-right: 8px; font: italic 500 15px/1 var(--tj-f-baslik); color: var(--tj-kiremit); }
.tj-cihaz-yapragi-dip { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; padding: 10px 16px 14px; font-size: 14px; }
.tj-cihaz-yapragi-dip a { color: var(--tj-gri); }
.tj-cihaz-talebi { display: inline-flex; align-items: center; gap: 4px; color: var(--tj-murekkep) !important; font-weight: 600; text-decoration: none; }
.tj-cihaz-talebi svg { width: 16px; height: 16px; color: var(--tj-kiremit); }
@media (max-width: 719px) {
  .tj-yapraklar--levhali { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .tj-yapraklar--levhali .tj-cihaz-yapragi-adi { padding: 10px 10px 4px; }
  .tj-yapraklar--levhali .tj-cihaz-yapragi-adi h3 { font-size: 16px; }
  .tj-yapraklar--levhali .tj-cihaz-yapragi-adi p { display: none; }
  .tj-yapraklar--levhali .tj-cihaz-yapragi-dip { padding: 6px 10px 10px; font-size: 13px; }
}
/* Yan kart: üstte 2 px mürekkep, yaprak, kâğıt kenarı. */
.tj-kenar-notu { min-width: 0; background: var(--tj-yaprak); border: 1px solid var(--tj-cizgi-ince); border-top: 2px solid var(--tj-murekkep); border-radius: 0 0 var(--tj-k) var(--tj-k); box-shadow: var(--tj-kagit-kenari); padding: var(--tj-a5); }
.tj-kenar-notu h2 { font-size: 1.375rem; margin: 0 0 var(--tj-a3); }
.tj-kenar-notu h3 { margin: 0 0 var(--tj-a3); }
.tj-kenar-notu dl { margin: 0 0 var(--tj-a4); }
.tj-kenar-notu dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--tj-cizgi-ince); }
.tj-kenar-notu dt { color: var(--tj-gri); font-size: 15px; }
.tj-kenar-notu dd { margin: 0; color: var(--tj-murekkep); font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tj-kenar-notu .tj-seyir { margin: 0 0 var(--tj-a4); }
.tj-kenar-notu .tj-eylem + .tj-eylem { margin-top: var(--tj-a2); }
.tj-kenar-notu .tj-kunye-listesi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
.tj-kenar-notu-dipnot { margin: var(--tj-a4) 0 0; font-size: 14px; color: var(--tj-gri); }

/* --- 08 Seyir: dikey zaman çizgisi (imza) ------------------------------- */
.tj-seyir { position: relative; margin: 0; padding: 0 0 0 var(--tj-zaman-x); list-style: none; }
.tj-seyir::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 1px; background: var(--tj-cizgi); }
.tj-seyir-duragi { position: relative; padding-bottom: var(--tj-a5); }
.tj-seyir-duragi:last-child { padding-bottom: 0; }
.tj-seyir-duragi::before { content: ""; position: absolute; left: calc(var(--tj-zaman-x) * -1); top: 7px; width: 13px; height: 13px; background: var(--tj-yaprak); border: 2px solid var(--tj-murekkep); }
.tj-seyir-duragi--simdi::before { background: var(--tj-kiremit); border-color: var(--tj-kiremit); }
.tj-seyir-duragi h3 { margin: 0 0 4px; font-size: var(--tj-y-3); }
.tj-seyir-duragi p { margin: 0; color: var(--tj-gri); font-size: var(--tj-y-kucuk); }
.tj-seyir-duragi > span:not(.tj-seyir-zamani) { display: block; color: var(--tj-metin); }
.tj-seyir-zamani { display: block; margin-bottom: 2px; font: italic 500 15px/1.3 var(--tj-f-baslik); color: var(--tj-gri); }
.tj-kisim--gri .tj-seyir-duragi::before { background: var(--tj-kagit-2); }
.tj-kisim--gri .tj-yaprak .tj-seyir-duragi::before, .tj-kisim--gri .tj-kenar-notu .tj-seyir-duragi::before { background: var(--tj-yaprak); }
.tj-kisim--gri .tj-seyir-duragi--simdi::before { background: var(--tj-kiremit) !important; }
.tj-kenar-notu .tj-seyir-duragi h3 { font-size: 17px; }
/* Geniş ekranda dört duraklı seyir okuma sütununda iki sütuna yayılmaz: zaman çizgisi tek kalır. */

/* --- 09 Sayfa yolu (kırıntı) ve fihrist (sayfa içi dizin) --------------- */
.tj-sayfa-yolu ol { display: flex; flex-wrap: wrap; gap: 2px 0; margin: 0 0 var(--tj-a4); padding: 0; list-style: none; font-size: 14px; color: var(--tj-gri); }
.tj-sayfa-yolu li + li::before { content: "/"; margin: 0 8px; color: var(--tj-cizgi); }
.tj-sayfa-yolu a { color: var(--tj-gri); text-decoration-color: var(--tj-cizgi); }
.tj-sayfa-yolu a:hover { color: var(--tj-murekkep); text-decoration-color: var(--tj-kiremit); }
.tj-sayfa-yolu [aria-current] { color: var(--tj-murekkep); }
/* Fihrist: yatay içindekiler (üstte 1 px mürekkep, altta kıl). "pano" kipinde sekme. */
.tj-fihrist { display: flex; gap: 0 2px; margin: var(--tj-a5) 0 0; padding: 0; border-top: 1px solid var(--tj-murekkep); border-bottom: 1px solid var(--tj-cizgi-ince); overflow-x: auto; scrollbar-width: none; }
.tj-fihrist::-webkit-scrollbar { display: none; }
.tj-fihrist a, .tj-fihrist button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 0 12px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--tj-gri); font: 500 15px/1 var(--tj-f-govde); text-decoration: none; white-space: nowrap; cursor: pointer; }
.tj-fihrist a:hover { color: var(--tj-murekkep); border-bottom-color: var(--tj-cizgi); }
.tj-fihrist [aria-selected="true"], .tj-fihrist [aria-current="true"] { color: var(--tj-murekkep); border-bottom-color: var(--tj-kiremit); }
.tj-fihrist sup { font: italic 500 13px/1 var(--tj-f-baslik); color: var(--tj-gri-2); vertical-align: baseline; }
.tj-fihrist[data-az-harfler] { margin: 0 0 var(--tj-a4); }
.tj-fihrist[data-az-harfler] a { min-width: 40px; justify-content: center; padding: 0 8px; font-family: var(--tj-f-baslik); font-weight: 600; font-size: 17px; }
.tj-fihrist-bolumu[hidden] { display: none; }
.tj-fihrist-bolumu { scroll-margin-top: calc(var(--tj-ust-boy) + var(--tj-a5)); }

/* --- 10 Mühür (durum), ufak bağlantı ------------------------------------ */
.tj-muhur, .tj-ufak-baglanti.tj-muhur--evde, .tj-ufak-baglanti.tj-muhur--usta, .tj-ufak-baglanti.tj-muhur--dur { display: inline-flex; align-items: center; gap: 6px; min-height: 26px; padding: 0 8px; border: 1px solid currentColor; border-radius: var(--tj-k-ince); background: transparent; font: 600 13px/1 var(--tj-f-govde); letter-spacing: 0.01em; white-space: nowrap; }
.tj-muhur--evde { color: var(--tj-yesil) !important; }
.tj-muhur--usta { color: var(--tj-murekkep) !important; }
.tj-muhur--dur { color: var(--tj-kiremit) !important; background: var(--tj-kiremit-acik) !important; }
/* Ufak bağlantı: dizi hâlinde kısa bağlantılar ("Markaya göre", küçük aletler). */
.tj-ufak-baglantilar { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.tj-ufak-baglanti { display: inline-flex; align-items: center; min-height: 36px; padding: 0 12px; border: 1px solid var(--tj-cizgi); border-radius: var(--tj-k); background: var(--tj-yaprak); font-size: 14px; font-weight: 500; color: var(--tj-murekkep); text-decoration: none; white-space: nowrap; }
a.tj-ufak-baglanti:hover { border-color: var(--tj-murekkep); text-decoration: underline; text-decoration-color: var(--tj-kiremit); }

/* --- 11 Kod defteri (hata kodu tablosu) --------------------------------- */
.tj-kod-defteri { width: 100%; border-collapse: collapse; font-size: var(--tj-y-kucuk); }
.tj-kod-defteri caption { text-align: left; padding: 0 0 10px; font: italic 500 16px/1.3 var(--tj-f-baslik); color: var(--tj-gri); }
.tj-kod-defteri thead th { text-align: left; font-weight: 600; font-size: var(--tj-y-etiket); color: var(--tj-gri); padding: 10px 12px; background: var(--tj-kagit-2); border-bottom: 2px solid var(--tj-murekkep); }
.tj-kod-defteri td, .tj-kod-defteri tbody th { padding: 14px 12px; border-bottom: 1px solid var(--tj-cizgi-ince); vertical-align: top; text-align: left; overflow-wrap: anywhere; }
.tj-kod-defteri td b { display: block; font-weight: 600; color: var(--tj-murekkep); }
.tj-kod-defteri td b + span { display: block; color: var(--tj-gri); font-size: 14px; }
.tj-kod-defteri tr:target td { background: var(--tj-kiremit-acik); }
.tj-kod-defteri tr[hidden] { display: none; }
.tj-kod-defteri tr[id] { scroll-margin-top: calc(var(--tj-ust-boy) + 64px); }
.tj-kod-pulu { display: inline-block; min-width: 52px; padding: 2px 8px; border: 1px solid var(--tj-murekkep); border-radius: var(--tj-k-ince); font: 600 19px/1.3 var(--tj-f-baslik); color: var(--tj-murekkep); text-align: center; text-decoration: none; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; background: var(--tj-yaprak); }
a.tj-kod-pulu:hover { background: var(--tj-murekkep); color: #fff; }
.tj-kod-defteri--tam td:first-child { width: 1%; white-space: nowrap; }
.tj-kod-defteri--tam td p { margin: 0 0 6px; max-width: 64ch; }
.tj-kod-belirtisi { color: var(--tj-gri); }
.tj-kod-ayrintisi { margin-top: 8px; }
.tj-kod-ayrintisi > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid var(--tj-murekkep); border-radius: var(--tj-k); font-size: 14px; font-weight: 600; color: var(--tj-murekkep); cursor: pointer; list-style: none; }
.tj-kod-ayrintisi > summary::-webkit-details-marker { display: none; }
.tj-kod-ayrintisi > summary::after { content: ""; width: 14px; height: 14px; background: var(--tj-kiremit); -webkit-mask: var(--tj-m-asagi) center / contain no-repeat; mask: var(--tj-m-asagi) center / contain no-repeat; transition: transform var(--tj-sure) var(--tj-egri); }
.tj-kod-ayrintisi[open] > summary::after { transform: rotate(180deg); }
.tj-kod-ayrintisi[open] { padding: var(--tj-a3) var(--tj-a4) var(--tj-a2); border-left: 2px solid var(--tj-kiremit); background: var(--tj-kagit-2); }
.tj-kod-ayrintisi[open] > summary { border: 0; padding: 0; min-height: 36px; }
.tj-kod-ayrintisi h3 { margin: var(--tj-a3) 0 0; font-size: 16px; }
.tj-kod-arayici { max-width: 520px; }
.tj-kod-arayici .tj-alan-notu { min-height: 1.5em; margin-top: 8px; }
.tj-kod-defteri--dizin td:first-child a { text-decoration: none; }
.tj-kod-defteri--dizin td:last-child, .tj-kod-defteri--dizin th:last-child { text-align: right; color: var(--tj-gri); }
@media (max-width: 719px) {
  .tj-kod-defteri thead { display: none; }
  .tj-kod-defteri tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--tj-cizgi-ince); }
  .tj-kod-defteri td, .tj-kod-defteri tbody th { border: 0; padding: 2px 0; }
  .tj-kod-defteri td:first-child { grid-row: span 2; }
  .tj-kod-defteri--dizin tr { grid-template-columns: minmax(0, 1fr) auto; }
  .tj-kod-defteri--dizin td:first-child { grid-row: auto; }
  .tj-kod-defteri--dizin td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .tj-kod-defteri--tam td:last-child { grid-column: 2; padding-top: 6px; }
}

/* --- 12 Merak listesi (SSS) --------------------------------------------- */
.tj-merak-listesi { border-top: 2px solid var(--tj-murekkep); }
.tj-merak-maddesi { border-bottom: 1px solid var(--tj-cizgi-ince); }
.tj-merak-maddesi summary { display: flex; justify-content: space-between; gap: var(--tj-a4); padding: 16px 0; cursor: pointer; list-style: none; font: 600 var(--tj-y-3)/1.3 var(--tj-f-baslik); color: var(--tj-murekkep); }
.tj-merak-maddesi summary::-webkit-details-marker { display: none; }
.tj-merak-maddesi summary::after { content: ""; flex: none; width: 20px; height: 20px; margin-top: 4px; background: var(--tj-kiremit); -webkit-mask: var(--tj-m-asagi) center / contain no-repeat; mask: var(--tj-m-asagi) center / contain no-repeat; transition: transform var(--tj-sure) var(--tj-egri); }
.tj-merak-maddesi summary:hover { text-decoration: underline; text-decoration-color: var(--tj-kiremit); text-decoration-thickness: 2px; text-underline-offset: 0.18em; }
.tj-merak-maddesi[open] summary::after { transform: rotate(180deg); }
.tj-merak-maddesi > div { padding: 0 0 var(--tj-a4); max-width: var(--tj-okuma); }
.tj-merak-maddesi > div p { margin: 0 0 10px; }
.tj-merak-maddesi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) { .tj-merak-listesi--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--tj-a7); align-items: start; } }

/* --- 13 Form ------------------------------------------------------------ */
.tj-form-yapragi { display: grid; gap: var(--tj-a5); min-width: 0; }
.tj-alan-kumesi { display: grid; gap: var(--tj-a4); min-width: 0; margin: 0; padding: 0; border: 0; }
.tj-alan-kumesi + .tj-alan-kumesi { padding-top: var(--tj-a5); border-top: 1px solid var(--tj-cizgi-ince); }
.tj-alan-kumesi-adi { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 0; }
.tj-alan-kumesi-adi b { font-family: var(--tj-f-baslik); font-size: var(--tj-y-3); font-weight: 600; color: var(--tj-murekkep); }
.tj-alan-kumesi-adi small { color: var(--tj-gri); font-size: 14px; }
.tj-alan-dizisi { display: grid; gap: var(--tj-a4); grid-template-columns: minmax(0, 1fr); min-width: 0; }
.tj-alanlar-iki { display: grid; gap: var(--tj-a4); grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 720px) { .tj-alanlar-iki { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tj-alanlar-iki > .tj-yazi-alani--tam, .tj-alanlar-iki > .tj-isaret-kutusu { grid-column: 1 / -1; } }
.tj-yazi-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.tj-yazi-alani > label, .tj-alan-adi { font-size: 15px; font-weight: 600; color: var(--tj-murekkep); }
.tj-yazi-alani label small { font-weight: 400; color: var(--tj-gri); }
.tj-yazi-alani input, .tj-yazi-alani select, .tj-yazi-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 1px solid var(--tj-cizgi-sert); border-radius: var(--tj-k); background: var(--tj-yaprak); color: var(--tj-murekkep); font: 400 16px/1.4 var(--tj-f-govde); -webkit-appearance: none; appearance: none; transition: border-color var(--tj-sure) var(--tj-egri); }
.tj-yazi-alani textarea { padding-block: 12px; min-height: 112px; resize: vertical; }
.tj-yazi-alani select { padding-right: 42px; background: var(--tj-yaprak) no-repeat right 12px center / 18px 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.tj-yazi-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.tj-yazi-alani input::placeholder, .tj-yazi-alani textarea::placeholder { color: var(--tj-gri-2); opacity: 1; }
.tj-yazi-alani input:hover, .tj-yazi-alani select:hover, .tj-yazi-alani textarea:hover { border-color: var(--tj-murekkep); }
.tj-yazi-alani input:focus-visible, .tj-yazi-alani select:focus-visible, .tj-yazi-alani textarea:focus-visible { outline: 2px solid var(--tj-kiremit); outline-offset: 1px; border-color: var(--tj-murekkep); }
.tj-yazi-alani input[type="date"], .tj-yazi-alani input[type="time"] { -webkit-appearance: auto; appearance: auto; color-scheme: light; display: block; }
.tj-yazi-alani input[type="file"] { padding: 10px 12px; }
.tj-yazi-alani input[type="file"]::file-selector-button { margin-right: var(--tj-a3); min-height: 32px; padding: 0 12px; border: 1px solid var(--tj-murekkep); border-radius: var(--tj-k); background: var(--tj-yaprak); color: var(--tj-murekkep); font: inherit; font-weight: 600; cursor: pointer; }
.tj-yazi-alani--hatali input, .tj-yazi-alani--hatali select, .tj-yazi-alani--hatali textarea { border: 2px solid var(--tj-kiremit); }
.tj-alan-uyarisi { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 14px; font-weight: 500; color: var(--tj-kiremit); max-width: none; }
.tj-alan-uyarisi::before { content: ""; flex: none; width: 12px; height: 2px; background: var(--tj-kiremit); }
.tj-alan-notu { margin: 0; font-size: 14px; color: var(--tj-gri); }
.tj-isaret-kutusu { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; color: var(--tj-metin); cursor: pointer; }
.tj-isaret-kutusu input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--tj-kiremit); cursor: pointer; }
.tj-yazi-alani--hatali.tj-isaret-kutusu input { outline: 2px solid var(--tj-kiremit); outline-offset: 1px; }
/* Uygun gün: önümüzdeki 6 gün (tijd.js), dikdörtgen hücreler. */
.tj-gun-cetveli { display: flex; flex-wrap: wrap; gap: 6px; }
.tj-gun-cetveli button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 12px; border: 1px solid var(--tj-cizgi); border-radius: var(--tj-k); background: var(--tj-yaprak); color: var(--tj-gri); font: inherit; font-size: 14px; cursor: pointer; }
.tj-gun-cetveli button b { font-family: var(--tj-f-sayi); font-weight: 600; font-size: 17px; color: var(--tj-murekkep); }
.tj-gun-cetveli button:hover { border-color: var(--tj-murekkep); }
.tj-gun-cetveli button[aria-pressed="true"] { border: 2px solid var(--tj-kiremit); color: var(--tj-murekkep); }
.tj-form-sonu { display: grid; gap: var(--tj-a3); }
.tj-form-sonu p { margin: 0; font-size: 14px; color: var(--tj-gri); }
@media (min-width: 720px) { .tj-form-sonu .tj-eylem { justify-self: start; min-width: 280px; } }
/* Talep kesiti (sayfa içi form): solda açıklama + seyir │ sağda form yaprağı. */
.tj-talep-kesiti { display: grid; gap: var(--tj-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.tj-talep-kesiti > * { min-width: 0; }
@media (min-width: 1080px) { .tj-talep-kesiti { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--tj-a7); } }
.tj-talep-aciklamasi h2 { margin: 0 0 var(--tj-a3); font-size: var(--tj-y-1); }
.tj-talep-aciklamasi .tj-seyir { margin: var(--tj-a5) 0; }
.tj-talep-notu { font-size: 14px; color: var(--tj-gri); }
.tj-talep-yapragi { border-top: 2px solid var(--tj-murekkep); border-radius: 0 0 var(--tj-k) var(--tj-k); }

/* --- 14 Ara not (uyarı, sonuç, boş liste) ------------------------------- */
.tj-ara-not { margin: 0 0 var(--tj-a4); padding: var(--tj-a3) var(--tj-a4); border-left: 2px solid var(--tj-murekkep); background: var(--tj-kagit-2); border-radius: 0 var(--tj-k) var(--tj-k) 0; color: var(--tj-metin); font-size: var(--tj-y-kucuk); max-width: none; }
.tj-ara-not b { display: block; font-family: var(--tj-f-baslik); font-size: 18px; color: var(--tj-murekkep); margin-bottom: 2px; }
.tj-ara-not p { margin: 0; }
.tj-ara-not:last-child { margin-bottom: 0; }
.tj-ara-not--dikkat { border-left-color: var(--tj-kiremit); background: var(--tj-kiremit-acik); }
.tj-ara-not--tamam { border-left-color: var(--tj-yesil); }

/* --- 15 Sayfa başı: kırıntı · rubrik · H1 · giriş · eylemler │ levha ---- */
.tj-sayfa-basi { padding-block: var(--tj-a5) var(--tj-a6); }
.tj-sayfa-basi > .tj-fihrist { margin-top: var(--tj-a6); }
.tj-sayfa-basi-izgara { display: grid; gap: var(--tj-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.tj-sayfa-basi-izgara > * { min-width: 0; }
@media (min-width: 1080px) { .tj-sayfa-basi-izgara { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tj-a7); } }
.tj-sayfa-basi h1 { margin: 0 0 var(--tj-a3); overflow-wrap: break-word; }
.tj-sayfa-basi .tj-giris-yazisi { margin-top: var(--tj-a2); }
.tj-sayfa-basi .tj-eylem-dizisi { margin-top: var(--tj-a5); }
.tj-sayfa-basi-levha { display: grid; gap: var(--tj-a3); align-content: center; }
.tj-sayfa-basi-levha:empty { display: none; }
.tj-sayfa-basi-levha > .tj-cihaz-levha { width: 100%; max-width: 440px; justify-self: end; }
@media (max-width: 1079px) { .tj-sayfa-basi-levha > .tj-cihaz-levha { max-width: 340px; justify-self: start; } }
@media (max-width: 719px) { .tj-sayfa-basi-levha > .tj-cihaz-levha { max-width: 100%; aspect-ratio: 16 / 10; } }

/* --- 16 Mobil alt şerit (<1080): kenara yapışık, üstte çift çizgi ------- */
.tj-alt-serit { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: calc(var(--tj-cift-cizgi-boy) + 10px) var(--tj-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--tj-kagit); transition: transform var(--tj-sure) var(--tj-egri); }
.tj-alt-serit::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: var(--tj-cift-cizgi-boy); background: var(--tj-cift-cizgi); }
.tj-alt-serit .tj-eylem { flex: 1; min-width: 0; padding: 0 12px; }
.tj-alt-serit .tj-eylem--kiremit:last-child:not(:first-child) { flex: 0 0 auto; min-width: 104px; }
.tj-alt-serit .tj-eylem span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tj-alt-serit--gizli { transform: translateY(110%); }
body.tj-seritli { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .tj-alt-serit { display: none; } body.tj-seritli { padding-bottom: 0; } }

/* --- 17 Son söz (tek koyu yüzey), ara davet, sayfa sonu, çerez ---------- */
.tj-son-soz { margin-top: var(--tj-bolum); padding-block: var(--tj-a7); background: var(--tj-murekkep); color: #fff; }
.tj-son-soz + .tj-sayfa-sonu { margin-top: 0; }
.tj-son-soz-ic { display: grid; gap: var(--tj-a5); align-items: center; }
@media (min-width: 1080px) { .tj-son-soz-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tj-a7); } .tj-son-soz-ic .tj-eylem-dizisi { justify-content: flex-end; } }
.tj-son-soz h2 { color: #fff; margin: 0 0 8px; }
.tj-son-soz p { color: var(--tj-son-soz-ikincil); margin: 0; }
.tj-son-soz .tj-rubrik { color: var(--tj-kiremit-koyu-zemin); }
.tj-son-soz .tj-rubrik::before { background: var(--tj-kiremit-koyu-zemin); }
.tj-son-soz .tj-eylem--cizgili { color: #fff; border-color: #fff; }
.tj-son-soz .tj-eylem--cizgili:hover { background: #fff; color: var(--tj-murekkep); }
.tj-son-soz a:not(.tj-eylem) { color: #fff; }
.tj-son-soz :focus-visible { outline-color: #fff; }
.tj-ara-davet { display: grid; gap: var(--tj-a4); align-items: center; padding: var(--tj-a5); border-top: 2px solid var(--tj-murekkep); border-bottom: 1px solid var(--tj-cizgi-ince); background: var(--tj-kagit-2); }
@media (min-width: 1080px) { .tj-ara-davet { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } .tj-ara-davet .tj-eylem-dizisi { justify-content: flex-end; } }
.tj-ara-davet b { display: block; font-family: var(--tj-f-baslik); font-size: var(--tj-y-3); color: var(--tj-murekkep); }
.tj-ara-davet p { margin: 0; color: var(--tj-gri); }
/* Sayfa sonu (altbilgi): gri zemin, üstte çift çizgi; servisfer sütun yapısı. */
.tj-sayfa-sonu { margin-top: var(--tj-bolum); background: var(--tj-kagit-2); }
.tj-sayfa-sonu::before { content: ""; display: block; height: var(--tj-cift-cizgi-boy); background: var(--tj-cift-cizgi); }
.tj-sayfa-sonu-ic { max-width: var(--tj-kap); margin-inline: auto; padding: var(--tj-a7) var(--tj-kenar) var(--tj-a5); }
.tj-sayfa-sonu-izgara { display: grid; gap: var(--tj-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .tj-sayfa-sonu-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .tj-sayfa-sonu-izgara { grid-template-columns: 1.5fr repeat(3, minmax(0, 1fr)); } }
.tj-sayfa-sonu h2 { font-size: 18px; margin: 0 0 var(--tj-a3); }
.tj-sayfa-sonu h2 + ul + h2 { margin-top: var(--tj-a5); }
.tj-sayfa-sonu ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.tj-sayfa-sonu li a, .tj-sayfa-sonu li button { display: inline-flex; align-items: center; min-height: 34px; padding: 0; border: 0; background: none; font: inherit; font-size: 15px; color: var(--tj-metin); text-decoration: none; text-align: left; cursor: pointer; }
.tj-sayfa-sonu li a:hover, .tj-sayfa-sonu li button:hover { text-decoration: underline; text-decoration-color: var(--tj-kiremit); color: var(--tj-murekkep); }
.tj-sayfa-sonu-logo img { height: 32px; width: auto; }
.tj-sayfa-sonu-tanim { color: var(--tj-gri); font-size: 15px; margin: var(--tj-a3) 0; max-width: 44ch; }
.tj-sayfa-sonu .tj-kunye-listesi { font-size: 15px; }
.tj-sayfa-sonu .tj-kunye-listesi > div { grid-template-columns: 6rem minmax(0, 1fr); padding: 6px 0; border: 0; }
.tj-sayfa-sonu-satir { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 18px; padding: var(--tj-a4) 0; margin-top: var(--tj-a6); border-top: 1px solid var(--tj-cizgi); font-size: 15px; }
.tj-sayfa-sonu-satir b { font-family: var(--tj-f-baslik); font-style: italic; font-weight: 500; color: var(--tj-kiremit); }
.tj-sayfa-sonu-satir a { color: var(--tj-metin); }
.tj-kurum-seridi { display: grid; gap: var(--tj-a4); grid-template-columns: minmax(0, 1fr); padding: var(--tj-a4) 0; border-top: 1px solid var(--tj-cizgi); font-size: 14px; color: var(--tj-gri); }
@media (min-width: 720px) { .tj-kurum-seridi { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tj-kurum-seridi b { display: block; color: var(--tj-murekkep); font-weight: 600; margin-bottom: 2px; }
.tj-kurum-seridi p { margin: 0; }
.tj-yasal-beyan { margin: 0; padding: var(--tj-a3) 0; border-top: 1px solid var(--tj-cizgi); font-size: 14px; color: var(--tj-gri); max-width: none; }
.tj-okur-sayaci { margin: 0; padding: var(--tj-a3) 0; border-top: 1px solid var(--tj-cizgi); font-size: 14px; color: var(--tj-gri); max-width: none; }
.tj-okur-sayaci b { font-family: var(--tj-f-sayi); font-weight: 600; font-size: 16px; font-variant-numeric: tabular-nums; color: var(--tj-murekkep); }
.tj-dip-yazi { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 24px; padding-top: var(--tj-a4); border-top: 1px solid var(--tj-cizgi); font-size: 14px; color: var(--tj-gri); }
.tj-dip-yazi p { margin: 0; }
.tj-dip-yazi a { color: var(--tj-gri); }
.tj-dip-yazi nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
/* Çerez yaprağı: alt şeridin üstünde, kenara yapışık beyaz yaprak. */
.tj-cerez-yapragi { position: fixed; left: 8px; right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); z-index: 90; max-width: 760px; margin-inline: auto; padding: var(--tj-a4) var(--tj-a5); background: var(--tj-yaprak); border: 1px solid var(--tj-cizgi-ince); border-top: 2px solid var(--tj-murekkep); border-radius: 0 0 var(--tj-k) var(--tj-k); box-shadow: var(--tj-kagit-kenari); }
.tj-cerez-yapragi p { color: var(--tj-metin); font-size: 14px; margin: 0 0 12px; max-width: none; }
/* Künye listesi (tanımlar): sol ad, sağ değer. */
.tj-kunye-listesi { margin: 0; font-size: var(--tj-y-kucuk); }
.tj-kunye-listesi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--tj-cizgi-ince); }
.tj-kunye-listesi > div:first-child { border-top: 0; padding-top: 0; }
.tj-kunye-listesi dt { color: var(--tj-gri); }
.tj-kunye-listesi dd { margin: 0; color: var(--tj-metin); overflow-wrap: anywhere; }
/* Döküm: veri tablosu (renkler, basın, hesaplar, ekipler, resmi hatlar). */
.tj-dokum { width: 100%; border-collapse: collapse; font-size: var(--tj-y-kucuk); }
.tj-dokum thead th { text-align: left; font-size: var(--tj-y-etiket); font-weight: 600; color: var(--tj-gri); padding: 10px 12px; background: var(--tj-kagit-2); border-bottom: 2px solid var(--tj-murekkep); vertical-align: bottom; }
.tj-dokum tbody th { text-align: left; font-family: var(--tj-f-baslik); font-size: 17px; font-weight: 600; color: var(--tj-murekkep); padding: 12px; vertical-align: top; border-bottom: 1px solid var(--tj-cizgi-ince); }
.tj-dokum td { padding: 12px; border-bottom: 1px solid var(--tj-cizgi-ince); vertical-align: top; overflow-wrap: anywhere; }
@media (max-width: 719px) {
  .tj-dokum--yigin thead { display: none; }
  .tj-dokum--yigin tr { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid var(--tj-cizgi-ince); }
  .tj-dokum--yigin td, .tj-dokum--yigin tbody th { border: 0; padding: 0; }
}

/* --- 18 Ön sayfa (ana sayfa) -------------------------------------------- */
.tj-on-sayfa { padding-top: var(--tj-a6); }
.tj-on-sayfa-izgarasi { display: grid; gap: var(--tj-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.tj-on-sayfa-izgarasi > * { min-width: 0; }
@media (min-width: 1080px) { .tj-on-sayfa-izgarasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tj-a7); } }
.tj-on-sayfa .tj-kapak-basligi { margin-bottom: var(--tj-a4); }
.tj-on-sayfa-ilkeleri { list-style: none; display: grid; gap: 0; margin: var(--tj-a4) 0 var(--tj-a5); padding: 0; max-width: 520px; border-top: 1px solid var(--tj-murekkep); }
.tj-on-sayfa-ilkeleri li { display: flex; align-items: baseline; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--tj-cizgi-ince); font-size: var(--tj-y-kucuk); color: var(--tj-metin); }
.tj-on-sayfa-ilkeleri li::before { content: ""; flex: none; width: 9px; height: 9px; border: 2px solid var(--tj-kiremit); transform: translateY(1px); }
.tj-on-sayfa-gorseli { margin: 0; display: grid; gap: var(--tj-a3); }
.tj-cok-arananlar { display: grid; gap: 8px; margin-top: var(--tj-a5); }
.tj-cok-arananlar > span { font: italic 500 15px/1.3 var(--tj-f-baslik); color: var(--tj-gri); }
/* Parça imleri: levhadaki çizimin üstünde kare numaralı imler (viewBox 0–100). */
.tj-parca-gorseli { position: relative; width: 82%; aspect-ratio: 1; }
.tj-cihaz-levha .tj-parca-gorseli img { width: 100%; height: 100%; object-fit: contain; }
.tj-cihaz-levha:not(.tj-cihaz-levha--kare) .tj-parca-gorseli { width: 67.5%; }
.tj-cihaz-levha--kare .tj-parca-gorseli { width: 90%; }
.tj-parca-imleri { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.tj-parca-imi text { font-family: var(--tj-f-govde); font-size: 3.6px; font-weight: 700; text-anchor: middle; dominant-baseline: central; fill: #fff; }
.tj-parca-imi-karesi { fill: var(--tj-kiremit); stroke: #fff; stroke-width: 0.6; }
.tj-parca-imi-cercevesi { fill: none; stroke: var(--tj-kiremit); stroke-width: 0.6; opacity: 0; }
.tj-parca-imi { transition: opacity var(--tj-sure) var(--tj-egri); }
.tj-parca-imi--secili .tj-parca-imi-cercevesi { opacity: 1; }
.tj-parca-imleri:has(.tj-parca-imi--secili) .tj-parca-imi:not(.tj-parca-imi--secili) { opacity: 0.3; }
.tj-parca-dizini { font-size: 14px; color: var(--tj-gri); }
.tj-parca-dizini-basi { display: block; margin-bottom: 6px; font: italic 500 15px/1.3 var(--tj-f-baslik); color: var(--tj-murekkep); }
.tj-parca-dizini ol { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
.tj-parca-dizini li { display: flex; gap: 8px; align-items: baseline; }
.tj-parca-dizini b { flex: none; display: inline-grid; place-items: center; width: 18px; height: 18px; background: var(--tj-kiremit); color: #fff; font-size: 11px; }
.tj-cihaz-yapragi--imli .tj-parca-imi { opacity: 0; }
.tj-cihaz-yapragi--imli:hover .tj-parca-imi, .tj-cihaz-yapragi--imli:focus-within .tj-parca-imi { opacity: 1; }
@media (hover: none) { .tj-cihaz-yapragi--imli .tj-parca-imi { opacity: 1; } }
/* Belirti masası (arıza bulucu): JS yoksa gizli; aynı belirtiler cihaz sayfalarında. */
html:not(.tj-betikli) .tj-belirti-kesiti { display: none; }
.tj-belirti-masasi { display: grid; gap: var(--tj-a5); grid-template-columns: minmax(0, 1fr); align-items: center; margin-top: var(--tj-a4); }
.tj-belirti-masasi > * { min-width: 0; }
@media (min-width: 900px) { .tj-belirti-masasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.tj-belirti-sorusu { margin: 0 0 var(--tj-a3); font-family: var(--tj-f-baslik); font-size: var(--tj-y-3); font-weight: 600; color: var(--tj-murekkep); }
.tj-belirti-secenekleri { list-style: none; display: grid; gap: 0; border-top: 1px solid var(--tj-murekkep); }
.tj-belirti-secenekleri button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 4px; border: 0; border-bottom: 1px solid var(--tj-cizgi-ince); background: none; color: var(--tj-metin); font: inherit; font-size: 15px; text-align: left; cursor: pointer; }
.tj-belirti-secenekleri button span { flex: none; font: italic 500 15px/1 var(--tj-f-baslik); color: var(--tj-gri-2); min-width: 22px; }
.tj-belirti-secenekleri button:hover { background: var(--tj-kagit-2); color: var(--tj-murekkep); }
.tj-belirti-secenekleri button[aria-pressed="true"] { color: var(--tj-murekkep); font-weight: 600; box-shadow: inset 2px 0 0 var(--tj-kiremit); background: var(--tj-kiremit-acik); }
.tj-belirti-secenekleri button[aria-pressed="true"] span { color: var(--tj-kiremit); }
.tj-belirti-sonucu { margin: var(--tj-a4) 0; min-height: 3em; font-size: 14px; color: var(--tj-gri); }
.tj-belirti-sonucu b { color: var(--tj-murekkep); }
/* "Neden Tijd" ilke yaprakları ve kıyas. */
.tj-ilke-yapraklari h3 { margin: var(--tj-a3) 0 6px; }
.tj-ilke-yapraklari p { margin: 0; color: var(--tj-gri); font-size: var(--tj-y-kucuk); }
.tj-ilke-simgesi { display: inline-grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--tj-murekkep); border-radius: var(--tj-k); color: var(--tj-kiremit); }
.tj-kiyas { margin-top: var(--tj-a4); }
.tj-kiyas summary { cursor: pointer; font-weight: 600; color: var(--tj-murekkep); list-style: none; display: flex; justify-content: space-between; gap: 12px; }
.tj-kiyas summary::-webkit-details-marker { display: none; }
.tj-kiyas summary::after { content: ""; flex: none; width: 20px; height: 20px; background: var(--tj-kiremit); -webkit-mask: var(--tj-m-asagi) center / contain no-repeat; mask: var(--tj-m-asagi) center / contain no-repeat; transition: transform var(--tj-sure) var(--tj-egri); }
.tj-kiyas[open] summary::after { transform: rotate(180deg); }
.tj-kiyas dl { margin: var(--tj-a4) 0 0; display: grid; }
.tj-kiyas dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--tj-cizgi-ince); }
@media (min-width: 720px) { .tj-kiyas dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.tj-kiyas dt { color: var(--tj-gri); text-decoration: line-through; text-decoration-color: var(--tj-kiremit); }
.tj-kiyas dd { margin: 0; color: var(--tj-metin); }
/* Kentler bölümü: rakamlar, kroki, il dizini. */
.tj-kent-basi { display: grid; gap: var(--tj-a5); margin-bottom: var(--tj-a4); }
@media (min-width: 900px) { .tj-kent-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.tj-kent-basi p { margin: 0; color: var(--tj-gri); }
.tj-kent-rakamlari { display: flex; gap: var(--tj-a6); margin: 0; }
.tj-kent-rakamlari div { display: flex; flex-direction: column; padding-left: var(--tj-a3); border-left: 2px solid var(--tj-kiremit); }
.tj-kent-rakamlari dd { margin: 0; font-family: var(--tj-f-baslik); font-size: clamp(2.25rem, 1.8rem + 2vw, 3.5rem); font-weight: 600; line-height: 1; color: var(--tj-murekkep); font-variant-numeric: lining-nums; }
.tj-kent-rakamlari dt { margin-top: 6px; font: italic 500 15px/1.2 var(--tj-f-baslik); color: var(--tj-gri); }
.tj-kent-dizini { margin-top: var(--tj-a4); }
.tj-kent-dizini summary { cursor: pointer; color: var(--tj-murekkep); font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }
.tj-okur-notu blockquote { margin: 0 0 var(--tj-a3); font-family: var(--tj-f-baslik); font-size: 18px; }
.tj-okur-notu figcaption { font-size: 14px; color: var(--tj-gri); }

/* --- 19 Dizelge, cihaz/kent/marka/kod ekleri ----------------------------- */
/* Dizelge: satır listesi; bağlantılı satırın sonunda ince ok. */
.tj-dizelge { list-style: none; margin: 0; padding: 0; }
.tj-dizelge-satiri { display: flex; align-items: center; gap: var(--tj-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--tj-cizgi-ince); }
.tj-dizelge-satiri:first-child { border-top: 0; }
.tj-dizelge-satiri > a { flex: 1; min-width: 0; color: var(--tj-murekkep); text-decoration: none; font-weight: 500; overflow-wrap: anywhere; }
.tj-dizelge-satiri > a:hover { text-decoration: underline; text-decoration-color: var(--tj-kiremit); }
.tj-dizelge-satiri small { flex: 0 1 auto; min-width: 0; text-align: right; overflow-wrap: anywhere; color: var(--tj-gri); font-size: 14px; font-variant-numeric: tabular-nums; }
.tj-dizelge-satiri:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--tj-cizgi-sert); -webkit-mask: var(--tj-m-ok) center / contain no-repeat; mask: var(--tj-m-ok) center / contain no-repeat; }
.tj-dizelge-satiri:has(> a:hover)::after { background: var(--tj-kiremit); }
.tj-dizelge-satiri > span { flex: 1; min-width: 0; }
.tj-dizelge-notu { display: inline-block; width: 100%; margin-top: 2px; color: var(--tj-gri); font-size: 14px; font-weight: 400; }
.tj-dizelge--sutunlu { columns: 1; column-gap: var(--tj-a6); }
.tj-dizelge--sutunlu .tj-dizelge-satiri { break-inside: avoid; border-top: 0; border-bottom: 1px solid var(--tj-cizgi-ince); min-height: 46px; }
@media (min-width: 560px) { .tj-dizelge--sutunlu { columns: 2; } }
@media (min-width: 1080px) { .tj-dizelge--sutunlu { columns: 3; } .tj-dizelge--dortlu { columns: 4; } .tj-ana-sutun .tj-dizelge--sutunlu, .tj-yapraklar .tj-dizelge--sutunlu { columns: 2; } }
.tj-dizelge--dortlu { columns: 2; column-gap: var(--tj-a4); }
@media (max-width: 559px) { .tj-dizelge--dortlu small { display: none; } }
/* Çağrı bloğu (marka başı): numara büyük, Newsreader. */
.tj-cagri-blogu { display: grid; gap: 6px; padding: var(--tj-a4) 0 0; border-top: 1px solid var(--tj-murekkep); }
.tj-cagri-blogu .tj-rubrik { margin: 0; }
.tj-cagri-blogu .tj-rakam-yazisi { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.tj-cagri-blogu .tj-rakam-yazisi:hover { text-decoration: underline; text-decoration-color: var(--tj-kiremit); text-decoration-thickness: 2px; }
.tj-cagri-blogu p { margin: 0; font-size: 14px; color: var(--tj-gri); }
.tj-ilke-seridi .tj-dizelge-satiri { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--tj-metin); }
.tj-ilke-seridi .tj-dizelge-satiri::before { content: ""; flex: none; width: 9px; height: 9px; border: 2px solid var(--tj-kiremit); }
.tj-rakam-satiri { display: flex; flex-wrap: wrap; gap: var(--tj-a4) var(--tj-a6); margin: 0; }
.tj-rakam-satiri > div { display: flex; flex-direction: column-reverse; gap: 6px; padding-left: var(--tj-a3); border-left: 2px solid var(--tj-kiremit); }
.tj-rakam-satiri dd { margin: 0; font-family: var(--tj-f-sayi); font-weight: 600; line-height: 1; font-size: var(--tj-y-dev); color: var(--tj-murekkep); }
.tj-rakam-satiri dt { font: italic 500 15px/1.2 var(--tj-f-baslik); color: var(--tj-gri); }
@media (min-width: 1080px) { .tj-rakam-satiri { justify-content: flex-end; } }
.tj-acilir-kume { border-top: 1px solid var(--tj-cizgi-ince); }
.tj-acilir-kume > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; cursor: pointer; list-style: none; }
.tj-acilir-kume > summary::-webkit-details-marker { display: none; }
.tj-acilir-kume > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 18px; }
.tj-acilir-kume > summary small { color: var(--tj-gri-2); font-size: 14px; font-variant-numeric: tabular-nums; }
.tj-acilir-kume > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--tj-kiremit); -webkit-mask: var(--tj-m-asagi) center / contain no-repeat; mask: var(--tj-m-asagi) center / contain no-repeat; transition: transform var(--tj-sure) var(--tj-egri); }
.tj-acilir-kume[open] > summary::after { transform: rotate(180deg); }
.tj-acilir-kume > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--tj-kiremit); }
.tj-acilir-kume > p { margin: 0 0 8px; color: var(--tj-gri); }
.tj-acilir-kume > .tj-dizelge { margin-bottom: var(--tj-a3); }
.tj-yaprak > .tj-acilir-kume:first-of-type { margin-top: var(--tj-a3); }
/* A–Z alfabe (marka dizini, il/ilçe dizini). */
.tj-harf-arayici { max-width: 360px; margin-bottom: var(--tj-a4); }
.tj-alfabe { columns: 1; column-gap: var(--tj-a6); }
@media (min-width: 560px) { .tj-alfabe { columns: 2; } }
@media (min-width: 1080px) { .tj-alfabe { columns: 4; } }
.tj-alfabe-harfi { break-inside: avoid; margin-bottom: var(--tj-a4); }
.tj-alfabe-harfi > .tj-rubrik { margin: 0; font-size: 19px; font-style: normal; font-weight: 600; color: var(--tj-murekkep); }
.tj-alfabe-harfi > .tj-rubrik::before { width: 16px; }
.tj-alfabe-harfi .tj-dizelge-satiri { min-height: 44px; padding-block: 6px; }
.tj-alfabe-harfi .tj-dizelge-satiri small { font-size: 13px; text-align: right; }
.tj-ad-sirasi { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; color: var(--tj-metin); font-size: var(--tj-y-kucuk); line-height: 1.9; }
.tj-ad-sirasi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--tj-gri-2); }
.tj-logo-zemini { display: grid; place-items: center; min-height: 140px; padding: var(--tj-a5); margin-bottom: var(--tj-a4); border-radius: var(--tj-k); background: #fff; border: 1px solid var(--tj-cizgi-ince); }
.tj-logo-zemini--murekkep { background: var(--tj-murekkep); border-color: var(--tj-murekkep); }
.tj-logo-zemini img { max-height: 56px; width: auto; }
.tj-harita-yapragi { aspect-ratio: 4 / 3; display: grid; place-items: center; padding: var(--tj-a5); text-align: center; border-radius: var(--tj-k); background: var(--tj-kagit-2); overflow: hidden; }
.tj-harita-yapragi .tj-eylem-dizisi { justify-content: center; }
.tj-harita-yapragi iframe { width: 100%; height: 100%; border: 0; }
.tj-harita-yapragi.tj-harita-yapragi--acik { padding: 0; }
.tj-harita-yapragi.tj-harita-yapragi--acik > div { display: none; }
@media (min-width: 720px) { .tj-harita-yapragi { aspect-ratio: 16 / 9; } }
.tj-ana-sutun > [id], .tj-kisim[id] { scroll-margin-top: calc(var(--tj-ust-boy) + var(--tj-a5)); }

/* --- 40 Kroki: il haritası (parcalar/harita.html + js/harita.js; SVG'ler
       araclar/harita_uret.py). Beyaz pafta, gri il dolgusu, kıl sınır;
       kırmızı YALNIZ üzerine gelinen/odaklanan/vurgulanan alanda. ------ */
.tj-kroki { border-top: 1px solid var(--tj-murekkep); border-bottom: 1px solid var(--tj-cizgi-ince); margin: var(--tj-a4) 0 var(--tj-a5); background: var(--tj-kagit); }
.tj-kisim--gri .tj-kroki { background: var(--tj-kagit-2); }
.tj-kroki[hidden] { display: none; }
.tj-kroki-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--tj-a3) var(--tj-a4); padding: var(--tj-a3) 0; border-bottom: 1px solid var(--tj-cizgi-ince); }
.tj-kroki-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--tj-murekkep); border-radius: var(--tj-k2); background: transparent; color: var(--tj-murekkep); font: 600 15px/1 var(--tj-f-govde); cursor: pointer; }
.tj-kroki-geri[hidden] { display: none; }
.tj-kroki-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.tj-kroki-geri:hover { background: var(--tj-murekkep); color: #fff; }
.tj-kroki-il { display: grid; gap: 6px; min-width: 0; flex: 1 1 220px; max-width: 320px; }
.tj-kroki-il label { font-size: var(--tj-y-etiket); font-weight: 600; color: var(--tj-murekkep); }
.tj-kroki-il-secimi { width: 100%; min-height: 44px; padding: 0 42px 0 12px; border: 1px solid var(--tj-cizgi-sert); border-radius: var(--tj-k2); font: inherit; font-size: 16px; color: var(--tj-metin); cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--tj-yaprak) right 12px center / 18px 18px no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.tj-kroki-durumu { flex: 1 1 100%; margin: 0; font: italic 500 15px/1.3 var(--tj-f-baslik); color: var(--tj-gri); }
@media (min-width: 720px) { .tj-kroki-durumu { flex: 1 1 0; text-align: right; padding-bottom: 12px; } }
.tj-kroki-ic { display: grid; gap: var(--tj-a4); padding-top: var(--tj-a4); }
.tj-kroki-cizimi { min-width: 0; transition: opacity var(--tj-sure) var(--tj-egri); }
.tj-kroki-cizimi svg { display: block; width: 100%; height: auto; }
.tj-kroki-alan { fill: var(--tj-kagit-2); stroke: var(--tj-gri-2); stroke-width: 0.6; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--tj-sure) var(--tj-egri); }
.tj-kisim--gri .tj-kroki-alan { fill: var(--tj-yaprak); }
.tj-kroki-alan:hover, .tj-kroki-alan:focus, .tj-kroki-alan.tj-kroki-alan--vurgu { fill: var(--tj-kiremit); outline: none; }
.tj-kroki--yukleniyor .tj-kroki-cizimi { opacity: 0.4; cursor: progress; }
.tj-kroki-yani { min-width: 0; border-top: 1px solid var(--tj-murekkep); }
.tj-kroki-yani[hidden] { display: none; }
.tj-kroki-yani-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--tj-cizgi-ince); font-family: var(--tj-f-baslik); font-weight: 600; font-size: 1.1875rem; }
.tj-kroki-yani-basi a { color: var(--tj-murekkep); }
.tj-kroki-ilceleri { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: var(--tj-oluk); }
.tj-kroki-ilceleri li { break-inside: avoid; }
.tj-kroki-ilceleri a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--tj-cizgi-ince); color: var(--tj-metin); text-decoration: none; }
.tj-kroki-ilceleri a:hover, .tj-kroki-ilceleri a:focus-visible { color: var(--tj-murekkep); box-shadow: inset 0 -2px 0 var(--tj-kiremit); outline: none; }
@media (min-width: 1080px) {
  .tj-kroki--il-acik .tj-kroki-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .tj-kroki--il-acik.tj-kroki--dar .tj-kroki-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .tj-kroki-ilceleri { columns: 1; max-height: 480px; overflow-y: auto; }
}

/* --- Hareket azaltma, yazdırma ------------------------------------------ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .tj-ust-kunye, .tj-alt-serit, .tj-menu-katmani, .tj-menu-perdesi, .tj-cerez-yapragi, .tj-son-soz, .tj-ara-davet, .tj-fihrist, .tj-kroki { display: none !important; }
  .tj-fihrist-bolumu[hidden] { display: block !important; }
  .tj-yaprak, .tj-kenar-notu { box-shadow: none; }
  .tj-kod-ayrintisi { display: block; }
}