/* ==========================================================================
   Yetkılıservıs — stil dosyası (TASARIM-SISTEMI.md, 2026 kimliği)

   Kimlik: kağıt zemin (#F3F1EC), mürekkep (#15171C), hardal (#775a00) ve
   sinyal sarısı (#FFD400, yalnız küçük vurgu). Başlık Bitter (kalın, dolgun
   serif), gövde IBM Plex Sans, kod ve sayı IBM Plex Mono. Köşe 2 px.
   Üst bant cetvel çizgili (ince + kalın çift çizgi), manşet kalın serif,
   ana kart cetvel çizgili çerçeveli.
   Sınıf öneki: yks-   Belirteç öneki: --yks-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Bölümler (TASARIM-SISTEMI bölüm adları; bölüm sırası sister iskeleti):
     §00 yazı dosyaları   §01 belirteçler   §02 taban, yazı tabanı
     çizgili kart boyama kalıbı (::before zemin + kenar)
     §03 kap, iki yan, kesit       §12 soru kartı, katlanan kart
     §04 rubrik, manşet, bölüm başı §13 form
     §05 üst bant, menü, çekmece  §14 kart notu, uyarı
     §06 düğme, ok bağlantı       §15 açılış, izometrik çizim, parça tablosu
     §07 kart, cihaz, yan kart     §16 mobil alt kart
     §08 iş kartı                  §17 altbilgi, tip etiketi, son kart
     §09 sayfa yolu                §18 ölçü satırı, hat kartı, logo, konum
     §10 etiket, çip               §19 satır dökümü, harf bölmeleri, sekme
     §11 kod kartı, tip tablosu    §20 sayfa aileleri · §40–§41 il haritası
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src 'self'; kendi kaynağımızda, Google
       Fonts'tan alınıp woff2 olarak tutuldu. Bitter ve IBM Plex Sans değişken
       (wght) dosyalardır; IBM Plex Mono 400 ve 500 statik. latin ve latin-ext
       alt kümeleri: İ Ş Ğ ı ç ö ü dahil) ----------------------------------- */
@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/bitter-latin-ext.c98401bd9465.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: "Bitter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/bitter-latin.96cf871a3942.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: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin-ext.d313794bd9fd.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: "IBM Plex Sans";
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-sans-latin.d28498895ed7.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400-latin-ext.17a5b2a15bf5.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-400-latin.814fe1615d4d.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin-ext.216ee1a35b06.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: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin.6708425c446b.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: kağıt, mürekkep, hardal, sinyal sarısı (TASARIM-SISTEMI bölüm 02; kontrastlar orada hesaplı) */
  --yks-kagit: #f3f1ec;         /* sayfa zemini (kağıt) */
  --yks-beyaz: #fbfaf6;         /* kart yüzü, açık yüzey (kağıttan biraz açık) */
  --yks-celik: #e9e5da;         /* ikincil bant, altbilgi, künye şeridi */
  --yks-celik-2: #dfd9c9;       /* tablo başı, sekme rayı, pasif düğme */
  --yks-celik-3: #d3ccb8;       /* üzerine gelme, basılı yüzey */
  --yks-grafit: #15171c;        /* mürekkep: başlık, kart kenarı (kağıtta 15,9) */
  --yks-metin: #2a2c32;         /* gövde metni (kağıtta ≈14) */
  --yks-gri: #565a62;           /* ikincil metin (kağıtta ≈6) */
  --yks-gri-2: #5a5e66;         /* yer tutucu, dip satır (kağıtta ≈5,8; celik-2'de ≥4,5) */
  --yks-cizgi-ince: #dcd7ca;    /* 1 px kıl çizgi (süs) */
  --yks-cizgi: #b7b09c;         /* kart kenarı, ayırıcı (süs) */
  --yks-cizgi-sert: #6d6a5f;    /* girdi kenarı (kağıtta ≥3:1) */
  --yks-hardal: #775a00;        /* hardal: düğme (beyaz yazıyla 6,5:1), metin ve bağlantı (kağıtta 5,7:1, celik-2 üstünde 4,6:1) */
  --yks-hardal-koyu: #5c4500;   /* düğme üzerine gelme (beyaz yazıyla ≈9:1) */
  --yks-hardal-ust: #ffffff;    /* hardal düğmedeki yazı: BEYAZ */
  --yks-hardal-acik: #f1e7c2;   /* uyarı notu zemini (mürekkep yazıyla ≈14:1) */
  --yks-sinyal: #ffd400;        /* sinyal sarısı: yalnız küçük vurgu (mürekkep yazıyla 12,5:1) */
  --yks-yesil: #2f6b3b;         /* "Kendiniz bakın", başarı (kağıtta 5,7) */

  /* biçim: 2 px köşe; kesik köşe ve üçgen imi YOK */
  --yks-r: 2px;
  --yks-pah: 0px;               /* eski köşe imi tokenleri sıfırlandı (uyumluluk) */
  --yks-pah-orta: 0px;
  --yks-pah-kucuk: 0px;
  --yks-pah-kart: none;
  --yks-pah-dugme: none;
  --yks-imi: none;

  /* yazı aileleri */
  --yks-f-baslik: "Bitter", Georgia, "Times New Roman", serif;
  --yks-f-govde: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --yks-f-sayi: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --yks-f-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Bitter manşeti iri ve dolgun. */
  --yks-y-dev: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --yks-y-manset: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --yks-y-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --yks-y-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --yks-y-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --yks-y-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --yks-y-govde: 1.0625rem;     /* 17 px IBM Plex Sans */
  --yks-y-kucuk: 0.9375rem;     /* 15 px */
  --yks-y-etiket: 0.8125rem;    /* 13 px: kart etiketi (Plex Sans 600) */

  /* yerleşim */
  --yks-sutun: 12;
  --yks-oluk: 16px;
  --yks-kap: 1280px;
  --yks-okuma: 720px;
  --yks-yan: 340px;             /* yan kart (≥1080 px), yapışkan değil */

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

  /* kalınlık ve yükseklik */
  --yks-kil-kalinlik: 1px;
  --yks-vurgu-kalinlik: 2px;
  --yks-ust-boy: 64px;
  --yks-hat-boy: 64px;

  /* hareket: kısa, doğrusal */
  --yks-sure: 120ms;
  --yks-egri: cubic-bezier(0.4, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --yks-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='square' stroke-linejoin='miter'%3E%3Cpath d='M9.5 6l6 6-6 6'/%3E%3C/svg%3E");
  --yks-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='square' stroke-linejoin='miter'%3E%3Cpath d='M3 12h16'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
  --yks-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='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
  --yks-m-onay: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M4 12.5 9 17.5 20 6.5'/%3E%3C/svg%3E");
  --yks-m-ara: 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='square' stroke-linejoin='miter'%3E%3Cpath d='M8 4h5l3 3v5l-3 3H8l-3-3V7z'/%3E%3Cpath d='M16.2 16.2 20 20'/%3E%3C/svg%3E");
  --yks-m-tel: 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='square' stroke-linejoin='miter'%3E%3Cpath d='M5 4h3.5l1.5 4-2 1.5 6.5 6.5 1.5-2 4 1.5V19l-1.5 1.5C10.5 20 4 13.5 3.5 5.5z'/%3E%3C/svg%3E");
  --yks-m-bilgi: 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='square' stroke-linejoin='miter'%3E%3Cpath d='M8.5 3h7L21 8.5v7L15.5 21h-7L3 15.5v-7z'/%3E%3Cpath d='M12 10.5v6'/%3E%3Cpath d='M12 7.5v.5'/%3E%3C/svg%3E");
  --yks-ok-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12h13'/%3E%3Cpath d='M14 7l5 5-5 5'/%3E%3C/svg%3E");
}

@media (min-width: 720px) {
  :root { --yks-kenar: 24px; --yks-oluk: 20px; --yks-bolum: 72px; }
}
@media (min-width: 1080px) {
  :root { --yks-kenar: 40px; --yks-oluk: 24px; --yks-ust-boy: 72px; --yks-bolum: 96px; }
}
/* Koyu tema YOK. Yazdırmada tonlar beyaza iner. */
@media print {
  :root {
    --yks-kagit: #ffffff; --yks-beyaz: #ffffff; --yks-celik: #ffffff; --yks-celik-2: #ffffff; --yks-celik-3: #ffffff;
    --yks-grafit: #000000; --yks-metin: #111111; --yks-gri: #444444; --yks-gri-2: #555555;
    --yks-cizgi-ince: #cccccc; --yks-cizgi: #999999; --yks-cizgi-sert: #555555;
  }
}

/* --- 02 Taban, yazı tabanı ---------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-top: calc(var(--yks-ust-boy) + var(--yks-a4));
}
body {
  margin: 0;
  background: var(--yks-kagit);
  color: var(--yks-metin);
  font-family: var(--yks-f-govde);
  font-size: var(--yks-y-govde);
  line-height: 1.6;
  font-weight: 400;
  font-feature-settings: "kern" 1;
  -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; }
/* Başlık: Bitter 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--yks-grafit);
  font-family: var(--yks-f-baslik);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--yks-y-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--yks-y-2); line-height: 1.16; }
h3 { font-size: var(--yks-y-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--yks-f-govde); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--yks-a4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi hardal ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--yks-cizgi-sert); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--yks-hardal); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--yks-grafit); }
code, kbd, samp { font-family: var(--yks-f-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda hardal köşe imi */
hr { border: 0; height: 8px; margin: var(--yks-a6) 0; background: linear-gradient(var(--yks-cizgi), var(--yks-cizgi)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--yks-hardal) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--yks-hardal); color: var(--yks-hardal-ust); }
/* Odak: 2 px hardal çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--yks-hardal); outline-offset: 2px; }
.yks-ekran-yedek {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.yks-dogrudan-metin {
  position: absolute; left: var(--yks-a4); top: -100px; z-index: 100;
  background: var(--yks-grafit); color: var(--yks-beyaz); padding: var(--yks-a2) var(--yks-a4);
  font-family: var(--yks-f-baslik); font-weight: 600; text-decoration: none;
}
.yks-dogrudan-metin:focus { top: var(--yks-a2); }

/* ==========================================================================
   BİLEŞENLER §03–§19 (TASARIM-SISTEMI §06) — stil rehberinde onaylanan biçim.
   PLAKA BOYAMA KALIBI: pahlı yüzeyler öğenin kendisini KESMEZ; zemin, 1 px
   kenar ve pahın çapraz çizgisi ::before'da (clip-path) çizilir, köşe imi
   ::after'da kesiğin yerine oturur (öğe kesilseydi imi de kesilirdi). Ayar:
   --p-zemin, --p-kenar, --p-pah, --p-imi. Düğme ve girdi gibi küçük öğeler
   doğrudan clip-path'lidir; odak halkaları bu yüzden İÇ gölgedir.
   ========================================================================== */
.yks-levha-bilet, .yks-yan-levha, .yks-ilk-levha, .yks-kalip-levhasi, .yks-is-levhasi,
.yks-cins-etiketi, .yks-son-levha, .yks-ara-tabela, .yks-levha-notu, .yks-levha-acilir-liste,
.yks-cizim-cerceve, .yks-hat-levhasi, .yks-damga-levhasi, .yks-konum-levhasi,
.yks-olcu-cizgisi, .yks-tavsiye-listesi, .yks-cerez-levhasi, .yks-kod-acilir-ozet[open], .yks-fark-kalibi {
  --p-zemin: var(--yks-beyaz);
  --p-kenar: var(--yks-cizgi);
  --p-pah: var(--yks-pah);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.yks-levha-bilet::before, .yks-yan-levha::before, .yks-ilk-levha::before, .yks-kalip-levhasi::before,
.yks-is-levhasi::before, .yks-cins-etiketi::before, .yks-son-levha::before, .yks-ara-tabela::before,
.yks-levha-notu::before, .yks-levha-acilir-liste::before, .yks-cizim-cerceve::before, .yks-hat-levhasi::before,
.yks-damga-levhasi::before, .yks-konum-levhasi::before, .yks-olcu-cizgisi::before, .yks-tavsiye-listesi::before,
.yks-cerez-levhasi::before, .yks-kod-acilir-ozet[open]::before, .yks-fark-kalibi::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.6px), var(--p-kenar) calc(50% - 0.6px) calc(50% + 0.6px), transparent calc(50% + 0.6px)) top right / var(--p-pah) var(--p-pah) no-repeat,
    var(--p-zemin);
  box-shadow: inset 0 0 0 1px var(--p-kenar);
  border-radius: var(--yks-r);
  transition: box-shadow var(--yks-sure) var(--yks-egri);
}
/* Köşe imi: pahın yerine oturan hardal dik üçgen (imza). */
.yks-levha-bilet--imli::after, .yks-yan-levha::after, .yks-ilk-levha::after, .yks-cins-etiketi::after,
.yks-son-levha::after, .yks-ara-tabela::after, .yks-cizim-cerceve::after, .yks-hat-levhasi::after,
.yks-kalip-levhasi::after, .yks-cerez-levhasi::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, transparent);
  clip-path: none;
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.yks-levha-kabi { max-width: var(--yks-kap); margin-inline: auto; padding-inline: var(--yks-kenar); }
.yks-ana-omurga { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.yks-levha-ikili { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--yks-a6); align-items: start; }
.yks-levha-ikili > * { min-width: 0; }
@media (min-width: 1080px) { .yks-levha-ikili { grid-template-columns: minmax(0, 1fr) var(--yks-yan); gap: var(--yks-a7); } }
.yks-levha-yigini { display: grid; gap: var(--yks-a4); }
.yks-levha-yigini > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün Yetkılıservıs karşılığıdır (--celik: tam genişlik çelik zemin). */
.yks-levha-dilimi { margin-top: var(--yks-bolum); }
.yks-levha-dilimi--celik { padding-block: var(--yks-bolum); background: var(--yks-celik); }
.yks-levha-dilimi--celik .yks-levha-bilet { --p-zemin: var(--yks-beyaz); }
.yks-levha-ikili + .yks-levha-dilimi, .yks-sayfa-levhasi + .yks-levha-dilimi { margin-top: calc(var(--yks-bolum) * 0.75); }
.yks-sayfa-levhasi + .yks-levha-kabi { margin-top: var(--yks-a6); }
[id] { scroll-margin-top: calc(var(--yks-ust-boy) + var(--yks-a5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.yks-isaretli-etiket { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--yks-f-baslik); font-size: var(--yks-y-etiket); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--yks-gri); }
.yks-isaretli-etiket::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--yks-hardal); clip-path: none; }
.yks-levha-manseti { margin: 0; font-family: var(--yks-f-baslik); font-size: var(--yks-y-manset); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--yks-grafit); text-wrap: balance; overflow-wrap: anywhere; }
.yks-levha-girisi { margin: 16px 0 0; max-width: 58ch; font-size: var(--yks-y-giris); line-height: 1.55; color: var(--yks-metin); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda hardal üçgen. */
.yks-levha-basligi { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--yks-a4); margin-bottom: var(--yks-a5); padding-top: 18px; border-top: 1px solid var(--yks-cizgi); }
.yks-levha-basligi::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--yks-grafit); }
.yks-levha-basligi::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--yks-hardal); clip-path: none; }
.yks-levha-basligi > div { min-width: 0; }
.yks-levha-basligi h2 { margin: 0; overflow-wrap: anywhere; }
.yks-levha-basligi p { margin: 6px 0 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-levha-dilimi--celik .yks-levha-basligi { border-top-color: var(--yks-cizgi-sert); }
/* Düz metin sütunu. */
.yks-levha-metni { max-width: 68ch; }
.yks-levha-metni > :last-child { margin-bottom: 0; }
.yks-levha-metni h3 { margin: var(--yks-a5) 0 8px; }
.yks-levha-metni ul, .yks-levha-metni ol { padding-left: 1.25rem; margin: 0 0 var(--yks-a4); }
.yks-levha-metni li { margin-bottom: 6px; }
.yks-levha-metni li::marker { color: var(--yks-hardal); }
.yks-olcu-hanesi { font-family: var(--yks-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--yks-grafit); }
.yks-tablo-rakami { font-variant-numeric: tabular-nums; }
.yks-zirve-payi.yks-zirve-payi { margin-top: var(--yks-a4); }
.yks-hata-adedi { display: block; font-family: var(--yks-f-sayi); font-size: var(--yks-y-dev); font-weight: 700; line-height: 1; color: var(--yks-grafit); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.yks-zirve-tabela { position: sticky; top: 0; z-index: 40; background: var(--yks-beyaz); border-bottom: 1px solid var(--yks-cizgi); }
.yks-zirve-tabela::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--yks-grafit); }
.yks-zirve-tabela-ic { display: flex; align-items: center; gap: var(--yks-a3); max-width: var(--yks-kap); height: var(--yks-ust-boy); margin-inline: auto; padding-inline: var(--yks-kenar); }
.yks-tepe-levha-damga { flex: none; display: block; line-height: 0; }
.yks-tepe-levha-damga img { height: 28px; width: auto; }
@media (min-width: 1080px) { .yks-tepe-levha-damga img { height: 30px; } }
.yks-tepe-levha-nav { display: none; }
.yks-tepe-levha-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.yks-tepe-levha-menu > li { position: relative; }
.yks-tepe-levha-menu > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--yks-f-baslik); font-size: 15px; font-weight: 500; color: var(--yks-grafit); text-decoration: none; white-space: nowrap; transition: color var(--yks-sure) var(--yks-egri); }
.yks-tepe-levha-menu > li > a:hover { color: var(--yks-hardal); }
.yks-tepe-levha-menu > li > a[aria-current] { color: var(--yks-hardal); box-shadow: inset 0 -2px 0 var(--yks-hardal); }
.yks-levha-acilir > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.yks-levha-acilir-liste { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.yks-levha-acilir:hover > .yks-levha-acilir-liste, .yks-levha-acilir:focus-within > .yks-levha-acilir-liste { display: block; }
.yks-levha-acilir-liste--genis { width: 500px; columns: 2; column-gap: 0; }
.yks-levha-acilir-liste li { break-inside: avoid; }
.yks-levha-acilir-liste a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--yks-metin); font-size: 15px; text-decoration: none; }
.yks-levha-acilir-liste a:hover { background: var(--yks-celik); color: var(--yks-grafit); }
.yks-levha-acilir-liste-basi { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--yks-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--yks-gri); }
.yks-levha-acilir-liste-basi::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--yks-hardal); clip-path: none; }
.yks-levha-acilir-liste .yks-levha-acilir-liste-basi a { min-height: 0; padding: 0; color: var(--yks-gri); font-size: inherit; }
.yks-levha-acilir-liste .yks-levha-acilir-liste-basi a:hover { background: none; color: var(--yks-hardal); }
.yks-tepe-levha-eylem { display: flex; align-items: center; gap: var(--yks-a2); margin-left: auto; }
.yks-tepe-levha-tel { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--yks-f-baslik); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--yks-grafit); text-decoration: none; white-space: nowrap; }
.yks-tepe-levha-tel svg { width: 18px; height: 18px; color: var(--yks-hardal); }
.yks-tepe-levha-tel:hover { color: var(--yks-hardal); }
.yks-tepe-levha-eylem .yks-tepe-levha-talep, .yks-tepe-levha-eylem .yks-tepe-levha-hat { display: none; }
@media (min-width: 720px) { .yks-tepe-levha-eylem .yks-tepe-levha-talep, .yks-tepe-levha-eylem .yks-tepe-levha-hat { display: inline-flex; } }
@media (min-width: 1240px) {
  .yks-tepe-levha-nav { display: block; margin-left: var(--yks-a3); }
  .yks-tepe-levha-eylem .yks-tepe-levha-menu-ac { display: none; }
}
@media (min-width: 1560px) { .yks-tepe-levha-tel { display: inline-flex; } }
@media (max-width: 359px) { .yks-tepe-levha-damga img { height: 24px; } .yks-tepe-levha-eylem { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.yks-arama-cizgisi { padding-block: 0 var(--yks-a3); }
/* Pahlı arama kutusu: girdi + grafit pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.yks-sorgu-kutucugu { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); border-radius: var(--yks-r); transition: box-shadow var(--yks-sure) var(--yks-egri); }
.yks-sorgu-kutucugu:focus-within { box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-sorgu-kutucugu input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--yks-grafit); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.yks-sorgu-kutucugu input::placeholder { color: var(--yks-gri-2); }
.yks-sorgu-kutucugu input:focus-visible { outline: none; }
.yks-sorgu-kutucugu input::-webkit-search-cancel-button { display: none; }
.yks-sorgu-kutucugu button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--yks-grafit); color: var(--yks-beyaz); border-radius: var(--yks-r); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-sorgu-kutucugu button:hover { background: var(--yks-hardal); }
.yks-sorgu-kutucugu button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-beyaz), inset 0 0 0 4px var(--yks-hardal); }
.yks-sorgu-kutucugu button svg { width: 18px; height: 18px; }
.yks-arama-kutucugu--buyuk { min-height: 60px; }
.yks-arama-kutucugu--buyuk input { height: 58px; padding-left: 20px; font-size: 18px; }
.yks-arama-kutucugu--buyuk button { width: 50px; height: 50px; margin-right: 5px; background: var(--yks-hardal); }
.yks-arama-kutucugu--buyuk button:hover { background: var(--yks-hardal-koyu); }
.yks-arama-kutucugu--buyuk button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (yks.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.yks-tavsiye-listesi { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 60; max-height: min(60vh, 480px); overflow-y: auto; margin: 0; padding: 6px; list-style: none; --p-kenar: var(--yks-cizgi-sert); }
.yks-tavsiye-listesi--yukari { top: auto; bottom: calc(100% + 6px); }
.yks-tavsiye-listesi a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--yks-grafit); text-decoration: none; }
.yks-tavsiye-listesi a[aria-selected="true"], .yks-tavsiye-listesi a:hover { background: var(--yks-celik); }
.yks-tavsiye-turu { color: var(--yks-gri); font-size: 13px; text-align: right; }
.yks-oneri-cizgisi--kod .yks-tavsiye-adi { font-family: var(--yks-f-sayi); font-weight: 700; font-variant-numeric: tabular-nums; }
.yks-tavsiye-yok { padding: 10px 12px; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.yks-omurga-sabit { overflow: hidden; }
.yks-levha-cekmece-ortusu { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.yks-levha-cekmece { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--yks-a4) var(--yks-a5) var(--yks-a7); background: var(--yks-beyaz); box-shadow: inset 1px 0 0 var(--yks-cizgi); }
.yks-levha-cekmece-basi { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--yks-a3); margin: 0 0 var(--yks-a5); padding-bottom: var(--yks-a4); border-bottom: 1px solid var(--yks-cizgi); }
.yks-levha-cekmece-basi::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--yks-grafit); }
.yks-levha-cekmece-basi img { height: 26px; width: auto; }
.yks-levha-cekmece-eylemleri { display: grid; gap: var(--yks-a2); }
.yks-levha-cekmece-grubu { margin-top: var(--yks-a5); }
.yks-levha-cekmece-grubu h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.yks-levha-cekmece-grubu h2 a { text-decoration: none; }
.yks-levha-cekmece-grubu h2 a[aria-current] { color: var(--yks-hardal); }
.yks-levha-cekmece-grubu .yks-levha-acilir-liste-basi { padding: 12px 0 2px; }
.yks-levha-cekmece-dibi { margin: var(--yks-a5) 0 0; padding-top: var(--yks-a4); border-top: 1px solid var(--yks-cizgi-ince); color: var(--yks-gri); font-size: 15px; max-width: none; }
.yks-dil-kalibi { font-size: var(--yks-y-kucuk); }
.yks-dil-kalibi summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--yks-grafit); border-radius: var(--yks-r); font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-dil-kalibi summary::-webkit-details-marker { display: none; }
.yks-dil-kalibi ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--yks-a4); margin: var(--yks-a2) 0 0; }
.yks-dil-kalibi a { display: inline-block; padding: 10px 0; color: var(--yks-gri); text-decoration: none; }
.yks-dil-kalibi a:hover, .yks-dil-kalibi a[aria-current="true"] { color: var(--yks-grafit); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.yks-kumanda-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--yks-beyaz); color: var(--yks-grafit); border-radius: var(--yks-r); font-family: var(--yks-f-baslik); font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-kumanda-dugme svg { width: 18px; height: 18px; flex: none; }
.yks-kumanda-dugme b { font-weight: 600; font-variant-numeric: tabular-nums; }
.yks-kumanda-dugme span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yks-kumanda-dugme--sicak { background: var(--yks-hardal); color: var(--yks-hardal-ust); }
.yks-kumanda-dugme--sicak:hover { background: var(--yks-hardal-koyu); color: var(--yks-hardal-ust); }
/* Çizgili: 1,5 px grafit kenar (iç gölge) + kesikte çapraz çizgi. */
.yks-kumanda-dugme--cizgili { color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-grafit);
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), var(--yks-grafit) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), var(--yks-grafit) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    var(--yks-beyaz); }
.yks-kumanda-dugme--cizgili:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.yks-kumanda-dugme--koyu { color: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px #cfcabb;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), #cfcabb calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), #cfcabb calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--yks-pah-orta) var(--yks-pah-orta) no-repeat,
    transparent; }
.yks-kumanda-dugme--koyu:hover { background: var(--yks-beyaz); color: var(--yks-grafit); }
.yks-kumanda-dugme--sade { background: transparent; color: var(--yks-grafit); }
.yks-kumanda-dugme--sade:hover { background: var(--yks-celik); }
.yks-kumanda-dugme--kucuk { min-height: 44px; padding: 0 18px; font-size: 15px; }
.yks-kumanda-dugme--genis { width: 100%; }
.yks-kumanda-dugme--simge { width: 44px; padding: 0; flex: none; }
.yks-kumanda-dugme[aria-disabled="true"] { background: var(--yks-celik-2); color: var(--yks-gri-2); box-shadow: none; cursor: not-allowed; }
.yks-kumanda-dugme[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.yks-kumanda-dugme:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--yks-grafit), inset 0 0 0 5px var(--yks-beyaz); }
.yks-kumanda-dugme--sicak:focus-visible { box-shadow: inset 0 0 0 3px var(--yks-grafit), inset 0 0 0 5px var(--yks-beyaz); }
.yks-kumanda-eylemleri { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.yks-kumanda-eylemleri--dikey { display: grid; gap: var(--yks-a2); margin-top: var(--yks-a5); }
/* Ok bağlantı: Bitter yazı + pahlı grafit karo içinde beyaz ok. */
.yks-kumanda-ok { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); text-decoration: none; transition: color var(--yks-sure) var(--yks-egri); }
.yks-kumanda-ok::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--yks-grafit) var(--yks-ok-ikon) center / 14px 14px no-repeat; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-kumanda-ok:hover { color: var(--yks-hardal); }
.yks-kumanda-ok:hover::after { background-color: var(--yks-hardal); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.yks-levha-bilet { padding: 22px; min-width: 0; }
.yks-levha-bilet--celik { --p-zemin: var(--yks-celik); }
.yks-levha-bilet > :last-child { margin-bottom: 0; }
.yks-levha-bilet h3 { margin: 0 0 8px; }
a.yks-levha-bilet { display: block; color: inherit; text-decoration: none; }
a.yks-levha-bilet:hover { --p-kenar: var(--yks-grafit); }
a.yks-levha-bilet p { color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
@media (max-width: 719px) { .yks-levha-bilet { padding: 18px 16px; } }
.yks-bilet-basi { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--yks-a4); margin-bottom: var(--yks-a4); }
.yks-bilet-basi h2, .yks-bilet-basi h3 { margin: 0; }
.yks-bilet-basi h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.yks-bilet-basi p { margin: 6px 0 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-bilet-basi small { color: var(--yks-gri); font-size: 14px; }
.yks-bilet-basi h3 a { text-decoration: none; }
.yks-bilet-basi h3 a:hover { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-tabelalar { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.yks-tabelalar > * { min-width: 0; }
@media (min-width: 720px) { .yks-tabelalar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .yks-levhalar--uc { grid-template-columns: repeat(3, minmax(0, 1fr)); } .yks-levhalar--dort { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.yks-tabelalar > .yks-levha-bilet > .yks-isaretli-etiket { margin-bottom: 8px; }
.yks-tabelalar > .yks-levha-bilet > p { margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-tabelalar > .yks-levha-bilet > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.yks-levha-cihaz { padding: 10px 10px 14px; }
a.yks-levha-cihaz { display: grid; }
.yks-levha-cihaz .yks-cizim-cerceve { padding: 0; }
.yks-levha-cihaz .yks-cizim-cerceve::before, .yks-levha-cihaz .yks-cizim-cerceve::after { display: none; }
.yks-levha-cihaz img { width: 100%; height: auto; }
.yks-levha-cihaz-bagi { display: block; color: inherit; text-decoration: none; }
.yks-levha-cihaz-alt { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-levha-cihaz-alt h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.yks-levha-cihaz-alt p { margin: 2px 0 0; color: var(--yks-gri); font-size: 14px; }
.yks-levha-cihaz-alt::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--yks-grafit) var(--yks-ok-ikon) center / 14px 14px no-repeat; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-levha-cihaz:hover .yks-levha-cihaz-alt::after, .yks-levha-cihaz-bagi:hover .yks-levha-cihaz-alt::after { background-color: var(--yks-hardal); }
.yks-levha-cihaz:hover, li.yks-levha-cihaz:focus-within { --p-kenar: var(--yks-grafit); }
.yks-cihaz-sira-numarasi { margin-right: 8px; font-family: var(--yks-f-sayi); font-size: 13px; font-weight: 700; color: var(--yks-hardal); font-variant-numeric: tabular-nums; }
.yks-levha-cihaz--noktali { display: grid; grid-template-rows: auto 1fr auto; }
.yks-levha-cihaz-eylem { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--yks-cizgi-ince); font-size: 14px; }
.yks-levha-cihaz-eylem a { color: var(--yks-gri); text-decoration: none; }
.yks-levha-cihaz-eylem a:hover { color: var(--yks-grafit); text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-levha-cihaz-eylem .yks-levha-cihaz-talep { display: inline-flex; align-items: center; gap: 4px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); }
.yks-levha-cihaz-eylem .yks-levha-cihaz-talep:hover { color: var(--yks-hardal); }
@media (max-width: 719px) {
  .yks-levhalar--cihaz { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .yks-levhalar--cihaz .yks-levha-cihaz { padding: 6px 6px 10px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt { padding: 8px 2px 0; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt::after { display: none; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt h3 { font-size: 15px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-alt p { font-size: 13px; }
  .yks-levhalar--cihaz .yks-levha-cihaz-eylem { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.yks-yan-levha { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); padding: 24px; min-width: 0; }
.yks-yan-levha-baslik { margin: 0 0 12px; font-size: 19px; }
.yks-yan-levha dl { margin: 0; }
.yks-yan-levha dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--yks-cizgi); }
.yks-yan-levha dt { font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--yks-gri); }
.yks-yan-levha dd { margin: 0; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.yks-yan-levha .yks-tanim-levhasi > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.yks-yan-levha .yks-tanim-levhasi dd { font-family: var(--yks-f-govde); font-weight: 400; text-align: left; color: var(--yks-metin); }
.yks-yan-levha > .yks-kumanda-dugme { margin-top: var(--yks-a4); }
.yks-yan-levha-notu { margin: var(--yks-a4) 0 0; color: var(--yks-gri); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.yks-is-levhasi { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 1px; list-style: none; }
/* Alanların zemini (etkin alan çelik) pahı örtmesin: öğe kesilir, kenar ve pah çizgisi alanların ÜSTÜNDE. */
.yks-is-levhasi { --p-zemin: transparent; background: var(--yks-beyaz); border-radius: var(--yks-r); }
.yks-is-levhasi::before { z-index: 1; }
@media (min-width: 900px) { .yks-is-levhasi:not(.yks-is-levhasi--dikey) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.yks-calisma-alani { position: relative; padding: 18px 20px 22px; min-width: 0; }
.yks-calisma-alani + .yks-calisma-alani { border-top: 1px solid var(--yks-cizgi); }
@media (min-width: 900px) { .yks-is-levhasi:not(.yks-is-levhasi--dikey) > .yks-calisma-alani + .yks-calisma-alani { border-top: 0; border-left: 1px solid var(--yks-cizgi); } }
.yks-calisma-alani small { display: block; margin-bottom: 10px; font-family: var(--yks-f-baslik); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--yks-gri); }
.yks-calisma-alani h3 { margin: 0 0 6px; font-size: 19px; }
.yks-calisma-alani p { margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-calisma-alani--simdi { background: var(--yks-celik); }
.yks-calisma-alani--simdi small { color: var(--yks-hardal); }
.yks-calisma-alani--simdi::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--yks-hardal); clip-path: none; }
.yks-is-levhasi--dikey { margin: var(--yks-a5) 0; }
.yks-is-levhasi--dikey .yks-calisma-alani { padding: 14px 18px 16px; }
.yks-is-levhasi--dikey .yks-calisma-alani small { margin-bottom: 6px; }
.yks-is-levhasi--dikey .yks-calisma-alani h3 { font-size: 17px; }
.yks-is-levhasi--dikey .yks-calisma-alani small + p { color: var(--yks-metin); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.yks-levha-yolu { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--yks-f-baslik); font-size: 14px; color: var(--yks-gri); }
.yks-levha-yolu li + li::before { content: "/"; margin-right: 10px; color: var(--yks-hardal); }
.yks-levha-yolu a { color: var(--yks-gri); text-decoration: none; }
.yks-levha-yolu a:hover { color: var(--yks-grafit); text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-levha-yolu [aria-current] { color: var(--yks-grafit); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.yks-kumanda-etiket { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border-radius: var(--yks-r); background: var(--yks-celik-2); color: var(--yks-grafit); font-family: var(--yks-f-baslik); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.yks-kumanda-etiket--kendiniz { background: #e2f0e8; color: var(--yks-yesil); }
.yks-kumanda-etiket--servis { background: var(--yks-celik-2); color: var(--yks-grafit); }
.yks-kumanda-etiket--durdur { background: var(--yks-hardal); color: var(--yks-hardal-ust); }
.yks-sik-levhalar { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.yks-kumanda-cip { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--yks-celik); color: var(--yks-grafit); font-size: 14.5px; text-decoration: none; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri); }
a.yks-kumanda-cip:hover { background: var(--yks-celik-3); color: var(--yks-grafit); }
a.yks-kumanda-cip:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-levha-dilimi--celik .yks-kumanda-cip, .yks-levha-bilet--celik .yks-kumanda-cip { background: var(--yks-beyaz); }
.yks-sik-aranan-cizgisi { display: grid; gap: 8px; margin-top: var(--yks-a5); }
.yks-sik-aranan-cizgisi > span { font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; color: var(--yks-gri); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.yks-kod-levhasi { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-kod-levhasi caption { padding: 0 0 10px; text-align: left; font-family: var(--yks-f-baslik); font-size: 13.5px; font-weight: 600; color: var(--yks-gri); }
.yks-kod-levhasi th, .yks-kod-levhasi td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--yks-cizgi-ince); overflow-wrap: anywhere; }
.yks-kod-levhasi thead th { background: var(--yks-grafit); color: var(--yks-beyaz); font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.yks-kod-levhasi tbody tr:last-child > * { border-bottom: 0; }
.yks-kod-levhasi td b { display: block; font-weight: 600; color: var(--yks-grafit); }
.yks-kod-levhasi td b + span { display: block; color: var(--yks-gri); font-size: 14px; }
.yks-kod-levhasi tr:target > td { background: var(--yks-celik); }
.yks-kod-levhasi tr[hidden] { display: none; }
.yks-kod-gozesi { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--yks-celik); color: var(--yks-grafit); font-family: var(--yks-f-sayi); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; border-radius: var(--yks-r); transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
a.yks-kod-gozesi:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
a.yks-kod-gozesi:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
@media (max-width: 719px) {
  .yks-kod-levhasi thead { display: none; }
  .yks-kod-levhasi tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--yks-cizgi-ince); }
  .yks-kod-levhasi tbody tr:last-child { border-bottom: 0; }
  .yks-kod-levhasi td { padding: 2px 0; border: 0; }
  .yks-kod-levhasi td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.yks-kod-levhasi--tam td:first-child { width: 1%; white-space: nowrap; }
.yks-kod-levhasi--tam td p { margin: 0 0 6px; max-width: 64ch; }
.yks-kod-levhasi--tam td strong { font-weight: 700; color: var(--yks-grafit); }
.yks-kod-gorunen { color: var(--yks-gri); }
.yks-kod-acilir-ozet { margin-top: 8px; }
.yks-kod-acilir-ozet > summary { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 14px; list-style: none; box-shadow: inset 0 0 0 1.5px var(--yks-grafit); border-radius: var(--yks-r); font-family: var(--yks-f-baslik); font-size: 14px; font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-kod-acilir-ozet > summary::-webkit-details-marker { display: none; }
.yks-kod-acilir-ozet > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-kod-acilir-ozet > summary:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
.yks-kod-acilir-ozet[open] { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); margin-top: 10px; padding: 12px 16px 8px; }
.yks-kod-acilir-ozet[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--yks-grafit); }
.yks-kod-acilir-ozet[open] > summary::after { transform: rotate(180deg); }
.yks-kod-acilir-ozet h3 { margin: var(--yks-a3) 0 0; font-size: 15px; }
.yks-kod-acilir-ozet .yks-kalip-cizgisi { min-height: 40px; padding-block: 6px; font-size: 15px; }
.yks-kod-suzgec-levhasi { max-width: 520px; }
.yks-kod-suzgec-levhasi .yks-bolge-aciklamasi { min-height: 1.5em; margin-top: 8px; }
.yks-kod-levhasi--marka td:first-child a { text-decoration: none; }
.yks-kod-levhasi--marka td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-kod-levhasi--marka .yks-sik-levhalar { gap: 6px; }
.yks-kod-levhasi--marka td:last-child, .yks-kod-levhasi--marka th:last-child { text-align: right; color: var(--yks-gri); }
@media (max-width: 719px) {
  .yks-kod-levhasi--marka tr { grid-template-columns: minmax(0, 1fr) auto; }
  .yks-kod-levhasi--marka td:first-child { grid-row: auto; }
  .yks-kod-levhasi--marka td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .yks-kod-levhasi--tam td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.yks-cins-tablosu { width: 100%; border-collapse: collapse; font-size: var(--yks-y-kucuk); box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-cins-tablosu th, .yks-cins-tablosu td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--yks-cizgi-ince); overflow-wrap: anywhere; }
.yks-cins-tablosu thead th { background: var(--yks-celik-2); color: var(--yks-grafit); font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.yks-cins-tablosu tbody th { font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); border-right: 1px solid var(--yks-cizgi-ince); }
.yks-cins-tablosu tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .yks-cins-tablosu--dar thead { display: none; }
  .yks-cins-tablosu--dar tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--yks-cizgi-ince); }
  .yks-cins-tablosu--dar tbody tr:last-child { border-bottom: 0; }
  .yks-cins-tablosu--dar td, .yks-cins-tablosu--dar tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Bitter) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.yks-tanim-levhasi { margin: 0; font-size: var(--yks-y-kucuk); }
.yks-tanim-levhasi > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-tanim-levhasi > div:first-child { padding-top: 0; border-top: 0; }
.yks-tanim-levhasi dt { font-family: var(--yks-f-baslik); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--yks-gri); }
.yks-tanim-levhasi dd { margin: 0; color: var(--yks-metin); overflow-wrap: anywhere; }
@media (max-width: 559px) { .yks-tanim-levhasi > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.yks-soru-levhasi { box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-soru-levha-cizgisi + .yks-soru-levha-cizgisi { border-top: 1px solid var(--yks-cizgi); }
.yks-soru-levha-cizgisi summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--yks-f-baslik); font-size: 17px; font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-soru-levha-cizgisi summary::-webkit-details-marker { display: none; }
.yks-soru-levha-cizgisi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--yks-grafit); -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-soru-levha-cizgisi summary:hover { background: var(--yks-celik); }
.yks-soru-levha-cizgisi[open] { background: var(--yks-celik); }
.yks-soru-levha-cizgisi[open] summary::after { transform: rotate(180deg); background: var(--yks-hardal); }
.yks-soru-levha-cizgisi > div { padding: 0 18px 16px; color: var(--yks-metin); }
.yks-soru-levha-cizgisi > div p { margin: 0 0 10px; }
.yks-soru-levha-cizgisi > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .yks-soru-levhasi--iki { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .yks-soru-levhasi--iki .yks-soru-levha-cizgisi { box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
  .yks-soru-levhasi--iki .yks-soru-levha-cizgisi + .yks-soru-levha-cizgisi { border-top: 0; }
}
.yks-katlanan-levha { border-top: 1px solid var(--yks-cizgi-ince); }
.yks-katlanan-levha > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.yks-katlanan-levha > summary::-webkit-details-marker { display: none; }
.yks-katlanan-levha > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.yks-katlanan-levha > summary small { font-family: var(--yks-f-sayi); font-size: 14px; font-weight: 600; color: var(--yks-gri-2); font-variant-numeric: tabular-nums; }
.yks-katlanan-levha > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--yks-grafit); -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-katlanan-levha[open] > summary::after { transform: rotate(180deg); background: var(--yks-hardal); }
.yks-katlanan-levha > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-katlanan-levha > p { margin: 0 0 8px; color: var(--yks-gri); }
.yks-katlanan-levha > .yks-cizgi-kalibi { margin-bottom: var(--yks-a3); }
.yks-levha-bilet > .yks-katlanan-levha:first-of-type { margin-top: var(--yks-a3); }

/* --- §13 Form ------------------------------------------------------------- */
.yks-levha-formu { display: grid; gap: var(--yks-a5); min-width: 0; }
.yks-kalip-bolumu { display: grid; gap: 14px; min-width: 0; }
.yks-kalip-bolumu + .yks-kalip-bolumu { padding-top: var(--yks-a5); border-top: 1px solid var(--yks-cizgi-ince); }
.yks-bolum-unvani { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.yks-bolum-unvani::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--yks-hardal); clip-path: none; }
.yks-bolum-unvani b { font-family: var(--yks-f-baslik); font-size: 17px; font-weight: 600; color: var(--yks-grafit); }
.yks-bolum-unvani small { color: var(--yks-gri); font-size: 14px; }
.yks-bolgeler-yan-yana { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .yks-bolgeler-yan-yana { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yks-bolgeler-yan-yana > .yks-levha-alani--tam, .yks-bolgeler-yan-yana > .yks-onay-cizgisi { grid-column: 1 / -1; } }
.yks-levha-alani { display: grid; gap: 6px; min-width: 0; align-content: start; }
.yks-levha-alani > label, .yks-bolge-basligi { font-family: var(--yks-f-baslik); font-size: 14px; font-weight: 600; color: var(--yks-grafit); }
.yks-levha-alani label small { font-family: var(--yks-f-govde); font-weight: 400; color: var(--yks-gri); }
.yks-levha-alani input, .yks-levha-alani select, .yks-levha-alani textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--yks-beyaz); color: var(--yks-grafit); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); border-radius: var(--yks-r); -webkit-appearance: none; appearance: none; transition: box-shadow var(--yks-sure) var(--yks-egri); }
.yks-levha-alani textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.yks-levha-alani select { padding-right: 44px; background: var(--yks-beyaz) right 14px 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='%2312161C' stroke-width='1.6' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.yks-levha-alani select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.yks-levha-alani input::placeholder, .yks-levha-alani textarea::placeholder { color: var(--yks-gri-2); }
.yks-levha-alani input:hover, .yks-levha-alani select:hover, .yks-levha-alani textarea:hover { box-shadow: inset 0 0 0 1.5px var(--yks-grafit); }
.yks-levha-alani input:focus-visible, .yks-levha-alani select:focus-visible, .yks-levha-alani textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-levha-alani input[type="date"], .yks-levha-alani input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.yks-levha-alani input[type="date"]::-webkit-calendar-picker-indicator, .yks-levha-alani input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.yks-levha-alani input[type="file"] { padding: 10px 12px; }
.yks-levha-alani input[type="file"]::file-selector-button { margin-right: var(--yks-a3); min-height: 34px; padding: 0 14px; border: 0; background: var(--yks-grafit); color: var(--yks-beyaz); font: inherit; font-family: var(--yks-f-baslik); font-weight: 600; border-radius: var(--yks-r); cursor: pointer; }
.yks-levha-alani--hatali input, .yks-levha-alani--hatali select, .yks-levha-alani--hatali textarea { background-color: var(--yks-hardal-acik); box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-bolge-aciklamasi { margin: 0; color: var(--yks-gri); font-size: 13.5px; }
.yks-bolge-hata-cizgisi { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--yks-hardal); font-size: 14px; font-weight: 600; }
.yks-bolge-hata-cizgisi::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--yks-hardal); clip-path: none; }
.yks-onay-cizgisi { display: flex; gap: 12px; align-items: flex-start; color: var(--yks-metin); font-size: 15px; cursor: pointer; }
.yks-onay-cizgisi input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--yks-beyaz); box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); -webkit-appearance: none; appearance: none; cursor: pointer; }
.yks-onay-cizgisi input:checked { background: var(--yks-hardal); box-shadow: none; }
.yks-onay-cizgisi input:checked::after { content: ""; width: 16px; height: 16px; background: var(--yks-hardal-ust); -webkit-mask: var(--yks-m-onay) center / contain no-repeat; mask: var(--yks-m-onay) center / contain no-repeat; }
.yks-onay-cizgisi input:focus-visible { outline: 2px solid var(--yks-hardal); outline-offset: 2px; }
.yks-levha-alani--hatali.yks-onay-cizgisi input { box-shadow: inset 0 0 0 2px var(--yks-hardal); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (yks.js). */
.yks-gun-levhalari { display: flex; flex-wrap: wrap; gap: 8px; }
.yks-gun-levhalari button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--yks-celik); color: var(--yks-gri); font: inherit; font-size: 14px; border-radius: var(--yks-r); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri); }
.yks-gun-levhalari button b { font-family: var(--yks-f-sayi); font-size: 16px; font-weight: 700; color: var(--yks-grafit); font-variant-numeric: tabular-nums; }
.yks-gun-levhalari button:hover { background: var(--yks-celik-3); }
.yks-gun-levhalari button[aria-pressed="true"] { background: var(--yks-grafit); color: #cfcabb; }
.yks-gun-levhalari button[aria-pressed="true"] b { color: var(--yks-beyaz); }
.yks-gun-levhalari button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-kalip-gonder-cizgisi { display: grid; gap: var(--yks-a3); }
.yks-kalip-gonder-cizgisi p { margin: 0; color: var(--yks-gri); font-size: 14px; }
@media (min-width: 720px) { .yks-kalip-gonder-cizgisi .yks-kumanda-dugme { justify-self: start; min-width: 300px; } }
.yks-ekran-yedek-alan { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* İki yan form: solda etiket, başlık, giriş, dikey iş plakası; sağda form plakası. */
.yks-kalip-levha-ikilisi { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.yks-kalip-levha-ikilisi > * { min-width: 0; }
@media (min-width: 1080px) { .yks-kalip-levha-ikilisi { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--yks-a7); } }
.yks-kalip-aciklamasi h2 { margin: 0 0 var(--yks-a3); font-size: var(--yks-y-1); }
.yks-kalip-aciklamasi .yks-levha-girisi { margin-top: 0; }
.yks-kalip-dipnotu { color: var(--yks-gri); font-size: 14px; }
.yks-kalip-levhasi { --p-kenar: var(--yks-cizgi-sert); padding: var(--yks-a6) var(--yks-a5); }
@media (max-width: 719px) { .yks-kalip-levhasi { padding: var(--yks-a5) var(--yks-a4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.yks-levha-notu { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); margin: 0 0 var(--yks-a4); padding: 14px 18px 14px 21px; max-width: none; color: var(--yks-metin); font-size: var(--yks-y-kucuk); }
.yks-levha-notu::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--yks-grafit); }
.yks-levha-notu b { display: block; margin-bottom: 2px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); }
.yks-levha-notu p { margin: 0; }
.yks-levha-notu:last-child { margin-bottom: 0; }
.yks-levha-notu--uyari { --p-zemin: var(--yks-hardal-acik); --p-kenar: var(--yks-hardal-acik); }
.yks-levha-notu--uyari::after { background: var(--yks-hardal); }
.yks-levha-notu--uyari b { color: var(--yks-hardal); }
.yks-levha-notu--tamam::after { background: var(--yks-yesil); }
.yks-levha-notu--tamam b { color: var(--yks-yesil); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.yks-sayfa-levhasi { padding-top: var(--yks-a6); }
.yks-sayfa-levhasi-ic { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.yks-sayfa-levhasi-ic > * { min-width: 0; }
.yks-sayfa-levhasi-ic h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .yks-sayfa-levhasi-ic { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--yks-a8); } }
.yks-sayfa-levhasi-gorsel { display: grid; gap: var(--yks-a3); align-content: center; }
.yks-sayfa-levhasi-gorsel:empty { display: none; }
@media (min-width: 1080px) { .yks-sayfa-levhasi-ic:has(> .yks-sayfa-levhasi-gorsel:empty) { grid-template-columns: minmax(0, 1fr); } }
.yks-sayfa-levhasi-omurga > h1 { margin: 0; overflow-wrap: anywhere; }
.yks-sayfa-levhasi .yks-sekme-serit { margin-top: var(--yks-a6); }
.yks-sayfa-levhasi .yks-kumanda-eylemleri { margin-top: var(--yks-a5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.yks-cizim-cerceve { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.yks-cizim-cerceve img { width: 100%; height: auto; }
.yks-cizim-cerceve picture { display: block; }
.yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .yks-sayfa-levhasi-gorsel > .yks-cizim-cerceve { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.yks-karsilama-dilimi { padding-top: var(--yks-a6); }
@media (min-width: 1080px) { .yks-karsilama-dilimi { padding-top: var(--yks-a8); } }
.yks-giris-levhasi { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.yks-giris-levhasi > * { min-width: 0; }
@media (min-width: 1080px) { .yks-giris-levhasi { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--yks-a8); } }
.yks-giris-yazisi .yks-kumanda-eylemleri { margin-top: var(--yks-a5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.yks-ilke-levhasi { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--yks-a5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--yks-cizgi); }
.yks-ilke-levhasi li { padding: 12px 14px; color: var(--yks-grafit); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.yks-ilke-levhasi li + li { border-left: 1px solid var(--yks-cizgi); }
.yks-ilke-levhasi small { display: block; margin-bottom: 4px; font-family: var(--yks-f-baslik); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--yks-hardal); }
@media (max-width: 419px) { .yks-ilke-levhasi li { padding: 10px; font-size: 13.5px; } }
.yks-ilk-levha { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.yks-ilk-levha figcaption { margin-top: 12px; }
.yks-kumanda-noktali { position: relative; }
.yks-kumanda-noktali picture { display: block; }
.yks-kumanda-noktali img { display: block; width: 100%; height: auto; }
.yks-no-tabakasi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.yks-kumanda-no { transition: opacity var(--yks-sure) var(--yks-egri); }
.yks-no-zemini { fill: var(--yks-grafit); }
.yks-no-damgasi { fill: var(--yks-hardal); }
.yks-kumanda-no text { fill: #ffffff; font-family: var(--yks-f-baslik); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.yks-kumanda-no--secili .yks-no-zemini { fill: var(--yks-hardal); }
.yks-kumanda-no--secili .yks-no-damgasi { fill: var(--yks-grafit); }
.yks-no-tabakasi:has(.yks-kumanda-no--secili) .yks-kumanda-no:not(.yks-kumanda-no--secili) { opacity: 0.3; }
.yks-levha-cihaz--noktali .yks-kumanda-no { opacity: 0; }
.yks-levha-cihaz--noktali:hover .yks-kumanda-no, .yks-levha-cihaz--noktali:focus-within .yks-kumanda-no { opacity: 1; }
@media (hover: none) { .yks-levha-cihaz--noktali .yks-kumanda-no { opacity: 1; } }
.yks-yedek-tablosu-basi { display: block; margin-bottom: 8px; font-family: var(--yks-f-baslik); font-size: 13px; font-weight: 600; color: var(--yks-gri); }
.yks-yedek-tablosu { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--yks-cizgi); font-size: 14px; }
@media (min-width: 420px) { .yks-yedek-tablosu { grid-template-columns: repeat(2, minmax(0, 1fr)); } .yks-yedek-tablosu li:nth-child(odd) { border-right: 1px solid var(--yks-cizgi-ince); } }
.yks-yedek-tablosu li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--yks-cizgi-ince); color: var(--yks-metin); }
.yks-yedek-tablosu b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--yks-grafit); color: var(--yks-beyaz); font-family: var(--yks-f-baslik); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; border-radius: var(--yks-r); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.yks-taban-levha { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--yks-kenar) calc(10px + env(safe-area-inset-bottom)); background: var(--yks-beyaz); border-top: 1px solid var(--yks-cizgi); transition: transform var(--yks-sure) var(--yks-egri); }
.yks-taban-levha::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--yks-grafit); }
.yks-taban-levha > .yks-kumanda-dugme { flex: 1; min-width: 0; }
.yks-taban-levha > .yks-taban-levha-tel { flex: 0 0 auto; padding-inline: 18px; }
.yks-taban-levha--gizli { transform: translateY(calc(100% + 8px)); }
body.yks-taban-levhali { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .yks-taban-levha { display: none; } body.yks-taban-levhali { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.yks-celik-dipnot { position: relative; margin-top: var(--yks-bolum); padding: var(--yks-a7) 0 0; background: var(--yks-celik); border-top: 1px solid var(--yks-cizgi); }
.yks-celik-dipnot::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--yks-grafit); }
.yks-son-levha-dilimi + .yks-celik-dipnot { margin-top: var(--yks-bolum); }
.yks-celik-dipnot-izgara { display: grid; gap: var(--yks-a6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .yks-celik-dipnot-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .yks-celik-dipnot-izgara { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.yks-dipnot-kimligi > a img { height: 28px; width: auto; margin-bottom: var(--yks-a4); }
.yks-dipnot-kimligi > p { max-width: 42ch; color: var(--yks-metin); font-size: var(--yks-y-kucuk); }
.yks-dipnot-iletisimi { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.yks-dipnot-iletisimi a { color: var(--yks-grafit); text-decoration-color: var(--yks-cizgi-sert); }
.yks-dipnot-iletisimi .yks-tablo-rakami { font-family: var(--yks-f-baslik); font-size: 19px; font-weight: 600; text-decoration: none; }
.yks-dipnot-dizini { min-width: 0; }
.yks-dipnot-dizini > nav + nav { margin-top: var(--yks-a5); }
.yks-dipnot-dizini h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.yks-dipnot-dizini ul { margin: 0; padding: 0; list-style: none; }
.yks-dipnot-dizini a, .yks-dipnot-dizini button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--yks-metin); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.yks-dipnot-dizini a:hover, .yks-dipnot-dizini button:hover { color: var(--yks-hardal); }
.yks-dipnot-kucuk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--yks-a6); padding-top: var(--yks-a4); border-top: 1px solid var(--yks-cizgi); }
.yks-dipnot-kucuk > a { margin-right: 4px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); text-decoration: none; }
.yks-dipnot-kucuk ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.yks-dipnot-kucuk ul a { color: var(--yks-gri); text-decoration: none; }
.yks-dipnot-kucuk ul a:hover { color: var(--yks-grafit); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.yks-cins-etiketi { --p-kenar: var(--yks-cizgi-sert); display: flex; flex-wrap: wrap; margin: var(--yks-a6) 0 0; padding: 1px; font-size: 13.5px; }
.yks-cins-etiketi > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--yks-cizgi-ince), 0 -1px 0 var(--yks-cizgi-ince); }
.yks-cins-etiketi dt { margin-bottom: 4px; font-family: var(--yks-f-baslik); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--yks-gri); }
.yks-cins-etiketi dd { margin: 0; color: var(--yks-metin); overflow-wrap: anywhere; }
.yks-tip-etiketi-beyani { flex-basis: 100% !important; }
.yks-dipnot-beyani { color: var(--yks-gri); }
.yks-celik-taban { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--yks-a4) 0 var(--yks-a5); font-size: 13.5px; color: var(--yks-gri); }
.yks-celik-taban p { margin: 0; }
.yks-celik-taban a { color: var(--yks-gri); }
.yks-celik-taban nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.yks-sayac-cizgisi b { font-family: var(--yks-f-sayi); font-weight: 700; color: var(--yks-grafit); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px pah, pahta açık hardal köşe imi. */
.yks-son-levha { --p-zemin: var(--yks-grafit); --p-kenar: var(--yks-grafit); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--yks-sinyal); display: grid; gap: var(--yks-a5); align-items: center; padding: 30px 24px; color: #cfcabb; }
@media (min-width: 900px) { .yks-son-levha { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.yks-son-levha h2 { margin: 0 0 8px; color: var(--yks-beyaz); }
.yks-son-levha p { margin: 0; color: #cfcabb; }
.yks-son-levha .yks-isaretli-etiket { margin-bottom: 10px; color: #cfcabb; }
.yks-son-levha .yks-isaretli-etiket::before { background: var(--yks-sinyal); }
.yks-son-levha .yks-kumanda-dugme--sicak:focus-visible, .yks-son-levha .yks-kumanda-dugme--koyu:focus-visible { box-shadow: inset 0 0 0 3px var(--yks-beyaz), inset 0 0 0 5px var(--yks-grafit); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.yks-ara-tabela { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: grid; gap: var(--yks-a4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .yks-ara-tabela { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.yks-ara-tabela p { margin: 0; color: var(--yks-gri); }
.yks-ara-tabela b { display: block; font-family: var(--yks-f-baslik); font-size: var(--yks-y-3); color: var(--yks-grafit); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.yks-cerez-levhasi { --p-kenar: var(--yks-cizgi-sert); 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(--yks-a4) var(--yks-a5); }
.yks-cerez-levhasi p { margin: 0 0 12px; max-width: none; color: var(--yks-metin); font-size: 14px; }

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.yks-olcu-cizgisi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.yks-olcu-cizgisi > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.yks-olcu-cizgisi > div + div { box-shadow: -1px 0 0 var(--yks-cizgi); }
.yks-olcu-cizgisi dd { margin: 0; font-size: var(--yks-y-dev); }
.yks-olcu-cizgisi dt { font-family: var(--yks-f-baslik); font-size: var(--yks-y-etiket); font-weight: 600; color: var(--yks-gri); }
.yks-hat-levhasi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: grid; gap: 6px; padding: 22px; }
.yks-hat-levhasi .yks-isaretli-etiket { margin: 0; }
.yks-hat-levhasi .yks-olcu-hanesi { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.yks-hat-levhasi .yks-olcu-hanesi:hover { color: var(--yks-hardal); }
.yks-hat-levhasi p { margin: 0; color: var(--yks-gri); font-size: 14px; }
.yks-giris-kalemleri .yks-kalip-cizgisi { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--yks-metin); }
.yks-giris-kalemleri .yks-kalip-cizgisi::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--yks-hardal); clip-path: none; }
.yks-damga-levhasi { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--yks-a4); padding: var(--yks-a5); }
.yks-damga-levhasi--koyu { --p-zemin: var(--yks-grafit); --p-kenar: var(--yks-grafit); }
.yks-damga-levhasi img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.yks-konum-levhasi { --p-zemin: var(--yks-celik); --p-kenar: var(--yks-celik); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--yks-a5); text-align: center; overflow: hidden; }
.yks-konum-levhasi .yks-kumanda-eylemleri { justify-content: center; }
.yks-konum-levhasi iframe { width: 100%; height: 100%; border: 0; }
.yks-konum-levhasi--acik { padding: 0; }
.yks-konum-levhasi--acik > div { display: none; }
@media (min-width: 720px) { .yks-konum-levhasi { aspect-ratio: 16 / 9; } }
.yks-konum-levhasi-adres { color: var(--yks-metin); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.yks-yorum-levhasi { margin: 0; }
.yks-yorum-levhasi blockquote { margin: 0 0 var(--yks-a3); }
.yks-yorum-levhasi figcaption { color: var(--yks-gri); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.yks-isim-kalibi { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--yks-metin); font-size: var(--yks-y-kucuk); line-height: 1.9; }
.yks-isim-kalibi li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--yks-gri-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.yks-cizgi-kalibi { margin: 0; padding: 0; list-style: none; }
.yks-kalip-cizgisi { display: flex; align-items: center; gap: var(--yks-a3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--yks-cizgi-ince); }
.yks-kalip-cizgisi:first-child { border-top: 0; }
.yks-kalip-cizgisi > a { flex: 1; min-width: 0; color: var(--yks-grafit); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.yks-kalip-cizgisi > a:hover { text-decoration: underline; text-decoration-color: var(--yks-hardal); }
.yks-kalip-cizgisi small { flex: 0 1 auto; min-width: 0; color: var(--yks-gri); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.yks-kalip-cizgisi:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--yks-gri-2); -webkit-mask: var(--yks-m-ok) center / contain no-repeat; mask: var(--yks-m-ok) center / contain no-repeat; }
.yks-kalip-cizgisi:has(> a:hover)::after { background: var(--yks-hardal); }
.yks-kalip-cizgisi > span { flex: 1; min-width: 0; }
.yks-cizgi-kalibi:not(.yks-cizgi-kalibi--sutunlu, .yks-giris-kalemleri) > .yks-kalip-cizgisi > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--yks-grafit); clip-path: none; }
.yks-cizgi-aciklamasi { display: inline-block; width: 100%; margin-top: 2px; color: var(--yks-gri); font-size: 14px; font-weight: 400; }
.yks-cizgi-kalibi--sutunlu { columns: 1; column-gap: var(--yks-a6); }
.yks-cizgi-kalibi--sutunlu .yks-kalip-cizgisi { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--yks-cizgi-ince); }
.yks-cizgi-kalibi--dortlu { columns: 2; column-gap: var(--yks-a4); }
@media (max-width: 559px) { .yks-cizgi-kalibi--dortlu small { display: none; } }
@media (min-width: 560px) { .yks-cizgi-kalibi--sutunlu { columns: 2; } }
@media (min-width: 1080px) {
  .yks-cizgi-kalibi--sutunlu { columns: 3; }
  .yks-cizgi-kalibi--dortlu { columns: 4; }
  .yks-ikiz-sol .yks-cizgi-kalibi--sutunlu, .yks-tabelalar > .yks-levha-bilet .yks-cizgi-kalibi--sutunlu { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.yks-isim-eleyici { max-width: 360px; margin-bottom: var(--yks-a4); }
.yks-harf-bolumleri { columns: 1; column-gap: var(--yks-a6); }
@media (min-width: 560px) { .yks-harf-bolumleri { columns: 2; } }
@media (min-width: 1080px) { .yks-harf-bolumleri { columns: 4; } }
.yks-harf-blogu { break-inside: avoid; margin-bottom: var(--yks-a4); }
.yks-harf-blogu .yks-isaretli-etiket { margin: 0; color: var(--yks-grafit); font-size: 15px; }
.yks-harf-blogu .yks-kalip-cizgisi { min-height: 44px; padding-block: 6px; }
.yks-harf-blogu .yks-kalip-cizgisi small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + hardal alt çizgi. */
.yks-sekme-serit { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--yks-a4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--yks-celik-2); border-radius: var(--yks-r); }
.yks-sekme-serit::-webkit-scrollbar { display: none; }
.yks-sekme-serit a, .yks-sekme-serit button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--yks-gri); font: inherit; font-family: var(--yks-f-baslik); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-sekme-serit a:hover, .yks-sekme-serit button:hover { color: var(--yks-grafit); background: var(--yks-celik-3); }
.yks-sekme-serit [aria-selected="true"], .yks-sekme-serit [aria-current="true"] { background: var(--yks-beyaz); color: var(--yks-grafit); font-weight: 600; box-shadow: inset 0 -2px 0 var(--yks-hardal); }
.yks-sekme-serit a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-sekme-serit sup { font-family: var(--yks-f-sayi); font-size: 12px; color: var(--yks-gri-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.yks-sekme-serit[data-az-harfler] { margin-top: 0; }
.yks-sekme-serit[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.yks-sekme-levhasi[hidden] { display: none; }
.yks-sekme-levhasi:focus-visible { outline-offset: 4px; }

/* ==========================================================================
   §20 SAYFA AİLELERİ (TASARIM-SISTEMI §08): ana sayfa bölümleri, cihaz,
   bölge, marka, hata kodu. Burada yalnız aileye özgü ekler.
   ========================================================================== */
/* Arıza bulucu (ana sayfa): JS yoksa gizli (aynı belirtiler cihaz sayfalarında). */
html:not(.yks-yurutucu) .yks-arayici-dilimi { display: none; }
.yks-bulgu-levhasi { display: grid; gap: var(--yks-a5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.yks-bulgu-levhasi > * { min-width: 0; }
@media (min-width: 900px) { .yks-bulgu-levhasi { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.yks-bulgu-levhasi > .yks-cizim-cerceve { max-width: 420px; justify-self: center; width: 100%; }
.yks-bulgu-soru-cizgisi { margin: 0 0 var(--yks-a3); font-family: var(--yks-f-baslik); font-size: var(--yks-y-3); font-weight: 600; color: var(--yks-grafit); }
.yks-ariza-dugme-dizisi { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.yks-ariza-dugme-dizisi button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--yks-celik); color: var(--yks-metin); font: inherit; font-size: 15px; text-align: left; border-radius: var(--yks-r); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), box-shadow var(--yks-sure) var(--yks-egri); }
.yks-ariza-dugme-dizisi button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--yks-grafit); color: var(--yks-beyaz); font-family: var(--yks-f-sayi); font-size: 12px; font-weight: 700; border-radius: var(--yks-r); }
.yks-ariza-dugme-dizisi button:hover { background: var(--yks-celik-3); color: var(--yks-grafit); }
.yks-ariza-dugme-dizisi button[aria-pressed="true"] { background: var(--yks-beyaz); color: var(--yks-grafit); box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-ariza-dugme-dizisi button[aria-pressed="true"] span { background: var(--yks-hardal); }
.yks-ariza-dugme-dizisi button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-grafit); }
.yks-ariza-durumu { min-height: 3em; margin: var(--yks-a4) 0; color: var(--yks-gri); font-size: 14px; }
.yks-ariza-durumu b { color: var(--yks-grafit); }
/* Neden Yetkılıservıs: dört plaka + katlanır fark dökümü. */
.yks-neden-levhalari h3 { margin: var(--yks-a3) 0 6px; }
.yks-neden-levhalari p { margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); }
.yks-kumanda-ikon { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--yks-celik); color: var(--yks-grafit); border-radius: var(--yks-r); }
.yks-fark-kalibi { padding: 18px 22px; }
.yks-fark-kalibi summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
.yks-fark-kalibi summary::-webkit-details-marker { display: none; }
.yks-fark-kalibi summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--yks-grafit); -webkit-mask: var(--yks-m-asagi) center / contain no-repeat; mask: var(--yks-m-asagi) center / contain no-repeat; }
.yks-fark-kalibi[open] summary::after { transform: rotate(180deg); background: var(--yks-hardal); }
.yks-fark-kalibi dl { display: grid; margin: var(--yks-a4) 0 0; }
.yks-fark-kalibi dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--yks-cizgi-ince); }
@media (min-width: 720px) { .yks-fark-kalibi dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.yks-fark-kalibi dt { color: var(--yks-gri); text-decoration: line-through; text-decoration-color: var(--yks-cizgi-sert); }
.yks-fark-kalibi dd { margin: 0; color: var(--yks-metin); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.yks-sehir-levhasi-basi { display: grid; gap: var(--yks-a5); margin-bottom: var(--yks-a5); }
@media (min-width: 900px) { .yks-sehir-levhasi-basi { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.yks-sehir-levhasi-basi h2 { margin: 0 0 8px; }
.yks-sehir-levhasi-basi p { margin: 0; color: var(--yks-gri); }
.yks-sehir-olculeri { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--yks-cizgi-sert); background: var(--yks-beyaz); }
.yks-sehir-olculeri div { display: flex; flex-direction: column; padding: 12px 18px; }
.yks-sehir-olculeri div + div { border-left: 1px solid var(--yks-cizgi); }
.yks-sehir-olculeri dd { margin: 0; font-family: var(--yks-f-sayi); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--yks-grafit); font-variant-numeric: tabular-nums; }
.yks-sehir-olculeri dt { margin-top: 6px; font-family: var(--yks-f-baslik); font-size: 12.5px; font-weight: 600; color: var(--yks-gri); }
.yks-sehir-kalibi { margin-top: var(--yks-a4); }
.yks-sehir-kalibi summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--yks-f-baslik); font-weight: 600; color: var(--yks-grafit); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .yks-levha-kabi { margin-top: var(--yks-bolum); }
.yks-ikiz-sol > .yks-levha-bilet > .yks-bilet-basi + .yks-bolge-aciklamasi { margin-top: calc(var(--yks-a3) * -1); }
.yks-ikiz-sol > .yks-levha-bilet > p { max-width: 68ch; }
.yks-ikiz-sol > .yks-levha-bilet > .yks-levhalar--cihaz { margin-top: var(--yks-a2); }
.yks-levha-bilet .yks-sik-aranan-cizgisi .yks-sik-levhalar { margin: 0; }

/* --- Hareket azaltma, yazdırma ------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
@media print {
  .yks-zirve-tabela, .yks-taban-levha, .yks-levha-cekmece, .yks-levha-cekmece-ortusu, .yks-cerez-levhasi, .yks-son-levha-dilimi, .yks-ara-tabela, .yks-sekme-serit { display: none !important; }
  .yks-sekme-levhasi[hidden] { display: block !important; }
  .yks-kod-acilir-ozet { display: block; }
  .yks-katlanan-levha > summary::after { display: none; }
}

/* ==========================================================================
   §40–§41 İL HARİTASI (il ve ilçeler: parcalar/harita.html + js/harita.js;
   SVG'ler araclar/harita_uret.py). Plaka dili: köşe 0, pahlı düğme ve
   seçici, 1 px çizgi, gölge yok; hardal YALNIZ üzerine gelinen, odaklanan
   ya da listeden vurgulanan ildedir/ilçededir.
   ========================================================================== */
/* --- §40 Kap ve üst satır: Bütün iller · il seçici · durum --------------- */
.yks-sehir-semasi { margin: var(--yks-a4) 0 var(--yks-a6); border-top: 1px solid var(--yks-cizgi); border-bottom: 1px solid var(--yks-cizgi-ince); }
.yks-sehir-semasi[hidden] { display: none; }
.yks-sehir-semasi-basi { display: flex; flex-wrap: wrap; align-items: end; gap: var(--yks-a3) var(--yks-a4); padding: var(--yks-a3) 0; border-bottom: 1px solid var(--yks-cizgi-ince); }
.yks-sehir-semasi-geri { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--yks-beyaz); color: var(--yks-grafit); box-shadow: inset 0 0 0 1.5px var(--yks-grafit); border-radius: var(--yks-r); font: 600 15px/1 var(--yks-f-baslik); cursor: pointer; transition: background-color var(--yks-sure) var(--yks-egri), color var(--yks-sure) var(--yks-egri); }
.yks-sehir-semasi-geri[hidden] { display: none; }
.yks-sehir-semasi-geri svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.yks-sehir-semasi-geri:hover { background: var(--yks-grafit); color: var(--yks-beyaz); }
.yks-sehir-semasi-geri:focus-visible, .yks-sehir-semasi-kent-kutusu:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--yks-hardal); }
.yks-sehir-semasi-kent { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.yks-sehir-semasi-kent label { font-family: var(--yks-f-baslik); font-size: var(--yks-y-etiket); font-weight: 600; color: var(--yks-grafit); }
.yks-sehir-semasi-kent-kutusu { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--yks-cizgi-sert); border-radius: var(--yks-r); color: var(--yks-metin); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--yks-beyaz) 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='%2312161C' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E"); }
.yks-sehir-semasi-durum { flex: 1 1 100%; margin: 0; color: var(--yks-gri); font-size: var(--yks-y-kucuk); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .yks-sehir-semasi-durum { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, hardal yalnız etkin alan --- */
.yks-sehir-semasi-ic { display: grid; gap: var(--yks-a4); padding-top: var(--yks-a4); }
.yks-sehir-semasi-tuval { min-width: 0; transition: opacity var(--yks-sure) var(--yks-egri); }
.yks-sehir-semasi-tuval svg { display: block; width: 100%; height: auto; }
.yks-sehir-semasi-bolge { fill: var(--yks-celik-2); stroke: var(--yks-beyaz); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--yks-sure) var(--yks-egri); }
.yks-levha-dilimi--celik .yks-sehir-semasi-bolge { fill: var(--yks-beyaz); stroke: var(--yks-cizgi); }
.yks-sehir-semasi-bolge:hover, .yks-sehir-semasi-bolge:focus, .yks-sehir-semasi-bolge.yks-sehir-semasi-bolge--vurgu { fill: var(--yks-hardal); outline: none; }
.yks-sehir-semasi--yukleniyor .yks-sehir-semasi-tuval { opacity: 0.4; cursor: progress; }
.yks-sehir-semasi-yan { min-width: 0; border-top: 1px solid var(--yks-cizgi); }
.yks-sehir-semasi-yan[hidden] { display: none; }
.yks-sehir-semasi-yan-basi { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--yks-cizgi-ince); font-family: var(--yks-f-baslik); font-size: 1.125rem; font-weight: 600; }
.yks-sehir-semasi-yan-basi a { color: var(--yks-grafit); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.yks-sehir-semasi-yan-basi a:hover { text-decoration-color: var(--yks-hardal); }
.yks-sehir-semasi-ilceler { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--yks-oluk); }
.yks-sehir-semasi-ilceler li { break-inside: avoid; }
.yks-sehir-semasi-ilceler a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--yks-cizgi-ince); color: var(--yks-metin); text-decoration: none; }
.yks-sehir-semasi-ilceler a:hover, .yks-sehir-semasi-ilceler a:focus-visible { outline: none; color: var(--yks-hardal); border-bottom-color: var(--yks-hardal); }
@media (min-width: 1080px) {
  .yks-sehir-semasi--il-acik .yks-sehir-semasi-ic { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .yks-sehir-semasi--il-acik.yks-sehir-semasi--dar .yks-sehir-semasi-ic { grid-template-columns: minmax(0, 1fr) 240px; }
  .yks-sehir-semasi-ilceler { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .yks-sehir-semasi-bolge, .yks-sehir-semasi-tuval, .yks-sehir-semasi-geri { transition: none; } }
@media print { .yks-sehir-semasi { display: none !important; } }