/* ==========================================================================
   Hi-Scientific — stil dosyası (TASARIM-SISTEMI.md, "Ölçü plakası", 21 Ekim 2026)

   Kimlik: beyaz plaka, soğuk çelik ikincil yüzey, mürekkep (#0c1d22) başlık ve
   son plaka, indigo (#4b3fa8) ölçü ışığı: birincil düğme (beyaz yazı, 8,15:1),
   köşe imi, odak. Yazı: Fira Sans (gövde, başlık) + Fira Mono (ölçü, kod, sayı).
   Köşe dili: kare (0 px); plaka ve sayfa kenarları düz, gölge yok. Tek imza köşe
   imi: sağ üst köşede dik üçgen (clip-path).
   Sınıf öneki: hsc-   Belirteç öneki: --hsc-
   Türkçe: text-transform: uppercase hiçbir yerde yok (İ/I).

   Bölümler (TASARIM-SISTEMI §08 sırası): 00 yazı dosyaları · 01 belirteçler ·
   02 taban · 03 kap ve kesit · 04 rubrik, manşet · 05 üst plaka, menü, çekmece ·
   06 düğmeler · 07 kart, cihaz, yan plaka · 08 iş plakası · 09 sayfa yolu ·
   10 etiket, çip · 11 kod plakası · 12 SSS · 13 form · 14 not, uyarı ·
   15 açılış, izometrik çizim · 16 mobil alt plaka · 17 altbilgi, son plaka ·
   18 ölçü satırı, logo · 19 satır dökümü, sekme · 40–41 il haritası
   ========================================================================== */

/* --- 00 Yazı dosyaları (CSP: font-src self; Google Fonts'tan indirildi, SIL OFL):
       Fira Sans 400/600/700 (gövde, başlık) + Fira Mono 400/500 (ölçü, kod, sayı);
       latin + latin-ext alt kümeleri; İ Ş Ğ ı ç ö ü dahil. ------------------ */
@font-face {
  font-family: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fira-sans-400-latin-ext.f3b5d429f74a.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: "Fira Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fira-sans-400-latin.37ade634544d.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: "Fira Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/fira-sans-600-latin-ext.3d3c337a4f44.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: "Fira Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/fira-sans-600-latin.66b257bcbeca.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: "Fira Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/fira-sans-700-latin-ext.c303fec70c70.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: "Fira Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/fira-sans-700-latin.e93949e611a6.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: "Fira Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fira-mono-400-latin-ext.eb005df4d313.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: "Fira Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fira-mono-400-latin.49f427eeffe5.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: "Fira Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/fira-mono-500-latin-ext.425690e87c3a.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: "Fira Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/fira-mono-500-latin.2dd3033c22e5.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: beyaz plaka, çelik, grafit, indigo (TASARIM-SISTEMI §02 — kontrastlar orada hesaplı) */
  --hsc-paper: #ffffff;         /* sayfa zemini, plaka yüzü */
  --hsc-bench: #f1f5f4;         /* çelik: ikincil bölüm, altbilgi, künye plakası */
  --hsc-bench-2: #e4ebe9;       /* tablo başı, sekme rayı, pasif düğme */
  --hsc-bench-3: #d6dfdc;       /* üzerine gelme, basılı yüzey */
  --hsc-soot: #0c1d22;        /* başlık, plaka kenarı, logo (beyazda 17,29) */
  --hsc-copy: #1d2e33;         /* gövde metni (beyazda 14,09; çelikte 12,82) */
  --hsc-vapor: #46595e;           /* ikincil metin (beyazda 7,37; çelik-2'de 6,09) */
  --hsc-vapor-2: #4f6266;         /* yer tutucu, dip satır (beyazda 6,42; çelik-2'de 5,85) */
  --hsc-rule-thin: #dce5e3;    /* 1 px kıl çizgi (süs) */
  --hsc-rule: #b8c6c3;         /* plaka kenarı, ayırıcı (süs) */
  --hsc-rule-hard: #6b8286;    /* girdi kenarı (beyazda 4,07; çelikte 3,70; ≥3:1) */
  --hsc-titer: #4b3fa8;         /* köşe imi, birincil düğme, odak (beyazda 8,15) */
  --hsc-titer-head: #37307f;     /* düğme üzerine gelme (beyaz yazıyla 11,10) */
  --hsc-titer-top: #ffffff;     /* indigo düğmedeki yazı: BEYAZ */
  --hsc-titer-pale: #ebe9f8;    /* uyarı notu, "Cihazı kapatın" etiketi (indigo yazı 6,81) */
  --hsc-titer-glow: #a79cf0;   /* koyu zeminde (son plaka) köşe imi; soot üstünde 7,13 */
  --hsc-phosphor: #1b6e48;         /* başarı: YALNIZ 3-6 px durum işareti (yazı rengi değil); yazı mürekkep */

  /* imza: pah köşe ve köşe imi */
  --hsc-knob: 0px;              /* kart / plaka: sağ üst köşe */
  --hsc-knob-middle: 0px;          /* düğme, girdi: sağ üst + sol alt */
  --hsc-knob-small: 0px;         /* etiket, kod karosu */
  --hsc-knob-card: polygon(0 0, calc(100% - var(--hsc-knob)) 0, 100% var(--hsc-knob), 100% 100%, 0 100%);
  --hsc-knob-button: polygon(0 0, calc(100% - var(--hsc-knob-middle)) 0, 100% var(--hsc-knob-middle), 100% 100%, var(--hsc-knob-middle) 100%, 0 calc(100% - var(--hsc-knob-middle)));
  --hsc-stamp: polygon(0 0, 100% 0, 100% 100%);   /* köşe imi: sağ üst dik üçgen */

  /* yazı aileleri */
  --hsc-font-head: "Fira Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --hsc-font-body: "Fira Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --hsc-font-figure: "Fira Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --hsc-font-mono: "Fira Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* yazı ölçeği (mobil → masaüstü akışkan). Fira Sans 700 başlık, Fira Mono ölçü. */
  --hsc-type-xl: clamp(3rem, 2.1rem + 4.2vw, 5.5rem);
  --hsc-type-headline: clamp(2.25rem, 1.6rem + 3vw, 4rem);
  --hsc-type-1: clamp(1.875rem, 1.45rem + 1.8vw, 2.875rem);
  --hsc-type-2: clamp(1.375rem, 1.2rem + 0.9vw, 2rem);
  --hsc-type-3: clamp(1.125rem, 1.07rem + 0.25vw, 1.25rem);
  --hsc-type-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --hsc-type-body: 1.0625rem;     /* 17 px Fira Sans */
  --hsc-type-small: 0.9375rem;     /* 15 px */
  --hsc-type-label: 0.8125rem;    /* 13 px: plaka etiketi (Fira Sans 600) */

  /* yerleşim */
  --hsc-column: 12;
  --hsc-trough: 16px;
  --hsc-vessel: 1280px;
  --hsc-reading: 720px;
  --hsc-side: 340px;             /* yan plaka (≥1080 px), yapışkan değil */

  /* boşluk (8 tabanlı, 4 yarım adım) */
  --hsc-pitch-1: 4px;
  --hsc-pitch-2: 8px;
  --hsc-pitch-3: 12px;
  --hsc-pitch-4: 16px;
  --hsc-pitch-5: 24px;
  --hsc-pitch-6: 32px;
  --hsc-pitch-7: 48px;
  --hsc-pitch-8: 64px;
  --hsc-pitch-9: 96px;
  --hsc-edge: 16px;
  --hsc-section: 56px;

  /* biçim: yuvarlak köşe YOK; kesik köşe clip-path ile (plaka boyama kalıbı) */
  --hsc-stroke-weight: 1px;
  --hsc-accent-weight: 2px;
  --hsc-top-height: 64px;
  --hsc-line-span: 64px;

  /* hareket: kısa, doğrusal (ölçü aleti) */
  --hsc-duration: 120ms;
  --hsc-curve: cubic-bezier(0.4, 0, 0.2, 1);

  /* ikon maskeleri (renk currentColor ile; ince kalem 1,6 px, KARE uç, sivri birleşim) */
  --hsc-icon-arrow: 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");
  --hsc-icon-right: 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");
  --hsc-icon-down: 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");
  --hsc-icon-check: 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");
  --hsc-icon-search: 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");
  --hsc-icon-phone: 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");
  --hsc-icon-info: 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");
  --hsc-arrow-icon: 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 { --hsc-edge: 24px; --hsc-trough: 20px; --hsc-section: 72px; }
}
@media (min-width: 1080px) {
  :root { --hsc-edge: 40px; --hsc-trough: 24px; --hsc-top-height: 72px; --hsc-section: 96px; }
}
/* Koyu tema YOK. Yazdırmada çelik tonları beyaza iner. */
@media print {
  :root {
    --hsc-bench: #ffffff; --hsc-bench-2: #ffffff; --hsc-bench-3: #ffffff;
    --hsc-soot: #000000; --hsc-copy: #111111; --hsc-vapor: #444444; --hsc-vapor-2: #555555;
    --hsc-rule-thin: #cccccc; --hsc-rule: #999999; --hsc-rule-hard: #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(--hsc-top-height) + var(--hsc-pitch-4));
}
body {
  margin: 0;
  background: var(--hsc-paper);
  color: var(--hsc-copy);
  font-family: var(--hsc-font-body);
  font-size: var(--hsc-type-body);
  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: Fira Sans 600, grafit; köşeli harf, aralık nötr. */
h1, h2, h3, h4 {
  margin: 0;
  color: var(--hsc-soot);
  font-family: var(--hsc-font-head);
  font-weight: 600;
  letter-spacing: -0.005em;
  text-wrap: balance;
  hyphens: manual;
}
h1 { font-size: var(--hsc-type-1); line-height: 1.1; letter-spacing: -0.012em; }
h2 { font-size: var(--hsc-type-2); line-height: 1.16; }
h3 { font-size: var(--hsc-type-3); line-height: 1.3; font-weight: 600; }
h4 { font-size: 1rem; font-family: var(--hsc-font-body); font-weight: 600; letter-spacing: 0; }
p { margin: 0 0 var(--hsc-pitch-4); max-width: 68ch; }
ul, ol { margin: 0; padding: 0; }
/* Bağlantı: yazı rengi + 1 px sert gri alt çizgi; üzerine gelince çizgi indigo ve 2 px. */
a { color: inherit; text-decoration-line: underline; text-decoration-color: var(--hsc-rule-hard); text-decoration-thickness: 1px; text-underline-offset: 0.24em; }
a:hover { color: inherit; text-decoration-color: var(--hsc-titer); text-decoration-thickness: 2px; }
strong, b { font-weight: 600; color: var(--hsc-soot); }
code, kbd, samp { font-family: var(--hsc-font-mono); font-size: 0.92em; font-weight: 500; }
/* hr: grafit kıl çizgi, sol ucunda indigo köşe imi */
hr { border: 0; height: 8px; margin: var(--hsc-pitch-6) 0; background: linear-gradient(var(--hsc-rule), var(--hsc-rule)) 0 100% / 100% 1px no-repeat, linear-gradient(225deg, var(--hsc-titer) 50%, transparent 50%) 0 0 / 8px 8px no-repeat; }
table { font-variant-numeric: tabular-nums; }
::selection { background: var(--hsc-titer); color: var(--hsc-titer-top); }
/* Odak: 2 px indigo çizgi, 2 px açıklık. Hale yok. */
:focus-visible { outline: 2px solid var(--hsc-titer); outline-offset: 2px; }
.hsc-offscreen {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.hsc-plain-content {
  position: absolute; left: var(--hsc-pitch-4); top: -100px; z-index: 100;
  background: var(--hsc-soot); color: var(--hsc-paper); padding: var(--hsc-pitch-2) var(--hsc-pitch-4);
  font-family: var(--hsc-font-head); font-weight: 600; text-decoration: none;
}
.hsc-plain-content:focus { top: var(--hsc-pitch-2); }

/* ==========================================================================
   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.
   ========================================================================== */
.hsc-slide-card, .hsc-side-slide, .hsc-first-slide, .hsc-form-slide, .hsc-work-slide,
.hsc-type-tag, .hsc-last-slide, .hsc-search-slide, .hsc-slide-note, .hsc-slide-drop-list,
.hsc-figure-frame, .hsc-line-slide, .hsc-mark-slide, .hsc-place-slide,
.hsc-dial-row, .hsc-hint-list, .hsc-cookie-slide, .hsc-code-reveal-note[open], .hsc-diff-ledger {
  --p-zemin: var(--hsc-paper);
  --p-kenar: var(--hsc-rule);
  --p-pah: var(--hsc-knob);
  --p-imi: 10px;
  position: relative;
  isolation: isolate;
}
.hsc-slide-card::before, .hsc-side-slide::before, .hsc-first-slide::before, .hsc-form-slide::before,
.hsc-work-slide::before, .hsc-type-tag::before, .hsc-last-slide::before, .hsc-search-slide::before,
.hsc-slide-note::before, .hsc-slide-drop-list::before, .hsc-figure-frame::before, .hsc-line-slide::before,
.hsc-mark-slide::before, .hsc-place-slide::before, .hsc-dial-row::before, .hsc-hint-list::before,
.hsc-cookie-slide::before, .hsc-code-reveal-note[open]::before, .hsc-diff-ledger::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);
  clip-path: polygon(0 0, calc(100% - var(--p-pah)) 0, 100% var(--p-pah), 100% 100%, 0 100%);
  transition: box-shadow var(--hsc-duration) var(--hsc-curve);
}
/* Köşe imi: pahın yerine oturan indigo dik üçgen (imza). */
.hsc-slide-card--amber::after, .hsc-side-slide::after, .hsc-first-slide::after, .hsc-type-tag::after,
.hsc-last-slide::after, .hsc-search-slide::after, .hsc-figure-frame::after, .hsc-line-slide::after,
.hsc-form-slide::after, .hsc-cookie-slide::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: var(--p-imi);
  height: var(--p-imi);
  background: var(--p-imi-renk, var(--hsc-titer));
  clip-path: var(--hsc-stamp);
  pointer-events: none;
}

/* --- §03 Kap, iki yan, kesit -------------------------------------------- */
.hsc-slide-shell { max-width: var(--hsc-vessel); margin-inline: auto; padding-inline: var(--hsc-edge); }
.hsc-core-body { display: block; min-height: 50vh; }
/* İki yan: ana │ yan plaka (≥1080 px). Yan plaka YAPIŞKAN DEĞİL. */
.hsc-slide-pair { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--hsc-pitch-6); align-items: start; }
.hsc-slide-pair > * { min-width: 0; }
@media (min-width: 1080px) { .hsc-slide-pair { grid-template-columns: minmax(0, 1fr) var(--hsc-side); gap: var(--hsc-pitch-7); } }
.hsc-slide-stack { display: grid; gap: var(--hsc-pitch-4); }
.hsc-slide-stack > * { min-width: 0; }
/* Kesit: sayfanın bir bölümü. Beyaz ↔ çelik dönüşümü servisfer'in koyu bant
   dönüşümünün Hi-Scientific karşılığıdır (--celik: tam genişlik çelik zemin). */
.hsc-slide-cut { margin-top: var(--hsc-section); }
.hsc-slide-cut--bench { padding-block: var(--hsc-section); background: var(--hsc-bench); }
.hsc-slide-cut--bench .hsc-slide-card { --p-zemin: var(--hsc-paper); }
.hsc-slide-pair + .hsc-slide-cut, .hsc-page-slide + .hsc-slide-cut { margin-top: calc(var(--hsc-section) * 0.75); }
.hsc-page-slide + .hsc-slide-shell { margin-top: var(--hsc-pitch-6); }
[id] { scroll-margin-top: calc(var(--hsc-top-height) + var(--hsc-pitch-5)); }

/* --- §04 Rubrik, manşet, giriş, bölüm başı -------------------------------- */
.hsc-amber-tag { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; font-family: var(--hsc-font-head); font-size: var(--hsc-type-label); font-weight: 600; line-height: 1.25; letter-spacing: 0.02em; color: var(--hsc-vapor); }
.hsc-amber-tag::before { content: ""; flex: none; width: 10px; height: 10px; background: var(--hsc-titer); clip-path: var(--hsc-stamp); }
.hsc-slide-headline { margin: 0; font-family: var(--hsc-font-head); font-size: var(--hsc-type-headline); font-weight: 600; line-height: 1.04; letter-spacing: -0.02em; color: var(--hsc-soot); text-wrap: balance; overflow-wrap: anywhere; }
.hsc-slide-entry { margin: 16px 0 0; max-width: 58ch; font-size: var(--hsc-type-lead); line-height: 1.55; color: var(--hsc-copy); }
/* Bölüm başı: üstte 1 px çizgi, solda 64×3 grafit ölçü çubuğu + ucunda indigo üçgen. */
.hsc-slide-title { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 6px var(--hsc-pitch-4); margin-bottom: var(--hsc-pitch-5); padding-top: 18px; border-top: 1px solid var(--hsc-rule); }
.hsc-slide-title::before { content: ""; position: absolute; left: 0; top: -2px; width: 64px; height: 3px; background: var(--hsc-soot); }
.hsc-slide-title::after { content: ""; position: absolute; left: 64px; top: -2px; width: 10px; height: 10px; background: var(--hsc-titer); clip-path: polygon(0 0, 100% 0, 0 100%); }
.hsc-slide-title > div { min-width: 0; }
.hsc-slide-title h2 { margin: 0; overflow-wrap: anywhere; }
.hsc-slide-title p { margin: 6px 0 0; color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
.hsc-slide-cut--bench .hsc-slide-title { border-top-color: var(--hsc-rule-hard); }
/* Düz metin sütunu. */
.hsc-slide-copy { max-width: 68ch; }
.hsc-slide-copy > :last-child { margin-bottom: 0; }
.hsc-slide-copy h3 { margin: var(--hsc-pitch-5) 0 8px; }
.hsc-slide-copy ul, .hsc-slide-copy ol { padding-left: 1.25rem; margin: 0 0 var(--hsc-pitch-4); }
.hsc-slide-copy li { margin-bottom: 6px; }
.hsc-slide-copy li::marker { color: var(--hsc-titer); }
.hsc-dial-digit { font-family: var(--hsc-font-figure); font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -0.01em; color: var(--hsc-soot); }
.hsc-tabular-figure { font-variant-numeric: tabular-nums; }
.hsc-top-gap.hsc-top-gap { margin-top: var(--hsc-pitch-4); }
.hsc-fault-tally { display: block; font-family: var(--hsc-font-figure); font-size: var(--hsc-type-xl); font-weight: 700; line-height: 1; color: var(--hsc-soot); }

/* --- §05 Üst plaka (başlık), menü, arama, öneriler, çekmece --------------- */
.hsc-top-slide { position: sticky; top: 0; z-index: 40; background: var(--hsc-paper); border-bottom: 1px solid var(--hsc-rule); }
.hsc-top-slide::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 120px; height: 3px; background: var(--hsc-soot); }
.hsc-top-slide-inner { display: flex; align-items: center; gap: var(--hsc-pitch-3); max-width: var(--hsc-vessel); height: var(--hsc-top-height); margin-inline: auto; padding-inline: var(--hsc-edge); }
.hsc-top-slide-mark { flex: none; display: block; line-height: 0; }
.hsc-top-slide-mark img { height: 28px; width: auto; }
@media (min-width: 1080px) { .hsc-top-slide-mark img { height: 30px; } }
.hsc-top-slide-nav { display: none; }
.hsc-top-slide-menu { display: flex; list-style: none; margin: 0; padding: 0; }
.hsc-top-slide-menu > li { position: relative; }
.hsc-top-slide-menu > li > a { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; padding: 0 10px; font-family: var(--hsc-font-head); font-size: 15px; font-weight: 500; color: var(--hsc-soot); text-decoration: none; white-space: nowrap; transition: color var(--hsc-duration) var(--hsc-curve); }
.hsc-top-slide-menu > li > a:hover { color: var(--hsc-titer); }
.hsc-top-slide-menu > li > a[aria-current] { color: var(--hsc-titer); box-shadow: inset 0 -2px 0 var(--hsc-titer); }
.hsc-slide-drop > a::after { content: ""; flex: none; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--hsc-icon-down) center / contain no-repeat; mask: var(--hsc-icon-down) center / contain no-repeat; }
/* Açılır liste: sağ üstü pahlı beyaz plaka; üzerine gelince ya da klavye odağında açılır. */
.hsc-slide-drop-list { position: absolute; top: 100%; left: 0; z-index: 45; display: none; min-width: 248px; margin: 0; padding: 8px 0; list-style: none; }
.hsc-slide-drop:hover > .hsc-slide-drop-list, .hsc-slide-drop:focus-within > .hsc-slide-drop-list { display: block; }
.hsc-slide-drop-list--wide { width: 500px; columns: 2; column-gap: 0; }
.hsc-slide-drop-list li { break-inside: avoid; }
.hsc-slide-drop-list a { display: flex; align-items: center; min-height: 38px; padding: 0 16px; color: var(--hsc-copy); font-size: 15px; text-decoration: none; }
.hsc-slide-drop-list a:hover { background: var(--hsc-bench); color: var(--hsc-soot); }
.hsc-slide-drop-list-head { display: flex; align-items: center; gap: 8px; padding: 10px 16px 4px; font-family: var(--hsc-font-head); font-size: 12.5px; font-weight: 600; letter-spacing: 0.03em; color: var(--hsc-vapor); }
.hsc-slide-drop-list-head::before { content: ""; flex: none; width: 7px; height: 7px; background: var(--hsc-titer); clip-path: var(--hsc-stamp); }
.hsc-slide-drop-list .hsc-slide-drop-list-head a { min-height: 0; padding: 0; color: var(--hsc-vapor); font-size: inherit; }
.hsc-slide-drop-list .hsc-slide-drop-list-head a:hover { background: none; color: var(--hsc-titer); }
.hsc-top-slide-action { display: flex; align-items: center; gap: var(--hsc-pitch-2); margin-left: auto; }
.hsc-top-slide-tel { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; font-family: var(--hsc-font-head); font-weight: 600; font-variant-numeric: tabular-nums; color: var(--hsc-soot); text-decoration: none; white-space: nowrap; }
.hsc-top-slide-tel svg { width: 18px; height: 18px; color: var(--hsc-titer); }
.hsc-top-slide-tel:hover { color: var(--hsc-titer); }
.hsc-top-slide-action .hsc-top-slide-request, .hsc-top-slide-action .hsc-top-slide-line { display: none; }
@media (min-width: 720px) { .hsc-top-slide-action .hsc-top-slide-request, .hsc-top-slide-action .hsc-top-slide-line { display: inline-flex; } }
@media (min-width: 1240px) {
  .hsc-top-slide-nav { display: block; margin-left: var(--hsc-pitch-3); }
  .hsc-top-slide-action .hsc-top-slide-menu-open { display: none; }
}
@media (min-width: 1560px) { .hsc-top-slide-tel { display: inline-flex; } }
@media (max-width: 359px) { .hsc-top-slide-mark img { height: 24px; } .hsc-top-slide-action { gap: 4px; } }
/* Büyütecin açtığı arama satırı (başlığın altında, her genişlikte). */
.hsc-lookup-row { padding-block: 0 var(--hsc-pitch-3); }
/* Pahlı arama kutusu: girdi + grafit pahlı gönder karosu. --buyuk 404 ve kod dizininde. */
.hsc-query-box { position: relative; display: flex; align-items: center; width: 100%; min-height: 48px; background: var(--hsc-paper); box-shadow: inset 0 0 0 1.5px var(--hsc-rule-hard); clip-path: var(--hsc-knob-button); transition: box-shadow var(--hsc-duration) var(--hsc-curve); }
.hsc-query-box:focus-within { box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-query-box input { flex: 1; min-width: 0; height: 46px; padding: 0 8px 0 16px; border: 0; background: transparent; color: var(--hsc-soot); font: inherit; font-size: 16px; -webkit-appearance: none; appearance: none; }
.hsc-query-box input::placeholder { color: var(--hsc-vapor-2); }
.hsc-query-box input:focus-visible { outline: none; }
.hsc-query-box input::-webkit-search-cancel-button { display: none; }
.hsc-query-box button { flex: none; display: grid; place-items: center; width: 40px; height: 40px; margin-right: 4px; border: 0; background: var(--hsc-soot); color: var(--hsc-paper); clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); cursor: pointer; transition: background-color var(--hsc-duration) var(--hsc-curve); }
.hsc-query-box button:hover { background: var(--hsc-titer); }
.hsc-query-box button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-paper), inset 0 0 0 4px var(--hsc-titer); }
.hsc-query-box button svg { width: 18px; height: 18px; }
.hsc-query-box--large { min-height: 60px; }
.hsc-query-box--large input { height: 58px; padding-left: 20px; font-size: 18px; }
.hsc-query-box--large button { width: 50px; height: 50px; margin-right: 5px; background: var(--hsc-titer); }
.hsc-query-box--large button:hover { background: var(--hsc-titer-head); }
.hsc-query-box--large button svg { width: 22px; height: 22px; }
form[data-bul] { position: relative; }
/* Öneri listesi (hiscientific.js "Bul kutuları"): kutunun altında pahlı beyaz plaka. */
.hsc-hint-list { 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(--hsc-rule-hard); }
.hsc-hint-list--up { top: auto; bottom: calc(100% + 6px); }
.hsc-hint-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: baseline; min-height: 44px; padding: 11px 12px; color: var(--hsc-soot); text-decoration: none; }
.hsc-hint-list a[aria-selected="true"], .hsc-hint-list a:hover { background: var(--hsc-bench); }
.hsc-hint-kind { color: var(--hsc-vapor); font-size: 13px; text-align: right; }
.hsc-hint-row--code .hsc-hint-name { font-family: var(--hsc-font-figure); font-weight: 700; font-variant-numeric: tabular-nums; }
.hsc-hint-none { padding: 10px 12px; color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
/* Çekmece (#dizin, "Menü"): sağdan gelen beyaz plaka, mobilde tam ekran. */
body.hsc-frozen-body { overflow: hidden; }
.hsc-slide-drawer-cover { position: fixed; inset: 0; z-index: 70; background: rgba(18, 22, 28, 0.46); }
.hsc-slide-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; width: min(420px, 100%); overflow-y: auto; overscroll-behavior: contain; padding: var(--hsc-pitch-4) var(--hsc-pitch-5) var(--hsc-pitch-7); background: var(--hsc-paper); box-shadow: inset 1px 0 0 var(--hsc-rule); }
.hsc-slide-drawer-head { position: relative; display: flex; justify-content: space-between; align-items: center; gap: var(--hsc-pitch-3); margin: 0 0 var(--hsc-pitch-5); padding-bottom: var(--hsc-pitch-4); border-bottom: 1px solid var(--hsc-rule); }
.hsc-slide-drawer-head::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 72px; height: 3px; background: var(--hsc-soot); }
.hsc-slide-drawer-head img { height: 26px; width: auto; }
.hsc-slide-drawer-actions { display: grid; gap: var(--hsc-pitch-2); }
.hsc-slide-drawer-group { margin-top: var(--hsc-pitch-5); }
.hsc-slide-drawer-group h2 { margin: 0 0 4px; font-size: 1.0625rem; }
.hsc-slide-drawer-group h2 a { text-decoration: none; }
.hsc-slide-drawer-group h2 a[aria-current] { color: var(--hsc-titer); }
.hsc-slide-drawer-group .hsc-slide-drop-list-head { padding: 12px 0 2px; }
.hsc-slide-drawer-base { margin: var(--hsc-pitch-5) 0 0; padding-top: var(--hsc-pitch-4); border-top: 1px solid var(--hsc-rule-thin); color: var(--hsc-vapor); font-size: 15px; max-width: none; }
.hsc-lang-ledger { font-size: var(--hsc-type-small); }
.hsc-lang-ledger 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(--hsc-soot); clip-path: var(--hsc-knob-button); font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); cursor: pointer; }
.hsc-lang-ledger summary::-webkit-details-marker { display: none; }
.hsc-lang-ledger ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--hsc-pitch-4); margin: var(--hsc-pitch-2) 0 0; }
.hsc-lang-ledger a { display: inline-block; padding: 10px 0; color: var(--hsc-vapor); text-decoration: none; }
.hsc-lang-ledger a:hover, .hsc-lang-ledger a[aria-current="true"] { color: var(--hsc-soot); }

/* --- §06 Pahlı düğmeler, ok bağlantı -------------------------------------- */
.hsc-knob-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 0 24px; border: 0; background: var(--hsc-paper); color: var(--hsc-soot); clip-path: var(--hsc-knob-button); font-family: var(--hsc-font-head); 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(--hsc-duration) var(--hsc-curve), color var(--hsc-duration) var(--hsc-curve); }
.hsc-knob-button svg { width: 18px; height: 18px; flex: none; }
.hsc-knob-button b { font-weight: 600; font-variant-numeric: tabular-nums; }
.hsc-knob-button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hsc-knob-button--titer { background: var(--hsc-titer); color: var(--hsc-titer-top); }
.hsc-knob-button--titer:hover { background: var(--hsc-titer-head); color: var(--hsc-titer-top); }
/* Çizgili: 1,5 px grafit kenar (iç gölge) + kesikte çapraz çizgi. */
.hsc-knob-button--outline { color: var(--hsc-soot); box-shadow: inset 0 0 0 1.5px var(--hsc-soot);
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), var(--hsc-soot) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--hsc-knob-middle) var(--hsc-knob-middle) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), var(--hsc-soot) calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--hsc-knob-middle) var(--hsc-knob-middle) no-repeat,
    var(--hsc-paper); }
.hsc-knob-button--outline:hover { background: var(--hsc-soot); color: var(--hsc-paper); }
/* Koyu: son plakanın grafit zemininde beyaz çizgili. */
.hsc-knob-button--dark { color: var(--hsc-paper); box-shadow: inset 0 0 0 1.5px #c9ced6;
  background:
    linear-gradient(to bottom left, transparent calc(50% - 0.75px), #c9ced6 calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) top right / var(--hsc-knob-middle) var(--hsc-knob-middle) no-repeat,
    linear-gradient(to top right, transparent calc(50% - 0.75px), #c9ced6 calc(50% - 0.75px) calc(50% + 0.75px), transparent calc(50% + 0.75px)) bottom left / var(--hsc-knob-middle) var(--hsc-knob-middle) no-repeat,
    transparent; }
.hsc-knob-button--dark:hover { background: var(--hsc-paper); color: var(--hsc-soot); }
.hsc-knob-button--plain { background: transparent; color: var(--hsc-soot); }
.hsc-knob-button--plain:hover { background: var(--hsc-bench); }
.hsc-knob-button--small { min-height: 44px; padding: 0 18px; font-size: 15px; }
.hsc-knob-button--wide { width: 100%; }
.hsc-knob-button--icon { width: 44px; padding: 0; flex: none; }
.hsc-knob-button[aria-disabled="true"] { background: var(--hsc-bench-2); color: var(--hsc-vapor-2); box-shadow: none; cursor: not-allowed; }
.hsc-knob-button[aria-busy="true"] { opacity: 0.7; cursor: progress; }
.hsc-knob-button:focus-visible { outline: none; box-shadow: inset 0 0 0 3px var(--hsc-soot), inset 0 0 0 5px var(--hsc-paper); }
.hsc-knob-button--titer:focus-visible { box-shadow: inset 0 0 0 3px var(--hsc-soot), inset 0 0 0 5px var(--hsc-paper); }
.hsc-knob-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.hsc-knob-actions--vertical { display: grid; gap: var(--hsc-pitch-2); margin-top: var(--hsc-pitch-5); }
/* Ok bağlantı: Fira yazı + pahlı grafit karo içinde beyaz ok. */
.hsc-knob-arrow { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); text-decoration: none; transition: color var(--hsc-duration) var(--hsc-curve); }
.hsc-knob-arrow::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--hsc-soot) var(--hsc-arrow-icon) center / 14px 14px no-repeat; clip-path: var(--hsc-knob-button); transition: background-color var(--hsc-duration) var(--hsc-curve); }
.hsc-knob-arrow:hover { color: var(--hsc-titer); }
.hsc-knob-arrow:hover::after { background-color: var(--hsc-titer); }

/* --- §07 Plaka (kart), cihaz plakası, yan plaka --------------------------- */
.hsc-slide-card { padding: 22px; min-width: 0; }
.hsc-slide-card--bench { --p-zemin: var(--hsc-bench); }
.hsc-slide-card > :last-child { margin-bottom: 0; }
.hsc-slide-card h3 { margin: 0 0 8px; }
a.hsc-slide-card { display: block; color: inherit; text-decoration: none; }
a.hsc-slide-card:hover { --p-kenar: var(--hsc-soot); }
a.hsc-slide-card p { color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
@media (max-width: 719px) { .hsc-slide-card { padding: 18px 16px; } }
.hsc-tile-crown { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px var(--hsc-pitch-4); margin-bottom: var(--hsc-pitch-4); }
.hsc-tile-crown h2, .hsc-tile-crown h3 { margin: 0; }
.hsc-tile-crown h2 { font-size: clamp(1.25rem, 1.12rem + 0.6vw, 1.625rem); }
.hsc-tile-crown p { margin: 6px 0 0; color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
.hsc-tile-crown small { color: var(--hsc-vapor); font-size: 14px; }
.hsc-tile-crown h3 a { text-decoration: none; }
.hsc-tile-crown h3 a:hover { text-decoration: underline; text-decoration-color: var(--hsc-titer); }
.hsc-slides { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; }
.hsc-slides > * { min-width: 0; }
@media (min-width: 720px) { .hsc-slides { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .hsc-slides--tri { grid-template-columns: repeat(3, minmax(0, 1fr)); } .hsc-slides--quad { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.hsc-slides > .hsc-slide-card > .hsc-amber-tag { margin-bottom: 8px; }
.hsc-slides > .hsc-slide-card > p { margin: 0; color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
.hsc-slides > .hsc-slide-card > h3 + p { margin-top: 0; }
/* Cihaz plakası: izometrik çizim + ad satırı (ad + pahlı ok). */
.hsc-slide-device { padding: 10px 10px 14px; }
a.hsc-slide-device { display: grid; }
.hsc-slide-device .hsc-figure-frame { padding: 0; }
.hsc-slide-device .hsc-figure-frame::before, .hsc-slide-device .hsc-figure-frame::after { display: none; }
.hsc-slide-device img { width: 100%; height: auto; }
.hsc-slide-device-link { display: block; color: inherit; text-decoration: none; }
.hsc-slide-device-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 4px; padding: 12px 4px 0; border-top: 1px solid var(--hsc-rule-thin); }
.hsc-slide-device-foot h3 { margin: 0; font-size: 18px; overflow-wrap: anywhere; }
.hsc-slide-device-foot p { margin: 2px 0 0; color: var(--hsc-vapor); font-size: 14px; }
.hsc-slide-device-foot::after { content: ""; flex: none; width: 26px; height: 26px; background: var(--hsc-soot) var(--hsc-arrow-icon) center / 14px 14px no-repeat; clip-path: var(--hsc-knob-button); transition: background-color var(--hsc-duration) var(--hsc-curve); }
.hsc-slide-device:hover .hsc-slide-device-foot::after, .hsc-slide-device-link:hover .hsc-slide-device-foot::after { background-color: var(--hsc-titer); }
.hsc-slide-device:hover, li.hsc-slide-device:focus-within { --p-kenar: var(--hsc-soot); }
.hsc-device-serial { margin-right: 8px; font-family: var(--hsc-font-figure); font-size: 13px; font-weight: 700; color: var(--hsc-titer); font-variant-numeric: tabular-nums; }
.hsc-slide-device--dotted { display: grid; grid-template-rows: auto 1fr auto; }
.hsc-slide-device-action { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 10px 4px 0; border-top: 1px solid var(--hsc-rule-thin); font-size: 14px; }
.hsc-slide-device-action a { color: var(--hsc-vapor); text-decoration: none; }
.hsc-slide-device-action a:hover { color: var(--hsc-soot); text-decoration: underline; text-decoration-color: var(--hsc-titer); }
.hsc-slide-device-action .hsc-slide-device-request { display: inline-flex; align-items: center; gap: 4px; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); }
.hsc-slide-device-action .hsc-slide-device-request:hover { color: var(--hsc-titer); }
@media (max-width: 719px) {
  .hsc-slides--device { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .hsc-slides--device .hsc-slide-device { padding: 6px 6px 10px; }
  .hsc-slides--device .hsc-slide-device-foot { padding: 8px 2px 0; }
  .hsc-slides--device .hsc-slide-device-foot::after { display: none; }
  .hsc-slides--device .hsc-slide-device-foot h3 { font-size: 15px; }
  .hsc-slides--device .hsc-slide-device-foot p { font-size: 13px; }
  .hsc-slides--device .hsc-slide-device-action { padding: 8px 2px 0; font-size: 13px; }
}
/* Yan plaka: çelik, sağ üstü pahlı, köşe imli; yapışkan DEĞİL. */
.hsc-side-slide { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); padding: 24px; min-width: 0; }
.hsc-side-slide-title { margin: 0 0 12px; font-size: 19px; }
.hsc-side-slide dl { margin: 0; }
.hsc-side-slide dl > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 9px 0; border-top: 1px solid var(--hsc-rule); }
.hsc-side-slide dt { font-family: var(--hsc-font-head); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; color: var(--hsc-vapor); }
.hsc-side-slide dd { margin: 0; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); text-align: right; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.hsc-side-slide .hsc-definition-slide > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; }
.hsc-side-slide .hsc-definition-slide dd { font-family: var(--hsc-font-body); font-weight: 400; text-align: left; color: var(--hsc-copy); }
.hsc-side-slide > .hsc-knob-button { margin-top: var(--hsc-pitch-4); }
.hsc-side-slide-note { margin: var(--hsc-pitch-4) 0 0; color: var(--hsc-vapor); font-size: 14px; }

/* --- §08 İş plakası (süreç, imza): tek pahlı plakada alanlar ---------------- */
.hsc-work-slide { 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. */
.hsc-work-slide { --p-zemin: transparent; background: var(--hsc-paper); clip-path: var(--hsc-knob-card); }
.hsc-work-slide::before { z-index: 1; }
@media (min-width: 900px) { .hsc-work-slide:not(.hsc-work-slide--vertical) { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } }
.hsc-work-area { position: relative; padding: 18px 20px 22px; min-width: 0; }
.hsc-work-area + .hsc-work-area { border-top: 1px solid var(--hsc-rule); }
@media (min-width: 900px) { .hsc-work-slide:not(.hsc-work-slide--vertical) > .hsc-work-area + .hsc-work-area { border-top: 0; border-left: 1px solid var(--hsc-rule); } }
.hsc-work-area small { display: block; margin-bottom: 10px; font-family: var(--hsc-font-head); font-size: 12.5px; font-weight: 600; letter-spacing: 0.04em; color: var(--hsc-vapor); }
.hsc-work-area h3 { margin: 0 0 6px; font-size: 19px; }
.hsc-work-area p { margin: 0; color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
.hsc-work-area--now { background: var(--hsc-bench); }
.hsc-work-area--now small { color: var(--hsc-titer); }
.hsc-work-area--now::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: var(--hsc-titer); clip-path: polygon(0 0, 100% 0, 0 100%); }
.hsc-work-slide--vertical { margin: var(--hsc-pitch-5) 0; }
.hsc-work-slide--vertical .hsc-work-area { padding: 14px 18px 16px; }
.hsc-work-slide--vertical .hsc-work-area small { margin-bottom: 6px; }
.hsc-work-slide--vertical .hsc-work-area h3 { font-size: 17px; }
.hsc-work-slide--vertical .hsc-work-area small + p { color: var(--hsc-copy); }

/* --- §09 Sayfa yolu ------------------------------------------------------- */
.hsc-slide-path { display: flex; flex-wrap: wrap; gap: 6px 10px; margin: 0 0 14px; padding: 0; list-style: none; font-family: var(--hsc-font-head); font-size: 14px; color: var(--hsc-vapor); }
.hsc-slide-path li + li::before { content: "/"; margin-right: 10px; color: var(--hsc-titer); }
.hsc-slide-path a { color: var(--hsc-vapor); text-decoration: none; }
.hsc-slide-path a:hover { color: var(--hsc-soot); text-decoration: underline; text-decoration-color: var(--hsc-titer); }
.hsc-slide-path [aria-current] { color: var(--hsc-soot); }

/* --- §10 Pahlı etiket (durum), pahlı çip, sık aranan -------------------------- */
.hsc-knob-tag { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); background: var(--hsc-bench-2); color: var(--hsc-soot); font-family: var(--hsc-font-head); font-size: 13.5px; font-weight: 600; line-height: 1.2; white-space: nowrap; }
.hsc-knob-tag--yourself { background: var(--hsc-bench-2); color: var(--hsc-soot); box-shadow: inset 5px 0 0 var(--hsc-phosphor); }
.hsc-knob-tag--service { background: var(--hsc-bench-2); color: var(--hsc-soot); }
.hsc-knob-tag--halt { background: var(--hsc-titer); color: var(--hsc-titer-top); }
.hsc-common-slides { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.hsc-knob-chip { display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px; background: var(--hsc-bench); color: var(--hsc-soot); font-size: 14.5px; text-decoration: none; clip-path: polygon(0 0, calc(100% - 7px) 0, 100% 7px, 100% 100%, 0 100%); transition: background-color var(--hsc-duration) var(--hsc-curve); }
a.hsc-knob-chip:hover { background: var(--hsc-bench-3); color: var(--hsc-soot); }
a.hsc-knob-chip:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-slide-cut--bench .hsc-knob-chip, .hsc-slide-card--bench .hsc-knob-chip { background: var(--hsc-paper); }
.hsc-common-query-row { display: grid; gap: 8px; margin-top: var(--hsc-pitch-5); }
.hsc-common-query-row > span { font-family: var(--hsc-font-head); font-size: 13px; font-weight: 600; color: var(--hsc-vapor); }

/* --- §11 Kod plakası ------------------------------------------------------ */
.hsc-code-slide { width: 100%; border-collapse: collapse; font-size: 15px; box-shadow: inset 0 0 0 1px var(--hsc-rule); }
.hsc-code-slide caption { padding: 0 0 10px; text-align: left; font-family: var(--hsc-font-head); font-size: 13.5px; font-weight: 600; color: var(--hsc-vapor); }
.hsc-code-slide th, .hsc-code-slide td { padding: 12px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hsc-rule-thin); overflow-wrap: anywhere; }
.hsc-code-slide thead th { background: var(--hsc-soot); color: var(--hsc-paper); font-family: var(--hsc-font-head); font-size: 13px; font-weight: 600; letter-spacing: 0.03em; vertical-align: middle; }
.hsc-code-slide tbody tr:last-child > * { border-bottom: 0; }
.hsc-code-slide td b { display: block; font-weight: 600; color: var(--hsc-soot); }
.hsc-code-slide td b + span { display: block; color: var(--hsc-vapor); font-size: 14px; }
.hsc-code-slide tr:target > td { background: var(--hsc-bench); }
.hsc-code-slide tr[hidden] { display: none; }
.hsc-code-socket { display: inline-block; min-width: 58px; padding: 4px 10px; background: var(--hsc-bench); color: var(--hsc-soot); font-family: var(--hsc-font-figure); font-size: 18px; font-weight: 700; line-height: 1.35; text-align: center; text-decoration: none; font-variant-numeric: tabular-nums; white-space: nowrap; clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 0 100%); transition: background-color var(--hsc-duration) var(--hsc-curve), color var(--hsc-duration) var(--hsc-curve); }
a.hsc-code-socket:hover { background: var(--hsc-soot); color: var(--hsc-paper); }
a.hsc-code-socket:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-titer); }
@media (max-width: 719px) {
  .hsc-code-slide thead { display: none; }
  .hsc-code-slide tr { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 12px 14px; border-bottom: 1px solid var(--hsc-rule-thin); }
  .hsc-code-slide tbody tr:last-child { border-bottom: 0; }
  .hsc-code-slide td { padding: 2px 0; border: 0; }
  .hsc-code-slide td:first-child { grid-row: span 2; }
}
/* Tam kod tablosu (marka × cihaz) ve markanın tabloları. */
.hsc-code-slide--full td:first-child { width: 1%; white-space: nowrap; }
.hsc-code-slide--full td p { margin: 0 0 6px; max-width: 64ch; }
.hsc-code-slide--full td strong { font-weight: 700; color: var(--hsc-soot); }
.hsc-code-viewed { color: var(--hsc-vapor); }
.hsc-code-reveal-note { margin-top: 8px; }
.hsc-code-reveal-note > 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(--hsc-soot); clip-path: var(--hsc-knob-button); font-family: var(--hsc-font-head); font-size: 14px; font-weight: 600; color: var(--hsc-soot); cursor: pointer; }
.hsc-code-reveal-note > summary::-webkit-details-marker { display: none; }
.hsc-code-reveal-note > summary::after { content: ""; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--hsc-icon-down) center / contain no-repeat; mask: var(--hsc-icon-down) center / contain no-repeat; }
.hsc-code-reveal-note > summary:hover { background: var(--hsc-soot); color: var(--hsc-paper); }
.hsc-code-reveal-note[open] { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); margin-top: 10px; padding: 12px 16px 8px; }
.hsc-code-reveal-note[open] > summary { min-height: 34px; padding: 0; box-shadow: none; clip-path: none; background: none; color: var(--hsc-soot); }
.hsc-code-reveal-note[open] > summary::after { transform: rotate(180deg); }
.hsc-code-reveal-note h3 { margin: var(--hsc-pitch-3) 0 0; font-size: 15px; }
.hsc-code-reveal-note .hsc-ledger-row { min-height: 40px; padding-block: 6px; font-size: 15px; }
.hsc-code-filter-slide { max-width: 520px; }
.hsc-code-filter-slide .hsc-field-note { min-height: 1.5em; margin-top: 8px; }
.hsc-code-slide--brand td:first-child a { text-decoration: none; }
.hsc-code-slide--brand td:first-child a:hover b { text-decoration: underline; text-decoration-color: var(--hsc-titer); }
.hsc-code-slide--brand .hsc-common-slides { gap: 6px; }
.hsc-code-slide--brand td:last-child, .hsc-code-slide--brand th:last-child { text-align: right; color: var(--hsc-vapor); }
@media (max-width: 719px) {
  .hsc-code-slide--brand tr { grid-template-columns: minmax(0, 1fr) auto; }
  .hsc-code-slide--brand td:first-child { grid-row: auto; }
  .hsc-code-slide--brand td:nth-child(2) { grid-column: 1 / -1; grid-row: 2; padding-top: 6px; }
  .hsc-code-slide--full td:last-child { grid-column: 2; padding-top: 6px; }
}
/* Tip tablosu: veri tablosu (renkler, basın, ekipler, resmi hatlar, işin sırası). */
.hsc-spec-table { width: 100%; border-collapse: collapse; font-size: var(--hsc-type-small); box-shadow: inset 0 0 0 1px var(--hsc-rule); }
.hsc-spec-table th, .hsc-spec-table td { padding: 11px 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--hsc-rule-thin); overflow-wrap: anywhere; }
.hsc-spec-table thead th { background: var(--hsc-bench-2); color: var(--hsc-soot); font-family: var(--hsc-font-head); font-size: 13px; font-weight: 600; letter-spacing: 0.02em; vertical-align: bottom; }
.hsc-spec-table tbody th { font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); border-right: 1px solid var(--hsc-rule-thin); }
.hsc-spec-table tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 719px) {
  .hsc-spec-table--narrow thead { display: none; }
  .hsc-spec-table--narrow tr { display: grid; gap: 4px; padding: 12px 14px; border-bottom: 1px solid var(--hsc-rule-thin); }
  .hsc-spec-table--narrow tbody tr:last-child { border-bottom: 0; }
  .hsc-spec-table--narrow td, .hsc-spec-table--narrow tbody th { padding: 0; border: 0; }
}
/* Tanım plakası: alan adı (küçük Fira Mono) │ değer; 1 px çizgilerle bölünmüş satırlar. */
.hsc-definition-slide { margin: 0; font-size: var(--hsc-type-small); }
.hsc-definition-slide > div { display: grid; grid-template-columns: minmax(7rem, 2fr) minmax(0, 5fr); gap: 12px; padding: 12px 0; border-top: 1px solid var(--hsc-rule-thin); }
.hsc-definition-slide > div:first-child { padding-top: 0; border-top: 0; }
.hsc-definition-slide dt { font-family: var(--hsc-font-head); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--hsc-vapor); }
.hsc-definition-slide dd { margin: 0; color: var(--hsc-copy); overflow-wrap: anywhere; }
@media (max-width: 559px) { .hsc-definition-slide > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } }

/* --- §12 Soru plakası (SSS), katlanan plaka --------------------------------- */
.hsc-question-slide { box-shadow: inset 0 0 0 1px var(--hsc-rule); }
.hsc-question-slide-row + .hsc-question-slide-row { border-top: 1px solid var(--hsc-rule); }
.hsc-question-slide-row summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 14px 18px; list-style: none; font-family: var(--hsc-font-head); font-size: 17px; font-weight: 600; color: var(--hsc-soot); cursor: pointer; }
.hsc-question-slide-row summary::-webkit-details-marker { display: none; }
.hsc-question-slide-row summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--hsc-soot); -webkit-mask: var(--hsc-icon-down) center / contain no-repeat; mask: var(--hsc-icon-down) center / contain no-repeat; }
.hsc-question-slide-row summary:hover { background: var(--hsc-bench); }
.hsc-question-slide-row[open] { background: var(--hsc-bench); }
.hsc-question-slide-row[open] summary::after { transform: rotate(180deg); background: var(--hsc-titer); }
.hsc-question-slide-row > div { padding: 0 18px 16px; color: var(--hsc-copy); }
.hsc-question-slide-row > div p { margin: 0 0 10px; }
.hsc-question-slide-row > div p:last-child { margin-bottom: 0; }
@media (min-width: 1080px) {
  .hsc-question-slide--two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: start; box-shadow: none; }
  .hsc-question-slide--two .hsc-question-slide-row { box-shadow: inset 0 0 0 1px var(--hsc-rule); }
  .hsc-question-slide--two .hsc-question-slide-row + .hsc-question-slide-row { border-top: 0; }
}
.hsc-folding-slide { border-top: 1px solid var(--hsc-rule-thin); }
.hsc-folding-slide > summary { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 0; list-style: none; cursor: pointer; }
.hsc-folding-slide > summary::-webkit-details-marker { display: none; }
.hsc-folding-slide > summary h3 { flex: 1; min-width: 0; margin: 0; font-size: 17px; }
.hsc-folding-slide > summary small { font-family: var(--hsc-font-figure); font-size: 14px; font-weight: 600; color: var(--hsc-vapor-2); font-variant-numeric: tabular-nums; }
.hsc-folding-slide > summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--hsc-soot); -webkit-mask: var(--hsc-icon-down) center / contain no-repeat; mask: var(--hsc-icon-down) center / contain no-repeat; }
.hsc-folding-slide[open] > summary::after { transform: rotate(180deg); background: var(--hsc-titer); }
.hsc-folding-slide > summary:hover h3 { text-decoration: underline; text-decoration-color: var(--hsc-titer); }
.hsc-folding-slide > p { margin: 0 0 8px; color: var(--hsc-vapor); }
.hsc-folding-slide > .hsc-row-ledger { margin-bottom: var(--hsc-pitch-3); }
.hsc-slide-card > .hsc-folding-slide:first-of-type { margin-top: var(--hsc-pitch-3); }

/* --- §13 Form ------------------------------------------------------------- */
.hsc-slide-form { display: grid; gap: var(--hsc-pitch-5); min-width: 0; }
.hsc-form-partition { display: grid; gap: 14px; min-width: 0; }
.hsc-form-partition + .hsc-form-partition { padding-top: var(--hsc-pitch-5); border-top: 1px solid var(--hsc-rule-thin); }
.hsc-partition-name { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin: 0; }
.hsc-partition-name::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--hsc-titer); clip-path: var(--hsc-stamp); }
.hsc-partition-name b { font-family: var(--hsc-font-head); font-size: 17px; font-weight: 600; color: var(--hsc-soot); }
.hsc-partition-name small { color: var(--hsc-vapor); font-size: 14px; }
.hsc-fields-pair { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); min-width: 0; }
@media (min-width: 640px) { .hsc-fields-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hsc-fields-pair > .hsc-slide-area--full, .hsc-fields-pair > .hsc-approve-row { grid-column: 1 / -1; } }
.hsc-slide-area { display: grid; gap: 6px; min-width: 0; align-content: start; }
.hsc-slide-area > label, .hsc-field-title { font-family: var(--hsc-font-head); font-size: 14px; font-weight: 600; color: var(--hsc-soot); }
.hsc-slide-area label small { font-family: var(--hsc-font-body); font-weight: 400; color: var(--hsc-vapor); }
.hsc-slide-area input, .hsc-slide-area select, .hsc-slide-area textarea { width: 100%; min-width: 0; min-height: 52px; padding: 0 14px; border: 0; background: var(--hsc-paper); color: var(--hsc-soot); font: inherit; font-size: 16px; box-shadow: inset 0 0 0 1.5px var(--hsc-rule-hard); clip-path: var(--hsc-knob-button); -webkit-appearance: none; appearance: none; transition: box-shadow var(--hsc-duration) var(--hsc-curve); }
.hsc-slide-area textarea { min-height: 116px; padding-block: 14px; resize: vertical; }
.hsc-slide-area select { padding-right: 44px; background: var(--hsc-paper) 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"); }
.hsc-slide-area select[multiple] { min-height: 160px; padding: 8px; background-image: none; }
.hsc-slide-area input::placeholder, .hsc-slide-area textarea::placeholder { color: var(--hsc-vapor-2); }
.hsc-slide-area input:hover, .hsc-slide-area select:hover, .hsc-slide-area textarea:hover { box-shadow: inset 0 0 0 1.5px var(--hsc-soot); }
.hsc-slide-area input:focus-visible, .hsc-slide-area select:focus-visible, .hsc-slide-area textarea:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-slide-area input[type="date"], .hsc-slide-area input[type="time"] { display: block; -webkit-appearance: auto; appearance: auto; color-scheme: light; }
.hsc-slide-area input[type="date"]::-webkit-calendar-picker-indicator, .hsc-slide-area input[type="time"]::-webkit-calendar-picker-indicator { width: 22px; height: 22px; cursor: pointer; }
.hsc-slide-area input[type="file"] { padding: 10px 12px; }
.hsc-slide-area input[type="file"]::file-selector-button { margin-right: var(--hsc-pitch-3); min-height: 34px; padding: 0 14px; border: 0; background: var(--hsc-soot); color: var(--hsc-paper); font: inherit; font-family: var(--hsc-font-head); font-weight: 600; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); cursor: pointer; }
.hsc-slide-area--faulty input, .hsc-slide-area--faulty select, .hsc-slide-area--faulty textarea { background-color: var(--hsc-titer-pale); box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-field-note { margin: 0; color: var(--hsc-vapor); font-size: 13.5px; }
.hsc-field-fault-row { display: flex; gap: 8px; align-items: center; margin: 0; max-width: none; color: var(--hsc-titer); font-size: 14px; font-weight: 600; }
.hsc-field-fault-row::before { content: ""; flex: none; width: 9px; height: 9px; background: var(--hsc-titer); clip-path: var(--hsc-stamp); }
.hsc-approve-row { display: flex; gap: 12px; align-items: flex-start; color: var(--hsc-copy); font-size: 15px; cursor: pointer; }
.hsc-approve-row input { flex: none; display: grid; place-content: center; width: 22px; height: 22px; margin: 1px 0 0; border: 0; background: var(--hsc-paper); box-shadow: inset 0 0 0 1.5px var(--hsc-rule-hard); -webkit-appearance: none; appearance: none; cursor: pointer; }
.hsc-approve-row input:checked { background: var(--hsc-titer); box-shadow: none; }
.hsc-approve-row input:checked::after { content: ""; width: 16px; height: 16px; background: var(--hsc-titer-top); -webkit-mask: var(--hsc-icon-check) center / contain no-repeat; mask: var(--hsc-icon-check) center / contain no-repeat; }
.hsc-approve-row input:focus-visible { outline: 2px solid var(--hsc-titer); outline-offset: 2px; }
.hsc-slide-area--faulty.hsc-approve-row input { box-shadow: inset 0 0 0 2px var(--hsc-titer); }
/* Uygun gün: önümüzdeki günler pahlı küçük plakalar (hiscientific.js). */
.hsc-day-slides { display: flex; flex-wrap: wrap; gap: 8px; }
.hsc-day-slides button { display: inline-flex; align-items: baseline; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; background: var(--hsc-bench); color: var(--hsc-vapor); font: inherit; font-size: 14px; clip-path: polygon(0 0, calc(100% - 6px) 0, 100% 6px, 100% 100%, 0 100%); cursor: pointer; transition: background-color var(--hsc-duration) var(--hsc-curve); }
.hsc-day-slides button b { font-family: var(--hsc-font-figure); font-size: 16px; font-weight: 700; color: var(--hsc-soot); font-variant-numeric: tabular-nums; }
.hsc-day-slides button:hover { background: var(--hsc-bench-3); }
.hsc-day-slides button[aria-pressed="true"] { background: var(--hsc-soot); color: #c9ced6; }
.hsc-day-slides button[aria-pressed="true"] b { color: var(--hsc-paper); }
.hsc-day-slides button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-form-dispatch-row { display: grid; gap: var(--hsc-pitch-3); }
.hsc-form-dispatch-row p { margin: 0; color: var(--hsc-vapor); font-size: 14px; }
@media (min-width: 720px) { .hsc-form-dispatch-row .hsc-knob-button { justify-self: start; min-width: 300px; } }
.hsc-offscreen-area { 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ı. */
.hsc-form-slide-pair { display: grid; gap: var(--hsc-pitch-6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.hsc-form-slide-pair > * { min-width: 0; }
@media (min-width: 1080px) { .hsc-form-slide-pair { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--hsc-pitch-7); } }
.hsc-form-note h2 { margin: 0 0 var(--hsc-pitch-3); font-size: var(--hsc-type-1); }
.hsc-form-note .hsc-slide-entry { margin-top: 0; }
.hsc-form-caveat { color: var(--hsc-vapor); font-size: 14px; }
.hsc-form-slide { --p-kenar: var(--hsc-rule-hard); padding: var(--hsc-pitch-6) var(--hsc-pitch-5); }
@media (max-width: 719px) { .hsc-form-slide { padding: var(--hsc-pitch-5) var(--hsc-pitch-4); } }

/* --- §14 Plaka notu, uyarı ------------------------------------------------ */
.hsc-slide-note { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); margin: 0 0 var(--hsc-pitch-4); padding: 14px 18px 14px 21px; max-width: none; color: var(--hsc-copy); font-size: var(--hsc-type-small); }
.hsc-slide-note::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--hsc-soot); }
.hsc-slide-note b { display: block; margin-bottom: 2px; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); }
.hsc-slide-note p { margin: 0; }
.hsc-slide-note:last-child { margin-bottom: 0; }
.hsc-slide-note--warn { --p-zemin: var(--hsc-titer-pale); --p-kenar: var(--hsc-titer-pale); }
.hsc-slide-note--warn::after { background: var(--hsc-titer); }
.hsc-slide-note--warn b { color: var(--hsc-titer); }
.hsc-slide-note--ok::after { background: var(--hsc-phosphor); }
.hsc-slide-note--ok b { color: var(--hsc-soot); }

/* --- §15 Açılış plakası, izometrik çizim, parça tablosu ---------------------- */
.hsc-page-slide { padding-top: var(--hsc-pitch-6); }
.hsc-page-slide-inner { display: grid; gap: var(--hsc-pitch-6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.hsc-page-slide-inner > * { min-width: 0; }
.hsc-page-slide-inner h1 { margin: 0; overflow-wrap: anywhere; }
@media (min-width: 1080px) { .hsc-page-slide-inner { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--hsc-pitch-8); } }
.hsc-page-slide-image { display: grid; gap: var(--hsc-pitch-3); align-content: center; }
.hsc-page-slide-image:empty { display: none; }
@media (min-width: 1080px) { .hsc-page-slide-inner:has(> .hsc-page-slide-image:empty) { grid-template-columns: minmax(0, 1fr); } }
.hsc-page-slide-body > h1 { margin: 0; overflow-wrap: anywhere; }
.hsc-page-slide .hsc-tabstrip { margin-top: var(--hsc-pitch-6); }
.hsc-page-slide .hsc-knob-actions { margin-top: var(--hsc-pitch-5); }
/* Çizim plakası: sağ üstü 28 px pahlı beyaz plaka, pahta 20 px köşe imi. */
.hsc-figure-frame { --p-pah: 28px; --p-imi: 20px; display: block; padding: 14px; }
.hsc-figure-frame img { width: 100%; height: auto; }
.hsc-figure-frame picture { display: block; }
.hsc-page-slide-image > .hsc-figure-frame { width: 100%; max-width: 440px; justify-self: center; }
@media (max-width: 1079px) { .hsc-page-slide-image > .hsc-figure-frame { max-width: 320px; justify-self: start; } }
/* Ana sayfa açılışı. */
.hsc-intro-cut { padding-top: var(--hsc-pitch-6); }
@media (min-width: 1080px) { .hsc-intro-cut { padding-top: var(--hsc-pitch-8); } }
.hsc-intro-slide { display: grid; gap: var(--hsc-pitch-6); grid-template-columns: minmax(0, 1fr); align-items: center; }
.hsc-intro-slide > * { min-width: 0; }
@media (min-width: 1080px) { .hsc-intro-slide { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: var(--hsc-pitch-8); } }
.hsc-intro-text .hsc-knob-actions { margin-top: var(--hsc-pitch-5); }
/* İlke plakası: tip etiketi gibi üç alan. */
.hsc-principle-slide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--hsc-pitch-5) 0 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--hsc-rule); }
.hsc-principle-slide li { padding: 12px 14px; color: var(--hsc-soot); font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.hsc-principle-slide li + li { border-left: 1px solid var(--hsc-rule); }
.hsc-principle-slide small { display: block; margin-bottom: 4px; font-family: var(--hsc-font-head); font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--hsc-titer); }
@media (max-width: 419px) { .hsc-principle-slide li { padding: 10px; font-size: 13.5px; } }
.hsc-first-slide { --p-pah: 28px; --p-imi: 20px; margin: 0; padding: 18px; }
.hsc-first-slide figcaption { margin-top: 12px; }
.hsc-knob-dotted { position: relative; }
.hsc-knob-dotted picture { display: block; }
.hsc-knob-dotted img { display: block; width: 100%; height: auto; }
.hsc-no-layer { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hsc-knob-number { transition: opacity var(--hsc-duration) var(--hsc-curve); }
.hsc-no-ground { fill: var(--hsc-soot); }
.hsc-no-stamp { fill: var(--hsc-titer); }
.hsc-knob-number text { fill: #ffffff; font-family: var(--hsc-font-head); font-size: 3.3px; font-weight: 700; text-anchor: middle; dominant-baseline: middle; }
.hsc-knob-number--selected .hsc-no-ground { fill: var(--hsc-titer); }
.hsc-knob-number--selected .hsc-no-stamp { fill: var(--hsc-soot); }
.hsc-no-layer:has(.hsc-knob-number--selected) .hsc-knob-number:not(.hsc-knob-number--selected) { opacity: 0.3; }
.hsc-slide-device--dotted .hsc-knob-number { opacity: 0; }
.hsc-slide-device--dotted:hover .hsc-knob-number, .hsc-slide-device--dotted:focus-within .hsc-knob-number { opacity: 1; }
@media (hover: none) { .hsc-slide-device--dotted .hsc-knob-number { opacity: 1; } }
.hsc-inventory-sheet-head { display: block; margin-bottom: 8px; font-family: var(--hsc-font-head); font-size: 13px; font-weight: 600; color: var(--hsc-vapor); }
.hsc-inventory-sheet { display: grid; grid-template-columns: minmax(0, 1fr); margin: 0; padding: 0; list-style: none; box-shadow: inset 0 0 0 1px var(--hsc-rule); font-size: 14px; }
@media (min-width: 420px) { .hsc-inventory-sheet { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hsc-inventory-sheet li:nth-child(odd) { border-right: 1px solid var(--hsc-rule-thin); } }
.hsc-inventory-sheet li { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-bottom: 1px solid var(--hsc-rule-thin); color: var(--hsc-copy); }
.hsc-inventory-sheet b { flex: none; display: inline-grid; place-items: center; width: 26px; height: 20px; background: var(--hsc-soot); color: var(--hsc-paper); font-family: var(--hsc-font-head); font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 0 100%); }

/* --- §16 Mobil alt plaka (<1080 px) --------------------------------------- */
.hsc-lower-slide { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 8px; padding: 10px var(--hsc-edge) calc(10px + env(safe-area-inset-bottom)); background: var(--hsc-paper); border-top: 1px solid var(--hsc-rule); transition: transform var(--hsc-duration) var(--hsc-curve); }
.hsc-lower-slide::before { content: ""; position: absolute; left: 0; top: -2px; width: 72px; height: 3px; background: var(--hsc-soot); }
.hsc-lower-slide > .hsc-knob-button { flex: 1; min-width: 0; }
.hsc-lower-slide > .hsc-lower-slide-tel { flex: 0 0 auto; padding-inline: 18px; }
.hsc-lower-slide--hidden { transform: translateY(calc(100% + 8px)); }
body.hsc-lower-slide-set { padding-bottom: calc(72px + env(safe-area-inset-bottom)); }
@media (min-width: 1080px) { .hsc-lower-slide { display: none; } body.hsc-lower-slide-set { padding-bottom: 0; } }

/* --- §17 Çelik altbilgi, tip etiketi, dip satır, son plaka ----------------- */
.hsc-bench-footer { position: relative; margin-top: var(--hsc-section); padding: var(--hsc-pitch-7) 0 0; background: var(--hsc-bench); border-top: 1px solid var(--hsc-rule); }
.hsc-bench-footer::before { content: ""; position: absolute; left: 0; top: -2px; width: 120px; height: 3px; background: var(--hsc-soot); }
.hsc-last-slide-cut + .hsc-bench-footer { margin-top: var(--hsc-section); }
.hsc-bench-footer-grid { display: grid; gap: var(--hsc-pitch-6); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 720px) { .hsc-bench-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .hsc-bench-footer-grid { grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); } }
.hsc-dock-identity > a img { height: 28px; width: auto; margin-bottom: var(--hsc-pitch-4); }
.hsc-dock-identity > p { max-width: 42ch; color: var(--hsc-copy); font-size: var(--hsc-type-small); }
.hsc-dock-contact { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; font-size: 15px; }
.hsc-dock-contact a { color: var(--hsc-soot); text-decoration-color: var(--hsc-rule-hard); }
.hsc-dock-contact .hsc-tabular-figure { font-family: var(--hsc-font-head); font-size: 19px; font-weight: 600; text-decoration: none; }
.hsc-dock-index { min-width: 0; }
.hsc-dock-index > nav + nav { margin-top: var(--hsc-pitch-5); }
.hsc-dock-index h2 { margin: 0 0 8px; font-size: 15px; letter-spacing: 0; }
.hsc-dock-index ul { margin: 0; padding: 0; list-style: none; }
.hsc-dock-index a, .hsc-dock-index button { display: inline-flex; align-items: center; min-height: 32px; padding: 2px 0; border: 0; background: none; color: var(--hsc-copy); font: inherit; font-size: 15px; text-align: left; text-decoration: none; cursor: pointer; }
.hsc-dock-index a:hover, .hsc-dock-index button:hover { color: var(--hsc-titer); }
.hsc-dock-small { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: var(--hsc-pitch-6); padding-top: var(--hsc-pitch-4); border-top: 1px solid var(--hsc-rule); }
.hsc-dock-small > a { margin-right: 4px; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); text-decoration: none; }
.hsc-dock-small ul { display: flex; flex-wrap: wrap; gap: 4px 14px; margin: 0; padding: 0; list-style: none; font-size: 14.5px; }
.hsc-dock-small ul a { color: var(--hsc-vapor); text-decoration: none; }
.hsc-dock-small ul a:hover { color: var(--hsc-soot); }
/* Tip etiketi: kurum bilgisi plakası (cihaz arkasındaki üretici etiketi gibi). */
.hsc-type-tag { --p-kenar: var(--hsc-rule-hard); display: flex; flex-wrap: wrap; margin: var(--hsc-pitch-6) 0 0; padding: 1px; font-size: 13.5px; }
.hsc-type-tag > div { flex: 1 1 200px; min-width: 0; padding: 12px 16px; box-shadow: -1px 0 0 var(--hsc-rule-thin), 0 -1px 0 var(--hsc-rule-thin); }
.hsc-type-tag dt { margin-bottom: 4px; font-family: var(--hsc-font-head); font-size: 11.5px; font-weight: 600; letter-spacing: 0.05em; color: var(--hsc-vapor); }
.hsc-type-tag dd { margin: 0; color: var(--hsc-copy); overflow-wrap: anywhere; }
.hsc-type-tag-statement { flex-basis: 100% !important; }
.hsc-dock-statement { color: var(--hsc-vapor); }
.hsc-bench-base { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; padding: var(--hsc-pitch-4) 0 var(--hsc-pitch-5); font-size: 13.5px; color: var(--hsc-vapor); }
.hsc-bench-base p { margin: 0; }
.hsc-bench-base a { color: var(--hsc-vapor); }
.hsc-bench-base nav { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.hsc-tally-row b { font-family: var(--hsc-font-figure); font-weight: 700; color: var(--hsc-soot); font-variant-numeric: tabular-nums; }
/* Son plaka: sayfanın TEK koyu yüzeyi — grafit, 28 px pah, pahta açık indigo köşe imi. */
.hsc-last-slide { --p-zemin: var(--hsc-soot); --p-kenar: var(--hsc-soot); --p-pah: 28px; --p-imi: 20px; --p-imi-renk: var(--hsc-titer-glow); display: grid; gap: var(--hsc-pitch-5); align-items: center; padding: 30px 24px; color: #c9ced6; }
@media (min-width: 900px) { .hsc-last-slide { grid-template-columns: minmax(0, 1fr) auto; padding: 36px 48px; } }
.hsc-last-slide h2 { margin: 0 0 8px; color: var(--hsc-paper); }
.hsc-last-slide p { margin: 0; color: #c9ced6; }
.hsc-last-slide .hsc-amber-tag { margin-bottom: 10px; color: #c9ced6; }
.hsc-last-slide .hsc-amber-tag::before { background: var(--hsc-titer-glow); }
.hsc-last-slide .hsc-knob-button--titer:focus-visible, .hsc-last-slide .hsc-knob-button--dark:focus-visible { box-shadow: inset 0 0 0 3px var(--hsc-paper), inset 0 0 0 5px var(--hsc-soot); }
/* Ara plaka (sayfa ortası tek satır çağrı): çelik, köşe imli. */
.hsc-search-slide { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); display: grid; gap: var(--hsc-pitch-4); align-items: center; padding: 22px; }
@media (min-width: 900px) { .hsc-search-slide { grid-template-columns: minmax(0, 1fr) auto; padding: 26px 32px; } }
.hsc-search-slide p { margin: 0; color: var(--hsc-vapor); }
.hsc-search-slide b { display: block; font-family: var(--hsc-font-head); font-size: var(--hsc-type-3); color: var(--hsc-soot); }
/* Çerez plakası: alt plakanın üstünde yüzen beyaz plaka. */
.hsc-cookie-slide { --p-kenar: var(--hsc-rule-hard); 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(--hsc-pitch-4) var(--hsc-pitch-5); }
.hsc-cookie-slide p { margin: 0 0 12px; max-width: none; color: var(--hsc-copy); font-size: 14px; }
/* Telefonda çerez şeridi: ekranın kabaca altıda biri (metin 3 satır, düğmeler yan yana). */
@media (max-width: 719px) {
  .hsc-cookie-slide { left: 6px; right: 6px; bottom: calc(6px + env(safe-area-inset-bottom)); padding: 10px 12px; }
  .hsc-cookie-slide p { margin: 0 0 8px; font-size: 12.5px; line-height: 1.4; }
  .hsc-cookie-slide .hsc-knob-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
  .hsc-cookie-slide .hsc-knob-button--small { min-height: 44px; padding: 4px 8px; font-size: 13px; line-height: 1.15; }
}

/* --- §18 Sayfa ekleri: ölçü satırı, hat plakası, açılış maddeleri, logo ---- */
.hsc-dial-row { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); display: flex; flex-wrap: wrap; margin: 0; padding: 1px; }
.hsc-dial-row > div { flex: 1 1 120px; display: flex; flex-direction: column-reverse; gap: 6px; padding: 18px 20px; }
.hsc-dial-row > div + div { box-shadow: -1px 0 0 var(--hsc-rule); }
.hsc-dial-row dd { margin: 0; font-size: var(--hsc-type-xl); }
.hsc-dial-row dt { font-family: var(--hsc-font-head); font-size: var(--hsc-type-label); font-weight: 600; color: var(--hsc-vapor); }
.hsc-line-slide { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); display: grid; gap: 6px; padding: 22px; }
.hsc-line-slide .hsc-amber-tag { margin: 0; }
.hsc-line-slide .hsc-dial-digit { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); text-decoration: none; overflow-wrap: anywhere; }
.hsc-line-slide .hsc-dial-digit:hover { color: var(--hsc-titer); }
.hsc-line-slide p { margin: 0; color: var(--hsc-vapor); font-size: 14px; }
.hsc-intro-bullets .hsc-ledger-row { min-height: 40px; padding-block: 6px; font-size: 15px; color: var(--hsc-copy); }
.hsc-intro-bullets .hsc-ledger-row::before { content: ""; flex: none; width: 8px; height: 8px; background: var(--hsc-titer); clip-path: var(--hsc-stamp); }
.hsc-mark-slide { display: grid; place-items: center; min-height: 140px; margin-bottom: var(--hsc-pitch-4); padding: var(--hsc-pitch-5); }
.hsc-mark-slide--dark { --p-zemin: var(--hsc-soot); --p-kenar: var(--hsc-soot); }
.hsc-mark-slide img { max-height: 56px; width: auto; }
/* İletişim: tıkla-yükle harita plakası (iletisim-harita.js --acik ekler). */
.hsc-place-slide { --p-zemin: var(--hsc-bench); --p-kenar: var(--hsc-bench); display: grid; place-items: center; aspect-ratio: 4 / 3; padding: var(--hsc-pitch-5); text-align: center; overflow: hidden; }
.hsc-place-slide .hsc-knob-actions { justify-content: center; }
.hsc-place-slide iframe { width: 100%; height: 100%; border: 0; }
.hsc-place-slide--open { padding: 0; }
.hsc-place-slide--open > div { display: none; }
@media (min-width: 720px) { .hsc-place-slide { aspect-ratio: 16 / 9; } }
.hsc-place-slide-address { color: var(--hsc-copy); }
/* Yorum plakası (yalnız onaylı kayıttan). */
.hsc-review-slide { margin: 0; }
.hsc-review-slide blockquote { margin: 0 0 var(--hsc-pitch-3); }
.hsc-review-slide figcaption { color: var(--hsc-vapor); font-size: 14px; }
/* Mahalle adları: düz metin dizisi, "·" ayraçlı. */
.hsc-name-ledger { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; color: var(--hsc-copy); font-size: var(--hsc-type-small); line-height: 1.9; }
.hsc-name-ledger li:not(:last-child)::after { content: "·"; margin: 0 10px; color: var(--hsc-vapor-2); }

/* --- §19 Satır dökümü, harf bölmeleri, sekme çubuğu -------------------------- */
.hsc-row-ledger { margin: 0; padding: 0; list-style: none; }
.hsc-ledger-row { display: flex; align-items: center; gap: var(--hsc-pitch-3); min-height: 50px; padding: 10px 2px; border-top: 1px solid var(--hsc-rule-thin); }
.hsc-ledger-row:first-child { border-top: 0; }
.hsc-ledger-row > a { flex: 1; min-width: 0; color: var(--hsc-soot); font-weight: 500; text-decoration: none; overflow-wrap: anywhere; }
.hsc-ledger-row > a:hover { text-decoration: underline; text-decoration-color: var(--hsc-titer); }
.hsc-ledger-row small { flex: 0 1 auto; min-width: 0; color: var(--hsc-vapor); font-size: 14px; text-align: right; font-variant-numeric: tabular-nums; }
.hsc-ledger-row:has(> a)::after { content: ""; flex: none; width: 16px; height: 16px; background: var(--hsc-vapor-2); -webkit-mask: var(--hsc-icon-arrow) center / contain no-repeat; mask: var(--hsc-icon-arrow) center / contain no-repeat; }
.hsc-ledger-row:has(> a:hover)::after { background: var(--hsc-titer); }
.hsc-ledger-row > span { flex: 1; min-width: 0; }
.hsc-row-ledger:not(.hsc-row-ledger--columns, .hsc-intro-bullets) > .hsc-ledger-row > span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 10px 2px 0; background: var(--hsc-soot); clip-path: var(--hsc-stamp); }
.hsc-row-note { display: inline-block; width: 100%; margin-top: 2px; color: var(--hsc-vapor); font-size: 14px; font-weight: 400; }
.hsc-row-ledger--columns { columns: 1; column-gap: var(--hsc-pitch-6); }
.hsc-row-ledger--columns .hsc-ledger-row { break-inside: avoid; min-height: 48px; border-top: 0; border-bottom: 1px solid var(--hsc-rule-thin); }
.hsc-row-ledger--quad { columns: 2; column-gap: var(--hsc-pitch-4); }
@media (max-width: 559px) { .hsc-row-ledger--quad small { display: none; } }
@media (min-width: 560px) { .hsc-row-ledger--columns { columns: 2; } }
@media (min-width: 1080px) {
  .hsc-row-ledger--columns { columns: 3; }
  .hsc-row-ledger--quad { columns: 4; }
  .hsc-twin-left .hsc-row-ledger--columns, .hsc-slides > .hsc-slide-card .hsc-row-ledger--columns { columns: 2; }
}
/* Harf bölmeleri (A–Z dizinleri) + ad süzgeci. */
.hsc-name-filter { max-width: 360px; margin-bottom: var(--hsc-pitch-4); }
.hsc-letter-partitions { columns: 1; column-gap: var(--hsc-pitch-6); }
@media (min-width: 560px) { .hsc-letter-partitions { columns: 2; } }
@media (min-width: 1080px) { .hsc-letter-partitions { columns: 4; } }
.hsc-letter-partition { break-inside: avoid; margin-bottom: var(--hsc-pitch-4); }
.hsc-letter-partition .hsc-amber-tag { margin: 0; color: var(--hsc-soot); font-size: 15px; }
.hsc-letter-partition .hsc-ledger-row { min-height: 44px; padding-block: 6px; }
.hsc-letter-partition .hsc-ledger-row small { font-size: 13px; text-align: right; }
/* Sekme çubuğu: çelik-2 ray üstünde sekmeler; etkin sekme beyaz + indigo alt çizgi. */
.hsc-tabstrip { display: flex; gap: 2px; width: max-content; max-width: 100%; margin: var(--hsc-pitch-4) 0; padding: 4px; overflow-x: auto; scrollbar-width: none; background: var(--hsc-bench-2); clip-path: var(--hsc-knob-button); }
.hsc-tabstrip::-webkit-scrollbar { display: none; }
.hsc-tabstrip a, .hsc-tabstrip button { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 42px; padding: 0 16px; border: 0; background: transparent; color: var(--hsc-vapor); font: inherit; font-family: var(--hsc-font-head); font-size: 15px; font-weight: 500; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--hsc-duration) var(--hsc-curve), color var(--hsc-duration) var(--hsc-curve); }
.hsc-tabstrip a:hover, .hsc-tabstrip button:hover { color: var(--hsc-soot); background: var(--hsc-bench-3); }
.hsc-tabstrip [aria-selected="true"], .hsc-tabstrip [aria-current="true"] { background: var(--hsc-paper); color: var(--hsc-soot); font-weight: 600; box-shadow: inset 0 -2px 0 var(--hsc-titer); }
.hsc-tabstrip a:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-tabstrip sup { font-family: var(--hsc-font-figure); font-size: 12px; color: var(--hsc-vapor-2); font-variant-numeric: tabular-nums; vertical-align: baseline; }
.hsc-tabstrip[data-az-harfler] { margin-top: 0; }
.hsc-tabstrip[data-az-harfler] a { min-width: 44px; justify-content: center; padding: 0 12px; font-weight: 600; }
.hsc-tab-slide[hidden] { display: none; }
.hsc-tab-slide: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(.hsc-hook-root) .hsc-finder-cut { display: none; }
.hsc-symptom-slide { display: grid; gap: var(--hsc-pitch-5); grid-template-columns: minmax(0, 1fr); align-items: center; }
.hsc-symptom-slide > * { min-width: 0; }
@media (min-width: 900px) { .hsc-symptom-slide { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); } }
.hsc-symptom-slide > .hsc-figure-frame { max-width: 420px; justify-self: center; width: 100%; }
.hsc-complaint-query-row { margin: 0 0 var(--hsc-pitch-3); font-family: var(--hsc-font-head); font-size: var(--hsc-type-3); font-weight: 600; color: var(--hsc-soot); }
.hsc-symptom-button-strip { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.hsc-symptom-button-strip button { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 48px; padding: 8px 14px; border: 0; background: var(--hsc-bench); color: var(--hsc-copy); font: inherit; font-size: 15px; text-align: left; clip-path: var(--hsc-knob-button); cursor: pointer; transition: background-color var(--hsc-duration) var(--hsc-curve), box-shadow var(--hsc-duration) var(--hsc-curve); }
.hsc-symptom-button-strip button span { flex: none; display: inline-grid; place-items: center; width: 28px; height: 22px; background: var(--hsc-soot); color: var(--hsc-paper); font-family: var(--hsc-font-figure); font-size: 12px; font-weight: 700; clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 5px, 100% 100%, 0 100%); }
.hsc-symptom-button-strip button:hover { background: var(--hsc-bench-3); color: var(--hsc-soot); }
.hsc-symptom-button-strip button[aria-pressed="true"] { background: var(--hsc-paper); color: var(--hsc-soot); box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-symptom-button-strip button[aria-pressed="true"] span { background: var(--hsc-titer); }
.hsc-symptom-button-strip button:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-soot); }
.hsc-complaint-state { min-height: 3em; margin: var(--hsc-pitch-4) 0; color: var(--hsc-vapor); font-size: 14px; }
.hsc-complaint-state b { color: var(--hsc-soot); }
/* Neden Hi-Scientific: dört plaka + katlanır fark dökümü. */
.hsc-reason-slides h3 { margin: var(--hsc-pitch-3) 0 6px; }
.hsc-reason-slides p { margin: 0; color: var(--hsc-vapor); font-size: var(--hsc-type-small); }
.hsc-knob-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; background: var(--hsc-bench); color: var(--hsc-soot); clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%); }
.hsc-diff-ledger { padding: 18px 22px; }
.hsc-diff-ledger summary { display: flex; justify-content: space-between; gap: 12px; list-style: none; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); cursor: pointer; }
.hsc-diff-ledger summary::-webkit-details-marker { display: none; }
.hsc-diff-ledger summary::after { content: ""; flex: none; width: 18px; height: 18px; background: var(--hsc-soot); -webkit-mask: var(--hsc-icon-down) center / contain no-repeat; mask: var(--hsc-icon-down) center / contain no-repeat; }
.hsc-diff-ledger[open] summary::after { transform: rotate(180deg); background: var(--hsc-titer); }
.hsc-diff-ledger dl { display: grid; margin: var(--hsc-pitch-4) 0 0; }
.hsc-diff-ledger dl > div { display: grid; gap: 4px 24px; padding: 12px 0; border-top: 1px solid var(--hsc-rule-thin); }
@media (min-width: 720px) { .hsc-diff-ledger dl > div { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.hsc-diff-ledger dt { color: var(--hsc-vapor); text-decoration: line-through; text-decoration-color: var(--hsc-rule-hard); }
.hsc-diff-ledger dd { margin: 0; color: var(--hsc-copy); }
/* İl ve ilçeler (ana sayfa, çelik kesit): başlık + ölçü değerleri, harita, dizin. */
.hsc-city-slide-head { display: grid; gap: var(--hsc-pitch-5); margin-bottom: var(--hsc-pitch-5); }
@media (min-width: 900px) { .hsc-city-slide-head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.hsc-city-slide-head h2 { margin: 0 0 8px; }
.hsc-city-slide-head p { margin: 0; color: var(--hsc-vapor); }
.hsc-district-dials { display: flex; margin: 0; box-shadow: inset 0 0 0 1px var(--hsc-rule-hard); background: var(--hsc-paper); }
.hsc-district-dials div { display: flex; flex-direction: column; padding: 12px 18px; }
.hsc-district-dials div + div { border-left: 1px solid var(--hsc-rule); }
.hsc-district-dials dd { margin: 0; font-family: var(--hsc-font-figure); font-size: clamp(2rem, 1.6rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1; color: var(--hsc-soot); font-variant-numeric: tabular-nums; }
.hsc-district-dials dt { margin-top: 6px; font-family: var(--hsc-font-head); font-size: 12.5px; font-weight: 600; color: var(--hsc-vapor); }
.hsc-city-ledger { margin-top: var(--hsc-pitch-4); }
.hsc-city-ledger summary { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--hsc-font-head); font-weight: 600; color: var(--hsc-soot); cursor: pointer; }
/* Resmi hat kesitinden sonra gelen iki yan (küçük alet, marka × cihaz) nefes alsın. */
#resmi-hat + .hsc-slide-shell { margin-top: var(--hsc-section); }
.hsc-twin-left > .hsc-slide-card > .hsc-tile-crown + .hsc-field-note { margin-top: calc(var(--hsc-pitch-3) * -1); }
.hsc-twin-left > .hsc-slide-card > p { max-width: 68ch; }
.hsc-twin-left > .hsc-slide-card > .hsc-slides--device { margin-top: var(--hsc-pitch-2); }
.hsc-slide-card .hsc-common-query-row .hsc-common-slides { 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 {
  .hsc-top-slide, .hsc-lower-slide, .hsc-slide-drawer, .hsc-slide-drawer-cover, .hsc-cookie-slide, .hsc-last-slide-cut, .hsc-search-slide, .hsc-tabstrip { display: none !important; }
  .hsc-tab-slide[hidden] { display: block !important; }
  .hsc-code-reveal-note { display: block; }
  .hsc-folding-slide > 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; indigo 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 --------------- */
.hsc-atlas { margin: var(--hsc-pitch-4) 0 var(--hsc-pitch-6); border-top: 1px solid var(--hsc-rule); border-bottom: 1px solid var(--hsc-rule-thin); }
.hsc-atlas[hidden] { display: none; }
.hsc-atlas-head { display: flex; flex-wrap: wrap; align-items: end; gap: var(--hsc-pitch-3) var(--hsc-pitch-4); padding: var(--hsc-pitch-3) 0; border-bottom: 1px solid var(--hsc-rule-thin); }
.hsc-atlas-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; border: 0; background: var(--hsc-paper); color: var(--hsc-soot); box-shadow: inset 0 0 0 1.5px var(--hsc-soot); clip-path: var(--hsc-knob-button); font: 600 15px/1 var(--hsc-font-head); cursor: pointer; transition: background-color var(--hsc-duration) var(--hsc-curve), color var(--hsc-duration) var(--hsc-curve); }
.hsc-atlas-back[hidden] { display: none; }
.hsc-atlas-back svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; }
.hsc-atlas-back:hover { background: var(--hsc-soot); color: var(--hsc-paper); }
.hsc-atlas-back:focus-visible, .hsc-atlas-city-box:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--hsc-titer); }
.hsc-atlas-city { display: grid; gap: 6px; flex: 1 1 220px; min-width: 0; max-width: 320px; }
.hsc-atlas-city label { font-family: var(--hsc-font-head); font-size: var(--hsc-type-label); font-weight: 600; color: var(--hsc-soot); }
.hsc-atlas-city-box { width: 100%; min-height: 44px; padding: 0 44px 0 12px; border: 0; box-shadow: inset 0 0 0 1.5px var(--hsc-rule-hard); clip-path: var(--hsc-knob-button); color: var(--hsc-copy); font: inherit; font-size: 16px; cursor: pointer; -webkit-appearance: none; appearance: none; background: var(--hsc-paper) 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"); }
.hsc-atlas-state { flex: 1 1 100%; margin: 0; color: var(--hsc-vapor); font-size: var(--hsc-type-small); font-variant-numeric: tabular-nums; }
@media (min-width: 720px) { .hsc-atlas-state { flex: 1 1 0; padding-bottom: 12px; text-align: right; } }

/* --- §41 Tuval ve ilçe yanı: ince sınırlı iller, indigo yalnız etkin alan --- */
.hsc-atlas-inner { display: grid; gap: var(--hsc-pitch-4); padding-top: var(--hsc-pitch-4); }
.hsc-atlas-canvas { min-width: 0; transition: opacity var(--hsc-duration) var(--hsc-curve); }
.hsc-atlas-canvas svg { display: block; width: 100%; height: auto; }
.hsc-atlas-zone { fill: var(--hsc-bench-2); stroke: var(--hsc-paper); stroke-width: 0.9; vector-effect: non-scaling-stroke; cursor: pointer; transition: fill var(--hsc-duration) var(--hsc-curve); }
.hsc-slide-cut--bench .hsc-atlas-zone { fill: var(--hsc-paper); stroke: var(--hsc-rule); }
.hsc-atlas-zone:hover, .hsc-atlas-zone:focus, .hsc-atlas-zone.hsc-atlas-zone--accent { fill: var(--hsc-titer); outline: none; }
.hsc-atlas--loading .hsc-atlas-canvas { opacity: 0.4; cursor: progress; }
.hsc-atlas-side { min-width: 0; border-top: 1px solid var(--hsc-rule); }
.hsc-atlas-side[hidden] { display: none; }
.hsc-atlas-side-head { margin: 0; padding: 12px 0; border-bottom: 1px solid var(--hsc-rule-thin); font-family: var(--hsc-font-head); font-size: 1.125rem; font-weight: 600; }
.hsc-atlas-side-head a { color: var(--hsc-soot); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.hsc-atlas-side-head a:hover { text-decoration-color: var(--hsc-titer); }
.hsc-atlas-districts { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: var(--hsc-trough); }
.hsc-atlas-districts li { break-inside: avoid; }
.hsc-atlas-districts a { display: flex; align-items: center; min-height: 44px; padding: 0 2px; border-bottom: 1px solid var(--hsc-rule-thin); color: var(--hsc-copy); text-decoration: none; }
.hsc-atlas-districts a:hover, .hsc-atlas-districts a:focus-visible { outline: none; color: var(--hsc-titer); border-bottom-color: var(--hsc-titer); }
@media (min-width: 1080px) {
  .hsc-atlas--city-open .hsc-atlas-inner { grid-template-columns: minmax(0, 1fr) 280px; align-items: start; }
  .hsc-atlas--city-open.hsc-atlas--narrow .hsc-atlas-inner { grid-template-columns: minmax(0, 1fr) 240px; }
  .hsc-atlas-districts { columns: 1; max-height: 480px; overflow-y: auto; }
}
@media (prefers-reduced-motion: reduce) { .hsc-atlas-zone, .hsc-atlas-canvas, .hsc-atlas-back { transition: none; } }
@media print { .hsc-atlas { display: none !important; } }