@charset "utf-8";
/* ═══════════════════════════════════════════════════════════
   ELF Center — üslub cədvəli
   Brend rəngləri loqodan piksel dəqiqliyi ilə götürülüb:
     yaşıl #009764 · firuzəyi #009799
   Şriftlər self-hosted (xarici sorğu yoxdur), Ə/ə tam dəstəklənir.
   ═══════════════════════════════════════════════════════════ */

/* ── Şriftlər ─────────────────────────────────────────────── */
/* ══ Fira Sans — tək korporativ ailə ═════════════════════════
   Azərbaycan hərfləri `az-ext` alt dəstindədir: Ə ə Ğ ğ Ş ş İ.
   Google-un 45 KB-lıq latin-ext dəsti 7 kod nöqtəsinə qədər
   kiçildilib (≈3,8 KB) — qalan Avropa dilləri bu saytda yoxdur. */
@font-face{font-family:'Fira';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/fira-400-latin.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';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/fira-400-az-ext.woff2') format('woff2');
  unicode-range:U+011E-011F,U+0130,U+015E-015F,U+018F,U+0259;}
@font-face{font-family:'Fira';font-style:normal;font-weight:400;font-display:swap;
  src:url('../fonts/fira-400-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Fira';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/fira-500-latin.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';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/fira-500-az-ext.woff2') format('woff2');
  unicode-range:U+011E-011F,U+0130,U+015E-015F,U+018F,U+0259;}
@font-face{font-family:'Fira';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/fira-500-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Fira';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/fira-600-latin.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';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/fira-600-az-ext.woff2') format('woff2');
  unicode-range:U+011E-011F,U+0130,U+015E-015F,U+018F,U+0259;}
@font-face{font-family:'Fira';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/fira-600-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Fira';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/fira-700-latin.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';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/fira-700-az-ext.woff2') format('woff2');
  unicode-range:U+011E-011F,U+0130,U+015E-015F,U+018F,U+0259;}
@font-face{font-family:'Fira';font-style:normal;font-weight:700;font-display:swap;
  src:url('../fonts/fira-700-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'Fira';font-style:italic;font-weight:400;font-display:swap;
  src:url('../fonts/fira-400i-latin.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';font-style:italic;font-weight:400;font-display:swap;
  src:url('../fonts/fira-400i-az-ext.woff2') format('woff2');
  unicode-range:U+011E-011F,U+0130,U+015E-015F,U+018F,U+0259;}
@font-face{font-family:'Plex Serif';font-style:normal;font-weight:500;font-display:swap;
  src:url('../fonts/ibm-plex-serif-500-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Plex Serif';font-style:normal;font-weight:600;font-display:swap;
  src:url('../fonts/ibm-plex-serif-600-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Plex Serif';font-style:italic;font-weight:400;font-display:swap;
  src:url('../fonts/ibm-plex-serif-400-italic-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}

/* ══ Dizayn tokenləri ════════════════════════════════════════
   RƏNG SİSTEMİ — «maksimum açıq, gözə xoş, ahəngdar»
   Brend rəngləri (loqodan, dəyişməz):  #009764 yaşıl · #009799 firuzəyi
   Bu iki rəng KİÇİK mətn üçün ağ üzərində AA-dan keçmir
   (3.74:1 və 3.57:1), ona görə:
     · brend rəngləri → loqo, ikon, böyük başlıq, dekorativ dolğu
     · --green-cta / --teal-cta → düymələr və rəng üzərində kiçik mətn
   Bütün mətn/fon cütləri WCAG AA-dan keçir (aşağıdakı şərhlərə bax).
   60-30-10: 60% ağ/açıq səth · 30% çalarlı zolaq · 10% doymuş brend
   ═══════════════════════════════════════════════════════════ */
:root{
  /* Brend — dəyişməz */
  --green:#009764;            /* BREND yaşıl — loqo, ikon, böyük mətn */
  --teal:#009799;             /* BREND firuzəyi — loqo, ikon, informasiya */

  /* Əməliyyat rəngləri — ağ mətn üçün AA-dan keçir */
  --green-cta:#00875a;        /* ağ mətn 4.55:1 ✓ */
  --green-cta-h:#00794f;      /* hover */
  --green-link:#00714a;       /* ağ üzərində link 6.07:1 ✓ */
  --green-ink:#0a3d2a;        /* çalarlı fonda başlıq 11.0:1 ✓ */
  --green-deep:#0b3328;       /* alt hissə, tünd zolaq */
  --teal-cta:#00787a;         /* ağ mətn 5.29:1 ✓ */
  --teal-ink:#063f40;

  /* Mətn */
  --ink:#10241d;              /* ağ üzərində 16.3:1 ✓✓ */
  --ink-2:#3a5349;            /* bütün səthlərdə ≥7.4:1 ✓✓ */
  --muted:#587266;            /* DÖRD səthin hamısında ≥4.55:1 ✓ (ağ 5.23) */
  --muted-2:#788f84;          /* yalnız ikon/ayırıcı — ≥3.02:1 (WCAG 1.4.11) */

  /* Səthlər — açıqdan-açığa, 4 çalar + 1 isti neytral */
  --bg:#ffffff;
  --soft:#f5fbf8;             /* yaşıl çalar, çox açıq */
  --mint:#e9f6f0;             /* yaşıl çalar, orta */
  --aqua:#e7f5f5;             /* firuzəyi çalar — diaqnostika/məlumat blokları */
  --sand:#fbf8f3;             /* isti neytral — insan/komanda bölmələri */
  --line:#e2efe9; --line-2:#eff6f3;

  --sans:'Fira',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  /* `--serif` tarixi addır — artıq eyni ailəni göstərir. Başlıq ilə mətni
     ayıran şey şrift deyil, çəki və hərf aralığıdır (korporativ intizam). */
  --serif:var(--sans);

  --r-sm:8px; --r:14px; --r-lg:22px; --r-xl:30px;
  --sh-1:0 1px 2px rgba(16,36,29,.05);
  --sh-2:0 6px 24px -8px rgba(16,36,29,.13);
  --sh-3:0 20px 50px -20px rgba(16,36,29,.22);
  --wrap:1180px;
  --hd:76px;

  /* Köhnə adlar — geriyə uyğunluq üçün */
  --green-600:var(--green-cta-h); --green-700:var(--green-link); --green-900:var(--green-deep);
  --teal-700:var(--teal-cta); --teal-900:var(--teal-ink);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 20px)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);
  /* Uydurma qalın/kursiv yoxdur — çəki yoxdursa səhv dərhal görünsün */
  font-synthesis:none;
  font-size:1.03125rem;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,picture{max-width:100%;display:block}
a{color:var(--green-700);text-decoration:none}
a:hover{color:var(--green)}
h1,h2,h3,h4{margin:0;line-height:1.18;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
p{margin:0 0 1.05em}
ul,ol{margin:0;padding:0}
button{font:inherit;color:inherit}
:focus-visible{outline:2.5px solid var(--teal);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Sürətli keçidlər: biri fokus alanda üçü də görünür (üçüncüsü panel açır) */
.skips{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;flex-wrap:wrap;gap:2px;
  transform:translateY(-110%);transition:transform .15s ease}
.skips:focus-within{transform:none}
.skip{background:var(--green-cta);color:#fff;padding:12px 20px;border:0;
  border-radius:0 0 var(--r-sm) 0;font:600 .9375rem var(--sans);
  cursor:pointer;text-decoration:none}
@media(max-width:520px){.skip{padding:11px 14px;font-size:.875rem}}
.skip:focus-visible{outline:2.5px solid #fff;outline-offset:-5px}
:root[data-motion="reduce"] .skips{transition:none}
/* v13-də :focus-visible ilə əvəzləndi */
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:22px}
.ic{flex:none;vertical-align:middle}

/* ── Üst zolaq ────────────────────────────────────────────── */
.topbar{background:var(--green-deep);color:#cfe6db;font-size:.84375rem}
.topbar__in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;flex-wrap:wrap}
.topbar__contacts{display:flex;gap:20px;list-style:none;flex-wrap:wrap;align-items:center}
.tb-link{display:inline-flex;align-items:center;gap:7px;color:#cfe6db;transition:color .16s}
.tb-link:hover{color:#fff}
.tb-link .ic{opacity:.72}
.topbar__right{display:flex;align-items:center;gap:14px}
.social{display:flex;gap:6px;list-style:none;align-items:center}
.social a{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;color:#cfe6db;
  background:rgba(255,255,255,.06);transition:background .16s,color .16s,transform .16s}
.social a:hover{background:var(--green-cta);color:#fff;transform:translateY(-1px)}
.social--sm a{width:28px;height:28px;border-radius:8px}
@media(max-width:900px){.topbar__addr{display:none}}
@media(max-width:620px){
  .topbar__in{flex-wrap:nowrap;gap:10px}
  .topbar{font-size:.8125rem}
  .topbar__contacts li:nth-child(n+2){display:none}
  /* Kiçik ekranda yalnız Instagram + WhatsApp qalır — zolaq bir sətrə sığır */
  .topbar__right .social--sm li:nth-child(n+2):not(:last-child){display:none}
}

/* Dil seçimi — dörd dil də görünən seqment idarəsi (v5 qatında) */

/* ── Baş naviqasiya ───────────────────────────────────────── */
.site-head{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.6) blur(12px);
  border-bottom:1px solid var(--line);transition:box-shadow .2s}
.site-head.is-stuck{box-shadow:var(--sh-2)}
.site-head__in{display:flex;align-items:center;gap:26px;min-height:var(--hd)}
.brand{flex:none}
.brand__logo{width:auto;height:40px}
.mainnav{flex:1;min-width:0}
.mainnav ul{display:flex;gap:3px;list-style:none;flex-wrap:wrap}
.mainnav a{display:block;padding:9px 11px;border-radius:9px;font-size:.90625rem;font-weight:500;color:var(--ink-2);
  line-height:1.3;transition:background .16s,color .16s}
.mainnav a:hover{background:var(--soft);color:var(--green-700)}
.mainnav a.is-active{color:var(--green-700);background:var(--mint)}
.site-head__cta{display:flex;align-items:center;gap:10px;flex:none}
@media(max-width:1080px){.mainnav{display:none}}
@media(max-width:520px){.brand__logo{height:34px}}

/* Mobil menyu */
.mobnav{position:fixed;inset:calc(var(--hd) + 42px) 0 0;background:#fff;z-index:99;overflow-y:auto;padding:10px 0 30px;
  border-top:1px solid var(--line)}
.mobnav[hidden]{display:none}
.mobnav__list{list-style:none;padding:0 22px}
.mobnav__list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;
  border-bottom:1px solid var(--line-2);color:var(--ink);font-weight:500;font-size:1rem}
.mobnav__list a .ic{color:var(--muted-2)}
.mobnav__foot{display:grid;gap:9px;padding:22px}
body.nav-open{overflow:hidden}

/* ── Düymələr ─────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border-radius:12px;
  font-weight:600;font-size:.9375rem;line-height:1.2;border:1.5px solid transparent;cursor:pointer;
  transition:background .17s,color .17s,border-color .17s,transform .17s,box-shadow .17s;white-space:nowrap}
.btn:hover{transform:translateY(-1.5px)}
.btn--sm{padding:10px 16px;font-size:.875rem;border-radius:10px}
.btn--lg{padding:16px 30px;font-size:1.03125rem}
.btn--block{width:100%}
.btn--primary{background:var(--green-cta);color:#fff;box-shadow:0 4px 14px -4px rgba(0,135,90,.5)}
.btn--primary:hover{background:var(--green-cta-h);color:#fff;box-shadow:0 8px 22px -6px rgba(0,135,90,.55)}
.btn--teal{background:var(--teal-cta);color:#fff}
.btn--teal:hover{background:var(--teal-cta-h, #00696b);color:#fff}
.btn--ghost{background:var(--soft);color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{background:var(--mint);color:var(--green-900);border-color:#c9e4d7}
.btn--outline{background:transparent;color:var(--green-700);border-color:#bfe0d0}
.btn--outline:hover{background:var(--mint);color:var(--green-900)}
.btn--white{background:#fff;color:var(--green-900)}
.btn--white:hover{background:#f2fbf6;color:var(--green-900)}
.btn--outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.45)}
.btn--outline-white:hover{background:rgba(255,255,255,.14);color:#fff}

/* ── Bölmə başlıqları ─────────────────────────────────────── */
.sec--soft{background:var(--soft)}
.sec--mint{background:var(--mint)}
.sec--aqua{background:var(--aqua)}
.sec--sand{background:var(--sand)}
.sec-head{max-width:760px}
.sec-head--center{margin-inline:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78125rem;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:var(--teal-700);margin-bottom:15px}
.eyebrow::before{content:'';width:22px;height:2px;background:var(--teal);border-radius:2px}
.sec-head--center .eyebrow::before,
.eyebrow:has(> .ic)::before{display:none}
.eyebrow>.ic{color:var(--teal)}
.sec-title{font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.02em}
.sec-lead{margin-top:14px;font-size:1.09375rem;color:var(--ink-2);max-width:66ch}
.sec-head--center .sec-lead{margin-inline:auto}

/* ── Hero ─────────────────────────────────────────────────── */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1100px 520px at 88% -8%,rgba(0,151,153,.13),transparent 62%),
  radial-gradient(760px 440px at 4% 104%,rgba(0,151,100,.11),transparent 60%),var(--soft)}
.hero__in{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center;padding:74px 0 80px}
.hero h1{font-family:var(--serif);font-weight:600;font-size:clamp(2.05rem,4.6vw,3.35rem);letter-spacing:-.028em;line-height:1.09}
.hero h1 em{font-style:normal;color:var(--green);position:relative;white-space:nowrap}
.hero h1 em::after{content:'';position:absolute;left:0;right:0;bottom:.06em;height:.19em;background:rgba(0,151,153,.2);
  border-radius:3px;z-index:-1}
.hero__lead{margin-top:22px;font-size:1.15625rem;color:var(--ink-2);max-width:56ch}
.hero__actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.hero__meta{display:flex;gap:26px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line);flex-wrap:wrap}
.hero__meta div{min-width:112px}
.hero__meta b{display:block;font-family:var(--serif);font-size:1.625rem;font-weight:600;color:var(--green-700);line-height:1.1}
.hero__meta span{font-size:.84375rem;color:var(--muted);line-height:1.4;display:block;margin-top:5px}
.hero__card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:30px;box-shadow:var(--sh-3)}
.hero__card h2{font-size:1.1875rem;margin-bottom:6px}
.hero__card>p{font-size:.90625rem;color:var(--muted);margin-bottom:20px}
.hero__list{list-style:none;display:grid;gap:3px}
.hero__list a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;color:var(--ink);
  font-weight:500;font-size:.9375rem;transition:background .16s,transform .16s}
.hero__list a:hover{background:var(--mint);transform:translateX(3px)}
.hero__list .ic:first-child{color:var(--teal-700)}
.hero__list .hero__arr{margin-left:auto;color:var(--muted-2)}
@media(max-width:940px){.hero__in{grid-template-columns:1fr;gap:38px;padding:52px 0 58px}}

/* ── Kartlar ──────────────────────────────────────────────── */
.grid{display:grid;gap:20px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.grid--4{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:660px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}

.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px;transition:border-color .18s,box-shadow .18s,transform .18s}
.card:hover{border-color:#c4e2d3;box-shadow:var(--sh-2);transform:translateY(-3px)}
.card__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--mint);
  color:var(--green-700);margin-bottom:17px;transition:background .18s,color .18s}
.card:hover .card__ic{background:var(--green-cta);color:#fff}
.card__ic--teal{background:rgba(0,151,153,.11);color:var(--teal-700)}
.card:hover .card__ic--teal{background:var(--teal-cta);color:#fff}
.card h3{font-size:1.15625rem;margin-bottom:9px;letter-spacing:-.012em}
.card p{font-size:.9375rem;color:var(--ink-2);margin:0}
.card__more{margin-top:auto;padding-top:17px;display:inline-flex;align-items:center;gap:7px;font-size:.875rem;
  font-weight:600;color:var(--green-700)}
.card .stretch{position:absolute;inset:0;border-radius:inherit}
.card:hover .card__more .ic{transform:translateX(3px)}
.card__more .ic{transition:transform .18s}

.card--flat{border-radius:var(--r);padding:20px 22px}
.card--flat:hover{transform:none}

/* Sadə keçid siyahısı */
.linklist{list-style:none;display:grid;gap:9px}
.linklist a{display:flex;align-items:center;gap:12px;padding:14px 17px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r);font-weight:500;color:var(--ink);transition:border-color .16s,background .16s,transform .16s}
.linklist a:hover{border-color:#c4e2d3;background:var(--soft);transform:translateX(3px);color:var(--green-900)}
.linklist .ic:first-child{color:var(--teal-700)}
.linklist .ll-arr{margin-left:auto;color:var(--muted-2)}

/* Etiketlər */
.chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;background:var(--soft);
  border:1px solid var(--line);font-size:.875rem;color:var(--ink-2);font-weight:500;transition:all .16s}
a.chip:hover{background:var(--mint);border-color:#c4e2d3;color:var(--green-900)}
.chip--brand{background:var(--mint);border-color:#c9e4d7;color:var(--green-900)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:99px;font-size:.78125rem;
  font-weight:600;letter-spacing:.02em;background:var(--mint);color:var(--green-900)}
.badge--teal{background:rgba(0,151,153,.12);color:var(--teal-900)}
.badge--sand{background:#f5efe3;color:#7a5f2c}

/* ── Mətn (prose) ─────────────────────────────────────────── */
.prose{max-width:74ch;font-size:1.0625rem}
.prose h2{font-family:var(--serif);font-size:1.65rem;margin:2.1em 0 .6em;letter-spacing:-.018em}
.prose h3{font-size:1.24rem;margin:2em 0 .55em;color:var(--green-900);letter-spacing:-.01em}
.prose h3:first-child{margin-top:0}
.prose p{margin:0 0 1.1em}
.prose strong{font-weight:600;color:var(--ink)}
.prose em{font-family:var(--serif);font-style:italic}
.prose-list{list-style:none;display:grid;gap:11px;margin:0 0 1.4em}
.prose-list li{position:relative;padding-left:31px;color:var(--ink-2)}
/* Nişan: halqa (box-shadow) + parıltı qadağan siyahısındadır — düz cizgi. */
.prose-list li::before{content:'';position:absolute;left:3px;top:.72em;width:10px;height:2px;
  border-radius:1px;background:var(--teal-cta)}
/* Kənar qeyd — dolğusuz. Rəng tokenlərdən gəlir, ona görə tünd rejimdə
   ayrıca override lazım deyil (əvvəl mətn tünd fonda 1,28:1 verirdi). */
.callout{display:flex;gap:15px;align-items:flex-start;margin:2em 0;
  padding:1px 0 1px 22px;background:none;border:0;border-radius:0;
  box-shadow:inset 2px 0 0 var(--green-cta);
  font-size:1rem;line-height:1.62;color:var(--ink-2)}
.callout__ic{flex:none;color:var(--green-cta);margin-top:3px}
.callout strong,.callout b{color:var(--ink);font-weight:600}
.callout a{color:var(--green-link);text-decoration:underline;text-underline-offset:2px}
.callout p:last-child{margin-bottom:0}
.callout + .callout{margin-top:-.6em}

/* ── Səhifə başlığı ───────────────────────────────────────── */
.phead{background:linear-gradient(180deg,var(--soft),#fff);border-bottom:1px solid var(--line);padding:34px 0 46px}
.phead h1{font-family:var(--serif);font-weight:600;font-size:clamp(1.85rem,3.9vw,2.85rem);letter-spacing:-.026em;margin-top:16px}
.phead__lead{margin-top:16px;font-size:1.15625rem;color:var(--ink-2);max-width:70ch}
.phead__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:5px;list-style:none;font-size:.84375rem;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center;gap:5px}
.crumbs a{color:var(--muted);display:inline-flex;align-items:center;gap:5px}
.crumbs a:hover{color:var(--green-700)}
.crumbs__sep{color:var(--muted-2);opacity:.55}
.crumbs [aria-current]{color:var(--ink-2);font-weight:500}

/* ── İki sütunlu məzmun ───────────────────────────────────── */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:52px;align-items:start;padding:56px 0 76px}
@media(max-width:980px){.layout{grid-template-columns:1fr;gap:38px}}
.side{position:sticky;top:calc(var(--hd) + 20px);display:grid;gap:18px}
@media(max-width:980px){.side{position:static}}
.side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.side-card--brand{background:var(--green-deep);border-color:var(--green-deep);color:#d3e7dd}
.side-card--brand h3,.side-card--brand b{color:#fff}
.side-card h3{font-size:1rem;margin-bottom:14px;display:flex;align-items:center;gap:9px}
.side-card h3 .ic{color:var(--teal-700)}
.side-card--brand h3 .ic{color:#7fd3b6}
.side-list{list-style:none;display:grid;gap:2px;font-size:.90625rem}
.side-list a{display:flex;gap:9px;align-items:center;padding:9px 10px;border-radius:9px;color:var(--ink-2);transition:background .16s,color .16s}
.side-list a:hover{background:var(--soft);color:var(--green-700)}
.side-list a.is-active{background:var(--mint);color:var(--green-900);font-weight:600}
.side-contact{display:grid;gap:9px}
.side-contact a{display:flex;align-items:center;gap:10px;color:inherit;font-size:.90625rem;padding:8px 0}
.side-contact a:hover{color:#fff}

/* ── Akkordeon ────────────────────────────────────────────── */
.acc{display:grid;gap:11px}
.acc__item{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .18s}
.acc__item[open]{border-color:#c4e2d3;box-shadow:var(--sh-1)}
.acc__q{width:100%;display:flex;align-items:flex-start;gap:14px;padding:19px 22px;background:none;border:0;
  cursor:pointer;text-align:left;font-weight:600;font-size:1.03125rem;color:var(--ink);line-height:1.45}
.acc__q:hover{color:var(--green-700)}
.acc__sign{margin-left:auto;flex:none;color:var(--teal-700);transition:transform .22s}
.acc__item[open] .acc__sign{transform:rotate(45deg)}
.acc__q{list-style:none;cursor:pointer}
.acc__q::-webkit-details-marker{display:none}
.acc__q::marker{content:''}
.acc__a{padding:0 22px 21px 22px;color:var(--ink-2);font-size:1rem}
.acc__a p:last-child{margin-bottom:0}
.acc__a[hidden]{display:none}

/* ── Həkim ────────────────────────────────────────────────── */
.doc{display:grid;grid-template-columns:300px minmax(0,1fr);gap:44px;align-items:start}
@media(max-width:860px){.doc{grid-template-columns:1fr;gap:28px}}
.doc__photo{aspect-ratio:3/4;border-radius:var(--r-xl);background:
  linear-gradient(155deg,var(--mint),rgba(0,151,153,.16));display:grid;place-items:center;
  border:1px solid var(--line);overflow:hidden;position:relative}
.doc__photo img{width:100%;height:100%;object-fit:cover}
.doc__mono{font-family:var(--serif);font-size:4.75rem;font-weight:600;color:var(--green);opacity:.42;letter-spacing:-.03em}
.factlist{list-style:none;display:grid;gap:15px}
.factlist li{display:flex;gap:15px}
.factlist .ic{color:var(--teal-700);margin-top:3px;flex:none}
.factlist b{display:block;font-size:.8125rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  font-weight:600;margin-bottom:3px}
.factlist span{color:var(--ink-2);font-size:1rem}
.pullquote{font-family:var(--serif);font-style:italic;font-size:1.25rem;line-height:1.5;color:var(--green-900);
  padding:24px 26px;background:var(--mint);border-radius:var(--r-lg);position:relative}
.pullquote .ic{color:var(--green);opacity:.28;margin-bottom:8px}

/* ── Video ────────────────────────────────────────────────── */
.vid{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  transition:border-color .18s,box-shadow .18s,transform .18s}
.vid:hover{border-color:#c4e2d3;box-shadow:var(--sh-2);transform:translateY(-3px)}
.vid__thumb{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.vid__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s;opacity:.94}
.vid:hover .vid__thumb img{transform:scale(1.045);opacity:1}
.vid__play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;
  background:linear-gradient(180deg,rgba(15,32,25,.05),rgba(15,32,25,.42))}
.vid__play .ic{filter:drop-shadow(0 3px 10px rgba(0,0,0,.5));transition:transform .2s}
.vid:hover .vid__play .ic{transform:scale(1.12)}
.vid__dur{position:absolute;right:9px;bottom:9px;background:rgba(15,32,25,.86);color:#fff;font-size:.75rem;
  font-weight:500;padding:3px 8px;border-radius:6px}
.vid__body{padding:17px 19px}
.vid__body h3{font-size:1rem;line-height:1.4;margin-bottom:6px}
.vid__body p{font-size:.875rem;color:var(--muted);margin:0}

/* ── Nəticələr ────────────────────────────────────────────── */
.case{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;display:grid;gap:12px}
.case__age{display:inline-flex;align-items:center;gap:7px;font-size:.78125rem;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--teal-700)}
.case__dx{font-weight:600;font-size:1.03125rem;line-height:1.45;color:var(--ink)}
.case__plan{font-size:.90625rem;color:var(--ink-2);padding-top:12px;border-top:1px dashed var(--line);
  display:flex;gap:10px;align-items:flex-start}
.case__plan .ic{color:var(--green);margin-top:3px;flex:none}

/* ── Statistika ───────────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:800px){.stats{grid-template-columns:repeat(2,1fr)}}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;text-align:center}
.stat .ic{color:var(--teal-700);margin:0 auto 12px}
.stat b{display:block;font-family:var(--serif);font-size:2rem;font-weight:600;color:var(--green-700);line-height:1}
.stat span{display:block;margin-top:9px;font-size:.875rem;color:var(--muted);line-height:1.45}

/* ── Filial kartı ─────────────────────────────────────────── */
.branch{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:30px;display:grid;gap:16px}
.branch__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.branch h3{font-family:var(--serif);font-size:1.4375rem}
.branch__rows{display:grid;gap:11px}
.branch__row{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2);font-size:.96875rem}
.branch__row .ic{color:var(--teal-700);margin-top:3px;flex:none}
.branch__row a{color:var(--ink-2)}
.branch__row a:hover{color:var(--green-700)}
.branch__acts{display:flex;gap:9px;flex-wrap:wrap;padding-top:6px}

/* ── Qəbul zolağı ─────────────────────────────────────────── */
.cta-band{background:linear-gradient(125deg,var(--green-deep) 0%,#08403a 55%,var(--teal-ink) 100%);color:#fff}
.cta-band__in{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:52px 0;flex-wrap:wrap}
.cta-band h2{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.05rem);color:#fff;letter-spacing:-.02em}
.cta-band p{margin:11px 0 0;color:#cbe6da;max-width:52ch}
.cta-band__actions{display:flex;gap:11px;flex-wrap:wrap}

/* ── Alt hissə ────────────────────────────────────────────── */
.site-foot{background:var(--green-deep);color:#a9c4b8;padding:64px 0 30px;font-size:.90625rem}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.3fr;gap:38px}
@media(max-width:1050px){.foot-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:680px){.foot-grid{grid-template-columns:1fr;gap:32px}}
.foot-logo{height:40px;width:auto;margin-bottom:16px}
.foot-tag{font-family:var(--serif);font-style:italic;color:#cfe0d7;font-size:1rem;margin-bottom:12px}
.foot-note{color:#9ab5aa;font-size:.875rem;line-height:1.6}
.foot-col--brand .social{margin-top:18px}
.foot-col--brand .social a{background:rgba(255,255,255,.07);color:#a9c4b8}
.foot-col--brand .social a:hover{background:var(--green-cta);color:#fff}
/* Eyni ikonu bölüşən hesablar: dairə yerinə ikon + qısa ad */
.foot-col--brand .social{flex-wrap:wrap;gap:7px}
.foot-col--brand .social a.social__tagged{width:auto;grid-auto-flow:column;
  align-items:center;gap:7px;padding:0 11px 0 9px;border-radius:9px}
.social__t{font-size:.75rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}
.foot-h{display:flex;align-items:center;gap:9px;font-size:.8125rem;letter-spacing:.09em;text-transform:uppercase;
  color:#fff;font-weight:600;margin-bottom:16px}
.foot-h .ic{color:var(--teal)}
.foot-list{list-style:none;display:grid;gap:9px}
.foot-list a{color:#a9c4b8;transition:color .16s}
.foot-list a:hover{color:#fff}
.foot-more{display:inline-flex;align-items:center;gap:6px;color:#5fc79f !important;font-weight:600;margin-top:4px}
.foot-branch{margin-bottom:20px}
.foot-branch__name{color:#fff;font-weight:600;margin-bottom:9px}
.foot-branch__row{display:flex;gap:9px;align-items:flex-start;color:#a9c4b8;padding:3px 0;line-height:1.5}
.foot-branch__row .ic{color:var(--teal);margin-top:3px;flex:none;opacity:.85}
.foot-branch__row:hover{color:#fff}
.foot-bottom{margin-top:44px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);display:flex;
  justify-content:space-between;gap:22px;flex-wrap:wrap;font-size:.84375rem;color:#93aea3}
.foot-bottom p{margin:0}
.foot-disc{display:flex;gap:9px;align-items:flex-start;max-width:62ch}
.foot-disc .ic{margin-top:3px;flex:none;opacity:.7}

/* ── Yuxarı düyməsi ───────────────────────────────────────── */
.totop{position:fixed;right:20px;bottom:20px;width:46px;height:46px;display:grid;place-items:center;
  background:var(--green-cta);color:#fff;border:0;border-radius:50%;cursor:pointer;box-shadow:var(--sh-2);
  opacity:0;visibility:hidden;transform:translateY(10px);transition:all .22s;z-index:90}
.totop.is-on{opacity:1;visibility:visible;transform:none}
.totop:hover{background:var(--green-cta-h)}

/* ── Köməkçilər ───────────────────────────────────────────── */
.mt-0{margin-top:0}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:32px}.mt-4{margin-top:46px}
.mb-2{margin-bottom:20px}.mb-3{margin-bottom:32px}
.center{text-align:center}
.divider{height:1px;background:var(--line);border:0;margin:42px 0}
.note-sm{font-size:.84375rem;color:var(--muted);line-height:1.6}

@media print{
  .topbar,.site-head,.mobnav,.cta-band,.site-foot,.totop,.crumbs{display:none !important}
  body{font-size:11pt}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}


/* ── Əlavə bölmə fonları (60-30-10 ritmi) ─────────────────── */
.sec--aqua{background:var(--aqua)}
.sec--sand{background:var(--sand)}

/* ── Anatomik fiqur / illüstrasiya çərçivəsi ─────────────── */
.figure{margin:0 0 1.6em;background:var(--soft);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px;text-align:center}
.figure svg{margin:0 auto;max-width:100%;height:auto}
.figure figcaption{margin-top:14px;font-size:.875rem;color:var(--muted);line-height:1.55;text-align:left}
/* Sətiraltı informasiya bloku — dolğusuz. Şəkilli `.figure` çərçivəsini
   saxlayır, mətnli variantı isə kənar qeyd üslubuna keçir (firuzəyi xətt =
   məlumat, yaşıl xətt = qeyd). */

/* ── Poster / paylaşım kartı ─────────────────────────────── */
.poster{display:block;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  background:var(--soft);transition:box-shadow .18s,transform .18s,border-color .18s}
.poster:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:#c2e3d3}
.poster img{width:100%;height:auto;display:block}
.poster__cap{padding:14px 17px;font-size:.875rem;color:var(--ink-2);line-height:1.5}
.poster__cap b{display:block;color:var(--ink);font-size:.9375rem;margin-bottom:3px}

/* ── Mənbə / istinad siyahısı (SRS üslubu) ───────────────── */
.sources{margin-top:2.4em;padding-top:20px;border-top:2px solid var(--line)}
.sources h3{font-size:.875rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.sources ol{list-style:none;counter-reset:s;display:grid;gap:11px;font-size:.90625rem;color:var(--ink-2)}
.sources li{counter-increment:s;padding-left:30px;position:relative;line-height:1.55}
.sources li::before{content:counter(s);position:absolute;left:0;top:1px;width:21px;height:21px;
  display:grid;place-items:center;border-radius:6px;background:var(--mint);color:var(--green-ink);
  font-size:.71875rem;font-weight:700}
.sources a{color:var(--green-link);text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:#b7ddca;word-break:break-word}
.sources a:hover{text-decoration-color:var(--green-cta)}

/* ── Əlaqəli səhifə blokları (daxili keçidlər) ───────────── */
.related{margin-top:2.6em;padding-top:24px;border-top:1px solid var(--line)}
.related h3{font-size:.9375rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  margin-bottom:16px;display:flex;align-items:center;gap:9px}
.related h3 .ic{color:var(--teal-cta)}
.rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:11px}
.rel-item{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);
  border-radius:var(--r);background:#fff;transition:border-color .16s,background .16s,transform .16s}
.rel-item:hover{border-color:#c2e3d3;background:var(--soft);transform:translateY(-2px)}
.rel-item .ic{color:var(--teal-cta);margin-top:2px;flex:none}
.rel-item span{font-size:.90625rem;font-weight:500;color:var(--ink);line-height:1.4}
.rel-item small{display:block;font-weight:400;color:var(--muted);font-size:.78125rem;margin-top:2px}

/* ── Poster qalereyası + mənbə zolağı ────────────────────── */
.posters{margin:2.2em 0}
.posters__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  flex-wrap:wrap;margin-bottom:14px}
.posters__head h3{font-size:.9375rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);
  margin:0;display:flex;align-items:center;gap:9px}
.posters__head h3 .ic{color:var(--teal-cta)}
.posters__src{font-size:.78125rem;color:var(--muted)}
.posters__src a{color:var(--green-link)}
.poster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.poster-grid--one{max-width:430px}

/* ── Səhifədaxili mündəricat (spine-health üslubu) ───────── */
.toc{margin:0 0 2em;padding:18px 22px;background:var(--aqua);border:1px solid #cfe8e8;
  border-radius:var(--r-lg)}
.toc b{display:flex;align-items:center;gap:9px;font-size:.78125rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--teal-ink);margin-bottom:12px;font-weight:700}
.toc b .ic{color:var(--teal-cta)}
.toc ol{list-style:none;counter-reset:t;display:grid;gap:8px;margin:0;padding:0}
.toc li{counter-increment:t;padding-left:26px;position:relative}
.toc li::before{content:counter(t);position:absolute;left:0;top:2px;width:18px;height:18px;
  display:grid;place-items:center;border-radius:5px;background:#fff;color:var(--teal-ink);
  font-size:.6875rem;font-weight:700}
.toc a{color:var(--green-ink);font-size:.9375rem;font-weight:500;text-decoration:none;line-height:1.45}
.toc a:hover{color:var(--green-link);text-decoration:underline;text-underline-offset:2px}
.prose h3[id]{scroll-margin-top:88px}

/* ══════════════ Baş menyu — açılan alt menyular ══════════════ */
.mainnav > ul > li{position:relative}
.mainnav > ul > li > a{display:inline-flex;align-items:center;gap:5px}
.mainnav__caret{opacity:.5;transition:transform .18s,opacity .18s}
.navdd[open] > .navdd__s .mainnav__caret{opacity:1;transform:rotate(180deg)}

.submenu{position:absolute;top:100%;left:50%;translate:-50% 0;z-index:60;
  min-width:296px;padding:10px;margin-top:6px;
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 18px 44px -18px rgba(9,49,36,.28),0 2px 8px rgba(9,49,36,.06);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s,transform .16s,visibility .16s;
  display:grid;gap:2px}
.navdd[open] > .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.submenu--wide{min-width:560px;grid-template-columns:1fr 1fr}

.submenu a{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:center;
  padding:9px 11px;border-radius:11px;color:var(--ink);font-size:.90625rem;line-height:1.35;
  transition:background .14s}
.submenu a:hover{background:var(--soft)}
.submenu .sm__ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;
  background:var(--rcb);color:var(--rc)}
.submenu b{display:block;font-weight:600;font-size:.90625rem}
.submenu em{display:block;font-style:normal;font-size:.76875rem;color:var(--muted);margin-top:1px}
.submenu__all{margin-top:4px;padding-top:9px;border-top:1px solid var(--line-2);
  grid-column:1/-1;display:flex!important;justify-content:space-between;align-items:center;
  font-weight:600;color:var(--green-link)}
.submenu__all:hover{background:var(--mint)}
@media(max-width:1080px){.submenu{display:none}}

/* ══════════════ Sol bölmə raili ══════════════ */
.pagewrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding:30px 22px 12px;
  display:grid;grid-template-columns:262px minmax(0,1fr);gap:42px;align-items:start}
.pagewrap__main{min-width:0}
.pagewrap .wrap{max-width:none;padding-inline:0}
.pagewrap .sec{padding:40px 0}
.pagewrap .sec--soft,.pagewrap .sec--mint,.pagewrap .sec--aqua,.pagewrap .sec--sand{
  border-radius:var(--r-lg);padding:38px 32px;margin-bottom:10px}
.pagewrap .layout{grid-template-columns:minmax(0,1fr);padding:0 0 40px}
.pagewrap .layout .side{display:none}

.srail{position:sticky;top:calc(var(--hd) + 16px)}
.srail__t{font-size:.71875rem;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);
  font-weight:700;margin:0 0 12px;padding-left:12px}
.srail__list{list-style:none;display:grid;gap:3px;margin:0;padding:0}
.srail__i{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;
  padding:9px 11px;border-radius:12px;border:1px solid transparent;
  color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s}
.srail__i:hover{background:var(--soft);border-color:var(--line)}
.srail__i.is-active{background:var(--rcb);border-color:color-mix(in srgb,var(--rc) 26%,transparent)}
.srail__ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:var(--rcb);color:var(--rc);transition:background .15s}
.srail__i:hover .srail__ic{background:#fff}
.srail__i.is-active .srail__ic{background:var(--rc);color:#fff}
.srail__tx b{display:block;font-size:.8875rem;font-weight:600;line-height:1.3}
.srail__tx em{display:block;font-style:normal;font-size:.7375rem;color:var(--muted);margin-top:1px}

@media(max-width:1080px){
  .pagewrap{grid-template-columns:1fr;gap:18px;padding-top:20px}
  .srail{position:static;margin:0 -22px;padding:0 22px 4px;overflow-x:auto;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .srail::-webkit-scrollbar{display:none}
  .srail__t{display:none}
  .srail__list{grid-auto-flow:column;grid-auto-columns:max-content;gap:8px}
  .srail__i{grid-template-columns:auto;gap:8px;padding:8px 13px;border-color:var(--line);
    background:#fff;display:flex;align-items:center;white-space:nowrap}
  .srail__ic{width:26px;height:26px;border-radius:8px}
  .srail__tx em{display:none}
  .srail__tx b{font-size:.85rem}
  .pagewrap .sec--soft,.pagewrap .sec--mint,.pagewrap .sec--aqua,.pagewrap .sec--sand{
    padding:30px 20px}
}

/* ══════════════ Hamburger — incə xətli, animasiyalı ══════════════ */
.burger{position:relative;width:46px;height:46px;flex:none;display:none;
  align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;
  color:var(--green-ink);transition:background .16s,border-color .16s,box-shadow .16s}
.burger:hover{background:var(--soft);border-color:#c2e3d3}
.burger:active{transform:scale(.96)}
.burger:focus-visible{outline:2px solid var(--green-cta);outline-offset:2px}
.burger__box{position:relative;width:19px;height:14px;pointer-events:none}
.burger__box span{position:absolute;left:0;height:1.9px;border-radius:2px;background:currentColor;
  transition:width .22s cubic-bezier(.4,0,.2,1),transform .26s cubic-bezier(.4,0,.2,1),
             opacity .16s,top .22s cubic-bezier(.4,0,.2,1)}
.burger__box span:nth-child(1){top:0;width:19px}
.burger__box span:nth-child(2){top:6px;width:13px}
.burger__box span:nth-child(3){top:12px;width:16px}
.burger:hover .burger__box span:nth-child(2){width:19px}
body.nav-open .burger{background:var(--green-cta);border-color:var(--green-cta);color:#fff}
body.nav-open .burger__box span:nth-child(1){top:6px;width:19px;transform:rotate(45deg)}
body.nav-open .burger__box span:nth-child(2){opacity:0;width:0}
body.nav-open .burger__box span:nth-child(3){top:6px;width:19px;transform:rotate(-45deg)}
@media(max-width:1080px){.burger{display:inline-flex}}

/* CTA + burger düzülüşü — mobildə burger sağ kənara oturur */
.site-head__cta{display:flex;align-items:center;gap:10px;flex:none}
@media(max-width:600px){
  .site-head__cta .btn--primary span{display:none}
  .site-head__cta .btn--primary{width:46px;height:46px;padding:0;justify-content:center}
}

/* ── Mobil menyu alt bəndləri ───────────────────────────── */
.mobnav__list .mobnav__grp > a{font-weight:700;font-size:1.03125rem;padding:16px 0 12px;border-bottom:0}
.mobnav__grp{border-bottom:1px solid var(--line-2);padding-bottom:8px}
.mobnav__grp:last-child{border-bottom:0}
.mobnav__sub{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.mobnav__list .mobnav__sub a{display:flex;align-items:center;justify-content:flex-start;gap:11px;
  padding:9px 10px;border-radius:10px;font-size:.9125rem;font-weight:500;color:var(--ink-2);
  border-bottom:0;text-align:left}
.mobnav__list .mobnav__sub a:active{background:var(--soft);color:var(--ink)}
.mobnav__sub .sm__ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:var(--rcb);color:var(--rc);flex:none}

/* ── Menyunun bir sətirdə qalması (alt menyu oxları əlavə olunandan sonra) ── */
.mainnav ul{flex-wrap:nowrap}
.mainnav > ul > li > a{white-space:nowrap;padding:9px 9px}
@media(max-width:1360px){
  .site-head__in{gap:16px}
  .mainnav > ul > li > a{font-size:.8625rem;padding:9px 7px}
  .mainnav__caret{width:11px;height:11px}
}
@media(max-width:1180px){
  .mainnav > ul > li > a{font-size:.825rem;padding:9px 5px}
  .brand__logo{height:34px}
}

/* ── Site by OTX krediti ────────────────────────────────── */
.foot-by{display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:3px 9px;
  border:1px solid rgba(255,255,255,.18);border-radius:99px;font-size:.78125rem;
  color:#a9c4b8;text-decoration:none;transition:color .16s,border-color .16s,background .16s}
.foot-by b{font-weight:700;letter-spacing:.02em;color:#e2f0ea}
.foot-by:hover{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.07)}
.foot-by:hover b{color:#fff}
.foot-by .ic{opacity:.65}

/* ── Foto qalereya (təlimlər) ───────────────────────────── */
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gal__i{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;transition:box-shadow .18s,transform .18s,border-color .18s}
.gal__i:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:#c2e3d3}
.gal__i img{width:100%;height:auto;display:block;aspect-ratio:4/5;object-fit:cover}
.gal__i figcaption{padding:14px 17px;font-size:.875rem;color:var(--ink-2);line-height:1.5}
.gal__i--wide{grid-column:span 2}
@media(max-width:700px){.gal__i--wide{grid-column:span 1}}

/* ── Əvvəl / sonra posterləri ───────────────────────────── */
.ba-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:16px}
.ba{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;transition:box-shadow .18s,transform .18s,border-color .18s}
.ba:hover{box-shadow:var(--sh-2);transform:translateY(-3px);border-color:#c2e3d3}
.ba img{width:100%;height:auto;display:block}
.ba figcaption{padding:13px 16px;font-size:.85rem;color:var(--ink-2);line-height:1.5}

/* ── Başlıq düzülüşü: CTA + burger həmişə sağ kənarda ───── */
.site-head__cta{margin-left:auto}
@media(max-width:1080px){.site-head__in{gap:14px}}

/* ═══════════════════════════════════════════════════════════
   v2 — DİZAYN QATI: «işıqlı klinik-editorial»
   Kaskad sırası ilə əvvəlki komponentləri incələşdirir.
   Prinsiplər: yumşaq mesh fonlar, hava-boşluq, arch fotolar,
   pill düymələr, rəngli ikon çipləri, yaşıl çalarlı kölgələr.
   ═══════════════════════════════════════════════════════════ */
:root{
  --r-xl:32px; --r-2xl:40px;
  --sh-1:0 1px 2px rgba(16,36,29,.04);
  --sh-2:0 1px 2px rgba(16,36,29,.04),0 14px 34px -14px rgba(0,118,92,.2);
  --sh-3:0 2px 4px rgba(16,36,29,.04),0 28px 64px -24px rgba(0,118,92,.28);
  --grad:linear-gradient(135deg,#009764 0%,#009799 100%);
  --grad-cta:linear-gradient(135deg,#00905f 0%,#00877f 100%);
  --hairline:rgba(0,120,92,.12);
}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
::selection{background:rgba(0,151,153,.18)}

/* ── Düymələr: pill + zərif parıltı ─────────────────────── */
/* Kapsul künclər silindi — v6 «Editorial Mürəkkəb» onsuz da üstələyirdi,
   amma faylda qalsaydı növbəti sıralamada qadağa yenidən pozulardı. */
.btn{padding:13px 24px;letter-spacing:-.005em}
.btn--sm{padding:10px 18px}
.btn--lg{padding:16px 32px}
.btn--primary{background:var(--green-cta);box-shadow:0 6px 16px -8px rgba(0,127,85,.5)}
.btn--primary:hover{background:var(--green-cta-h);box-shadow:0 10px 22px -10px rgba(0,127,85,.55)}
.btn--ghost{background:#fff;border-color:var(--hairline)}
.btn--ghost:hover{background:var(--soft);border-color:#b9dccb}
.btn--outline{border-color:var(--hairline);background:rgba(255,255,255,.6)}
.btn--white{box-shadow:0 8px 22px -10px rgba(0,0,0,.35)}

/* ── Başlıq: daha şəffaf, incə xətt ──────────────────────── */
.site-head{background:rgba(255,255,255,.82);backdrop-filter:saturate(1.8) blur(16px);
  -webkit-backdrop-filter:saturate(1.8) blur(16px);border-bottom-color:rgba(0,120,92,.09)}
.site-head.is-stuck{box-shadow:0 10px 30px -18px rgba(0,118,92,.22)}
.mainnav > ul > li > a{border-radius:999px;position:relative}
.mainnav a.is-active{background:var(--mint)}
.mainnav a.is-active::after{content:'';position:absolute;left:50%;bottom:2px;width:4px;height:4px;
  border-radius:50%;background:var(--green);translate:-50% 0}
.site-head__cta .btn--primary{padding:10px 18px}
.burger{border-radius:999px}
.topbar{background:#08221a}

/* Üst etiket: kapsul dolğu götürüldü — baza qayda onu artıq düz, böyük
   hərfli, 22px xətli etiket kimi verir. Ana səhifədə 8 etiket × 12px. */
.eyebrow{color:var(--teal-cta);font-size:.75rem;letter-spacing:.09em;gap:8px}
.eyebrow>.ic{color:var(--teal-cta)}
.sec-title{letter-spacing:-.025em;line-height:1.12}
.sec-lead{font-size:1.09375rem;line-height:1.65}

/* ── Kartlar: hairline + yumşaq kölgə, gradient ikon çipi ─── */
.card{border-color:var(--hairline);border-radius:var(--r-xl);
  box-shadow:0 1px 2px rgba(16,36,29,.03)}
.card:hover{border-color:rgba(15,38,32,.2);box-shadow:var(--sh-2);transform:translateY(-2px)}
.card__ic{width:52px;height:52px;border-radius:16px;background:var(--mint);color:var(--green-link)}
.card__ic--teal{background:var(--aqua);color:var(--teal-cta)}
.card:hover .card__ic{background:var(--green-cta);color:#fff}
.card:hover .card__ic--teal{background:var(--teal-cta)}
.card h3{font-size:1.125rem}
.card--flat:hover{transform:none;box-shadow:var(--sh-1)}
.chip{border-radius:999px;background:#fff;border-color:var(--hairline)}
.linklist a{border-radius:var(--r);border-color:var(--hairline)}

/* ── Hero v2: arch foto + üzən kart + mesh fon ────────────── */
.hero{background:#fff;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,var(--soft) 0%,#fff 72%)}
.hero__in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;padding:64px 0 76px}
.hero h1{font-size:clamp(2.2rem,4.9vw,3.6rem);letter-spacing:-.032em;line-height:1.06}
.hero h1 em::after{background:rgba(0,151,100,.16);
  height:.22em;bottom:.04em;border-radius:4px}
.hero__lead{font-size:1.125rem;max-width:52ch}
.hero__meta{gap:0;border-top:0;padding-top:0;margin-top:34px;display:inline-flex;
  background:#fff;border:1px solid var(--hairline);border-radius:999px;padding:6px;
  box-shadow:var(--sh-1);flex-wrap:wrap}
.hero__meta div{min-width:0;display:flex;align-items:center;gap:9px;padding:8px 18px;position:relative}
.hero__meta div+div::before{content:'';position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.hero__meta b{font-size:1.375rem;color:var(--green-link)}
.hero__meta span{margin:0;font-size:.8125rem;max-width:12ch}

.hero__visual{position:relative;min-height:520px}
.hero__arch{position:absolute;right:0;top:0;width:min(78%,400px);aspect-ratio:4/5;
  border-radius:28px;overflow:hidden;background:var(--mint);
  box-shadow:var(--sh-3),0 0 0 1px var(--hairline)}
.hero__arch img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}
.hero__card{position:absolute;left:0;bottom:0;width:min(92%,340px);padding:22px 22px 18px;
  border-radius:26px;border-color:rgba(255,255,255,.7);
  background:rgba(255,255,255,.86);backdrop-filter:blur(14px) saturate(1.5);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);box-shadow:var(--sh-3)}
.hero__card h2{font-size:1.0625rem}
.hero__card>p{font-size:.84375rem;margin-bottom:12px}
.hero__list a{padding:9px 11px;border-radius:12px;font-size:.8875rem}
.hero__list .ic:first-child{width:30px;height:30px;padding:6px;border-radius:9px;
  background:var(--mint);color:var(--green-link)}
.hero__card .btn{margin-top:12px}
.hero__pill{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 10px;
  border-radius:999px;background:#fff;border:1px solid var(--hairline);box-shadow:var(--sh-2);
  font-size:.8125rem;font-weight:600;color:var(--green-ink);white-space:nowrap}
.hero__pill .ic{width:26px;height:26px;padding:5px;border-radius:50%;background:var(--green-cta);color:#fff}
.hero__pill--1{right:8px;bottom:120px}
@media(max-width:940px){
  .hero__in{grid-template-columns:1fr;gap:34px;padding:44px 0 56px}
  .hero__visual{min-height:0;display:grid;gap:18px}
  .hero__arch{position:relative;width:min(100%,360px);margin:0 auto;aspect-ratio:1/1;
    border-radius:24px}
  .hero__card{position:static;width:100%;background:#fff}
  .hero__pill--1{display:none}
  .hero__meta{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:22px;width:100%}
  .hero__meta div{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}
  .hero__meta span{max-width:none}
}
@media(max-width:480px){
  .hero h1{font-size:2.05rem}
  .hero__meta{grid-template-columns:1fr 1fr}
  .hero__meta div:nth-child(3){grid-column:1/-1}
  .hero__meta div+div::before{display:none}
}

/* ── Səhifə başlığı (phead): mesh + qriddə ────────────────── */
.phead{position:relative;isolation:isolate;border-bottom-color:var(--hairline);padding:32px 0 44px;
  background:linear-gradient(180deg,var(--soft),#fff)}
.phead h1{letter-spacing:-.03em}
.crumbs ol{background:rgba(255,255,255,.7);border:1px solid var(--hairline);border-radius:999px;
  padding:6px 14px;display:inline-flex;font-size:.8125rem}

/* ── Həkim bölməsi: arch foto ─────────────────────────────── */
.doc__photo{border-radius:28px;border:0;box-shadow:var(--sh-3),0 0 0 1px var(--hairline);
  background:var(--mint)}
.doc__photo img{object-position:50% 12%}
.factlist li{padding:14px 16px;border:1px solid var(--hairline);border-radius:16px;background:#fff}
.factlist .ic{width:36px;height:36px;padding:8px;border-radius:11px;background:var(--aqua);color:var(--teal-cta);margin-top:0}
.pullquote{border-radius:var(--r-xl);background:var(--mint);
  box-shadow:inset 0 0 0 1px rgba(0,120,92,.08)}

/* ── Statistika / filial / video / komanda ────────────────── */
.stat{border-color:var(--hairline);border-radius:var(--r-xl)}
.branch{border-color:var(--hairline);border-radius:var(--r-xl);box-shadow:var(--sh-1)}
.branch:hover{box-shadow:var(--sh-2)}
.vid{border-color:var(--hairline);border-radius:var(--r-xl)}
.vid__thumb{border-radius:0}
.vid__play .ic{width:56px;height:56px;padding:14px;border-radius:50%;background:rgba(255,255,255,.22);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.5)}
.case{border-color:var(--hairline);border-radius:var(--r-xl)}
.acc__item{border-color:var(--hairline);border-radius:var(--r-lg)}
.side-card{border-color:var(--hairline);border-radius:var(--r-xl)}
.side-card--brand{background:var(--green-deep);
  box-shadow:0 20px 40px -22px rgba(8,50,40,.6)}
.poster,.gal__i,.ba{border-color:var(--hairline);border-radius:var(--r-xl)}
.rel-item{border-color:var(--hairline);border-radius:var(--r)}
.toc{border-radius:var(--r-xl);border:0;box-shadow:inset 0 0 0 1px rgba(0,120,120,.1)}
.figure{border-color:var(--hairline);border-radius:var(--r-xl)}
.srail__i{border-radius:14px}
.submenu{border-radius:22px;border-color:var(--hairline)}

/* ── Qəbul zolağı: mesh + dekorativ halqalar ──────────────── */
.cta-band{position:relative;overflow:hidden;isolation:isolate;background:var(--green-deep)}
.cta-band__in{padding:60px 0}

/* ── Alt hissə ────────────────────────────────────────────── */
.site-foot{position:relative;isolation:isolate;overflow:hidden;background:var(--green-deep)}
.foot-list a{display:inline-block;padding:2px 0}

/* ── Toxunma hədəfləri (mobil) ────────────────────────────── */
.foot-branch__row{padding:6px 0;min-height:34px;align-items:center}
.foot-branch__row .ic{margin-top:0}
.branch__row a{display:inline-block;padding:3px 0}
.sources li{padding-top:2px;padding-bottom:2px}

/* ── Scroll-reveal (yüngül, hərəkət azaldılanda söndürülür) ── */
@media(prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(16px);transition:opacity .55s cubic-bezier(.2,.7,.2,1),transform .55s cubic-bezier(.2,.7,.2,1)}
  .rv.is-in{opacity:1;transform:none}
  .rv-d1{transition-delay:.06s}.rv-d2{transition-delay:.12s}.rv-d3{transition-delay:.18s}
}

/* ── Hero kompozisiyası (masaüstü): daha az örtmə ────────── */
@media(min-width:941px){
  .hero__in{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
  .hero__arch{width:64%;max-width:400px}
  .hero__card{width:min(56%,318px);bottom:-8px}
  .hero__pill--1{right:auto;left:38%;top:26px;bottom:auto}
  .hero__visual{min-height:560px}
}
@media(min-width:941px) and (max-width:1180px){
  .hero__card{width:58%}
  .hero__pill--1{display:none}
}

/* ═══════════════════════════════════════════════════════════
   v3 — LAYOUT: yapışqan sol rail (28%), ARIA tabs / scroll-spy,
   yapışqan CTA, mobil jump-menyu və alt hərəkət zolağı
   ═══════════════════════════════════════════════════════════ */
.pagewrap{grid-template-columns:minmax(248px,28%) minmax(0,1fr);gap:44px;padding-top:28px}
.pagewrap .wrap{max-width:none;padding-inline:0}
.pagewrap .prose{max-width:68ch}
@media(max-width:1080px){.pagewrap .prose{max-width:none}}

/* Rail: sütun — siyahı sürüşür, CTA həmişə görünür */
.srail{position:sticky;top:calc(var(--hd) + 14px);display:flex;flex-direction:column;
  max-height:calc(100vh - var(--hd) - 28px)}
.srail__scroll{overflow:auto;min-height:0;padding:2px 6px 8px 2px;scrollbar-width:thin;
  scrollbar-color:#cfe3d9 transparent;overscroll-behavior:contain}
.srail__i{grid-template-columns:36px 1fr;padding:10px 12px}
.srail__i.is-active,.srail__i[aria-selected="true"]{background:var(--rcb);
  border-color:color-mix(in srgb,var(--rc) 28%,transparent)}
.srail__i[aria-selected="true"] .srail__ic,.srail__i.is-active .srail__ic{background:var(--rc);color:#fff}
.srail__i:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px}
.srail__num{font:700 12.5px/1 var(--sans);letter-spacing:.02em}
.srail__i[aria-current="true"]{background:var(--rcb);border-color:color-mix(in srgb,var(--rc) 28%,transparent)}
.srail__i[aria-current="true"] .srail__ic{background:var(--rc);color:#fff}

.srail__grp{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.srail__gt{display:flex;align-items:center;gap:7px;font-size:.71875rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin:0 0 8px 12px}
.srail__gt .ic{color:var(--teal-cta)}
.srail__glist{list-style:none;margin:0;padding:0;display:grid;gap:1px}
.srail__glist a,.srail__glist span{display:flex;align-items:center;gap:9px;padding:7px 12px;border-radius:10px;
  font-size:.8625rem;color:var(--ink-2);line-height:1.35}
.srail__glist a:hover{background:var(--soft);color:var(--ink)}
.srail__glist a.is-active{background:var(--mint);color:var(--green-ink);font-weight:600}
.srail__glist .ic{color:var(--muted-2);flex:none}
.srail__glist a.is-active .ic{color:var(--green-cta)}


.pagewrap--toc .prose h3[id],.pagewrap--toc .prose h2[id],.pagewrap--toc [id]{scroll-margin-top:calc(var(--hd) + 28px)}

/* Jump-menyu (mobil) — masaüstündə gizli */
.jump{display:none}
.jump__gt{font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;
  padding:12px 12px 4px}
.jump__sub{color:var(--ink-2)!important;font-size:.8625rem!important}
.jump__sub .ic{color:var(--muted-2)}

@media(max-width:1080px){
  .pagewrap{grid-template-columns:1fr;gap:14px;padding-top:0}
  .srail{display:none}
  .jump{display:block;position:sticky;top:var(--hd);z-index:80;margin:0 -22px;padding:8px 22px;
    background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    border-bottom:1px solid var(--line)}
  .jump__btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--hairline);
    border-radius:14px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--sh-1)}
  .jump__k{font-size:.65625rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;flex:none}
  .jump__cur{flex:1;font-size:.90625rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .jump__caret{color:var(--teal-cta);transition:transform .2s;flex:none}
  .jump[data-open] .jump__caret{transform:rotate(180deg)}
  .jump__panel{margin-top:8px;background:#fff;border:1px solid var(--hairline);border-radius:16px;
    box-shadow:var(--sh-3);padding:8px;max-height:min(62vh,520px);overflow:auto;overscroll-behavior:contain}
  .jump__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
  .jump__list a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:.90625rem;
    font-weight:500;color:var(--ink);min-height:44px}
  .jump__list a.is-active{background:var(--rcb,var(--mint));font-weight:600}
  .jump__list .sm__ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
    background:var(--rcb,var(--mint));color:var(--rc,var(--green-link));flex:none}
  .jump__list a.is-active .sm__ic{background:var(--rc,var(--green-cta));color:#fff}
}

@media print{.jump{display:none!important}}

/* ── Dil tipoqrafiyası: DE mürəkkəb sözlər, RU Kiril ────── */
html[lang="de"]{hyphens:auto;-webkit-hyphens:auto}
html[lang="de"] .mainnav > ul > li > a,html[lang="ru"] .mainnav > ul > li > a{font-size:.85rem;padding:9px 7px}
html[lang="de"] .srail__tx b,html[lang="de"] .submenu b,html[lang="de"] .jump__cur,
html[lang="de"] .card h3,html[lang="de"] .btn{overflow-wrap:anywhere;hyphens:auto}
html[lang="de"] .hero h1{font-size:clamp(2rem,4.3vw,3.2rem)}
html[lang="ru"] .hero h1{font-size:clamp(2rem,4.4vw,3.3rem)}
html[lang="de"] .hero__meta span,html[lang="ru"] .hero__meta span{max-width:14ch}
@media(max-width:1360px){html[lang="de"] .mainnav > ul > li > a,html[lang="ru"] .mainnav > ul > li > a{font-size:.8125rem;padding:9px 5px}}

/* ── Klinik infoqrafika (inline SVG) ─────────────────────── */
.infog{margin:1.8em 0;background:var(--soft);border:1px solid var(--hairline);
  border-radius:var(--r-xl);padding:22px 22px 16px}
.infog__svg svg{width:100%;height:auto;max-width:560px;margin:0 auto;display:block;font-family:var(--sans)}
.infog figcaption{margin-top:12px;font-size:.875rem;color:var(--ink-2);line-height:1.55;text-align:left}
.ig__body{fill:#fff;stroke:#b9d8cb;stroke-width:1.3}
.ig__spine{fill:none;stroke:var(--green-link);stroke-width:2.2;stroke-linecap:round}
.ig__hi{fill:none;stroke:#d64545;stroke-width:2.8;stroke-linecap:round}
.ig__rot{stroke:#d64545;stroke-width:1.4;stroke-linecap:round}
.ig__ground{stroke:#9fbfb1;stroke-width:1.5;stroke-dasharray:4 4}
.ig__arch{fill:none;stroke:transparent}
.ig__plumb{stroke:var(--teal-cta);stroke-width:1.2;stroke-dasharray:4 4}
.ig__guide{stroke:#7fb39c;stroke-width:1.2;stroke-dasharray:3 3}
.ig__t{font-size:.71875rem;font-weight:600;fill:var(--ink)}
.ig__t--sm{font-size:.5625rem;font-weight:500;fill:var(--muted)}

/* Vizual h3, semantik h2 (başlıq iyerarxiyası h1→h2→h3) */
.prose h2.h3{font-family:var(--sans);font-size:1.24rem;margin:2em 0 .55em;color:var(--green-ink);letter-spacing:-.01em;font-weight:600}
.prose h2.h3:first-child{margin-top:0}
.pagewrap--toc .prose h2.h3[id]{scroll-margin-top:calc(var(--hd) + 28px)}

/* ── Başlıq sıxlığı: uzun dil etiketləri üçün ───────────── */
.site-head__in{gap:18px}
.mainnav > ul > li > a{padding:9px 7px;font-size:.875rem}
.site-head__cta .btn--primary{padding:10px 15px;font-size:.875rem}
/* JS: nav sığmırsa CTA yalnız ikon olur */
.site-head.is-tight .site-head__cta .btn--primary span{display:none}
.site-head.is-tight .site-head__cta .btn--primary{width:44px;height:44px;padding:0;justify-content:center}
@media(max-width:1360px){.mainnav > ul > li > a{font-size:.85rem;padding:9px 6px}}
/* Başlıq üçün bir az geniş konteyner (uzun dil etiketləri) */
.site-head .wrap{max-width:1260px}
@media(max-width:1360px){.mainnav > ul > li > a{font-size:.8375rem;padding:9px 5px}.site-head__in{gap:14px}}

/* ── Uzun dil etiketli düymələr kiçik ekranda sətrə keçsin ── */
@media(max-width:520px){
  .btn{white-space:normal;text-align:center;max-width:100%}
  .btn--lg{padding:14px 22px;font-size:.96875rem}
  .phead__meta .btn,.hero__actions .btn{width:auto}
}
@media(max-width:1080px){.pagewrap{overflow-x:clip}}
/* Uzun jump-etiketi grid sütununu genişlətməsin */
@media(max-width:1080px){
  .pagewrap{grid-template-columns:minmax(0,1fr)}
  .jump__btn{min-width:0}
  .jump__cur{min-width:0}
  .jump__k{white-space:nowrap;max-width:38%;overflow:hidden;text-overflow:ellipsis}
}

/* ═══════════════════════════════════════════════════════════
   v4 — YIĞCAM GÖRÜNÜŞ + SAKİT PALİTRA
   · Alt başlıqlar yalnız klikdən sonra (native details/summary);
     səhifə sürüşdürüləndə ekrana girən bölmə özü açılır (main.js)
   · Şəkil arxasında halqa / yarımdairə / mesh / nöqtə effektləri YOXDUR
   · Gradient düymələr → yastı brend yaşılı; yaşıl = hərəkət, firuzəyi = məlumat
   · Səhifə keçidi: cross-document view transition (JS yoxdur, sorğu yoxdur)
   ═══════════════════════════════════════════════════════════ */
:root{
  --ink:#0f2620; --ink-2:#34504a; --muted:#4f6a5f;
  --green-cta:#007f55; --green-cta-h:#00704b;
  --soft:#f4f9f6; --mint:#e6f2ec; --aqua:#e5f2f2; --sand:#faf7f1;
  --line:#dfe9e4; --line-2:#ecf2ee; --hairline:rgba(15,38,32,.1);
  --green-deep:#0b2f27;
  --sh-2:0 1px 2px rgba(15,38,32,.04),0 12px 30px -14px rgba(15,38,32,.16);
  --sh-3:0 2px 4px rgba(15,38,32,.04),0 24px 56px -24px rgba(15,38,32,.22);
}
::selection{background:#cdeadb}
.eyebrow{background:var(--aqua)}
.topbar{background:var(--green-deep)}
.cta-band p{color:#c6ddd3}

/* ── Baş menyu: <details> — klik açır, hover açmır ──────── */
.navdd{position:relative}
.navdd__s{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:9px 7px;
  border-radius:999px;font-size:.875rem;font-weight:500;color:var(--ink-2);white-space:nowrap;user-select:none;
  position:relative;transition:background .15s,color .15s}
.navdd__s::-webkit-details-marker{display:none}
.navdd__s::marker{content:''}
.navdd__s:hover{background:var(--soft);color:var(--green-link)}
.navdd__s.is-active{color:var(--green-link);background:var(--mint)}
.navdd__s.is-active::after{content:'';position:absolute;left:50%;bottom:2px;width:4px;height:4px;border-radius:50%;
  background:var(--green);translate:-50% 0}
.navdd[open] > .navdd__s{background:var(--mint);color:var(--green-ink)}
.navdd__s:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px}
.submenu__all[aria-current="page"]{background:var(--mint)}
@media(max-width:1360px){.navdd__s{font-size:.8375rem;padding:9px 5px}}
html[lang="de"] .navdd__s,html[lang="ru"] .navdd__s{font-size:.85rem;padding:9px 7px}
@media(max-width:1360px){html[lang="de"] .navdd__s,html[lang="ru"] .navdd__s{font-size:.8125rem;padding:9px 5px}}

/* ── Mobil menyu: qrup başlığı kliklə açılır ───────────── */
.mobnav__s{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 0 12px;font-weight:700;font-size:1.03125rem;color:var(--ink);user-select:none;-webkit-tap-highlight-color:transparent}
.mobnav__s::-webkit-details-marker{display:none}
.mobnav__s::marker{content:''}
.mobnav__caret{color:var(--muted-2);transition:transform .22s}
.mobnav__dd[open] > .mobnav__s .mobnav__caret{transform:rotate(180deg);color:var(--green-cta)}
.mobnav__sub{padding-bottom:6px}
.mobnav__list .mobnav__sub .mobnav__all{font-weight:600;color:var(--green-link)}
.mobnav__list .mobnav__sub .mobnav__all .sm__ic{background:var(--mint);color:var(--green-link)}

/* ── Sol rail: ikinci dərəcəli qruplar yığcam ──────────── */
.srail__grp{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.srail__gt{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;
  margin:0;user-select:none;color:var(--muted);transition:background .15s,color .15s}
.srail__gt::-webkit-details-marker{display:none}
.srail__gt::marker{content:''}
.srail__gt span{flex:1;min-width:0}
.srail__gt:hover,.srail__grp[open] > .srail__gt{background:var(--soft);color:var(--ink)}
.srail__gt:focus-visible{outline:2.5px solid var(--teal);outline-offset:1px}
.srail__gx{color:var(--muted-2);transition:transform .22s}
.srail__grp[open] > .srail__gt .srail__gx{transform:rotate(180deg)}
.srail__glist{margin-top:4px}

/* ── Yığcam bölmələr (fold): rail bəndi ilə eyni rəng ───── */
.fold{border-top:1px solid var(--line);margin:0}
.fold:last-of-type{border-bottom:1px solid var(--line)}
.fold__h{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 6px 16px 2px;cursor:pointer;
  user-select:none;-webkit-tap-highlight-color:transparent;border-radius:12px;transition:background .18s}
.fold__h::-webkit-details-marker{display:none}
.fold__h::marker{content:''}
.fold__h:hover{background:var(--soft)}
.fold__h:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px}
.fold__ic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:var(--rcb,var(--mint));color:var(--rc,var(--green-link));transition:background .2s,color .2s}
.fold[open] > .fold__h .fold__ic{background:var(--rc,var(--green-cta));color:#fff}
.fold__num{font:700 13px/1 var(--sans);letter-spacing:.02em}
.prose .fold__t,.folds .fold__t,.fold__t{flex:1;min-width:0;margin:0;font-family:var(--serif);font-weight:600;
  font-size:1.32rem;line-height:1.25;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
.fold__h:hover .fold__t{color:var(--green-link)}
.fold__meta{flex:none;font-family:var(--sans);font-size:.78125rem;font-weight:600;color:var(--muted);white-space:nowrap;
  padding:5px 10px;border-radius:999px;background:var(--soft)}
.fold__x{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;
  color:var(--muted);background:#fff;transition:transform .28s cubic-bezier(.2,.7,.2,1),background .2s,color .2s,border-color .2s}
.fold[open] > .fold__h .fold__x{transform:rotate(180deg);background:var(--ink);color:#fff;border-color:var(--ink)}
.fold__body{padding:4px 6px 30px 54px}
.fold__body > :first-child{margin-top:0}
.fold__body > :last-child{margin-bottom:0}
.fold__lead{font-size:1.0625rem;color:var(--ink-2);max-width:66ch;margin:0 0 22px}
@media(prefers-reduced-motion:no-preference){
  .fold[open] > .fold__body{animation:fold-in .34s cubic-bezier(.2,.7,.2,1) both}
  @keyframes fold-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
}
/* prose içində: köhnə h2.h3 / h3 blokların yerini tutur */
.prose .fold{margin:.5em 0 0}
.prose .fold + p,.prose .fold + .infog,.prose .fold + .callout,.prose .fold + .divider,.prose .fold + .pullquote{margin-top:1.8em}
.fold .related,.fold .sources{margin:0;padding:0;border:0}
.fold .posters{margin:0}
.pagewrap--toc .fold[id],.pagewrap--nav .fold[id]{scroll-margin-top:calc(var(--hd) + 24px)}
/* Siyahı səhifələri: kateqoriya bölmələri; kartlar kateqoriya rəngini daşıyır */
.folds .fold--cat .fold__t{font-size:clamp(1.35rem,2.2vw,1.7rem)}
.fold--cat .fold__h{padding:22px 6px 22px 2px}
.fold--cat .fold__body{padding:6px 0 40px}
.fold--cat .card__ic{background:var(--rcb);color:var(--rc)}
.fold--cat .card:hover .card__ic{background:var(--rc);color:#fff}
.pagewrap .folds{padding-top:4px}
@media(max-width:1080px){.pagewrap .folds{padding-top:12px}}
@media(max-width:640px){
  .fold__h{gap:11px;padding:14px 2px}
  .fold__ic{width:32px;height:32px;border-radius:10px}
  .fold__meta{font-size:.6875rem;padding:4px 8px;order:3}
  .prose .fold__t,.folds .fold__t,.fold__t{font-size:1.15rem}
  .fold__body{padding:2px 0 24px}
  .fold--cat .fold__body{padding:2px 0 28px}
  .fold__x{width:28px;height:28px}
}
@media print{.fold__x{display:none}.fold{break-inside:avoid}}

/* ── Komanda üzvü: foto + yığcam bölmələr ───────────────── */
.doc--member{grid-template-columns:260px minmax(0,1fr);gap:36px;margin-bottom:1em}
.doc--member .doc__photo{max-width:260px}
.doc__place{margin:14px 0 0;font-size:.90625rem;color:var(--muted);line-height:1.5}
.doc__place .ic{vertical-align:-3px;color:var(--teal-cta)}
@media(max-width:860px){.doc--member{grid-template-columns:1fr;gap:24px}}

/* ── Səhifə keçidi: yalnız dəstəkləyən brauzerlərdə, yükləmə vaxtına təsir etmir ── */
@view-transition{navigation:auto}
@media(prefers-reduced-motion:no-preference){
  ::view-transition-old(root){animation:vt-out .14s ease-in both}
  ::view-transition-new(root){animation:vt-in .26s cubic-bezier(.2,.7,.2,1) both}
  @keyframes vt-out{to{opacity:0}}
  @keyframes vt-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  .site-head{view-transition-name:site-head}
  .topbar{view-transition-name:topbar}
  ::view-transition-old(site-head),::view-transition-new(site-head),
  ::view-transition-old(topbar),::view-transition-new(topbar){animation:none;mix-blend-mode:normal}
}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ═══════════════════════════════════════════════════════════
   v5 — İDARƏLƏR: «yumşaq şüşə» (soft-glass)
   Klassik yastı düymə yox: hər idarə element nazik işıq kənarı,
   yumşaq daxili işıqlanma və altında yayılan kölgə ilə səthdən
   qalxır. Dolğun (aktiv) hallar parıltılı brend həbi + işıq haləsi.
   Rəng brend yaşılıdır; ağ mətnli hər dolğu ≥4,9:1 (WCAG AA).
   ═══════════════════════════════════════════════════════════ */
:root{
  /* Açıq fonda şüşə səth */
  --gl:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,255,255,.72));
  --gl-b:rgba(255,255,255,.9);
  --gl-sh:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(15,38,32,.06),
          0 1px 2px rgba(15,38,32,.05),0 8px 18px -12px rgba(15,38,32,.3);
  --gl-sh-h:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(15,38,32,.08),
            0 2px 4px rgba(15,38,32,.06),0 14px 26px -14px rgba(15,38,32,.38);
  /* Parıltılı brend dolğusu — ən açıq nöqtəsi #008058 (ağ mətn 4,97:1) */
  --fill:linear-gradient(180deg,#008058 0%,#00714c 55%,#00623f 100%);
  --fill-h:linear-gradient(180deg,#00734e 0%,#006644 55%,#005839 100%);
  --fill-sh:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -2px 6px rgba(0,0,0,.14),
            0 1px 2px rgba(15,38,32,.12),0 10px 22px -12px rgba(0,110,74,.7);
  /* Tünd fonda şüşə */
  --gld:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
  --gld-b:rgba(255,255,255,.15);
  --gld-sh:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.22);
}

/* ── Düymələr ─────────────────────────────────────────────── */
.btn--primary{background:var(--fill);border-color:rgba(0,86,57,.45);box-shadow:var(--fill-sh);color:#fff}
.btn--primary:hover{background:var(--fill-h);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
  inset 0 -2px 6px rgba(0,0,0,.16),0 2px 4px rgba(15,38,32,.14),0 16px 30px -12px rgba(0,110,74,.8)}
.btn--primary:active{transform:translateY(1px);
  box-shadow:inset 0 2px 7px rgba(0,0,0,.25),0 2px 6px -3px rgba(0,110,74,.6)}
.btn--teal{background:linear-gradient(180deg,#00787a 0%,#006a6c 55%,#005c5e 100%);
  border-color:rgba(0,80,82,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),
  inset 0 -2px 6px rgba(0,0,0,.14),0 10px 22px -12px rgba(0,105,107,.7)}
.btn--ghost,.btn--outline{background:var(--gl);border-color:var(--gl-b);box-shadow:var(--gl-sh);color:var(--green-ink)}
.btn--ghost:hover,.btn--outline:hover{background:linear-gradient(180deg,#fff,rgba(238,248,243,.9));
  border-color:#fff;box-shadow:var(--gl-sh-h);color:var(--green-ink)}
.btn--ghost:active,.btn--outline:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(15,38,32,.1)}
.btn--white{background:linear-gradient(180deg,#fff,#f1f7f4);border-color:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(0,0,0,.16),0 14px 28px -14px rgba(0,0,0,.6)}
.btn--white:hover{background:linear-gradient(180deg,#fff,#e9f4ef)}
.btn--outline-white{background:var(--gld);border-color:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 18px -10px rgba(0,0,0,.5)}
.btn--outline-white:hover{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.1))}

/* Üst zolaq yapışqan başlıqdan yuxarıda dursun (açılan panellər örtülməsin) */
.topbar{position:relative;z-index:130}

/* ── Üst zolaqdakı sosial ikonlar: yığcam şüşə lövhə ──────── */
.social--sm a{background:var(--gld);border:1px solid var(--gld-b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.social--sm a:hover{background:var(--fill);border-color:rgba(0,86,57,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 4px 12px -4px rgba(0,168,112,.5)}

/* ── İkon çipləri: şüşə lövhə → aktivdə parıltılı dolğu ───── */
.card__ic,.fold__ic,.srail__ic,.submenu .sm__ic,.mobnav__sub .sm__ic,.jump__list .sm__ic{
  background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.14)),var(--rcb,var(--mint));
  border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(15,38,32,.05),
             0 1px 2px rgba(15,38,32,.05),0 6px 14px -10px rgba(15,38,32,.4);
  transition:background .2s,box-shadow .2s,color .2s,border-color .2s}
.card__ic--teal{--rcb:var(--aqua);--rc:var(--teal-cta);color:var(--teal-cta)}
.card:hover .card__ic,
.fold[open] > .fold__h .fold__ic,
.srail__i.is-active .srail__ic,.srail__i[aria-current="true"] .srail__ic,
.jump__list a.is-active .sm__ic,.submenu a:hover .sm__ic{
  background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0) 62%),var(--rc,var(--green-cta));
  border-color:rgba(255,255,255,.45);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 18px -8px rgba(15,38,32,.55)}

/* ── Yığcam bölmə açarı: şüşə düymə → açıqda «yanmış» hal ─── */
.fold__x{background:var(--gl);border-color:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(15,38,32,.08),0 2px 6px -3px rgba(15,38,32,.35)}
.fold__h:hover .fold__x{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(15,38,32,.12),
  0 4px 10px -4px rgba(15,38,32,.4)}
.fold[open] > .fold__h .fold__x{
  /* Dolğu birbaşa yazılır — `--fill` düymə siniflərinin daxili dəyişənidir
     və burada miras alınmır (yararsız var() fonu şəffaf edirdi). */
  background:linear-gradient(180deg,#008058 0%,#00714c 55%,#00623f 100%);
  border-color:rgba(0,86,57,.5);color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 5px 14px -4px rgba(0,168,112,.5)}

/* ── Sol rail bəndləri, keçid siyahıları, etiketlər ───────── */
.srail__i:hover{background:var(--gl);border-color:var(--gl-b);box-shadow:var(--gl-sh)}
.srail__i.is-active,.srail__i[aria-current="true"]{
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.35)),var(--rcb,var(--mint));
  border-color:rgba(255,255,255,.9);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,38,32,.05),0 8px 18px -12px rgba(15,38,32,.4)}
.linklist a,.rel-item,.chip,.eyebrow,.crumbs ol,.factlist li,.acc__item,.side-card:not(.side-card--brand){
  background:var(--gl);border-color:var(--gl-b);box-shadow:var(--gl-sh)}
.eyebrow,.chip{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.5)),var(--aqua)}
.chip--brand{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.35)),var(--mint)}
a.chip:hover,.linklist a:hover,.rel-item:hover{box-shadow:var(--gl-sh-h);border-color:#fff}
.badge{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.25)),var(--mint);
  box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,38,32,.06)}
.badge--teal{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.25)),var(--aqua)}
.badge--sand{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.25)),#f5efe3}

/* ── Açılan panellər: buzlu şüşə ──────────────────────────── */
.submenu,.jump__panel{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.93));
  border-color:rgba(255,255,255,.9);backdrop-filter:blur(14px) saturate(1.35);
  -webkit-backdrop-filter:blur(14px) saturate(1.35);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(15,38,32,.07),
             0 2px 6px rgba(15,38,32,.06),0 26px 50px -26px rgba(15,38,32,.45)}
.hero__meta{background:var(--gl);border-color:var(--gl-b);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(15,38,32,.06),0 12px 26px -18px rgba(15,38,32,.42)}
.hero__pill{background:var(--gl);border-color:var(--gl-b);box-shadow:var(--gl-sh)}
.hero__pill .ic{background:var(--fill);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}

/* ── Hamburger, yuxarı düyməsi, mobil zolaq ───────────────── */
.burger{background:var(--gl);border-color:var(--gl-b);box-shadow:var(--gl-sh)}
.burger:hover{background:linear-gradient(180deg,#fff,rgba(238,248,243,.9));box-shadow:var(--gl-sh-h);border-color:#fff}
body.nav-open .burger{background:var(--fill);border-color:rgba(0,86,57,.5);color:#fff;box-shadow:var(--fill-sh)}
.totop{background:var(--fill);box-shadow:var(--fill-sh)}
.totop:hover{background:var(--fill-h)}
.jump__btn{background:var(--gl);border-color:var(--gl-b);box-shadow:var(--gl-sh)}

/* ── Baş menyu: hover ilə açılan alt menyu (v5) ───────────── */
/* Başlıqla panel arasındakı 6px boşluqda kursor «düşməsin» */
.submenu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
@media(prefers-reduced-motion:no-preference){
  .navdd[open] > .submenu{animation:navdd-in .18s cubic-bezier(.2,.7,.2,1) both}
  @keyframes navdd-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}
.navdd__s:hover{background:var(--gl);box-shadow:var(--gl-sh);color:var(--green-ink)}
.navdd[open] > .navdd__s{background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.4)),var(--mint);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(15,38,32,.07)}

/* Hərəkət azaldılanda qalxma effektləri sönür (kölgə qalır) */
@media(prefers-reduced-motion:reduce){
  .btn:hover,.card:hover,.gal__i:hover,.ba:hover{transform:none}
}

/* ═══════════════════════════════════════════════════════════
   v6 — DÜYMƏLƏR: «EDİTORİAL MÜRƏKKƏB» (Editorial Ink)
   Həb (999px), parıltı, rəngli halə və qalxma effekti LƏĞV edilir.
   Yeni sistem:
     · Forma: ~10px kvadrat-dairə (squircle) — nə həb, nə iti künc
     · Dolğu: tünd mürəkkəb (--ink) — yastı, gradientsiz;
       brend yaşılı YALNIZ ikon vurğusu kimi (tək aksent)
     · Kənar: 1px nazik üzük (hairline ring), bevel yox
     · Tipoqrafiya: 600 çəki, -.012em izləmə, tabular rəqəmlər
     · İmza hərəkət: ikon 4px sürüşür, etiket 2px onu izləyir
       (düymənin eni DƏYİŞMİR — padding sağa-sola köçür);
       kontur variantlarında soldan sağa mürəkkəb dolğu süpürməsi
     · Basış: 1px aşağı, kölgə itir (yaylanma yox)
   Bütün mətn/fon cütləri ≥4,5:1, ikon/üzük ≥3:1 (WCAG AA).
   Bu blok fayl SONUNDA durur və əvvəlki bütün .btn qaydalarını
   kaskadla (eyni və ya yüksək spesifiklik) əvəz edir. HTML dəyişmir.
   ═══════════════════════════════════════════════════════════ */
:root{
  --b-ink:#10241d;            /* əsas dolğu — ağ mətn 16,3:1 */
  --b-ink-h:#17362c;          /* hover — ağ mətn 13,1:1 */
  --b-ink-a:#0a1a14;          /* basış — ağ mətn 17,9:1 */
  --b-leaf:#2bbf87;           /* hover-də ikon vurğusu (mürəkkəb üzərində 5,6:1) */
  --b-teal-h:#0b5253;         /* firuzəyi hover — ağ mətn 9,0:1 */
  --b-teal-a:#042c2d;
  --b-teal-leaf:#2bb3b5;
  --b-ring:rgba(16,36,29,.16);      /* açıq səthdə nazik üzük */
  --b-ring-h:rgba(16,36,29,.32);
  --b-ring-ink:rgba(255,255,255,.08);   /* mürəkkəb üzərində daxili işıq xətti */
  --b-ring-leaf:rgba(0,151,100,.55);    /* hover-də üzük yaşıla isinir */
  --b-ease:cubic-bezier(.2,.7,.2,1);
  --b-dis-bg:#e6eeea; --b-dis-fg:#3a5349;   /* 7,1:1 */
}

/* ── Baza ──────────────────────────────────────────────────── */
.btn{
  /* ölçü dəyişənləri — kontekstlər bunları dəyişir */
  --h:46px; --px:20px; --py:12px; --fs:15px; --r:10px; --ic:18px;
  --sx:0px;                       /* hover-də etiket sürüşməsi (eni sabit) */
  position:relative; isolation:isolate;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:var(--h);
  padding:var(--py) calc(var(--px) + var(--sx)) var(--py) calc(var(--px) - var(--sx));
  border:1px solid transparent; border-radius:var(--r);
  font-family:var(--sans); font-weight:600; font-size:var(--fs); line-height:1.2;
  letter-spacing:-.012em; font-variant-numeric:tabular-nums; text-decoration:none;
  white-space:nowrap; cursor:pointer; user-select:none; -webkit-tap-highlight-color:transparent;
  background-image:none; text-shadow:none; transform:none;
  transition:background-color .22s var(--b-ease),color .22s var(--b-ease),border-color .22s var(--b-ease),
             box-shadow .22s var(--b-ease),padding .26s var(--b-ease),transform .08s ease-out;
}
@supports (corner-shape:squircle){
  .btn{corner-shape:squircle;border-radius:calc(var(--r) + 3px)}
  .btn::before{corner-shape:inherit}      /* süpürmə qatı eyni künc formasını alsın — tikiş qalmasın */
}
.btn:hover{transform:none;--sx:2px}
.btn:active{transform:translateY(1px)}
.btn--sm{--h:38px;--px:15px;--py:8px;--fs:13.75px;--r:8px;--ic:16px;gap:7px}
.btn--lg{--h:52px;--px:26px;--py:14px;--fs:16px;--r:11px;--ic:19px;gap:10px}
.btn--block{display:flex;width:100%}

/* Süpürmə qatı (kontur variantları üçün) — məzmunun arxasında */
.btn::before{
  content:''; position:absolute; inset:-1px; z-index:-1; border-radius:inherit;
  background:transparent; transform:scaleX(0); transform-origin:0 50%;
  transition:transform .32s var(--b-ease),background-color .22s var(--b-ease);
}

/* ── İkon: optik hizalama + imza sürüşmə ───────────────────── */
.btn > .ic{
  width:var(--ic); height:var(--ic); stroke-width:1.85;   /* 600 çəkili etiketlə uyğun */
  translate:0 -.5px;                                      /* optik mərkəz */
  transition:transform .28s var(--b-ease),color .22s var(--b-ease);
}
/* Etiket çılpaq mətn düyünüdür → ikon həm :first-, həm :last-child olur;
   ona görə tək qayda: hər ikon 4px, etiket 2px (--sx) sürüşür */
.btn:hover > .ic{transform:translateX(4px)}

/* ── Əsas (mürəkkəb) ───────────────────────────────────────── */
.btn--primary{
  background:var(--b-ink); color:#fff; border-color:var(--b-ring-ink);
  box-shadow:0 1px 2px rgba(16,36,29,.16);
}
.btn--primary > .ic{color:var(--green)}                   /* tək brend aksenti */
.btn--primary:hover{background:var(--b-ink-h);color:#fff;border-color:var(--b-ring-leaf);
  box-shadow:0 6px 14px -8px rgba(16,36,29,.5)}
.btn--primary:hover > .ic{color:var(--b-leaf)}
.btn--primary:active{background:var(--b-ink-a);color:#fff;box-shadow:none;transform:translateY(1px)}

/* ── Firuzəyi (tək istifadə) ───────────────────────────────── */
.btn--teal{background:var(--teal-ink);color:#fff;border-color:var(--b-ring-ink);
  box-shadow:0 1px 2px rgba(6,63,64,.18)}
.btn--teal > .ic{color:var(--teal)}
.btn--teal:hover{background:var(--b-teal-h);color:#fff;border-color:rgba(0,151,153,.5);
  box-shadow:0 6px 14px -8px rgba(6,63,64,.5)}
.btn--teal:hover > .ic{color:var(--b-teal-leaf)}
.btn--teal:active{background:var(--b-teal-a);box-shadow:none;transform:translateY(1px)}

/* ── Ghost (ağ/yumşaq səthdə ikinci dərəcəli) ─────────────── */
.btn--ghost{background:#fff;color:var(--b-ink);border-color:var(--b-ring);box-shadow:var(--sh-1)}
.btn--ghost > .ic{color:var(--green-link)}
.btn--ghost:hover{background:var(--soft);color:var(--b-ink);border-color:var(--b-ring-h);
  box-shadow:0 4px 12px -8px rgba(16,36,29,.35)}
.btn--ghost:active{background:var(--mint);box-shadow:none;transform:translateY(1px)}

/* ── Kontur (hero-da əsasın yanında) — hover: mürəkkəb süpürməsi ─ */
.btn--outline{background:transparent;color:var(--b-ink);border-color:rgba(16,36,29,.5);box-shadow:none}
.btn--outline > .ic{color:var(--green-link)}
.btn--outline::before{background:var(--b-ink)}
.btn--outline:hover{background:transparent;color:#fff;border-color:var(--b-ink)}
.btn--outline:hover::before{transform:scaleX(1)}
.btn--outline:hover > .ic{color:var(--green)}
.btn--outline:active{color:#fff;box-shadow:none;transform:translateY(1px)}
.btn--outline:active::before{background:var(--b-ink-a)}

/* ── Tünd zolaq (.cta-band): ağ + ağ kontur ────────────────── */
.btn--white{background:#fff;color:var(--b-ink);border-color:rgba(16,36,29,.08);
  box-shadow:0 1px 2px rgba(0,0,0,.2)}
.btn--white > .ic{color:var(--green-link)}
.btn--white:hover{background:var(--mint);color:var(--b-ink);border-color:rgba(16,36,29,.14);
  box-shadow:0 6px 14px -8px rgba(0,0,0,.45)}
.btn--white:active{background:#dcefe5;box-shadow:none;transform:translateY(1px)}

.btn--outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.42);box-shadow:none}
.btn--outline-white > .ic{color:var(--green)}
.btn--outline-white::before{background:#fff}
.btn--outline-white:hover{background:transparent;color:var(--b-ink);border-color:#fff}
.btn--outline-white:hover::before{transform:scaleX(1)}
.btn--outline-white:hover > .ic{color:var(--green-link)}
.btn--outline-white:active{color:var(--b-ink);transform:translateY(1px)}
.btn--outline-white:active::before{background:#dcefe5}

/* ── Fokus: ağ + firuzəyi ikiqat üzük (ağda 3,6:1 · tünd zolaqda 3,9:1) ─ */
.btn:focus-visible,.btn:focus-visible:hover{
  outline:0; box-shadow:0 0 0 2px #fff,0 0 0 4px var(--teal);
}

/* ── Qeyri-aktiv ───────────────────────────────────────────── */
.btn[aria-disabled="true"],.btn.is-disabled,
.btn[aria-disabled="true"]:hover,.btn.is-disabled:hover,
.btn[aria-disabled="true"]:active,.btn.is-disabled:active{
  --sx:0px; background:var(--b-dis-bg); color:var(--b-dis-fg); border-color:transparent;
  box-shadow:none; transform:none; cursor:not-allowed;
}
.btn[aria-disabled="true"] > .ic,.btn.is-disabled > .ic{color:currentColor;transform:none;opacity:.7}
.btn[aria-disabled="true"]::before,.btn.is-disabled::before{display:none}
.cta-band .btn[aria-disabled="true"],.cta-band .btn.is-disabled,
.cta-band .btn[aria-disabled="true"]:hover,.cta-band .btn.is-disabled:hover{
  background:rgba(255,255,255,.12); color:#c6ddd3;
}

/* ── Kontekstlər ───────────────────────────────────────────── */
/* Başlıq CTA — yığcam; sıxlıqda / ≤600px-də yalnız ikon kvadratı */
.site-head__cta .btn--primary{
  --h:40px; --px:15px; --py:0; --fs:14px; --r:9px; --ic:17px;
  padding:var(--py) calc(var(--px) + var(--sx)) var(--py) calc(var(--px) - var(--sx)); font-size:var(--fs);
}
.site-head.is-tight .site-head__cta .btn--primary{
  --sx:0px; --r:11px; --ic:20px; width:44px; height:44px; min-height:44px; padding:0; justify-content:center;
}
.site-head.is-tight .site-head__cta .btn--primary > .ic,
.site-head.is-tight .site-head__cta .btn--primary:hover > .ic{transform:none;translate:0 0}
@media(max-width:600px){
  .site-head__cta .btn--primary span{display:none}
  .site-head__cta .btn--primary{--sx:0px;--r:12px;--ic:20px;width:46px;height:46px;min-height:46px;padding:0;justify-content:center}
  .site-head__cta .btn--primary > .ic,
  .site-head__cta .btn--primary:hover > .ic{transform:none;translate:0 0}
}

/* Sol rail CTA kartı — blok düymələr */

/* Mobil menyu altı — toxunma hədəfi ≥48px */
.mobnav__foot .btn--block{--h:48px;--r:11px}


/* Dar ekran: uzun (DE/RU) etiketlər sətrə keçir, hündürlük ≥44px qalır */
@media(max-width:520px){
  .btn{white-space:normal;text-align:center;max-width:100%;line-height:1.25}
  .btn--lg{--h:50px;--px:22px;--py:13px;--fs:15.5px;
    padding:var(--py) calc(var(--px) + var(--sx)) var(--py) calc(var(--px) - var(--sx));font-size:var(--fs)}
  .btn--block{--h:48px}
  .phead__meta .btn,.hero__actions .btn{width:auto}
}

/* ── Hərəkət azaldılanda: sürüşmə, süpürmə və basış sönür ──── */
@media(prefers-reduced-motion:reduce){
  .btn,.btn > .ic,.btn::before{transition:none}
  .btn:hover{--sx:0px}
  .btn:hover > .ic{transform:none}
  .btn:active,.btn--primary:active,.btn--teal:active,.btn--ghost:active,
  .btn--outline:active,.btn--white:active,.btn--outline-white:active{transform:none}
}

/* ── Qraft: basışda «içəri basılma» xətti (parıltısız dərinlik) ──── */
.btn--primary:active,.btn--teal:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.32)}
.btn--ghost:active,.btn--white:active{box-shadow:inset 0 1px 2px rgba(16,36,29,.16)}
.btn--outline:active,.btn--outline-white:active{box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
@media(prefers-reduced-motion:reduce){
  .btn--primary:active,.btn--teal:active,.btn--ghost:active,.btn--white:active,
  .btn--outline:active,.btn--outline-white:active{box-shadow:none}
}

/* ── Toxunma ekranında kiçik düymələr də rahat hədəf olsun (≥44px) ── */
@media(max-width:768px){
  .btn--sm{--h:44px;--py:10px}
}

/* ═══════════════════════════════════════════════════════════
   v7 — DİL SEÇİCİSİ (bayraq) + RƏQƏMSAL VİZİT KARTI
   ═══════════════════════════════════════════════════════════ */

/* ── Dil seçicisi: yalnız cari bayraq görünür, klik digərlərini açır ── */
.langsw{position:relative}
.langsw__btn{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:5px;
  padding:5px 7px 5px 6px;border-radius:999px;user-select:none;
  background:var(--gld);border:1px solid var(--gld-b);box-shadow:var(--gld-sh);
  transition:background .18s,border-color .18s}
.langsw__btn::-webkit-details-marker{display:none}
.langsw__btn::marker{content:''}
.langsw__btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08))}
.langsw__btn:focus-visible{outline:2.5px solid #7fd8b6;outline-offset:2px}
.langsw__caret{color:#9fc4b5;transition:transform .22s;flex:none}
.langsw[open] > .langsw__btn .langsw__caret{transform:rotate(180deg);color:#fff}
.flag{display:block;flex:none;border-radius:3px}

.langsw__menu{position:absolute;right:0;top:calc(100% + 8px);z-index:140;
  list-style:none;margin:0;padding:6px;display:grid;gap:3px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.94));
  border:1px solid var(--gl-b);border-radius:14px;
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(15,38,32,.08),0 22px 44px -22px rgba(15,38,32,.5);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.langsw__i{display:grid;place-items:center;width:40px;height:34px;border-radius:10px;
  transition:background .16s,transform .16s}
.langsw__i:hover{background:var(--mint)}
.langsw__i:focus-visible{outline:2.5px solid var(--teal);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
  .langsw[open] > .langsw__menu{animation:navdd-in .18s cubic-bezier(.2,.7,.2,1) both}
}
@media(max-width:620px){
  .langsw__btn{padding:4px 6px}
  .langsw__menu{padding:5px}
  .langsw__i{width:38px;height:32px}
}

/* ── Rəqəmsal vizit kartı ─────────────────────────────────── */
body.is-card{background:var(--soft)}
body.is-card .site-head{border-bottom:1px solid var(--hairline)}
.vcard{padding:26px 0 60px}
.vcard__wrap{width:100%;max-width:460px;margin-inline:auto;padding-inline:18px}

.vcard__id{text-align:center;padding:26px 20px 24px;border-radius:26px;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.86));
  border:1px solid var(--gl-b);
  box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(15,38,32,.05),0 22px 44px -26px rgba(15,38,32,.4)}
.vcard__logo{width:auto;height:44px;margin:0 auto 16px}
.vcard__name{font-family:var(--serif);font-size:clamp(1.5rem,5.5vw,1.85rem);line-height:1.15;
  letter-spacing:-.02em;color:var(--ink)}
.vcard__role{margin:8px 0 0;font-size:.90625rem;color:var(--teal-cta);font-weight:600;
  letter-spacing:.02em}
.vcard__addr{display:flex;align-items:flex-start;justify-content:center;gap:8px;
  margin:14px 0 0;font-size:.90625rem;color:var(--ink-2);line-height:1.5;text-align:left}
.vcard__addr .ic{color:var(--green-link);margin-top:2px;flex:none}

.vcard__acts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
@media(max-width:380px){.vcard__acts{grid-template-columns:1fr}}

.vcard__h{font-family:var(--sans);font-size:.71875rem;letter-spacing:.11em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin:28px 0 10px;padding-left:2px}

.vcard__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vcard__list a{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;
  padding:11px 13px;border-radius:15px;text-decoration:none;color:var(--ink);
  background:var(--gl);border:1px solid var(--gl-b);box-shadow:var(--gl-sh);
  transition:box-shadow .18s,border-color .18s,transform .18s}
.vcard__list a:hover{box-shadow:var(--gl-sh-h);border-color:#fff}
.vcard__list a:active{transform:translateY(1px)}
.vcard__ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:var(--mint);color:var(--green-link)}
.vcard__list b{display:block;font-size:.9375rem;font-weight:600;line-height:1.3}
.vcard__list em{display:block;font-style:normal;font-size:.78125rem;color:var(--muted);margin-top:1px}
.vcard__arr{color:var(--muted-2);flex:none}

.vcard__note{display:flex;gap:11px;align-items:flex-start;margin:14px 0 0;padding:13px 15px;
  border-radius:15px;background:var(--aqua);font-size:.875rem;color:var(--teal-ink);line-height:1.5}
.vcard__note .ic{color:var(--teal-cta);margin-top:2px;flex:none}

/* QR bloku */
.vcard__qr{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;
  margin-top:26px;padding:18px;border-radius:22px;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.9));
  border:1px solid var(--gl-b);box-shadow:inset 0 1px 0 #fff,0 18px 36px -24px rgba(15,38,32,.45)}
.vcard__qrbox{background:#fff;border-radius:14px;padding:8px;border:1px solid var(--line);
  line-height:0}
.vcard__qrbox .qr{width:132px;height:132px;display:block}
.vcard__qrtx .vcard__h{margin:0 0 6px}
.vcard__qrtx p{margin:0;font-size:.84375rem;color:var(--ink-2);line-height:1.5}
.vcard__url{margin-top:8px!important;font-size:.78125rem!important;color:var(--muted)!important;
  word-break:break-all;font-variant-numeric:tabular-nums}
@media(max-width:420px){
  .vcard__qr{grid-template-columns:1fr;justify-items:center;text-align:center}
  .vcard__qrbox .qr{width:150px;height:150px}
}

.vcard__chips{margin-top:2px}
.vcard__chips .chip{font-size:.84375rem;padding:7px 12px}
.vcard__extras{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.vcard__extras li{display:flex;gap:10px;align-items:flex-start;font-size:.90625rem;
  color:var(--ink-2);line-height:1.5}
.vcard__extras .ic{color:var(--green-cta);margin-top:3px;flex:none}
.vcard__extras strong{color:var(--ink)}

.vcard__foot{margin-top:30px;text-align:center;font-size:.84375rem;color:var(--muted)}
.vcard__foot a{color:var(--green-link);font-weight:600}

@media print{
  body.is-card .topbar,body.is-card .site-head,body.is-card .totop{display:none!important}
  .vcard__list a,.vcard__id,.vcard__qr{box-shadow:none;border-color:#ccc}
}

/* ═══════════════════════════════════════════════════════════
   v8 — GECƏ REJİMİ · ƏLÇATANLIQ SEÇİMLƏRİ · SAYT AXTARIŞI
   ───────────────────────────────────────────────────────────
   · Mövzu <html data-theme="light|dark"> ilə idarə olunur; seçim
     ilk boyamadan əvvəl tətbiq edilir (helpers.php ELF_THEME_BOOT),
     ona görə səhifə açılanda ağ sıçrama olmur.
   · Tünd palitrada BÜTÜN mətn/fon cütləri ≥4,5:1, qrafika ≥3:1
     (29 cüt WCAG düsturu ilə hesablanıb — 0 pozuntu).
   · Səthlər qatlıdır (səhifə < kart < vurğu), düz qara istifadə
     olunmur; kölgələr açıq deyil, DAHA DƏRİN olur.
   ═══════════════════════════════════════════════════════════ */

:root{
  --surface:#ffffff;          /* kart/panel səthi — tünd rejimdə dəyişir */
  --mark-bg:#ffe9a8;          /* axtarış vurğusu */
  --mark-fg:#4a3708;
}

/* ── Tünd palitra ─────────────────────────────────────────── */
:root[data-theme="dark"]{
  color-scheme:dark;

  /* Səthlər */
  --bg:#0e1714; --surface:#16211d; --soft:#131d19; --mint:#172a23;
  --aqua:#152726; --sand:#1c1b18;
  --line:#27352f; --line-2:#1e2a25; --hairline:rgba(255,255,255,.1);
  --green-deep:#080f0d;       /* üst zolaq, qəbul zolağı, alt hissə */
  /* Köhnə ad `--green-900` yalnız MƏTN üçün işlənir; tünd rejimdə
     --green-deep-ə bağlı qalsaydı tünd fonda 1,2:1 verərdi. */
  --green-900:#a9e9cb;

  /* Mətn */
  --ink:#e9f1ed; --ink-2:#bacbc3; --muted:#93a89f; --muted-2:#7d938b;

  /* Brend — tünd fonda oxunaqlı çalarlar */
  --green-link:#4fd8a0; --green-ink:#a9e9cb;
  --teal-cta:#4fd0d2;   --teal-ink:#9fe3e4;
  --green-cta:#3ddc9a;  --green-cta-h:#55e5aa;

  /* Kölgələr — dərinləşir */
  --sh-1:0 1px 2px rgba(0,0,0,.45);
  --sh-2:0 1px 2px rgba(0,0,0,.4),0 12px 30px -14px rgba(0,0,0,.75);
  --sh-3:0 2px 4px rgba(0,0,0,.4),0 24px 56px -24px rgba(0,0,0,.9);

  /* Şüşə qatı (v5) — ağ örtük əvəzinə işıq təbəqəsi */
  --gl:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03));
  --gl-b:rgba(255,255,255,.12);
  --gl-sh:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(0,0,0,.35),
          0 1px 2px rgba(0,0,0,.4),0 8px 18px -12px rgba(0,0,0,.8);
  --gl-sh-h:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 1px rgba(0,0,0,.4),
            0 2px 4px rgba(0,0,0,.45),0 14px 26px -14px rgba(0,0,0,.85);
  --gld:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
  --gld-b:rgba(255,255,255,.13);
  --gld-sh:inset 0 1px 0 rgba(255,255,255,.1),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.4);

  /* Düymələr (v6) — əsas düymə çevrilir: açıq yaşıl dolğu + tünd mətn */
  --b-ink:#3ddc9a; --b-ink-h:#55e5aa; --b-ink-a:#31c78b;
  --b-leaf:#08160f;                       /* dolğunun üstündəki ikon */
  --b-teal-h:#5fdcde; --b-teal-a:#3fc4c6; --b-teal-leaf:#062a2b;
  --b-ring:rgba(255,255,255,.18); --b-ring-h:rgba(255,255,255,.34);
  --b-ring-ink:rgba(0,0,0,.16);           /* açıq dolğuda daxili xətt tündləşir */
  --b-ring-leaf:rgba(61,220,154,.55);
  --b-dis-bg:#1e2a25; --b-dis-fg:#93a89f;

  --mark-bg:#5a4a12; --mark-fg:#ffe9a8;
}

/* ── Səthlər: açıq rejimdə #fff sabit yazılmış yerlər ─────── */
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .hero__card,
:root[data-theme="dark"] .linklist a,
:root[data-theme="dark"] .side-card:not(.side-card--brand),
:root[data-theme="dark"] .acc__item,
:root[data-theme="dark"] .vid,
:root[data-theme="dark"] .case,
:root[data-theme="dark"] .stat,
:root[data-theme="dark"] .branch,
:root[data-theme="dark"] .gal__i,
:root[data-theme="dark"] .ba,
:root[data-theme="dark"] .poster,
:root[data-theme="dark"] .figure,
:root[data-theme="dark"] .mobnav,
:root[data-theme="dark"] .burger,
:root[data-theme="dark"] .chip,
:root[data-theme="dark"] .toc li::before,
:root[data-theme="dark"] .srail__i:hover .srail__ic{
  background:var(--surface);
}
:root[data-theme="dark"] .hero{background:var(--bg)}
:root[data-theme="dark"] .hero__bg{background:linear-gradient(180deg,var(--soft) 0%,var(--bg) 72%)}
:root[data-theme="dark"] .phead{background:linear-gradient(180deg,var(--soft),var(--bg))}
:root[data-theme="dark"] .site-head{background:rgba(14,23,20,.85)}
:root[data-theme="dark"] .hero__arch{background:var(--mint)}
:root[data-theme="dark"] .doc__photo{background:var(--mint)}
:root[data-theme="dark"] .infog{background:var(--soft)}

/* Açılan panellər — buzlu tünd şüşə */
:root[data-theme="dark"] .submenu,
:root[data-theme="dark"] .jump__panel,
:root[data-theme="dark"] .langsw__menu,
:root[data-theme="dark"] .srch-pop{
  background:linear-gradient(180deg,rgba(22,33,29,.98),rgba(19,29,25,.96));
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 2px 6px rgba(0,0,0,.5),
             0 26px 50px -26px rgba(0,0,0,.95);
}
/* Bu seçici əvvəl vergüllə aşağıdakı düymə qaydasına yapışmışdı və onun
   ağ mətn/ağ fon bədənini alırdı → mobil keçid zolağı 1,03:1 verirdi. */
:root[data-theme="dark"] .jump{background:rgba(14,23,20,.92);border-bottom-color:var(--line)}


/* Düymələr — əsas düymə açıq yaşıl olduğu üçün mətn tündləşir */
:root[data-theme="dark"] .btn--primary{color:var(--b-leaf)}
:root[data-theme="dark"] .btn--primary:hover,
:root[data-theme="dark"] .btn--primary:active{color:var(--b-leaf)}
:root[data-theme="dark"] .btn--primary > .ic{color:var(--b-leaf)}
:root[data-theme="dark"] .btn--primary:hover > .ic{color:#04463a}
:root[data-theme="dark"] .btn--teal{color:var(--b-teal-leaf)}
:root[data-theme="dark"] .btn--teal > .ic,
:root[data-theme="dark"] .btn--teal:hover > .ic{color:var(--b-teal-leaf)}
:root[data-theme="dark"] .btn--ghost:hover,
:root[data-theme="dark"] .btn--outline:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.28);color:var(--ink)}
:root[data-theme="dark"] .btn--outline{border-color:rgba(255,255,255,.42)}
:root[data-theme="dark"] .btn--outline::before{background:var(--b-ink)}
:root[data-theme="dark"] .btn--outline:hover{color:var(--b-leaf)}
:root[data-theme="dark"] .btn--outline:hover > .ic{color:var(--b-leaf)}
/* Tünd zolaqdakı ağ düymələr olduğu kimi qalır — zolaq hər iki rejimdə tünddür */

/* İkon çipləri: pastel fonlar tünd çalara çevrilir, akssent qalır */
:root[data-theme="dark"] .card__ic,
:root[data-theme="dark"] .fold__ic,
:root[data-theme="dark"] .srail__ic,
:root[data-theme="dark"] .submenu .sm__ic,
:root[data-theme="dark"] .mobnav__sub .sm__ic,
:root[data-theme="dark"] .jump__list .sm__ic,
:root[data-theme="dark"] .vcard__ic{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),
             color-mix(in srgb,var(--rc,var(--green-cta)) 20%,transparent);
  border-color:rgba(255,255,255,.1);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.4);
}
/* Açıq bölmə / aktiv sıra: fon TAM sıra rəngidir. Tünd rejimdə həmin rəng
   açıq çalardır, ona görə ağ mətn 2,4:1 verirdi — mətn tündləşdirilir. */
:root[data-theme="dark"] .card:hover .card__ic,
:root[data-theme="dark"] .fold[open] > .fold__h .fold__ic,
:root[data-theme="dark"] .srail__i.is-active .srail__ic,
:root[data-theme="dark"] .srail__i[aria-current="true"] .srail__ic,
:root[data-theme="dark"] .jump__list a.is-active .sm__ic,
:root[data-theme="dark"] .submenu a:hover .sm__ic{
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 62%),var(--rc,var(--green-cta));
  border-color:rgba(255,255,255,.28);color:#08160f}

:root[data-theme="dark"] .srail__i.is-active,
:root[data-theme="dark"] .srail__i[aria-current="true"]{
  background:color-mix(in srgb,var(--rc,var(--green-cta)) 16%,transparent);
  border-color:color-mix(in srgb,var(--rc,var(--green-cta)) 40%,transparent)}
:root[data-theme="dark"] .jump__list a.is-active{
  background:color-mix(in srgb,var(--rc,var(--green-cta)) 18%,transparent)}

/* Qəbul zolağı və alt hissə — hər iki rejimdə tünd, amma səhifədən fərqlənir */
:root[data-theme="dark"] .cta-band{background:var(--green-deep);
  border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
:root[data-theme="dark"] .site-foot{background:var(--green-deep);
  border-top:1px solid rgba(255,255,255,.07)}
:root[data-theme="dark"] .topbar{background:var(--green-deep)}

/* Klinik infoqrafikalar — açıq fon üçün çəkilib, tündə uyğunlaşdırılır */
:root[data-theme="dark"] .ig__body{fill:#1b2a24;stroke:#3d5a4d}
:root[data-theme="dark"] .ig__spine{stroke:#4fd8a0}
:root[data-theme="dark"] .ig__hi{stroke:#ff7a7a}
:root[data-theme="dark"] .ig__rot{stroke:#ff7a7a}
:root[data-theme="dark"] .ig__ground{stroke:#5c7a6d}
:root[data-theme="dark"] .ig__plumb{stroke:#4fd0d2}
:root[data-theme="dark"] .ig__guide{stroke:#4a7a64}
:root[data-theme="dark"] .ig__t{fill:var(--ink)}
:root[data-theme="dark"] .ig__t--sm{fill:var(--muted)}

/* QR kodu HƏMİŞƏ ağ lövhədə qalır — invers QR bəzi skanerlərdə oxunmur */
:root[data-theme="dark"] .vcard__qrbox{background:#fff;border-color:rgba(255,255,255,.2)}

/* Loqo tünd fonda: ağ variant */
:root[data-theme="dark"] .brand__logo,
:root[data-theme="dark"] .vcard__logo{filter:brightness(0) invert(1) opacity(.92)}

/* ── Əlçatanlıq seçimləri ─────────────────────────────────── */
/* Mətn ölçüsü — bütün rem/px miqyası kök şriftdən asılıdır */
:root[data-fs="lg"]{font-size:112.5%}
:root[data-fs="xl"]{font-size:125%}
:root[data-fs="lg"] body,:root[data-fs="xl"] body{font-size:1rem}

/* Yüksək kontrast — kənarlar sərtləşir, solğun mətn tündləşir */
:root[data-contrast="high"]{
  --muted:#31463d; --muted-2:#3d5449; --ink-2:#16302a;
  --line:#8aa89c; --line-2:#a7bdb3; --hairline:rgba(15,38,32,.42);
  --gl-b:rgba(15,38,32,.42);
}
:root[data-contrast="high"][data-theme="dark"]{
  --muted:#cfe0d8; --muted-2:#bccec6; --ink-2:#e2ece7;
  --line:#7d968c; --line-2:#5f7a70; --hairline:rgba(255,255,255,.5);
  --gl-b:rgba(255,255,255,.5);
}
:root[data-contrast="high"] .card,
:root[data-contrast="high"] .fold,
:root[data-contrast="high"] .srch-item a,
:root[data-contrast="high"] .vcard__list a,
:root[data-contrast="high"] .btn{border-width:2px}
:root[data-contrast="high"] :focus-visible{outline-width:3.5px}
:root[data-contrast="high"] a:not(.btn):not(.chip){text-decoration:underline;text-underline-offset:2px}

/* Keçidlərin altını xətlə */
:root[data-links="underline"] .prose a,
:root[data-links="underline"] .prefs-sample a,
:root[data-links="underline"] main a:not(.btn):not(.chip):not(.card a):not([class*="__"]){
  text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}

/* Hərəkəti azalt — sistem seçimindən asılı olmayan əl ilə söndürmə */
:root[data-motion="reduce"] *,
:root[data-motion="reduce"] *::before,
:root[data-motion="reduce"] *::after{
  animation-duration:.001ms!important;animation-iteration-count:1!important;
  transition-duration:.001ms!important;scroll-behavior:auto!important}
:root[data-motion="reduce"] .rv{opacity:1!important;transform:none!important}
:root[data-motion="reduce"]{scroll-behavior:auto}
/* Saytın öz «animasiyaları dayandır» seçimi səhifə keçidini də söndürür
   (@view-transition atributla şərtləndirilə bilmir — animasiya sıfırlanır) */
:root[data-motion="reduce"]::view-transition-group(*),
:root[data-motion="reduce"]::view-transition-old(*),
:root[data-motion="reduce"]::view-transition-new(*){animation:none!important}
:root[data-motion="reduce"] .btn:hover,
:root[data-motion="reduce"] .card:hover{transform:none}

/* ── Görünüş və əlçatanlıq paneli (üst zolaq) ─────────────── */
.prefs__grp{border:0;margin:0;padding:0;display:grid;gap:7px}
.prefs__lg{padding:0;font-size:.6875rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.prefs__seg{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;
  padding:3px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}
.prefs__seg input{position:absolute;opacity:0;pointer-events:none}
.prefs__seg label{display:grid;justify-items:center;gap:3px;padding:7px 4px;border-radius:9px;
  font-size:.71875rem;font-weight:600;color:var(--ink-2);cursor:pointer;text-align:center;
  transition:background .16s,color .16s}
.prefs__seg label .ic{color:var(--muted)}
.prefs__seg label:hover{background:var(--mint)}
.prefs__seg input:checked + label{background:var(--b-ink);color:var(--surface)}
:root[data-theme="dark"] .prefs__seg input:checked + label{color:var(--b-leaf)}
.prefs__seg input:checked + label .ic{color:currentColor}
.prefs__seg input:focus-visible + label{outline:2.5px solid var(--teal);outline-offset:2px}
.prefs__seg--fs label span{font-family:var(--serif);line-height:1}

.prefs__sw{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;
  font-size:.875rem;color:var(--ink);cursor:pointer;transition:background .16s}
.prefs__sw:hover{background:var(--soft)}
.prefs__sw input{width:18px;height:18px;accent-color:var(--green-cta);flex:none;cursor:pointer}
.prefs__reset{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;
  padding:9px;border-radius:11px;border:1px solid var(--line);background:var(--surface);
  font:600 13px var(--sans);color:var(--ink-2);cursor:pointer;transition:background .16s}
.prefs__reset:hover{background:var(--soft);color:var(--ink)}
.prefs__note{margin:0;font-size:.71875rem;color:var(--muted);line-height:1.45;text-align:center}

/* ── Başlıqdakı ikon düyməsi (axtarış) ────────────────────── */
.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;
  border-radius:999px;color:var(--green-ink);text-decoration:none;
  background:var(--gl);border:1px solid var(--gl-b);box-shadow:var(--gl-sh);
  transition:box-shadow .18s,border-color .18s,color .18s}
.iconbtn:hover{box-shadow:var(--gl-sh-h);border-color:#fff;color:var(--green-link)}
:root[data-theme="dark"] .iconbtn{color:var(--ink)}
:root[data-theme="dark"] .iconbtn:hover{border-color:rgba(255,255,255,.3);color:var(--green-link)}
.iconbtn:active{transform:translateY(1px)}
@media(max-width:600px){.iconbtn{width:42px;height:42px}}

/* ── Axtarış səhifəsi ─────────────────────────────────────── */
.srch-page{padding:26px 22px 70px;max-width:820px}
.srch-form{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:10px;padding:6px 6px 6px 14px;border-radius:16px;
  background:var(--gl);border:1px solid var(--gl-b);box-shadow:var(--gl-sh)}
.srch-form__ic{display:grid;place-items:center;color:var(--muted)}
.srch-form input{border:0;background:none;font:400 17px var(--sans);color:var(--ink);
  padding:12px 0;min-width:0;width:100%}
.srch-form input::placeholder{color:var(--muted)}
.srch-form input:focus{outline:0}
.srch-form:focus-within{border-color:var(--teal);box-shadow:var(--gl-sh-h),0 0 0 3px rgba(0,151,153,.18)}
@media(max-width:520px){
  .srch-form{grid-template-columns:auto 1fr;gap:8px;padding:6px 10px}
  .srch-form .btn{grid-column:1/-1;width:100%}
}

.srch-hint{margin:26px 0 10px;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.srch-sugg{gap:8px}
.srch-count{margin:24px 0 12px;font-size:.9375rem;color:var(--ink-2)}
.srch-count__more{color:var(--muted)}

.srch-list{list-style:none;margin:0;padding:0;display:grid;gap:9px;counter-reset:none}
.srch-item a{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;
  padding:13px 15px;border-radius:16px;text-decoration:none;color:var(--ink);
  background:var(--gl);border:1px solid var(--gl-b);box-shadow:var(--gl-sh);
  transition:box-shadow .18s,border-color .18s,transform .18s}
.srch-item a:hover{box-shadow:var(--gl-sh-h);border-color:#fff}
:root[data-theme="dark"] .srch-item a:hover{border-color:rgba(255,255,255,.3)}
.srch-item a:active{transform:translateY(1px)}
.srch-item__ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:var(--mint);color:var(--green-link)}
.srch-item__kind{display:block;font-size:.71875rem;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);font-weight:700;margin-bottom:2px}
.srch-item b{display:block;font-size:1rem;font-weight:600;line-height:1.3}
.srch-item em{display:block;font-style:normal;font-size:.84375rem;color:var(--ink-2);
  margin-top:3px;line-height:1.5}
.srch-item__arr{color:var(--muted-2);flex:none}
mark{background:var(--mark-bg);color:var(--mark-fg);border-radius:3px;padding:0 2px}

.srch-empty{text-align:center;padding:44px 20px;border-radius:22px;
  background:var(--soft);border:1px solid var(--line);margin-top:24px}
.srch-empty__ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;
  border-radius:20px;background:var(--mint);color:var(--green-link)}
.srch-empty h2{font-family:var(--serif);font-size:1.4rem;margin-bottom:10px}
.srch-empty p{color:var(--ink-2);max-width:52ch;margin:0 auto 22px}

/* ── Ani axtarış örtüyü ───────────────────────────────────── */
/* native <dialog> — fokus tələsi, Escape və inert fon brauzerdən gəlir */
dialog.srch-pop{border:0;padding:0;background:none;max-width:none;max-height:none;
  width:min(660px,calc(100vw - 28px));margin:max(6vh,54px) auto auto;overflow:visible}
dialog.srch-pop::backdrop{background:rgba(8,16,13,.55);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.srch-pop__box{border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.96));
  border:1px solid var(--gl-b);
  box-shadow:0 2px 8px rgba(15,38,32,.1),0 40px 80px -30px rgba(15,38,32,.6)}
:root[data-theme="dark"] .srch-pop__box{
  background:linear-gradient(180deg,rgba(22,33,29,.99),rgba(19,29,25,.97));
  border-color:rgba(255,255,255,.12);
  box-shadow:0 2px 8px rgba(0,0,0,.5),0 40px 80px -30px rgba(0,0,0,.95)}
.srch-pop__top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;
  padding:12px 14px;border-bottom:1px solid var(--line)}
.srch-pop__top .ic{color:var(--muted)}
.srch-pop input{border:0;background:none;font:400 17px var(--sans);color:var(--ink);
  padding:9px 0;width:100%;min-width:0}
.srch-pop input:focus{outline:0}   /* üzük qutunun özündə göstərilir */
.srch-pop__top:focus-within{box-shadow:inset 0 0 0 2.5px var(--teal-cta);border-radius:16px 16px 0 0}
.srch-pop input::placeholder{color:var(--muted)}
.srch-pop__esc{font:600 11px var(--sans);letter-spacing:.05em;color:var(--muted);
  border:1px solid var(--line);border-radius:7px;padding:4px 8px;background:var(--soft);
  cursor:pointer}
.srch-pop__esc:hover{background:var(--mint);color:var(--ink)}
.srch-pop__list{list-style:none;margin:0;padding:8px;max-height:min(62vh,460px);overflow:auto;
  overscroll-behavior:contain;display:grid;gap:3px}
/* Sətir keçid DEYİL (role="option" fokus alan nəslə malik ola bilməz) —
   naviqasiyanı JS edir, ona görə stil birbaşa <li>-dədir. */
.srch-pop__list [role="option"]{display:grid;grid-template-columns:34px 1fr;align-items:center;
  gap:11px;padding:9px 11px;border-radius:12px;color:var(--ink);cursor:pointer}
.srch-pop__list [role="option"]:hover,
.srch-pop__list [aria-selected="true"]{background:var(--mint)}
.srch-pop__ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
  background:var(--soft);color:var(--green-link)}
.srch-pop__list b{display:block;font-size:.9375rem;font-weight:600;line-height:1.3}
.srch-pop__list em{display:block;font-style:normal;font-size:.75rem;color:var(--muted);margin-top:1px}
.srch-pop__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 14px;border-top:1px solid var(--line);font-size:.78125rem;color:var(--muted)}
.srch-pop__foot kbd{font:600 11px var(--sans);border:1px solid var(--line);border-radius:5px;
  padding:2px 6px;background:var(--soft);color:var(--ink-2)}
.srch-pop__none{padding:26px 18px;text-align:center;color:var(--ink-2);font-size:.90625rem}
@media(max-width:520px){
  .srch-pop__box{margin-top:8px;width:calc(100vw - 16px)}
  .srch-pop__list{max-height:70vh}
  .srch-pop__foot{display:none}
}

/* ── v6/v7 qatlarındakı sabit ağ səthlərin tünd qarşılığı ──
   (v6 düymə qatı .btn--ghost/.btn--outline-ə birbaşa #fff yazır) */
:root[data-theme="dark"] .btn--ghost{
  background:var(--surface);color:var(--ink);border-color:var(--b-ring);box-shadow:var(--sh-1)}
:root[data-theme="dark"] .btn--ghost > .ic{color:var(--green-link)}
:root[data-theme="dark"] .btn--ghost:hover{background:var(--soft);color:var(--ink);
  border-color:var(--b-ring-h)}
:root[data-theme="dark"] .btn--ghost:active{background:var(--mint)}
:root[data-theme="dark"] .btn--outline{color:var(--ink);border-color:rgba(255,255,255,.4)}
:root[data-theme="dark"] .btn--outline > .ic{color:var(--green-link)}
/* .btn--white və .btn--outline-white tünd zolaqda qalır — dəyişmir */

:root[data-theme="dark"] .vcard__id,
:root[data-theme="dark"] .vcard__qr{
  background:linear-gradient(180deg,var(--surface),rgba(19,29,25,.92));
  border-color:var(--gl-b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 6px rgba(0,0,0,.4),
             0 22px 44px -26px rgba(0,0,0,.9)}
:root[data-theme="dark"] .prefs__seg,
:root[data-theme="dark"] .prefs__reset{background:var(--soft);border-color:var(--line)}
:root[data-theme="dark"] .srch-pop__esc,
:root[data-theme="dark"] .srch-pop__foot kbd{background:var(--soft);border-color:var(--line);
  color:var(--ink-2)}
:root[data-theme="dark"] .srch-item__ic,
:root[data-theme="dark"] .srch-empty__ic{background:var(--mint);color:var(--green-link)}

/* ── «Hamısını aç / yığ» zolağı ───────────────────────────── */
.folds__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px;padding:0 2px}
.folds__n{margin-right:auto;font-size:.71875rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);font-weight:700}
.folds__b{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 13px;
  border-radius:11px;border:1px solid var(--gl-b);background:var(--gl);box-shadow:var(--gl-sh);
  font:600 13px var(--sans);color:var(--ink-2);cursor:pointer;
  transition:box-shadow .18s,border-color .18s,color .18s}
.folds__b:hover{box-shadow:var(--gl-sh-h);color:var(--ink)}
.folds__b:active{transform:translateY(1px)}
.folds__b .ic{color:var(--muted)}
.folds__b[aria-pressed="true"]{background:var(--mint);color:var(--green-ink);border-color:transparent}
.folds__b[aria-pressed="true"] .ic{color:var(--green-link)}
@media(max-width:520px){.folds__n{width:100%;margin-bottom:2px}.folds__b{flex:1;justify-content:center}}

/* ── Dar ekranda üst zolaq: telefon bir sətirdə qalsın ────── */
@media(max-width:560px){
  /* Sosial ikonlar alt hissədə də var — burada yer telefona verilir */
  .topbar__right .social{display:none}
  .topbar{font-size:.78125rem}
  .topbar__in{gap:8px}
  .tb-link span{white-space:nowrap}
}
@media(max-width:400px){
  .topbar__contacts li:first-child .tb-link span{font-size:.75rem}
}

/* ── Toxunma hədəfləri: üst zolaqdakı idarələr ən azı 40–44px ── */
@media(max-width:1080px){
  .social--sm a{width:38px;height:38px}
  .langsw__btn,.tbtn{min-height:38px;min-width:38px}
  .tb-link{min-height:38px}
}

/* ── Uzun yazılar üçün oxu tərəqqisi ──────────────────────── */
.readbar{position:fixed;top:0;left:0;height:3px;z-index:150;width:0;
  background:linear-gradient(90deg,var(--green-cta),var(--teal-cta));
  transition:width .1s linear;pointer-events:none}
:root[data-motion="reduce"] .readbar{transition:none}
@media print{.readbar,.srch-pop,.prefs-pop,.tbtn,.a-tip{display:none!important}}

/* ═══════════════════════════════════════════════════════════
   v9 — KOMANDA SİYAHISI (ad-ad)
   Kart şəbəkəsi əvəzinə tək sütunlu redaksiya sırası: solda ad
   və vəzifə, sağda təqdimat. Şəkil olmadığı üçün monoqram dairə
   yoxdur — sıranı ad özü aparır.
   ═══════════════════════════════════════════════════════════ */
.roster{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.roster__r{position:relative;display:grid;
  grid-template-columns:minmax(186px,14.5rem) minmax(0,1fr) 20px;
  gap:clamp(14px,3vw,44px);align-items:start;
  padding:clamp(17px,2.3vw,25px) 2px;border-bottom:1px solid var(--line)}
.roster__r::before{content:"";position:absolute;left:-13px;top:50%;width:2px;height:26px;
  margin-top:-13px;border-radius:2px;background:var(--green-cta);
  opacity:0;transform:scaleY(.35);transition:opacity .2s,transform .2s}
.roster__r:hover::before,.roster__r:focus-within::before{opacity:1;transform:scaleY(1)}
.roster .roster__n{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.24;
  font-size:clamp(1.1rem,1.55vw,1.3rem);margin:0;color:var(--ink);transition:color .18s}
.roster .roster__r:hover .roster__n{color:var(--green-700)}
.roster .roster__role{margin:5px 0 0;font-size:.84375rem;font-weight:500;line-height:1.45;color:var(--teal-700)}
.roster .roster__b{padding-left:clamp(0px,1.7vw,24px);border-left:1px solid var(--line-2)}
.roster .roster__lead{margin:0;font-size:.9375rem;line-height:1.62;color:var(--ink-2);max-width:62ch}
.roster .roster__f{margin:9px 0 0;font-size:.8125rem;line-height:1.55;color:var(--muted)}
.roster .roster__f span:not(:last-child)::after{content:"·";margin:0 7px;color:var(--muted-2)}
.roster__go{align-self:center;display:grid;place-items:center;color:var(--muted-2);
  transition:transform .2s,color .18s}
.roster__r:hover .roster__go{color:var(--green-cta);transform:translateX(3px)}
.roster__r .stretch{position:absolute;inset:0;border-radius:var(--r-sm)}
.roster__r .stretch:focus-visible{outline:2px solid var(--green-cta);outline-offset:3px}
@media(max-width:760px){
  .roster__r{grid-template-columns:minmax(0,1fr) 20px;gap:7px 12px}
  .roster__r::before{display:none}
  .roster .roster__b{grid-column:1/-1;padding-left:0;border-left:0;margin-top:9px}
  .roster__go{grid-column:2;grid-row:1;align-self:start;margin-top:3px}
}
:root[data-motion="reduce"] .roster__r:hover .roster__go{transform:none}

/* Şəkli olmayan mütəxəssis profili — boş foto çərçivəsi olmadan tam en */
.doc--noimg{grid-template-columns:minmax(0,1fr)}
.folds > .doc__place{margin:0 0 18px}

/* ═══════════════════════════════════════════════════════════
   v10 — ƏLÇATANLIQ SEÇİMLƏRİ VƏ GECƏ/GÜNDÜZ KEÇİDİ
   Bütün seçimlər <html> üzərindəki data-atributlarıdır; JS yalnız
   atributu qoyur və localStorage-a yazır. Seçim yoxdursa — sayt
   standart görünür. Xarici skript/font YOXDUR (CSP: yalnız 'self').
   ═══════════════════════════════════════════════════════════ */

/* ── Gecə/gündüz keçidi ────────────────────────────────────
   Transition YALNIZ rejim dəyişən anda ~240 ms üçün qoşulur
   (data-theme-anim), yükləmədə deyil — belə olanda ilk kadr
   sıçramır və qalan vaxt heç bir element transition daşımır. */
:root[data-theme-anim] *,
:root[data-theme-anim] *::before,
:root[data-theme-anim] *::after{
  transition:background-color .24s ease,border-color .24s ease,color .24s ease,
             fill .24s ease,box-shadow .24s ease!important;
}
:root[data-theme-anim][data-motion="reduce"] *,
:root[data-theme-anim][data-motion="reduce"] *::before,
:root[data-theme-anim][data-motion="reduce"] *::after{transition:none!important}
@media(prefers-reduced-motion:reduce){
  :root[data-theme-anim] *,
  :root[data-theme-anim] *::before,
  :root[data-theme-anim] *::after{transition:none!important}
}
/* Sistem rejimi seçiləndə brauzerin öz idarələri (scrollbar, forma,
   seçim) da uyğunlaşsın */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}

/* Tünd rejimdə ağ fonlu foto/poster gözü yormasın */
:root[data-theme="dark"] :is(.poster img,.ba img,.gal__i img,.doc__photo img){
  filter:brightness(.93) contrast(1.02);
}

/* ── Mətn ölçüsü: dördüncü pillə ───────────────────────────
   (px→rem çevrilməsindən sonra bütün mətn həqiqətən böyüyür) */
:root[data-fs="xxl"]{font-size:150%}
:root[data-fs="xxl"] body{font-size:1rem}

/* ── Oxunaqlı rejim ────────────────────────────────────────
   Disleksiya üçün tövsiyə olunan tipoqrafiya: geniş aralıq,
   hündür sətir, sola düzləndirmə, kursiv və böyük hərf yığını yox,
   qısa sətir. Xarici şrift YÜKLƏNMİR — mövcud IBM Plex-in
   Azərbaycan hərfləri tam olduğu üçün şrift dəyişdirilmir. */
:root[data-read="on"] body :is(p,li,dd,dt,td,th,blockquote,figcaption,label,summary){
  line-height:1.9!important;
  letter-spacing:.045em!important;
  word-spacing:.14em!important;
  text-align:start!important;
  hyphens:none!important;
}
:root[data-read="on"] :is(em,i,.prose em,cite){font-style:normal!important;font-weight:600}
:root[data-read="on"] :is(.eyebrow,.foot-h,.srail__t,.srail__gt,.factlist b,
                          .sources h3,.related h3,.posters__head h3){
  text-transform:none!important;
  letter-spacing:.02em!important;
}
:root[data-read="on"] .prose{max-width:64ch}
:root[data-read="on"] :is(p,.prose li){max-width:72ch}

/* ── Xətt hündürlüyü ───────────────────────────────────────
   WCAG 1.4.12: mətn üçün ən azı 1.5. Standart onsuz da 1.65-dir. */
:root[data-lh="1"]{--a-lh:1.85}
:root[data-lh="2"]{--a-lh:2.15}
:root[data-lh] body :is(p,li,dd,dt,td,th,blockquote,figcaption,label,summary){
  line-height:var(--a-lh)!important;
}

/* ── Mətn boşluğu (WCAG 1.4.12) ────────────────────────────
   İkinci pillə standartın tələb etdiyi tam dəyərlərdir:
   hərf 0.12em, söz 0.16em, abzas 2em. */
:root[data-space="1"]{--a-ls:.06em; --a-ws:.09em; --a-pm:1.5em}
:root[data-space="2"]{--a-ls:.12em; --a-ws:.16em; --a-pm:2em}
:root[data-space] body :is(p,li,h1,h2,h3,h4,h5,dd,dt,td,th,blockquote,figcaption,
                           label,summary,a,strong,em,b,button){
  letter-spacing:var(--a-ls)!important;
  word-spacing:var(--a-ws)!important;
}
:root[data-space] body :is(p,li){margin-bottom:var(--a-pm)!important}

/* ── Mətn düzləndirmə ──────────────────────────────────────
   Ortadan verilmiş başlıqlar da sola alınır — dislektik və
   ekran böyüdücü istifadəçiləri üçün sətir başı sabit qalsın. */
:root[data-align="start"] :is(p,li,h1,h2,h3,h4,h5,dd,dt,blockquote,figcaption,
                              .sec-head,.sec-head--center,.sec-lead,.phead__lead,
                              .center,.cta-band__text,.vcard__id){
  text-align:start!important;
}

/* ── Şəkilləri gizlət ──────────────────────────────────────
   visibility (display yox) — qutu yerində qalır, səhifə sıçramır.
   Loqo və funksional nişanlar qalır: onlar məzmun deyil, istiqamətdir. */
:root[data-media="hide"] :is(img,video):not(.brand__logo):not(.foot-logo){
  visibility:hidden!important;
}
:root[data-media="hide"] :is(.doc__photo,.vid__thumb,.gal__i,.ba,.poster,.card__img){
  background:var(--mint)!important;
}
:root[data-media="hide"] .vid__play{visibility:hidden}

/* ── Böyük kursor ──────────────────────────────────────────
   CSP `img-src 'self'` olduğu üçün data: URI kursor bloklanır —
   fayllar /assets/img/cursor/ altındadır. */
:root[data-cursor="big"],
:root[data-cursor="big"] *{
  cursor:url(../img/cursor/arrow-48.png) 0 0,default!important;
}
:root[data-cursor="big"] :is(a,button,summary,label,select,[role="button"],
                             input[type="checkbox"],input[type="radio"],.chip,.stretch){
  cursor:url(../img/cursor/hand-48.png) 19 1,pointer!important;
}
:root[data-cursor="big"] :is(input[type="text"],input[type="search"],input[type="email"],
                             input[type="tel"],textarea){
  cursor:text!important;
}

/* ── Keçidləri vurğula ─────────────────────────────────────
   İki pillə: yalnız alt xətt (mövcud) və tam vurğulama. */
:root[data-links="highlight"] :is(main,.site-foot,.prose,.prefs-sample) a:not(.btn):not(.chip):not(.stretch):not(.iconbtn){
  background:var(--mark-bg)!important;
  color:var(--mark-fg)!important;
  text-decoration:underline!important;
  text-underline-offset:2px;
  border-radius:3px;
  padding:0 3px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
:root[data-links="highlight"] :is(main,.site-foot) a:not(.btn):not(.chip):focus-visible{
  outline:3px solid var(--green-cta);outline-offset:2px;
}

/* ── Animasiyaları dayandır ────────────────────────────────
   data-motion="reduce" onsuz da müddəti sıfırlayır; dövr edən
   animasiyalar üçün əlavə olaraq oynatma dayandırılır. */
:root[data-motion="reduce"] *{animation-play-state:paused!important}

/* ── Kömekçi mətnlər (tooltip) ─────────────────────────────
   Yalnız data-tips="on" olanda; JS tək bir qutunu yerləşdirir. */
.a-tip{
  position:fixed;left:0;top:0;z-index:400;
  width:max-content;max-width:min(320px,86vw);
  padding:8px 11px;border-radius:9px;
  background:var(--b-ink);color:#fff;
  font-size:.8125rem;line-height:1.4;font-weight:500;
  box-shadow:var(--sh-2);pointer-events:none;
  opacity:0;transition:opacity .13s ease;
}
.a-tip[data-on]{opacity:1}
:root[data-theme="dark"] .a-tip{background:#e9f1ed;color:#0e1714}
:root[data-motion="reduce"] .a-tip{transition:none}

/* ── Üst zolaqdakı idarələr: bir kliklik rejim + panel ─────
   Hər ikisi JS tələb edir, ona görə JS yoxdursa göstərilmir. */
.tbtn{display:none}
:root[data-js] .tbtn{display:inline-grid;place-items:center;width:34px;height:34px;flex:none;
  border:1px solid var(--gld-b);border-radius:999px;background:var(--gld);
  box-shadow:var(--gld-sh);color:#cfe6db;cursor:pointer;padding:0;
  transition:background .18s,color .18s}
.tbtn:hover{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.08));color:#fff}
.tbtn:focus-visible{outline:2.5px solid #7fd8b6;outline-offset:2px}
.tbtn:active{transform:translateY(1px)}
.tbtn .ic{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.tbtn:hover .ic{transform:rotate(12deg)}
:root[data-motion="reduce"] .tbtn .ic{transition:none}
:root[data-motion="reduce"] .tbtn:hover .ic{transform:none}

/* ── Əlçatanlıq paneli — sağ kənardan açılan vərəq ─────────
   native <dialog>: fokus tələsi, Escape və inert fon brauzerdən gəlir. */
dialog.prefs-pop{border:0;padding:0;background:none;color:var(--ink);
  max-width:none;max-height:none;width:min(392px,100vw);
  height:100dvh;max-height:100dvh;margin:0 0 0 auto;overflow:visible}
dialog.prefs-pop::backdrop{background:rgba(8,16,13,.5);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.prefs-pop__box{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  background:var(--surface);border-left:1px solid var(--line);
  box-shadow:-30px 0 60px -30px rgba(15,38,32,.5)}
@media(prefers-reduced-motion:no-preference){
  dialog.prefs-pop[open]{animation:prefs-in .26s cubic-bezier(.2,.7,.2,1) both}
  dialog.prefs-pop[open]::backdrop{animation:prefs-fade .26s ease both}
}
@keyframes prefs-in{from{transform:translateX(26px);opacity:.4}to{transform:none;opacity:1}}
@keyframes prefs-fade{from{opacity:0}to{opacity:1}}

.prefs-pop__top{display:flex;align-items:center;gap:12px;padding:16px 18px;
  border-bottom:1px solid var(--line);background:var(--soft)}
.prefs-pop__top h2{margin:0;font-family:var(--serif);font-size:1.0625rem;font-weight:600;
  letter-spacing:-.01em;flex:1;min-width:0}
.prefs-pop__x{width:36px;height:36px;flex:none;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);
  color:var(--ink-2);cursor:pointer;transition:background .16s,color .16s}
.prefs-pop__x:hover{background:var(--mint);color:var(--ink)}
.prefs-pop__body{overflow-y:auto;overscroll-behavior:contain;
  padding:16px 18px 20px;display:grid;gap:18px;align-content:start}
.prefs-pop__foot{padding:13px 18px 16px;border-top:1px solid var(--line);
  background:var(--soft);display:grid;gap:9px}

/* Qrup başlığı üstündə nazik ayırıcı — panel uzun olduğu üçün ritm lazımdır */
.prefs__grp + .prefs__grp{border-top:1px solid var(--line-2);padding-top:16px}
.prefs__grp{gap:9px}
.prefs__lg{display:flex;align-items:center;gap:7px}
.prefs__lg .ic{color:var(--teal-700)}
.prefs__seg--2{grid-template-columns:1fr 1fr}
.prefs__seg--4{grid-template-columns:repeat(4,1fr)}
.prefs__seg--4 label{padding:7px 2px;font-size:.6875rem}
.prefs__hint{margin:0;font-size:.71875rem;line-height:1.45;color:var(--muted)}

@media(max-width:600px){
  dialog.prefs-pop{width:100%;height:auto;max-height:92dvh;margin:auto 0 0}
  .prefs-pop__box{border-left:0;border-radius:20px 20px 0 0;max-height:92dvh}
  @media(prefers-reduced-motion:no-preference){
    dialog.prefs-pop[open]{animation:prefs-up .26s cubic-bezier(.2,.7,.2,1) both}
  }
  .prefs__sw{padding:10px 8px;min-height:44px}
  .prefs__seg label{padding:10px 4px}
}
@keyframes prefs-up{from{transform:translateY(30px);opacity:.5}to{transform:none;opacity:1}}

/* ── Panelin öz görünüşü seçimlərdən təsirlənmir ───────────
   Əks halda «mətn boşluğu» və ya «şəkilləri gizlət» panelin özünü
   oxunmaz edir. Spesifiklik seçim qaydalarından yüksəkdir. */
:root .prefs-pop.prefs-pop *:not(.prefs-sample):not(.prefs-sample *),
:root .prefs-pop.prefs-pop{
  letter-spacing:normal!important;word-spacing:normal!important;
  text-align:start!important;font-style:normal!important;
}
:root .prefs-pop.prefs-pop :is(p,label,legend,h2,button,span):not(.prefs-sample):not(.prefs-sample *){
  line-height:1.45!important;margin-bottom:0!important;max-width:none!important}
:root .prefs-pop.prefs-pop :is(img,svg){visibility:visible!important}

/* ── Rəng doyması ───────────────────────────────────────────
   `filter` :root/body-yə qoyulanda position:fixed elementlər üçün
   containing block yaranır və yapışqan başlıq, oxu zolağı, mobil
   zolaq sınır. Ona görə filtr yox, TOKEN əvəzlənməsi işlədilir.
   Hər rəng eyni nisbi parlaqlıqlı boza aparılır — WCAG kontrast
   nisbəti yalnız parlaqlıqdan asılı olduğu üçün bütün kontrast
   cütləri dəyişməz qalır (build/../satgen.py ilə hesablanıb).
   Şəkillər ayrıca, öz üzərində filtrlənir. */
:root[data-sat="low"]{
  --green:#648d77;--teal:#678f90;--green-cta:#537664;
  --green-cta-h:#496858;--green-link:#4a6958;--green-ink:#283930;
  --green-deep:#1f2c28;--teal-cta:#517172;--teal-ink:#293b3c;
  --ink:#1b2421;--ink-2:#424d4a;--muted:#606c67;
  --muted-2:#89938e;--soft:#f6f8f7;--mint:#ebf0ee;
  --aqua:#ebf1f1;--sand:#f8f7f4;--line:#e3e8e5;
  --line-2:#eef1ef;--hairline:rgba(27,36,33,.1);--mark-bg:#f4ead0;
  --mark-fg:#42392b;--b-ink:#1a221f;--b-ink-h:#27332e;
  --b-ink-a:#121816;--b-leaf:#83b39b;--b-teal-h:#374d4e;
  --b-teal-a:#1c292a;--b-teal-leaf:#7eaaab;--b-ring:rgba(26,34,31,.16);
  --b-ring-h:rgba(26,34,31,.32);--b-ring-leaf:rgba(100,141,119,.55);--b-dis-bg:#e9edeb;
  --b-dis-fg:#46504c;
}
:root[data-sat="low"][data-theme="dark"]{
  --green:#648d77;--teal:#678f90;--green-cta:#99cfb2;
  --green-cta-h:#a5d8be;--green-link:#9bccb3;--green-ink:#c7e2d4;
  --green-deep:#0b0e0d;--teal-cta:#99c6c7;--teal-ink:#c0dcdd;
  --ink:#ecf0ee;--ink-2:#c1c9c5;--muted:#9ca5a1;
  --muted-2:#87908d;--bg:#121615;--soft:#181c1a;
  --mint:#202825;--aqua:#1e2525;--sand:#1b1b1a;
  --line:#2d3331;--line-2:#232926;--surface:#1b201e;
  --mark-bg:#524b3a;--mark-fg:#f4ead0;--b-ink:#99cfb2;
  --b-ink-h:#a5d8be;--b-ink-a:#8abba1;--b-leaf:#0f1411;
  --b-teal-h:#a5d2d3;--b-teal-a:#8dbabb;--b-teal-leaf:#1b2728;
  --b-ring-leaf:rgba(153,207,178,.55);--b-dis-bg:#232926;--b-dis-fg:#9ca5a1;
}
:root[data-sat="gray"]{
  --green:#848484;--teal:#888888;--green-cta:#6f6f6f;
  --green-cta-h:#626262;--green-link:#626262;--green-ink:#353535;
  --green-deep:#292929;--teal-cta:#6b6b6b;--teal-ink:#383838;
  --ink:#222222;--ink-2:#4b4b4b;--muted:#696969;
  --muted-2:#919191;--soft:#f8f8f8;--mint:#efefef;
  --aqua:#efefef;--sand:#f7f7f7;--line:#e7e7e7;
  --line-2:#f0f0f0;--hairline:rgba(34,34,34,.1);--mark-bg:#eaeaea;
  --mark-fg:#3a3a3a;--b-ink:#202020;--b-ink-h:#303030;
  --b-ink-a:#171717;--b-leaf:#a9a9a9;--b-teal-h:#494949;
  --b-teal-a:#272727;--b-teal-leaf:#a2a2a2;--b-ring:rgba(32,32,32,.16);
  --b-ring-h:rgba(32,32,32,.32);--b-ring-leaf:rgba(132,132,132,.55);--b-dis-bg:#ececec;
  --b-dis-fg:#4e4e4e;
}
:root[data-sat="gray"][data-theme="dark"]{
  --green:#848484;--teal:#888888;--green-cta:#c3c3c3;
  --green-cta-h:#cdcdcd;--green-link:#c1c1c1;--green-ink:#dbdbdb;
  --green-deep:#0e0e0e;--teal-cta:#bebebe;--teal-ink:#d7d7d7;
  --ink:#efefef;--ink-2:#c7c7c7;--muted:#a3a3a3;
  --muted-2:#8e8e8e;--bg:#151515;--soft:#1b1b1b;
  --mint:#262626;--aqua:#242424;--sand:#1b1b1b;
  --line:#323232;--line-2:#272727;--surface:#1f1f1f;
  --mark-bg:#4b4b4b;--mark-fg:#eaeaea;--b-ink:#c3c3c3;
  --b-ink-h:#cdcdcd;--b-ink-a:#b0b0b0;--b-leaf:#131313;
  --b-teal-h:#cacaca;--b-teal-a:#b2b2b2;--b-teal-leaf:#252525;
  --b-ring-leaf:rgba(195,195,195,.55);--b-dis-bg:#272727;--b-dis-fg:#a3a3a3;
}
:root[data-sat="low"] :is(img,picture,video){filter:saturate(.45)}
:root[data-sat="gray"] :is(img,picture,video){filter:grayscale(1)}

/* Gündüz/gecə düyməsi cari rejimin ƏKSİNİ təklif edir: gündüzdə ay,
   gecədə günəş. İkonu CSS seçir — ilk kadrda səhv ikon görünmür. */
.tbtn__n,.tbtn__d{display:flex}
.tbtn__d{display:none}
:root[data-theme="dark"] .tbtn__n{display:none}
:root[data-theme="dark"] .tbtn__d{display:flex}

/* Açar sətirlərində ikon və mətn eyni sətirdə qalsın (böyük mətn rejimində də) */
.prefs__sw > span{display:inline-flex;align-items:center;gap:9px;min-width:0}
.prefs__sw > span > .ic{flex:none;color:var(--muted)}
.prefs__sw input:checked ~ span > .ic{color:var(--green-cta)}

/* ── Çap: gecə rejimi neytrallaşdırılır ────────────────────
   Brauzer fonu çap etmir; tünd rejimdə mətn açıq rəngdə qalsa
   ağ kağızda görünmür. Çapda həmişə açıq palitra işlədilir. */
@media print{
  :root,:root[data-theme="dark"]{
    color-scheme:light;
    --bg:#fff; --surface:#fff; --soft:#fff; --mint:#fff; --aqua:#fff; --sand:#fff;
    --green-deep:#fff;
    --ink:#111; --ink-2:#333; --muted:#555; --muted-2:#666;
    --green-link:#0a5c3e; --green-ink:#0a3d2a; --teal-cta:#0a5152; --teal-ink:#0a3d3e;
    --line:#bbb; --line-2:#ddd; --hairline:#ccc;
    --sh-1:none; --sh-2:none; --sh-3:none;
  }
  :root[data-theme="dark"] body{background:#fff;color:#111}
  .skips,.tbtn,.readbar,.a-tip{display:none!important}
}

/* ── Tünd rejimdə qalmış ağ örtüklər ────────────────────────
   v5 «şüşə» qatındakı üç qayda sabit ağ qradiyent daşıyırdı və tünd
   rejimdə üzərindəki açıq mətnlə 1,1–1,3:1 verirdi (praktik olaraq
   oxunmurdu). Burada həmin üç səth tünd şüşə qatına keçirilir. */
/* `.eyebrow` artıq dolğusuz düz etiketdir — tünd rejimdə də fon almır,
   yoxsa sıfır boşluqlu rəngli qutu kimi mətnə yapışır. */
:root[data-theme="dark"] .chip{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035)),var(--aqua);
  border-color:var(--gl-b);
}
:root[data-theme="dark"] .eyebrow{background:none;border:0}
:root[data-theme="dark"] .badge{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)),var(--mint);
  border-color:var(--gl-b);
}
/* Qum variantı sabit rənglərlə yazılıb — tünd rejimdə cüt dəyişdirilir */
:root[data-theme="dark"] .badge--sand{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),#2a2418;
  color:#d39d47}
:root[data-theme="dark"] .badge--teal{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),var(--aqua)}

/* Mətn seçimi və sürüşdürmə zolağı da rejimə uyğunlaşsın */
:root[data-theme="dark"] ::selection{background:#1f4a3a;color:#eafaf2}
:root[data-theme="dark"] .srail__scroll{scrollbar-color:#31463d transparent}

/* Ağ düymə tünd rejimdə: --b-ink açıq yaşıla çevrildiyi üçün ağ fonda
   1,76:1 verirdi — mətn tünd mürəkkəbdə sabitlənir. */
:root[data-theme="dark"] :is(.btn--white,.btn--white:hover){color:#10241d}
/* Hover fonu tünd rejimdə də açıq qalmalıdır, yoxsa tünd mətn yoxa çıxır */
:root[data-theme="dark"] .btn--white:hover{background:#dcefe5}
:root[data-theme="dark"] .btn--white > .ic{color:#00875a}
/* Sürətli keçidlər: tünd rejimdə fon açıq yaşıl olur → mətn tündləşir */
:root[data-theme="dark"] .skip{color:#08160f}
/* Brend çipi tünd rejimdə: --green-900 çox tünddür, açıq çalara keçir */
:root[data-theme="dark"] .chip--brand{color:var(--green-ink);border-color:var(--gl-b)}

/* ── Panel: canlı nümunə bloku ──────────────────────────────
   Panelin idarələri seçimlərdən qorunur (oxunaqlı qalsın deyə),
   bu blok isə QƏSDƏN qorunmur — istifadəçi vərəqi bağlamadan
   mətn boşluğunun, oxunaqlı rejimin və şəkil gizlətmənin
   təsirini elə burada görür. */
.prefs-sample{border:1px dashed var(--line);border-radius:14px;padding:13px 15px;
  background:var(--soft)}
.prefs-sample__lg{margin:0 0 6px;font-size:.6875rem;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);font-weight:700}
.prefs-sample h3{margin:0 0 5px;font-family:var(--serif);font-size:1rem;
  font-weight:600;color:var(--ink)}
.prefs-sample p{margin:0;font-size:.875rem;color:var(--ink-2);line-height:1.55}
.prefs-sample a{color:var(--green-link)}

/* Yüngül örtük — arxadakı səhifə görünsün ki, dəyişiklik seçilsin */
dialog.prefs-pop::backdrop{background:rgba(8,16,13,.22);backdrop-filter:none;
  -webkit-backdrop-filter:none}
.prefs-pop__box{box-shadow:-34px 0 64px -28px rgba(15,38,32,.5)}
:root[data-contrast="high"] .prefs-pop__box{border-left-width:2px}
@media(max-width:600px){
  dialog.prefs-pop::backdrop{background:rgba(8,16,13,.5)}
}

/* «Ən böyük» mətndə dörd pilləli seqment 2×2-yə düşür — etiket kəsilmir */
:root[data-fs="xxl"] .prefs__seg--4{grid-template-columns:1fr 1fr}

/* Standart olmayan seçim varsa düymədə nişan görünür */
.tbtn[data-changed]{position:relative}
.tbtn[data-changed]::after{content:'';position:absolute;top:5px;right:5px;
  width:7px;height:7px;border-radius:50%;background:var(--green-cta);
  box-shadow:0 0 0 2px var(--green-deep)}
/* Alt hissə hər iki rejimdə tünddür — rəng tokenləri deyil, qonşu
   sətirlərlə eyni sabit çalar işlədilir. */
.foot-priv{margin-left:14px;color:#93aea3;text-decoration:none;border-bottom:1px solid transparent}
.foot-priv:hover{color:#fff;border-bottom-color:currentColor}

/* ── Tünd rejimdə bölmə rəngləri ────────────────────────────
   Rənglər inline dəyişən kimi gəlir (hər bölmə öz sırasının çalarını
   daşıyır), ona görə tünd cütə keçid `!important` tələb edir.
   Açıq rejim dəyərləri tünd fonda 3,7–4,0:1 verirdi — indi ≥5,5:1. */
:root[data-theme="dark"] .fold,
:root[data-theme="dark"] .srail__i,
:root[data-theme="dark"] .jump__list a,
:root[data-theme="dark"] .submenu > a,
:root[data-theme="dark"] .mobnav__sub a{
  --rc:var(--rcd)!important;
  --rcb:var(--rcbd)!important;
}


/* ══════════════════════════════════════════════════════════════
   v12 — SIXLIQ SİSTEMİ və KÜNC AİLƏSİ
   Ölçülmüş problem: ana səhifə 9 676 px, onun 5 493 px-i (57 %) boş.
   Kök səbəb boşluğun BÖYÜKLÜYÜ deyil, MƏNASIZLIĞI idi: 92 / 76 / 64 /
   46 / 28 px — heç biri bir-biri ilə əlaqəli deyildi, ona görə hər yeni
   blok özünə yeni rəqəm seçirdi.

   Qayda: boşluq iyerarxiyanı KODLAŞDIRIR. Böyük fasilə bölmələr arasında,
   kiçik fasilə qrup daxilində. Və eyni sərhəd üçün boşluq İKİ dəfə
   ödənilmir — iki rəngsiz bölmə qonşudursa, üstdəki artıq ayırıb.
   ══════════════════════════════════════════════════════════════ */
:root{
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:clamp(18px,1.8vw,22px);    /* kart içi */
  --sp-7:clamp(22px,2.4vw,30px);    /* qrup daxili */
  --sp-8:clamp(30px,3.4vw,44px);    /* bölmə nəfəsi */
  --sp-9:clamp(38px,4.4vw,56px);    /* bölmə sərhədi */

  /* Künc ailəsi — KAPSUL YOXDUR. Üç ölçü, hamısı eyni dildən. */
  --ctl-r-sm:7px; --ctl-r:9px; --ctl-r-lg:11px;
}

/* ── Bölmə ritmi ──────────────────────────────────────────── */
.sec{padding-block:var(--sp-8)}
.sec--tight{padding-block:var(--sp-7)}
/* Rəngsiz bölmə rəngsiz bölmədən sonra gəlirsə üst boşluq təkrarlanmır:
   ayırıcı işi artıq üstdəki bölmənin alt boşluğu görüb. Rəngli zolaqlar
   (soft/mint/aqua/sand) istisnadır — onların kənarı özü ayırıcıdır və
   məzmun kənara yapışmasın deyə öz nəfəsini saxlayır. */
.sec:not([class*="sec--"]) + .sec:not([class*="sec--"]){padding-top:0}
.sec-head{margin-bottom:var(--sp-7)}
.hero__in{padding-block:var(--sp-9) var(--sp-8)}
.phead{padding-block:var(--sp-7) var(--sp-8)}

/* ── Kart ─────────────────────────────────────────────────── */
.card{padding:var(--sp-6)}
.card--flat{padding:var(--sp-5) var(--sp-6)}
.card__ic{margin-bottom:var(--sp-3)}
/* «Ətraflı» sətri `margin-top:auto` ilə kartın dibinə itələnirdi; şəbəkə
   sətri ən hündür karta görə uzandığı üçün hər qısa kartın ORTASINDA
   orta hesabla 46 px deşik qalırdı (yalnız xidmətlər səhifəsində 901 px).
   İndi mətnin ardınca gəlir; artıq yer kartın altında toplanır. */
.card__more{margin-top:0;padding-top:var(--sp-3)}

/* ── Künclər: kapsulların hamısı bir ailəyə yığılır ───────── */
.mainnav > ul > li > a,
.navdd__s,
.langsw__btn,
:root[data-js] .tbtn,
.fold__x{border-radius:var(--ctl-r-sm)}
.iconbtn,
.burger,
.totop,
.vid__play .ic{border-radius:var(--ctl-r)}
.chip,.badge,.fold__meta,.foot-by{border-radius:6px}
.hero__meta{border-radius:var(--ctl-r-lg)}
.hero__pill{border-radius:var(--ctl-r)}
.hero__pill .ic{border-radius:6px}
.crumbs ol{border-radius:var(--ctl-r-sm)}
@supports (corner-shape:squircle){
  .mainnav > ul > li > a,.navdd__s,.langsw__btn,:root[data-js] .tbtn,
  .iconbtn,.burger,.totop,.fold__x{corner-shape:squircle;border-radius:calc(var(--ctl-r) + 3px)}
}

/* ── Başlıq iyerarxiyası: tək ailə, çəki və aralıq ilə ────── */
.sec-title{font-weight:700;letter-spacing:-.022em;line-height:1.1}
.hero h1{font-weight:700;letter-spacing:-.03em}
.prose h2{font-weight:600;letter-spacing:-.016em}
.prose .fold__t,.folds .fold__t,.fold__t{font-weight:600;letter-spacing:-.012em}
.prose em{font-style:italic}

/* ══════════════════════════════════════════════════════════════
   v13 — ONURĞA XƏRİTƏSİ
   Pasiyent «kifoz/lordoz/skolioz» sözlərini bilmir, ona görə seçim
   gündəlik əlamətlə edilir və nəticə şəkildə göstərilir.
   Bütün keçid `<input type="radio">` + `~` qardaş seçicisi ilədir —
   JS-siz işləyir, klaviaturada ox düymələri ilə gəzilir.
   ══════════════════════════════════════════════════════════════ */
.spine__box{border:0;padding:0;margin:0;min-inline-size:0;
  display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:var(--sp-7) var(--sp-8);align-items:start}
.spine__radio{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ── Seçim sırası ─────────────────────────────────────────── */
.spine__pick{display:grid;gap:var(--sp-2);align-content:start}
.spine__opt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;
  min-height:56px;padding:12px 14px;cursor:pointer;
  border:1px solid var(--line);border-radius:var(--ctl-r-lg);background:var(--surface);
  box-shadow:inset 3px 0 0 transparent;
  transition:border-color .18s,box-shadow .18s,background .18s}
.spine__opt:hover{border-color:#c4e2d3;background:var(--soft)}
.spine__optic{display:grid;place-items:center;width:40px;height:40px;flex:none;
  border-radius:var(--ctl-r);background:var(--soft);color:var(--muted);
  transition:background .18s,color .18s}
.spine__optx{min-width:0;display:grid;gap:2px}
.spine__optx b{font-weight:600;font-size:.96875rem;line-height:1.28;color:var(--ink)}
.spine__optx em{font-style:normal;font-size:.78125rem;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);font-weight:600}

/* Seçilmiş hal: rəngdən BAŞQA nişan da var (sol zolaq + qalın ad) —
   yalnız rənglə bildirmək WCAG 1.4.1 pozuntusudur. */
#sp-kifoz:checked       ~ .spine__pick [for="sp-kifoz"],
#sp-hiperlordoz:checked ~ .spine__pick [for="sp-hiperlordoz"],
#sp-skolioz:checked     ~ .spine__pick [for="sp-skolioz"]{
  border-color:#bfe0cf;background:var(--mint);
  box-shadow:inset 3px 0 0 var(--green-cta)}
#sp-kifoz:checked       ~ .spine__pick [for="sp-kifoz"] .spine__optic,
#sp-hiperlordoz:checked ~ .spine__pick [for="sp-hiperlordoz"] .spine__optic,
#sp-skolioz:checked     ~ .spine__pick [for="sp-skolioz"] .spine__optic{
  background:var(--green-cta);color:#fff}
#sp-kifoz:checked       ~ .spine__pick [for="sp-kifoz"] em,
#sp-hiperlordoz:checked ~ .spine__pick [for="sp-hiperlordoz"] em,
#sp-skolioz:checked     ~ .spine__pick [for="sp-skolioz"] em{color:var(--green-link)}

/* Fokus radio-nun ÖZÜNDƏDİR (gizlidir), ona görə etiketə köçürülür */
#sp-kifoz:focus-visible       ~ .spine__pick [for="sp-kifoz"],
#sp-hiperlordoz:focus-visible ~ .spine__pick [for="sp-hiperlordoz"],
#sp-skolioz:focus-visible     ~ .spine__pick [for="sp-skolioz"]{
  outline:2.5px solid var(--teal-cta);outline-offset:2px}

/* ── Səhnə ────────────────────────────────────────────────── */
/* Səhnə ağ lövhədir — çalarlı bölmə fonunda şəkil öndə dursun */
.spine__stage{position:relative;min-width:0;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-7)}
.spine__fig{display:none;margin:0;
  grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:var(--sp-8);align-items:center}
#sp-kifoz:checked       ~ .spine__stage .spine__fig--kifoz,
#sp-hiperlordoz:checked ~ .spine__stage .spine__fig--hiperlordoz,
#sp-skolioz:checked     ~ .spine__stage .spine__fig--skolioz{display:grid}
.spine__svg{display:block;width:100%;height:auto;max-height:430px;margin-inline:auto}

.spine__zone{fill:rgba(0,151,153,.09)}
.spine__sil{fill:none;stroke:var(--line);stroke-width:2.5;stroke-linecap:round}
.spine__sil--bar{stroke-width:5}
.spine__ghost{fill:none;stroke:var(--muted);stroke-width:3;
  stroke-dasharray:5 8;stroke-linecap:round;opacity:.85}
.spine__cur{fill:none;stroke:var(--green-cta);stroke-width:5;stroke-linecap:round}
.spine__rung{fill:none;stroke:var(--green-cta);stroke-width:3.2;stroke-linecap:round;opacity:.8}
.spine__lead{fill:none;stroke:var(--teal-cta);stroke-width:1.8}
.spine__tag{font:600 20px var(--sans);fill:var(--teal-cta);letter-spacing:.01em}

.spine__cap{display:grid;gap:11px;justify-items:start;min-width:0}
.spine__where{display:inline-flex;align-items:center;gap:7px;font-weight:600;
  font-size:.875rem;color:var(--teal-cta)}
.spine__cap p{margin:0;color:var(--ink-2);line-height:1.6;max-width:46ch}
.spine__legend{display:flex;flex-wrap:wrap;align-items:center;gap:7px 16px;
  font-size:.8125rem;color:var(--muted)}
.spine__key{width:22px;height:0;border-top:3px solid var(--green-cta);border-radius:2px}
.spine__key--ghost{border-top-style:dashed;border-color:var(--muted-2)}

/* Seçim dəyişəndə əyri yumşaq görünür — hərəkət mənanı daşıyır, bəzək deyil */
@media(prefers-reduced-motion:no-preference){
  .spine__fig{animation:spine-in .26s cubic-bezier(.2,.7,.2,1) both}
}
@keyframes spine-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ── Uyğunlaşma ───────────────────────────────────────────── */
@media(max-width:1000px){
  .spine__box{grid-template-columns:minmax(0,1fr)}
  .spine__pick{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2)}
  .spine__opt{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:9px}
  .spine__optx{justify-items:center}
}
@media(max-width:640px){
  .spine__pick{grid-template-columns:minmax(0,1fr)}
  .spine__opt{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}
  .spine__optx{justify-items:start}
  .spine__fig{grid-template-columns:minmax(0,1fr);gap:var(--sp-5);justify-items:center}
  .spine__svg{max-width:190px}
  .spine__cap{justify-items:start;width:100%}
}

/* ── Tünd rejim ───────────────────────────────────────────── */
:root[data-theme="dark"] .spine__opt{background:var(--surface);border-color:var(--line)}
:root[data-theme="dark"] .spine__opt:hover{background:var(--soft);border-color:var(--gl-b)}
:root[data-theme="dark"] .spine__optic{background:var(--soft);color:var(--muted)}
:root[data-theme="dark"] #sp-kifoz:checked       ~ .spine__pick [for="sp-kifoz"],
:root[data-theme="dark"] #sp-hiperlordoz:checked ~ .spine__pick [for="sp-hiperlordoz"],
:root[data-theme="dark"] #sp-skolioz:checked     ~ .spine__pick [for="sp-skolioz"]{
  background:var(--mint);border-color:var(--gl-b)}
:root[data-theme="dark"] .spine__zone{fill:rgba(79,208,210,.12)}
:root[data-theme="dark"] .spine__sil{stroke:#2e4038}


/* ── Windows «yüksək kontrast» rejimi ──────────────────────
   Bu rejimdə brauzer `box-shadow`-u söndürür. Fokus üzüyümüz yalnız
   kölgə ilə çəkilirdi, ona görə 65 düymənin hamısında fokus görünmürdü.
   `CanvasText` sistem rəngidir — brend tokenlərinə toxunmur. */
@media (forced-colors: active){
  .btn:focus-visible,.btn:focus-visible:hover{outline:3px solid CanvasText;outline-offset:2px}
  .srch-form:focus-within,.srch-pop__top:focus-within{outline:3px solid CanvasText;outline-offset:-3px}
  .spine__opt{border:1px solid CanvasText}
}

/* `.hero__in` elə `.wrap` elementidir. Üç yerdə `padding` QISA forması yazılıb,
   o isə `.wrap`-ın `padding-inline:22px` dəyərini sıfırlayır — hero mətni
   375 px-də ekranın kənarına yapışırdı. Son qat olduğu üçün burada bərpa olunur. */
.hero__in{padding-block:var(--sp-9) var(--sp-8);padding-inline:22px}

/* Hero rəqəm zolağı 941–1180 px arasında iki sətrə qırılıb yetim ayırıcı
   qoyurdu — 941 px-dən aşağıda işlənən şəbəkə həmin aralığa da verilir. */
@media(min-width:941px) and (max-width:1180px){
  .hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero__meta div{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px}
}

/* Keçid linki <main>-ə fokus verəndə heç bir nişanə yox idi: qayda
   outline-ı şərtsiz söndürürdü. İndi yalnız siçan fokusunda söndürülür. */
main:focus:not(:focus-visible){outline:none}

/* ── Onurğa xəritəsi: iki baxış yan-yana ──────────────────
   Şərti göstərə bilməyən baxış sönür və səbəbini özü yazır —
   «skolioz yandan görünmür» faktı elə dərsin özüdür. */
.spine__views{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-5);align-items:end}
.spine__view{display:grid;gap:6px;justify-items:center;min-width:0}
.spine__view.is-off{opacity:.42}
.spine__vlabel{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted)}
.spine__view:not(.is-off) .spine__vlabel{color:var(--green-link)}
.spine__voff{margin:0;font-size:.75rem;line-height:1.4;color:var(--muted);
  text-align:center;max-width:20ch}
.spine__fig{grid-template-columns:minmax(0,340px) minmax(0,1fr)}
.spine__svg{max-height:330px}
@media(max-width:640px){
  .spine__fig{grid-template-columns:minmax(0,1fr)}
  .spine__views{gap:var(--sp-4)}
  .spine__svg{max-width:none;max-height:270px}
}

/* Sönmüş baxış tünd rejimdə tamam yox olurdu — kontekst kimi görünən qalır.
   (Məlumat yalnız solğunluqla verilmir: yanında izah mətni var.) */
:root[data-theme="dark"] .spine__view.is-off{opacity:.58}