/* =====================================================================
   Gömrük Qanunvericiliyi — İzahlı Toplu
   Üslub faylı. Rənglər token kimi :root-da saxlanılır ki, işıqlı və
   qaranlıq rejim yalnız tokenləri əvəz etməklə işləsin.
   ===================================================================== */

:root{
  --kagiz:#EFE9DD;
  --kagiz-2:#F7F3EA;
  --kagiz-3:#E2DBC8;
  --murekkeb:#1B2A4A;
  --murekkeb-2:#2E4066;
  --metn:#3A3F4B;
  --metn-yumsaq:#5C6373;
  --xett:#D8CFB8;
  --mohur:#A13D2B;
  --mohur-tund:#7E2E1F;
  --tunc:#B08D57;
  --vurgu:#F0D48A;
  --vurgu-aktiv:#F3A93C;
  --yasil:#2F6B4F;
  --font-bashliq:'Noto Serif', Georgia, 'Times New Roman', serif;
  --font-metn:'Noto Sans', system-ui, sans-serif;
  --nisan-metn:#FFFFFF;
  --vurgu-metn:#2A1E05;
  --bashliq-fon:var(--murekkeb);
  --bashliq-metn:var(--kagiz);
  --panel-en:400px;
  --yan-en:300px;
  --sag-en:308px;
  --bashliq-h:72px;
  /* Başlığın həqiqi hündürlüyü. JS onu ölçüb yeniləyir, çünki dar ekranda
     axtarış qutusu ikinci sətrə düşür və başlıq hündürləşir. */
  --bashliq-real:72px;
  --kolge:0 10px 30px rgba(27,42,74,.14);
  --radius:4px;
}

/* Sepiya: uzun oxu üçün isti fon. Yalnız rəng tokenləri dəyişir,
   quruluş və ölçülər eyni qalır. */
:root[data-tema="sepiya"]{
  --kagiz:#F2E8D5;
  --kagiz-2:#F8F1E3;
  --kagiz-3:#E7D9BE;
  --murekkeb:#3A2E1C;
  --murekkeb-2:#54432A;
  --metn:#42382A;
  --metn-yumsaq:#6B5C46;
  --xett:#D9C9A8;
  --mohur:#9A4A26;
  --mohur-tund:#7A3819;
  --tunc:#A98A4E;
  --vurgu:#F0D48A;
  --vurgu-aktiv:#E9A73C;
  --yasil:#3F6B44;
  --nisan-metn:#FFF8EC;
  --bashliq-fon:#3A2E1C;
  --bashliq-metn:#F2E8D5;
  --kolge:0 10px 30px rgba(58,46,28,.16);
}

:root[data-tema="qaranliq"]{
  --kagiz:#14161C;
  --kagiz-2:#1C1F27;
  --kagiz-3:#262A34;
  --murekkeb:#E7E2D6;
  --murekkeb-2:#C8D2E6;
  --metn:#D3D0C8;
  --metn-yumsaq:#9A9DA6;
  --xett:#333846;
  --mohur:#D9705A;
  --mohur-tund:#B4523E;
  --tunc:#C7A472;
  --vurgu:#6B5620;
  --vurgu-aktiv:#A77A22;
  --yasil:#63B08A;
  --nisan-metn:#14161C;
  --vurgu-metn:#F0E6C8;
  --bashliq-fon:#0F1116;
  --bashliq-metn:var(--murekkeb);
  --kolge:0 10px 30px rgba(0,0,0,.45);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  /* Qabın arxasında qalan sahə bir az tündləşdirilir ki, məzmun qutusu
     portal saytlarındakı kimi seçilsin. Naxış CSS ilə çəkilir, şəkil yoxdur. */
  background-color:color-mix(in srgb, #000 12%, var(--kagiz));
  background-image:repeating-linear-gradient(135deg,
    color-mix(in srgb, #000 4%, transparent) 0 1px, transparent 1px 10px);
  background-attachment:fixed;
  color:var(--metn);
  font-family:var(--font-bashliq);
  min-height:100vh;
  font-size:16px;
  line-height:1.6;
}
::selection{background:var(--vurgu); color:var(--murekkeb);}
a{color:var(--murekkeb-2);}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--mohur); outline-offset:2px;}

/* ===== ÜST ZOLAQ =====
   Portal görünüşünün birinci sətri: tarix, sürətli keçidlər, mənbələr. */
#ustZolaq{
  background:var(--bashliq-fon);
  color:color-mix(in srgb, var(--bashliq-metn) 80%, transparent);
  font-family:var(--font-metn);font-size:12px;
  border-bottom:1px solid color-mix(in srgb, var(--tunc) 28%, transparent);
}
.ust-ic{
  max-width:1360px;margin:0 auto;padding:0 22px;
  display:flex;align-items:center;gap:20px;min-height:38px;flex-wrap:wrap;
}
.ust-tarix{
  text-transform:uppercase;letter-spacing:.09em;font-size:11px;white-space:nowrap;
  color:color-mix(in srgb, var(--tunc) 50%, var(--bashliq-metn));
}
.ust-kecidler{display:flex;gap:16px;flex-wrap:wrap;}
.ust-kecidler a,.ust-menbe{
  color:color-mix(in srgb, var(--bashliq-metn) 85%, transparent);
  text-decoration:none;white-space:nowrap;
}
.ust-kecidler a:hover,.ust-menbe:hover{color:var(--bashliq-metn);text-decoration:underline;}
.ust-alet{margin-left:auto;display:flex;align-items:center;gap:14px;}
.ust-menbe{font-size:11.5px;}
#ustZolaq .ikon-duyme{width:30px;height:30px;font-size:14px;}
/* Toxunma cihazında ikon düymələri barmaq ölçüsündə olsun. */
@media (pointer:coarse){
  .ikon-duyme{min-width:44px;min-height:44px;}
  #ustZolaq .ikon-duyme{width:38px;height:38px;min-width:38px;min-height:38px;font-size:16px;}
}

/* ===== LOQO BANDI ===== */
#loqoBandi{background:var(--kagiz-2);border-bottom:1px solid var(--xett);}
.loqo-ic{
  max-width:1360px;margin:0 auto;padding:22px;
  display:flex;align-items:center;justify-content:center;gap:16px;
}
.mohur-nisan{width:54px;height:54px;flex:0 0 auto;color:var(--tunc);}
.loqo-metn h1{
  margin:0;font-size:30px;line-height:1.1;font-weight:700;color:var(--murekkeb);
}
.loqo-metn .alt{
  font-family:var(--font-metn);font-size:11.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.24em;margin-top:5px;color:var(--mohur);
}

/* ===== MENYU ZOLAĞI =====
   Yapışqan sətir. Açılan panellər onun alt kənarından başlayır, ona görə
   JS onun həqiqi mövqeyini ölçüb --bashliq-real tokeninə yazır. */
header#menyuZolaq{
  background:var(--bashliq-fon);color:var(--bashliq-metn);
  border-bottom:3px solid var(--vurgu-aktiv);
  position:sticky;top:0;z-index:40;
}
.menyu-ic{
  max-width:1360px;margin:0 auto;padding-right:14px;
  display:flex;align-items:stretch;gap:8px;min-height:var(--bashliq-h);
}
.menyu-ev{
  flex:0 0 auto;width:52px;border:none;cursor:pointer;font-size:20px;line-height:1;
  background:var(--vurgu-aktiv);color:var(--vurgu-metn);
  display:flex;align-items:center;justify-content:center;
}
.menyu-ev:hover{filter:brightness(1.08);}

#kateqoriyaMenyu{
  display:flex;align-items:stretch;min-width:0;flex:1 1 auto;
  /* Elementlər sıxılmır, ona görə yer çatmayanda zolaq üfüqi sürüşür.
     Açılan panel isə fixed olduğu üçün sürüşən sahədən kənara çıxa bilir. */
  overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
}
#kateqoriyaMenyu::-webkit-scrollbar{display:none;}
.menyu-el{position:relative;display:flex;}
.menyu-duyme{
  display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;
  background:none;border:none;border-right:1px solid color-mix(in srgb, var(--tunc) 20%, transparent);
  color:var(--bashliq-metn);font-family:var(--font-metn);font-size:12.5px;font-weight:600;
  padding:0 11px;
}
.menyu-duyme .ox{font-size:9px;opacity:.7;}
.menyu-duyme:hover,.menyu-el.acik .menyu-duyme{
  background:color-mix(in srgb, var(--vurgu-aktiv) 22%, transparent);
}
.menyu-el.acik .menyu-duyme{box-shadow:inset 0 -3px 0 var(--vurgu-aktiv);}
/* Cari bölmə menyuda daim vurğulu qalır. */
.menyu-el.cari .menyu-duyme{
  background:color-mix(in srgb, var(--vurgu-aktiv) 16%, transparent);
  box-shadow:inset 0 -3px 0 var(--vurgu-aktiv);
}

.menyu-panel{
  position:fixed;min-width:320px;max-width:min(420px, calc(100vw - 16px));
  background:var(--kagiz-2);border:1px solid var(--xett);border-top:3px solid var(--vurgu-aktiv);
  box-shadow:var(--kolge);border-radius:0 0 var(--radius) var(--radius);
  max-height:min(64vh, 520px);overflow-y:auto;z-index:44;display:none;
  font-family:var(--font-metn);padding:6px 0;
}
.menyu-el.acik .menyu-panel{display:block;}
.menyu-panel a{
  display:flex;gap:9px;align-items:flex-start;padding:8px 14px;
  color:var(--metn);text-decoration:none;font-size:13px;line-height:1.4;
}
.menyu-panel a:hover{background:var(--kagiz-3);color:var(--murekkeb);}
.menyu-panel .nisan{
  flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.02em;
  background:color-mix(in srgb, var(--mohur) 13%, transparent);
  color:color-mix(in srgb, var(--mohur) 68%, var(--murekkeb));
  border-radius:2px;padding:2px 6px;margin-top:1px;min-width:42px;text-align:center;
}

/* ===== AXTARIŞ QUTUSU ===== */
.axtaris-qutu{
  margin-left:auto;display:flex;align-items:center;align-self:center;
  background:var(--kagiz-2);border:2px solid var(--vurgu-aktiv);border-radius:var(--radius);
  overflow:hidden;min-width:200px;flex:0 1 300px;
}
#axtarisGiris{
  flex:1;min-width:0;border:none;outline:none;padding:8px 11px;background:transparent;
  color:var(--murekkeb);font-family:var(--font-metn);font-size:13.5px;
}
:root[data-tema="qaranliq"] #axtarisGiris{color:var(--metn);}
#axtarisGiris::placeholder{color:var(--metn-yumsaq);}
.axtaris-qutu button{
  border:none;background:var(--mohur);color:var(--nisan-metn);font-family:var(--font-metn);
  font-weight:600;font-size:13px;padding:9px 14px;cursor:pointer;
}
.axtaris-qutu button:hover{background:var(--mohur-tund);}

.bash-duymeler{display:flex;gap:6px;align-items:center;}
.ikon-duyme{
  background:transparent;border:1px solid color-mix(in srgb, var(--tunc) 50%, transparent);color:var(--tunc);
  width:38px;height:38px;border-radius:var(--radius);cursor:pointer;font-size:17px;
  display:flex;align-items:center;justify-content:center;line-height:1;
}
.ikon-duyme:hover{background:color-mix(in srgb, var(--tunc) 16%, transparent);}

/* «Ətraflı» düyməsi axtarış qutusunun içində, ikinci dərəcəli görünüşdə. */
#etrafliDuyme{
  background:transparent;color:var(--metn-yumsaq);
  border-left:1px solid color-mix(in srgb, var(--tunc) 40%, transparent);
  font-weight:600;font-size:12px;padding:9px 11px;white-space:nowrap;
}
#etrafliDuyme:hover{background:var(--kagiz-3);color:var(--murekkeb);}
#etrafliDuyme.aktiv{background:var(--murekkeb-2);color:var(--nisan-metn);}

/* ===== ƏTRAFLI AXTARIŞ PANELİ ===== */
#etrafliPanel{
  position:fixed;top:calc(var(--bashliq-real) + 4px);right:22px;width:660px;max-width:calc(100vw - 44px);
  max-height:78vh;background:var(--kagiz-2);
  border:1px solid var(--xett);border-top:3px solid var(--mohur);
  box-shadow:var(--kolge);border-radius:var(--radius);z-index:46;
  font-family:var(--font-metn);
  /* Süzgəc forması yerində qalır, yalnız nəticə siyahısı sürüşür. */
  display:flex;flex-direction:column;overflow:hidden;
}
#etrafliPanel[hidden]{display:none;}

.etrafli-form{
  flex:0 0 auto;max-height:52vh;overflow-y:auto;
  display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;
  padding:16px 18px;border-bottom:1px solid var(--xett);
}
#etrafliNetice{flex:1 1 auto;min-height:0;overflow-y:auto;}
.etrafli-saha{display:flex;flex-direction:column;gap:6px;min-width:0;}
.etrafli-saha.genish{grid-column:1 / -1;}
.etrafli-etiket{
  font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--metn-yumsaq);
}
.etrafli-giris{
  font-family:var(--font-metn);font-size:13.5px;
  padding:9px 12px;border-radius:var(--radius);
  border:1px solid var(--xett);background:var(--kagiz);color:var(--metn);
  min-width:0;
}
.etrafli-giris:focus{outline:2px solid var(--mohur);outline-offset:1px;}
.etrafli-giris.kicik{width:92px;flex:0 0 auto;}
.etrafli-il{display:flex;align-items:center;gap:8px;}
.etrafli-tire{color:var(--metn-yumsaq);}

.etrafli-nisanlar{display:flex;flex-wrap:wrap;gap:6px;}
.etrafli-nisan{
  font-family:var(--font-metn);font-size:12px;line-height:1.2;
  padding:6px 11px;border-radius:99px;cursor:pointer;
  border:1px solid var(--xett);background:var(--kagiz);color:var(--metn);
}
.etrafli-nisan:hover{border-color:var(--mohur);color:var(--mohur);}
.etrafli-nisan.secili{
  background:var(--mohur);border-color:var(--mohur);color:var(--nisan-metn);font-weight:600;
}
.etrafli-nisan:focus-visible{outline:2px solid var(--mohur);outline-offset:2px;}

.etrafli-duymeler{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;}

.etrafli-netice-bash{
  position:sticky;top:0;z-index:1;background:var(--kagiz-2);
  border-bottom:1px solid var(--xett);
  padding:10px 18px;font-size:12px;color:var(--metn-yumsaq);
}
.etrafli-qeyd{font-style:italic;}
.etrafli-setir{
  padding:12px 18px;border-bottom:1px solid var(--xett);
}
.etrafli-setir:last-child{border-bottom:none;}
.etrafli-setir-bash{display:flex;align-items:baseline;gap:10px;justify-content:space-between;}
.etrafli-ad{
  flex:1;text-align:left;background:none;border:none;padding:0;cursor:pointer;
  font-family:var(--font-metn);font-size:14px;font-weight:600;line-height:1.35;
  color:var(--murekkeb);
}
.etrafli-ad:hover{color:var(--mohur);text-decoration:underline;}
.etrafli-say{font-size:11.5px;color:var(--metn-yumsaq);white-space:nowrap;}
.etrafli-melumat{
  margin-top:4px;font-size:11.5px;color:var(--metn-yumsaq);
}
.etrafli-parca{
  margin-top:7px;padding:7px 11px;border-radius:var(--radius);
  background:var(--kagiz-3);font-size:12.5px;line-height:1.5;color:var(--metn);
  cursor:pointer;
}
.etrafli-parca:hover{background:color-mix(in srgb, var(--tunc) 18%, transparent);}
.etrafli-parca mark{background:var(--vurgu);color:var(--vurgu-metn);}
#etrafliPanel .bosh-lovhe{margin:16px 18px;}

/* ===== AXTARIŞ NƏTİCƏLƏRİ ===== */
#axtarisNeticeler{
  position:fixed;top:calc(var(--bashliq-real) + 4px);right:22px;width:560px;max-width:calc(100vw - 44px);
  max-height:72vh;overflow:auto;background:var(--kagiz-2);
  border:1px solid var(--xett);border-top:3px solid var(--mohur);
  box-shadow:var(--kolge);border-radius:var(--radius);z-index:45;display:none;
  font-family:var(--font-metn);
}
#axtarisNeticeler.acik{display:block;}
.axt-bash{
  position:sticky;top:0;background:var(--kagiz-2);border-bottom:1px solid var(--xett);
  padding:10px 16px;font-size:12px;color:var(--metn-yumsaq);
  display:flex;align-items:center;gap:10px;
}
.axt-terezi{flex:1;height:3px;background:var(--kagiz-3);border-radius:2px;overflow:hidden;}
.axt-terezi i{display:block;height:100%;background:var(--tunc);width:0;transition:width .25s;}
.axt-qrup{border-bottom:1px solid var(--xett);}
.axt-qrup-bash{
  padding:10px 16px 4px;font-size:12px;font-weight:700;color:var(--mohur);
  display:flex;gap:8px;align-items:baseline;cursor:pointer;
}
.axt-qrup-bash .say{font-weight:400;color:var(--metn-yumsaq);}
.axt-netice{padding:8px 16px 12px;cursor:pointer;font-size:13.5px;line-height:1.55;color:var(--metn);}
.axt-netice:hover{background:var(--kagiz-3);}
.axt-netice mark{background:var(--vurgu);color:var(--murekkeb);padding:0 1px;}
.axt-mesaj{padding:16px;font-size:13px;color:var(--metn-yumsaq);}
.axt-etiket{
  display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--tunc);border:1px solid var(--xett);border-radius:2px;padding:0 5px;margin-left:6px;
}

/* ===== QURULUŞ =====
   Məzmun qutulu konteynerdədir: solda əsas sütun, sağda yan sütun.
   Mündəricat isə ☰ düyməsi ilə açılan sürüşən paneldir. */
.qab{
  max-width:1360px;margin:0 auto;background:var(--kagiz);
  border-left:1px solid var(--xett);border-right:1px solid var(--xett);
  box-shadow:0 0 46px rgba(0,0,0,.10);
}
.govde{
  display:grid;grid-template-columns:minmax(0,1fr) var(--sag-en);
}
nav.yan{
  position:fixed;top:0;left:0;height:100vh;width:min(86vw, 340px);z-index:70;
  background:var(--kagiz-2);border-right:1px solid var(--xett);
  transform:translateX(-102%);transition:transform .24s;
  box-shadow:var(--kolge);overflow:auto;
  padding:20px 14px 60px;font-family:var(--font-metn);
}
nav.yan.acik{transform:translateX(0);}
.yan-suzgec{
  width:100%;padding:8px 10px;border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz-2);color:var(--metn);font-family:inherit;font-size:13px;margin-bottom:12px;
}
.yan-bashliq{
  font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--mohur);
  margin:0 0 10px;font-weight:700;
}
.qrup{margin-bottom:6px;border-bottom:1px solid var(--xett);padding-bottom:6px;}
.qrup-bash{
  display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;
  padding:7px 2px;cursor:pointer;text-align:left;color:var(--murekkeb);
  font-family:inherit;font-weight:600;font-size:12.5px;
}
.qrup-bash .ox{color:var(--tunc);font-size:10px;transition:transform .18s;flex:0 0 auto;}
.qrup.yigilmis .ox{transform:rotate(-90deg);}
.qrup-bash .say{margin-left:auto;color:var(--metn-yumsaq);font-weight:400;font-size:11px;}
.qrup ul{list-style:none;margin:0 0 4px;padding:0;}
.qrup.yigilmis ul{display:none;}
.qrup li a{
  display:block;font-size:12.5px;color:var(--metn);text-decoration:none;
  padding:5px 8px 5px 10px;border-left:2px solid transparent;line-height:1.4;border-radius:0 2px 2px 0;
}
.qrup li a:hover,.qrup li a:focus-visible{
  border-left-color:var(--tunc);color:var(--murekkeb);background:color-mix(in srgb, var(--tunc) 10%, transparent);
}
.qrup li a.cari{border-left-color:var(--mohur);background:color-mix(in srgb, var(--mohur) 9%, transparent);color:var(--murekkeb);font-weight:600;}
.qrup li a .no{display:block;font-size:10.5px;color:var(--metn-yumsaq);margin-top:1px;}
.nisan{
  display:inline-block;font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:2px;
  vertical-align:middle;margin-left:4px;
}
.nisan.izah{background:var(--tunc);color:var(--nisan-metn);}
.nisan.deyisib{background:var(--mohur);color:var(--nisan-metn);}
.nisan.secilmis{background:var(--vurgu-aktiv);color:var(--vurgu-metn);}

/* ===== ƏSAS SAHƏ ===== */
main{padding:24px 26px 70px;min-width:0;}
.giris-lovhe{
  background:var(--kagiz-2);border:1px solid var(--xett);border-left:4px solid var(--tunc);
  border-radius:var(--radius);padding:16px 20px;margin-bottom:22px;
}
.giris-lovhe h2{margin:0 0 6px;font-size:17px;color:var(--murekkeb);}
.giris-lovhe p{margin:0;font-size:14px;color:var(--metn-yumsaq);line-height:1.6;}
.giris-setir{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-family:var(--font-metn);font-size:12.5px;}
.giris-setir b{color:var(--murekkeb);font-size:16px;display:block;font-family:var(--font-bashliq);}

/* ===== KATEQORİYA BLOKLARI =====
   Aktlar kateqoriyalara yığılır. "sened-setka" ilkin olaraq bir sütundur,
   şablon istəsə onu kart şəbəkəsinə çevirir (bax: temalar/jurnal.css). */
.kateqoriya-blok{margin-bottom:26px;}
.kateqoriya-bashliq{
  font-family:var(--font-metn);font-size:12px;font-weight:700;text-transform:uppercase;
  letter-spacing:.14em;color:var(--mohur);margin:0 0 12px;padding-bottom:6px;
  border-bottom:1px solid var(--xett);display:flex;align-items:center;gap:10px;
}
.kateqoriya-bashliq .say{
  font-weight:400;letter-spacing:0;text-transform:none;color:var(--metn-yumsaq);font-size:11.5px;
  border:1px solid var(--xett);border-radius:99px;padding:1px 8px;
}
.sened-setka{display:block;}
/* Başlıq iki formada verilir, şablon birini gizlədir. */
.sened-ad .qisa{display:none;}

.sened{
  position:relative;
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  margin-bottom:16px;overflow:hidden;
}
/* NİYƏ AÇIQ KARTDA `overflow` SƏRBƏSTDİR
   Bağlı kartda `overflow:hidden` yuvarlaq küncləri kəsir. Amma hər hansı
   ata elementdə `overflow` `visible`-dən fərqli olanda brauzer nəvələrdəki
   `position:sticky`-ni söndürür: 42 səhifəlik PDF-də alət zolağı yuxarı
   yapışmır, birinci ekrandan sonra əlçatmaz olurdu (zoom, axtarış, səhifə
   keçidi və işarələmə alətləri ilə birlikdə). Kart açılanda gövdə onsuz da
   tam eni tutur və öz üst sərhədi var, ona görə kəsməyə ehtiyac qalmır. */
.sened.acilmis{border-color:var(--tunc);overflow:visible;}
.sened-bash{padding:16px 20px;}
.sened-ad{
  font-size:16.5px;font-weight:700;color:var(--murekkeb);margin:0 0 6px;line-height:1.35;
}
.sened-alt{
  font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);
  display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;
}
.sened-alt a{color:var(--murekkeb-2);word-break:break-all;}
.sened-alet{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;}
.duyme{
  font-family:var(--font-metn);font-size:13px;font-weight:600;
  padding:8px 14px;border-radius:var(--radius);cursor:pointer;border:1px solid var(--tunc);
  background:transparent;color:var(--murekkeb);
}
.duyme:hover{background:color-mix(in srgb, var(--tunc) 16%, transparent);}
.duyme.esas{background:var(--mohur);border-color:var(--mohur);color:var(--nisan-metn);}
.duyme.esas:hover{background:var(--mohur-tund);}
.duyme.kicik{font-size:12px;padding:5px 10px;}
.secilmis-duyme .ulduz{margin-right:5px;}
.etiketler{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.etiket{
  font-family:var(--font-metn);font-size:11px;color:var(--metn-yumsaq);
  border:1px solid var(--xett);border-radius:2px;padding:2px 7px;text-decoration:none;
}
.etiket.diqqet{border-color:var(--mohur);color:var(--mohur);}
.etiket.yaxsi{border-color:var(--yasil);color:var(--yasil);}

.sened-govde{display:none;border-top:1px solid var(--xett);}
.sened-govde.acik{display:block;}
.oxu-sahesi{display:grid;grid-template-columns:220px minmax(0,1fr);}
.maddeler-yan{
  border-right:1px solid var(--xett);padding:12px 8px;
  font-family:var(--font-metn);font-size:12px;
  /* Uzun aktda mündəricat ekranda qalır, oxucu yerini itirmir. */
  position:sticky;top:calc(var(--bashliq-h) + 12px);align-self:start;
  max-height:calc(100vh - var(--bashliq-h) - 32px);overflow:auto;
}
.maddeler-yan .bosh{color:var(--metn-yumsaq);padding:6px;}
.maddeler-yan button{
  display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;
  padding:4px 8px;font-size:12px;color:var(--metn);border-left:2px solid transparent;line-height:1.35;
}
.maddeler-yan button:hover{background:color-mix(in srgb, var(--tunc) 12%, transparent);border-left-color:var(--tunc);color:var(--murekkeb);}
.metn-sahesi{padding:14px 20px 20px;min-width:0;}

.oxu-alet{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:var(--bashliq-h);
  background:var(--kagiz-2);padding:8px 0;border-bottom:1px solid var(--xett);z-index:5;margin-bottom:10px;
}
.daxili-axtar{
  flex:1 1 220px;padding:7px 10px;border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz);color:var(--metn);font-family:var(--font-metn);font-size:13px;
}
.axtar-durum{font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);white-space:nowrap;}

/* Çap seçimləri. */
.cap-sarma{position:relative;display:inline-flex;}
.cap-menyu{
  position:absolute;top:calc(100% + 6px);left:0;z-index:12;
  min-width:250px;padding:6px;
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  box-shadow:var(--kolge);
}
.cap-menyu[hidden]{display:none;}
/* Dar ekranda menyu düymənin altında açılırdı və ekranın sağ kənarından
   çıxırdı: hansı düymədən açılmasından asılı olaraq bir tərəfi görünmür
   qalırdı. Ona görə telefon enində menyu aşağı təbəqə kimi açılır: iki
   kənardan 12px məsafə ilə ekrana bağlanır, heç vaxt kəsilmir. */
@media (max-width:820px){
  .cap-menyu{
    position:fixed;top:auto;bottom:12px;left:12px;right:12px;
    min-width:0;width:auto;max-width:none;max-height:70vh;overflow-y:auto;
    z-index:60;padding:10px;
    box-shadow:0 -6px 28px rgba(0,0,0,.28);
  }
  /* Toxunma üçün seçim düymələri hündür olsun. */
  .cap-menyu button{min-height:34px;}
  .cap-secim{padding:10px;font-size:14px;}
}
.cap-secim{
  display:block;width:100%;text-align:left;cursor:pointer;
  padding:8px 10px;border:none;border-radius:2px;background:none;
  font-family:var(--font-metn);font-size:13px;color:var(--metn);line-height:1.35;
}
.cap-secim:hover,.cap-secim:focus-visible{background:color-mix(in srgb, var(--tunc) 14%, transparent);color:var(--murekkeb);}
.cap-secim small{display:block;margin-top:3px;font-size:11.5px;color:var(--metn-yumsaq);}
.cap-xeberdarliq{
  padding:7px 10px;font-family:var(--font-metn);font-size:11.5px;
  color:var(--metn-yumsaq);border-top:1px solid var(--xett);margin-top:4px;line-height:1.45;
}

/* Oxuma tərəqqisi: alətlər zolağının altındakı incə zolaq və say. */
.tereqqi-metn{
  font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);
  font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;
}
.oxu-tereqqi{
  position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:color-mix(in srgb, var(--xett) 80%, transparent);
}
.oxu-tereqqi-dolu{
  height:100%;width:0;background:var(--tunc);transition:width .18s ease;
}
@media (prefers-reduced-motion: reduce){ .oxu-tereqqi-dolu{transition:none;} }

/* «Yalnız mətn» rejimi: ekranda yalnız oxu sütunu qalır. */
:root.yalniz-metn #ustZolaq,
:root.yalniz-metn #yanSutun,
:root.yalniz-metn .maddeler-yan,
:root.yalniz-metn .sened-alet,
:root.yalniz-metn .etiketler,
:root.yalniz-metn .deyisiklik{display:none !important;}
:root.yalniz-metn .govde{grid-template-columns:minmax(0,1fr);}
:root.yalniz-metn .oxu-sahesi{grid-template-columns:minmax(0,1fr);}
:root.yalniz-metn #esasSahe:has(.sened.acilmis) .sened:not(.acilmis){display:none;}
:root.yalniz-metn .metn-sahesi{padding:14px 0 20px;}
:root.yalniz-metn .metn-govde,
:root.yalniz-metn .daha-duyme{max-width:66ch;}

/* Oxu sütunu: sətirdə təxminən 70 simvol saxlanılır. Uzun sətirdə göz
   sətrin sonundan növbətinin əvvəlinə qayıdanda yerini itirir. */
/* Sütunun eni oxucunun seçiminə görə dəyişir (Oxu menyusu). */
.metn-govde,.daha-duyme{max-width:var(--oxu-en, 62ch);margin-inline:auto;}
/* Mətn iki tərəfə düzləndirilmir: Azərbaycan dili üçün brauzerdə heca
   lüğəti yoxdur, ona görə düzləndirmə yalnız sözlər arasında ağ boşluq
   çayları yaradırdı. WCAG 1.4.8 də düzləndirməni qadağan edir. */
.metn-govde p,.metn-govde h3{
  position:relative;
  margin:0 0 1.6em;
  font-family:var(--font-oxu, inherit);
  font-size:calc(16.5px * var(--oxu-olcu, 1));
  font-weight:400;
  line-height:var(--oxu-setir, 1.7);
  text-align:start;
  hyphens:manual;
  scroll-margin-top:calc(var(--bashliq-h) + 74px);
}
/* Sənəd daxilindəki başlıqlar h3 elementidir, ona görə ekran oxuyucusu
   sənədin quruluşunu oxuya bilir. Görünüş əvvəlki kimi qalır. */
.metn-govde .setir-bashliq{
  font-weight:700;color:var(--murekkeb);text-align:left;margin-top:1.9em;
  font-size:calc(17.5px * var(--oxu-olcu, 1));
}
/* ===================== CƏDVƏLLƏR =====================
   Mənbə sənədindəki cədvəl sətirləri həqiqi <table> elementinə yığılır.
   Cədvəl oxu sütunundan bir qədər kənara çıxır, ehtiyac olarsa öz
   çərçivəsində üfüqi sürüşür: mətn sütununun eni pozulmur. */
.metn-govde .cedvel-qab{
  --cedvel-tasma:0px;
  position:relative;
  margin:0 0 1.9em;
  margin-inline:calc(-1 * var(--cedvel-tasma));
  width:calc(100% + 2 * var(--cedvel-tasma));
  max-width:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid var(--xett);
  border-radius:4px;
  background-color:var(--kagiz-2);
  /* Cədvəl ekrana sığmayanda kənarda yumşaq kölgə görünür: oxucu üfüqi
     sürüşmənin mümkün olduğunu başa düşür. Kölgə yalnız sürüşəndə çıxır. */
  background-image:
    linear-gradient(to right, var(--kagiz-2) 40%, rgba(0,0,0,0)),
    linear-gradient(to left, var(--kagiz-2) 40%, rgba(0,0,0,0)),
    radial-gradient(farthest-side at 0 50%, rgba(27,42,74,.20), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(27,42,74,.20), rgba(0,0,0,0));
  background-position:0 0, 100% 0, 0 0, 100% 0;
  background-repeat:no-repeat;
  background-size:44px 100%, 44px 100%, 15px 100%, 15px 100%;
  background-attachment:local, local, scroll, scroll;
}
.metn-govde .cedvel-qab:focus-visible{outline:2px solid var(--mohur);outline-offset:2px;}
@media (min-width:1180px){ .metn-govde .cedvel-qab{--cedvel-tasma:64px;} }
@media (min-width:1440px){ .metn-govde .cedvel-qab{--cedvel-tasma:110px;} }

.metn-govde table.cedvel{
  border-collapse:collapse;
  width:100%;
  font-family:inherit;
  font-size:calc(14px * var(--oxu-olcu,1));
  line-height:1.5;
  text-align:start;
}
.metn-govde table.cedvel td{
  border-top:1px solid var(--xett);
  padding:8px 12px;
  vertical-align:top;
  min-width:8ch;
}
.metn-govde table.cedvel tr:first-child td{border-top:none;}
/* Word ixracında başlıq xanası ayrıca teqlə göstərilmir, ona görə ilk
   sətir vizual olaraq seçilir: oxucu sütunların adını itirmir. */
.metn-govde table.cedvel tbody tr:first-child{
  background:color-mix(in srgb, var(--mohur) 7%, transparent);
  font-weight:600;
}
.metn-govde table.cedvel tbody tr:hover{background:color-mix(in srgb, var(--tunc) 7%, transparent);}
/* Sətrin öz ünvanı üçün kiçik boşluq sütunu. */
.metn-govde table.cedvel td.cedvel-nisan{
  position:relative;width:26px;min-width:26px;padding:8px 0 8px 4px;
}
.metn-govde table.cedvel td.cedvel-nisan .abzas-nisan{
  position:static;opacity:0;width:20px;height:20px;font-size:13px;
}
.metn-govde table.cedvel tr:hover .abzas-nisan,
.metn-govde table.cedvel .abzas-nisan:focus-visible{opacity:1;}
@media (max-width:1040px){
  .metn-govde table.cedvel{font-size:calc(13px * var(--oxu-olcu,1));}
  .metn-govde table.cedvel td{padding:6px 9px;}
  .metn-govde table.cedvel td.cedvel-nisan{display:none;}
}
@media print{
  .metn-govde .cedvel-qab{
    overflow:visible;border-color:#999;margin-inline:0;width:100%;
    background-image:none;background-color:transparent;
  }
  .metn-govde table.cedvel{font-size:9.5pt;table-layout:auto;width:100%;max-width:100%;}
  .metn-govde table.cedvel td{border:1px solid #999;min-width:0;overflow-wrap:anywhere;padding:4px 6px;}
  .metn-govde table.cedvel tr{break-inside:avoid;}
  /* Çapda ünvan nişanı görünmür, onun sütunu da yer tutmasın. */
  .metn-govde table.cedvel td.cedvel-nisan{display:none;}
}

/* Sağ kənardakı zolaq: abzasdakı izah və istinadların sıxlığı. */
.abzas-sixliq{
  position:absolute;right:-16px;top:.3em;bottom:.3em;width:3px;border-radius:2px;
  background:color-mix(in srgb, var(--tunc) 28%, transparent);
  pointer-events:auto;
}
.abzas-sixliq[data-pille="2"]{background:color-mix(in srgb, var(--tunc) 55%, transparent);}
.abzas-sixliq[data-pille="3"]{background:var(--tunc);}
@media (max-width:1040px){ .abzas-sixliq{display:none;} }
@media print{ .abzas-sixliq{display:none !important;} }

/* Hər abzasın kənarındakı nişan: onun öz ünvanını buferə köçürür. */
.abzas-nisan{
  position:absolute;left:-30px;top:.15em;
  width:22px;height:22px;padding:0;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  border:none;border-radius:3px;background:transparent;cursor:pointer;
  font-family:var(--font-metn);font-size:14px;color:var(--metn-yumsaq);
  opacity:0;transition:opacity .12s ease, background .12s ease;
}
.metn-govde p:hover > .abzas-nisan,
.metn-govde h3:hover > .abzas-nisan,
.abzas-nisan:focus-visible{opacity:1;}
.abzas-nisan:hover{background:color-mix(in srgb, var(--mohur) 16%, transparent);color:var(--murekkeb);}
.abzas-nisan:focus-visible{outline:2px solid var(--mohur);outline-offset:1px;}
@media (max-width:1040px){
  /* Dar ekranda kənarda yer yoxdur, nişan abzasın sonunda görünür. */
  .abzas-nisan{position:static;opacity:.55;margin-left:6px;vertical-align:baseline;}
}
@media print{
  .abzas-nisan{display:none !important;}
  /* Bölmə çapında yalnız seçilmiş abzaslar çıxır. */
  :root.cap-bolme .metn-govde > *:not(.cap-secili){display:none !important;}
}
/* ===================== OXU PARAMETRLƏRİ MENYUSU ===================== */
.oxu-menyu{min-width:250px;padding:12px 14px;}
.oxu-setir-secim{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:9px;
}
.oxu-etiket{
  font-family:var(--font-metn);font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--metn-yumsaq);
}
.oxu-qrup{display:inline-flex;gap:4px;}
.oxu-qrup .duyme[aria-pressed="true"]{
  background:var(--murekkeb);color:var(--nisan-metn);border-color:var(--murekkeb);
}
.oxu-qeyd{
  margin-top:6px;padding-top:8px;border-top:1px solid var(--xett);
  font-family:var(--font-metn);font-size:11px;line-height:1.5;color:var(--metn-yumsaq);
}

/* ===================== REDAKSİYA MÜQAYİSƏSİ ===================== */
.muqayise-sahe{margin:10px 0 14px;}
.muqayise-alet{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;
}
.muqayise-etiket{
  font-family:var(--font-metn);font-size:11.5px;font-weight:600;
  color:var(--metn-yumsaq);text-transform:uppercase;letter-spacing:.05em;
}
.muqayise-alet select{
  font-family:var(--font-metn);font-size:12.5px;padding:5px 8px;
  border:1px solid var(--xett);border-radius:3px;
  background:var(--kagiz-2);color:var(--metn);max-width:260px;
}
.muqayise-xulase{
  display:flex;flex-wrap:wrap;gap:14px;align-items:baseline;
  font-family:var(--font-metn);font-size:12.5px;color:var(--metn-yumsaq);
  padding-bottom:8px;border-bottom:1px solid var(--xett);margin-bottom:10px;
}
.muqayise-xulase b{color:var(--murekkeb);font-size:13px;}
.muqayise-maddeler{
  font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);
  margin-bottom:12px;line-height:1.5;
}
.ferq-blok{margin-bottom:14px;padding-left:10px;border-left:2px solid var(--xett);}
.ferq-madde{
  font-family:var(--font-metn);font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--mohur);margin-bottom:5px;
}
.ferq-setir{
  font-size:13.5px;line-height:1.6;margin-bottom:6px;padding:5px 8px;border-radius:3px;
}
.ferq-setir.elave{background:color-mix(in srgb, var(--ferq-elave, var(--yasil)) 12%, transparent);}
.ferq-setir.cixarilan{background:color-mix(in srgb, var(--ferq-cixarilan, var(--mohur)) 12%, transparent);}
.deyisiklik:not(.xettsiz) .ferq-setir.cixarilan{text-decoration:line-through;}
.ferq-setir.deyisdi{background:color-mix(in srgb, var(--tunc) 8%, transparent);}
.soz-elave{
  background:color-mix(in srgb, var(--ferq-elave, var(--yasil)) 30%, transparent);
  border-radius:2px;padding:0 1px;font-weight:600;
}
.soz-cixarilan{
  background:color-mix(in srgb, var(--ferq-cixarilan, var(--mohur)) 26%, transparent);
  border-radius:2px;padding:0 1px;text-decoration:line-through;
}
@media print{ .muqayise-sahe{display:none !important;} }

/* ===================== MADDƏ NAVİQASİYASI =====================
   Alətlər zolağında cari maddə və qonşulara keçid. */
.madde-zolaq{
  display:inline-flex;align-items:center;gap:4px;
  max-width:min(46vw, 420px);
}
.madde-zolaq .duyme{flex:none;}
.madde-zolaq .duyme[disabled]{opacity:.35;cursor:default;}
.madde-adi{
  font-family:var(--font-metn);font-size:12px;font-weight:600;
  color:var(--murekkeb);background:color-mix(in srgb, var(--mohur) 8%, transparent);
  border:1px solid color-mix(in srgb, var(--mohur) 22%, transparent);
  border-radius:99px;padding:4px 10px;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;
}
.madde-adi:hover{background:color-mix(in srgb, var(--mohur) 16%, transparent);}
.madde-adi:focus-visible{outline:2px solid var(--mohur);outline-offset:1px;}
@media (max-width:760px){ .madde-zolaq{max-width:100%;order:9;} }
@media print{ .madde-zolaq{display:none !important;} }

/* Maddə başlığının yanındakı § nişanı. */
.metn-govde .madde-bashliq{position:relative;}
.madde-nisan{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;margin-left:6px;padding:0;
  border:none;border-radius:3px;background:transparent;cursor:pointer;
  font-family:var(--font-metn);font-size:13px;color:var(--metn-yumsaq);
  opacity:0;transition:opacity .12s ease, background .12s ease;vertical-align:middle;
}
.metn-govde .madde-bashliq:hover .madde-nisan,
.madde-nisan:focus-visible{opacity:1;}
.madde-nisan:hover{background:color-mix(in srgb, var(--mohur) 16%, transparent);color:var(--mohur);}
.madde-nisan:focus-visible{outline:2px solid var(--mohur);outline-offset:1px;}
@media (max-width:1040px){ .madde-nisan{opacity:.5;} }
/* Toxunma ekranında nişanın görünən ölçüsü dəyişmir, yalnız basılan sahə
   böyüyür: mətn sətirləri sürüşmür, barmaq isə asan tutur. */
@media (pointer:coarse){
  .madde-nisan{
    opacity:.6;width:28px;height:28px;margin-left:2px;
    position:relative;
  }
  .madde-nisan::after{
    content:"";position:absolute;inset:-6px;
  }
}
@media print{ .madde-nisan{display:none !important;} }

/* ===================== MADDƏ TARİXÇƏSİ ===================== */
.madde-tarixce{
  margin:10px 0 16px;padding:14px 16px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:color-mix(in srgb, var(--kagiz-2) 70%, transparent);
  max-height:60vh;overflow:auto;
}
.tarixce-bash{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  font-family:var(--font-metn);font-size:13px;color:var(--murekkeb);
  padding-bottom:8px;border-bottom:1px solid var(--xett);margin-bottom:10px;
}
.tarixce-addim{margin-bottom:14px;}
.tarixce-tarix{
  display:flex;justify-content:space-between;gap:12px;align-items:baseline;
  font-family:var(--font-metn);font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.05em;color:var(--mohur);margin-bottom:5px;
}
.tarixce-tarix .say{color:var(--metn-yumsaq);font-weight:400;letter-spacing:0;text-transform:none;}
.tarixce-metn{
  font-size:13.5px;line-height:1.65;white-space:pre-wrap;
  padding:8px 10px;border-radius:3px;
  background:color-mix(in srgb, var(--kagiz) 60%, transparent);
  border-left:2px solid var(--xett);
}
@media print{ .madde-tarixce{display:none !important;} }

/* ===================== AKTLARARASI ƏLAQƏLƏR ===================== */
.istinad-blok:empty{display:none;}
.istinad-blok{
  margin:22px 0 4px;padding:16px 18px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:color-mix(in srgb, var(--kagiz-2) 70%, transparent);
}
.istinad-bash{
  font-family:var(--font-bashliq);font-size:15px;font-weight:700;
  color:var(--murekkeb);margin-bottom:12px;
}
.istinad-setka{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media (max-width:820px){ .istinad-setka{grid-template-columns:1fr;} }
.istinad-qrup-bash{
  font-family:var(--font-metn);font-size:11.5px;font-weight:700;
  text-transform:uppercase;letter-spacing:.06em;color:var(--metn-yumsaq);
  margin-bottom:8px;display:flex;align-items:center;gap:8px;
}
.istinad-qrup-bash .say{
  background:var(--murekkeb);color:var(--nisan-metn);
  border-radius:99px;padding:1px 7px;font-size:10.5px;letter-spacing:0;
}
.istinad-kecid{
  display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  padding:6px 8px;border-radius:3px;text-decoration:none;
  color:var(--murekkeb);font-size:13px;line-height:1.35;
}
.istinad-kecid:hover{background:color-mix(in srgb, var(--mohur) 10%, transparent);}
.istinad-kecid .say{color:var(--metn-yumsaq);font-size:11px;white-space:nowrap;}
.istinad-blok .bosh{color:var(--metn-yumsaq);font-size:12.5px;padding:4px 8px;}
.istinad-qeyd{
  margin-top:12px;padding-top:10px;border-top:1px solid var(--xett);
  color:var(--metn-yumsaq);font-size:11.5px;line-height:1.5;
}
@media print{ .istinad-blok{display:none !important;} }

/* Axtarış nəticəsində uyğunluğun hansı maddədə olduğunu göstərən sətir. */
.axt-netice .axt-madde{
  font-family:var(--font-metn);font-size:11.5px;font-weight:600;
  color:var(--mohur);margin-bottom:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.metn-govde mark.vurgu{background:var(--vurgu);color:var(--murekkeb);}
.metn-govde mark.vurgu.aktiv{background:var(--vurgu-aktiv);}
.metn-govde .izahli{
  border-bottom:2px dotted var(--tunc);cursor:pointer;background:color-mix(in srgb, var(--tunc) 10%, transparent);
}
.metn-govde .izahli:hover{background:color-mix(in srgb, var(--tunc) 24%, transparent);}
.metn-govde .izahli::after{
  content:"İZAH";font-family:var(--font-metn);font-size:8.5px;font-weight:700;
  color:var(--nisan-metn);background:var(--murekkeb-2);border-radius:2px;padding:0 3px;margin-left:4px;vertical-align:super;
}
/* Lüğət termini sənəd mətnində */
.metn-govde .lugetli{
  border-bottom:1px dashed var(--mohur);cursor:pointer;
  background:color-mix(in srgb, var(--mohur) 8%, transparent);
}
.metn-govde .lugetli:hover{background:color-mix(in srgb, var(--mohur) 20%, transparent);}
/* Pəncərəsi açıq olan söz qalıcı vurğulanır. */
.metn-govde .lugetli.acik{
  background:color-mix(in srgb, var(--vurgu-aktiv) 34%, transparent);
  border-bottom-style:solid;
}
.metn-govde .lugetli::after{
  content:"LÜĞƏT";font-family:var(--font-metn);font-size:8.5px;font-weight:700;
  color:var(--nisan-metn);background:var(--mohur);border-radius:2px;padding:0 3px;margin-left:4px;vertical-align:super;
}

.metn-govde .akt-kecid{
  color:var(--murekkeb-2);
  text-decoration:none;
  border-bottom:1px solid var(--murekkeb-2);
  background:color-mix(in srgb, var(--murekkeb-2) 7%, transparent);
  padding:0 1px;
  border-radius:2px;
  cursor:pointer;
}
.metn-govde .akt-kecid:hover,.metn-govde .akt-kecid:focus-visible{
  background:var(--murekkeb-2);
  color:var(--kagiz-2);
  border-bottom-color:transparent;
}
.metn-govde .akt-kecid::after{
  content:"↗";
  font-size:9px;
  vertical-align:super;
  margin-left:2px;
  opacity:.7;
}
:root[data-tema="qaranliq"] .metn-govde .akt-kecid{background:rgba(200,210,230,.10);}

.daha-duyme{
  display:block;width:100%;margin-top:12px;padding:10px;border:1px dashed var(--tunc);
  background:transparent;color:var(--murekkeb);font-family:var(--font-metn);
  font-size:13px;cursor:pointer;border-radius:var(--radius);
}
.daha-duyme:hover{background:color-mix(in srgb, var(--tunc) 12%, transparent);}
.yuklenir{padding:24px;text-align:center;color:var(--metn-yumsaq);font-family:var(--font-metn);font-size:13px;}
.xeta-qutu{
  margin:14px 20px;padding:12px 14px;border-left:4px solid var(--mohur);background:color-mix(in srgb, var(--mohur) 10%, transparent);
  font-family:var(--font-metn);font-size:13px;border-radius:0 2px 2px 0;
}

/* ===== DƏYİŞİKLİK LÖVHƏSİ ===== */
.deyisiklik{
  margin:0 20px 14px;border:1px solid var(--xett);border-left:4px solid var(--mohur);
  border-radius:0 var(--radius) var(--radius) 0;background:var(--kagiz);
  font-family:var(--font-metn);font-size:13px;
}
.deyisiklik summary{padding:9px 12px;cursor:pointer;color:var(--murekkeb);font-weight:600;}
.deyisiklik .icerik{padding:0 12px 12px;}
.deyisiklik .setir{padding:6px 8px;margin-bottom:5px;border-radius:2px;line-height:1.5;}
.deyisiklik{--ferq-elave:var(--yasil);--ferq-cixarilan:var(--mohur);}
/* İkinci sxem rəng korluğu üçün: mavi və narıncı cütü qırmızı yaşıldan
   daha etibarlı ayrılır. */
.deyisiklik.reng-2{--ferq-elave:#3E7BD6;--ferq-cixarilan:#C2700F;}
:root[data-tema="qaranliq"] .deyisiklik.reng-2{--ferq-elave:#6FA5F5;--ferq-cixarilan:#E0A55A;}
.deyisiklik .setir.elave{background:color-mix(in srgb, var(--ferq-elave) 14%, transparent);border-left:3px solid var(--ferq-elave);}
.deyisiklik .setir.cixarilan{background:color-mix(in srgb, var(--ferq-cixarilan) 12%, transparent);border-left:3px solid var(--ferq-cixarilan);text-decoration:line-through;opacity:.85;}
.deyisiklik.xettsiz .setir.cixarilan{text-decoration:none;opacity:1;}
.deyisiklik .qeyd{color:var(--metn-yumsaq);font-size:12px;margin-top:6px;}
.deyisiklik-alet{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding:2px 0 10px;border-bottom:1px solid var(--xett);margin-bottom:10px;
}
.deyisiklik-tarix{
  padding:6px 9px;border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz-2);color:var(--metn);
  font-family:var(--font-metn);font-size:12.5px;max-width:100%;
}
.deyisiklik-tarix:disabled{opacity:.7;}
.deyisiklik-bash{
  font-family:var(--font-metn);font-size:10.5px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--metn-yumsaq);
  margin:12px 0 6px;
}
.deyisiklik-bash:first-child{margin-top:0;}

/* ===== İZAH PANELİ ===== */
#panelOrtuk{
  position:fixed;inset:0;background:rgba(20,22,28,.45);opacity:0;pointer-events:none;
  transition:opacity .22s;z-index:60;
}
#panelOrtuk.acik{opacity:1;pointer-events:auto;}
#izahPanel{
  position:fixed;top:0;right:0;height:100vh;width:var(--panel-en);max-width:92vw;
  background:var(--kagiz-2);border-left:4px solid var(--tunc);box-shadow:var(--kolge);
  transform:translateX(102%);transition:transform .26s ease, visibility .26s;z-index:61;display:flex;flex-direction:column;
  /* Bağlı panel ekrandan kənardadır. Görünən sayıldığı üçün klaviatura və
     ekran oxuyucusu ora düşürdü; indi bağlı halda tam gizlidir. */
  visibility:hidden;
}
#izahPanel.acik{transform:translateX(0);visibility:visible;}
.panel-bash{
  background:var(--bashliq-fon);color:var(--bashliq-metn);padding:14px 16px;display:flex;gap:12px;align-items:flex-start;
}
.panel-bash .yer{
  font-family:var(--font-metn);font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;
  color:color-mix(in srgb, var(--tunc) 55%, var(--bashliq-metn));
}
.panel-bash .bashliq{font-size:14px;line-height:1.45;margin-top:4px;}
.panel-bagla{
  margin-left:auto;background:none;border:1px solid rgba(176,141,87,.5);
  color:color-mix(in srgb, var(--tunc) 55%, var(--bashliq-metn));
  width:30px;height:30px;border-radius:var(--radius);cursor:pointer;flex:0 0 auto;
}
.panel-govde{padding:18px;overflow:auto;flex:1;}
.panel-govde h4{
  font-family:var(--font-metn);font-size:11px;text-transform:uppercase;
  letter-spacing:.12em;color:var(--mohur);margin:0 0 8px;
}
.panel-govde h4+*{margin-top:0;}
.izah-metn{font-size:14.5px;line-height:1.7;margin:0 0 20px;}
.istinad-siyahi{list-style:none;margin:0;padding:0;}
.istinad-siyahi li{margin-bottom:8px;}
.istinad-duyme{
  display:block;width:100%;text-align:left;background:var(--kagiz);border:1px solid var(--xett);
  border-left:3px solid var(--tunc);border-radius:0 2px 2px 0;padding:9px 11px;cursor:pointer;
  font-family:var(--font-metn);font-size:13px;color:var(--metn);text-decoration:none;
}
.istinad-duyme:hover{background:color-mix(in srgb, var(--tunc) 14%, transparent);}
.istinad-duyme .nov{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--mohur);margin-bottom:3px;}

/* ===== İZAHLAR BÖLMƏSİ ===== */
.madde{
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  padding:16px 20px;margin-bottom:14px;
}
.madde h3{font-size:15.5px;color:var(--murekkeb);margin:0 0 10px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;}
.madde h3 .nomre{
  font-family:var(--font-metn);font-size:11px;background:var(--murekkeb);color:var(--kagiz);
  padding:2px 8px;border-radius:2px;letter-spacing:.04em;
}
/* İzahın aid olduğu akt və maddə yeri */
.madde-menbe{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-family:var(--font-metn);font-size:11.5px;line-height:1.5;
  color:var(--metn-yumsaq);
  padding-bottom:9px;margin-bottom:11px;
  border-bottom:1px solid var(--xett);
}
.madde-menbe .ayirici{color:var(--tunc);}
.madde-menbe .menbe-akt{
  font-weight:600;color:var(--mohur);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, var(--mohur) 45%, transparent);
}
.madde-menbe .menbe-akt:hover{color:var(--mohur-tund);border-bottom-color:var(--mohur-tund);}
.madde-menbe .menbe-kateqoriya{text-transform:uppercase;letter-spacing:.05em;}
.madde-menbe .menbe-madde{
  font-weight:600;color:var(--murekkeb);
  background:color-mix(in srgb, var(--tunc) 16%, transparent);
  padding:1px 7px;border-radius:99px;
}
.madde-menbe .menbe-numune{
  border:1px solid var(--xett);padding:1px 7px;border-radius:99px;font-style:italic;
}

.madde .cumle{cursor:pointer;border-bottom:1px dotted var(--tunc);}
.madde .cumle:hover,.madde .cumle.secili{background:color-mix(in srgb, var(--tunc) 20%, transparent);}

/* Cümlənin rəsmi mətndəki yerinə keçid */
.madde .cumle-yer{
  margin-left:7px;vertical-align:baseline;
  font-family:var(--font-metn);font-size:11px;line-height:1.4;
  padding:2px 9px;border-radius:99px;cursor:pointer;
  background:none;color:var(--metn-yumsaq);
  border:1px solid var(--xett);
}
.madde .cumle-yer:hover{color:var(--mohur);border-color:var(--mohur);}
.madde .cumle-yer:focus-visible{outline:2px solid var(--mohur);outline-offset:2px;}

/* Maddənin sənəddəki başlanğıc sətri */
.madde-lovhe{
  margin-top:11px;padding-top:9px;border-top:1px dashed var(--xett);
  font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);
}
.madde-lovhe code{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;font-size:11px;
  background:var(--kagiz-3);padding:1px 6px;border-radius:3px;color:var(--metn);
}
.madde.isiqlan{animation:isiqlan 1.6s ease;}
@keyframes isiqlan{0%{background:var(--vurgu);}100%{background:var(--kagiz-2);}}
/* ===== LÜĞƏT BÖLMƏSİ ===== */
#luget-bolmesi{margin-top:30px;}
.luget-alet{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;
}
.luget-suzgec{
  flex:1 1 240px;min-width:0;
  font-family:var(--font-metn);font-size:13px;
  padding:9px 13px;border-radius:var(--radius);
  border:1px solid var(--xett);background:var(--kagiz-2);color:var(--metn);
}
.luget-suzgec:focus{outline:2px solid var(--mohur);outline-offset:1px;}
.luget-say{font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);white-space:nowrap;}

/* Sinif süzgəci: termin, akronim, yaxud hamısı. */
.luget-sinifler{display:flex;flex-wrap:wrap;gap:6px;}
.luget-sinif-duyme{
  font-family:var(--font-metn);font-size:11.5px;line-height:1;
  padding:7px 11px;border-radius:999px;cursor:pointer;
  border:1px solid var(--xett);background:var(--kagiz-2);color:var(--metn-yumsaq);
  transition:border-color .12s, color .12s, background .12s;
}
.luget-sinif-duyme:hover{border-color:var(--mohur);color:var(--murekkeb);}
.luget-sinif-duyme:focus-visible{outline:2px solid var(--mohur);outline-offset:1px;}
.luget-sinif-duyme.secili{
  border-color:var(--mohur);color:var(--mohur);font-weight:600;
  background:color-mix(in srgb, var(--mohur) 12%, transparent);
}

.luget-qrup{margin-bottom:18px;}
.luget-herf{
  font-family:var(--font-metn);font-size:12px;font-weight:700;letter-spacing:.1em;
  color:var(--mohur);margin:0 0 10px;padding-bottom:5px;
  border-bottom:1px solid var(--xett);
}

.termin{
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  padding:14px 18px;margin-bottom:10px;
}
.termin-bash{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 6px;}
.termin-ad{font-size:15px;font-weight:700;color:var(--murekkeb);margin:0;}
.termin-telaffuz{
  font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);
  letter-spacing:.01em;
}
.termin-novu{
  font-family:var(--font-metn);font-size:10.5px;font-weight:600;letter-spacing:.06em;
  text-transform:lowercase;color:color-mix(in srgb, var(--mohur) 62%, var(--murekkeb));
  background:color-mix(in srgb, var(--mohur) 12%, transparent);
  border-radius:2px;padding:1px 6px;
}
/* Sinif teqi: akronim adi terminlərdən bir baxışda seçilsin. */
.termin-sinif,.lp-sinif{
  font-family:var(--font-metn);font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;border-radius:2px;padding:1px 6px;
  border:1px solid transparent;
}
.termin-sinif-termin,.lp-sinif-termin{
  color:var(--metn-yumsaq);
  border-color:var(--xett);
}
.termin-sinif-akronim,.lp-sinif-akronim{
  color:color-mix(in srgb, var(--mohur) 78%, var(--murekkeb));
  background:color-mix(in srgb, var(--mohur) 16%, transparent);
  border-color:color-mix(in srgb, var(--mohur) 34%, transparent);
}

.termin-bax{
  font-family:var(--font-metn);font-size:13px;color:var(--metn-yumsaq);margin:0 0 10px;
}
.termin-bax-kecid{
  font-weight:600;color:var(--murekkeb-2);
  border-bottom:1px solid color-mix(in srgb, var(--murekkeb-2) 45%, transparent);
}
.termin-bax-kecid:hover{color:var(--mohur-tund);border-bottom-color:var(--mohur-tund);}
.termin-numune{
  font-family:var(--font-metn);font-size:12.5px;line-height:1.6;color:var(--metn);
  border-left:2px solid var(--xett);padding:2px 0 2px 11px;margin:0 0 10px;
}
.termin-numune-bash{
  display:block;font-weight:700;font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--metn-yumsaq);margin-bottom:2px;
}
.termin-menshe{
  font-family:var(--font-metn);font-style:italic;font-size:12.5px;
  color:var(--metn-yumsaq);margin:0 0 8px;
}
.termin-variant{
  font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);margin-bottom:8px;
}
.termin-terif{margin:0 0 10px;font-size:14px;line-height:1.6;}
.termin-qeyd{
  font-family:var(--font-metn);font-size:12.5px;line-height:1.6;color:var(--metn);
  background:color-mix(in srgb, var(--mohur) 8%, transparent);
  border-left:3px solid color-mix(in srgb, var(--mohur) 55%, transparent);
  padding:8px 12px;border-radius:0 2px 2px 0;margin:0 0 10px;
}
.termin-qeyd-bash{
  display:block;font-weight:700;font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:color-mix(in srgb, var(--mohur) 65%, var(--murekkeb));
  margin-bottom:3px;
}
.termin-menbe{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);
  padding-top:9px;border-top:1px solid var(--xett);
}
.termin-menbe .menbe-akt{
  font-weight:600;color:var(--mohur);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, var(--mohur) 45%, transparent);
}
.termin-menbe .menbe-akt:hover{color:var(--mohur-tund);border-bottom-color:var(--mohur-tund);}
.termin-menbe .ayirici{color:var(--tunc);}
.termin-menbe .menbe-madde{
  font-weight:600;color:var(--murekkeb);
  background:color-mix(in srgb, var(--tunc) 16%, transparent);
  padding:1px 7px;border-radius:99px;
}
/* Tərifin mənbəyi və qanunvericilikdə işlənmə sayı. */
.termin-menbe-blok{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;
  font-family:var(--font-metn);font-size:12.5px;line-height:1.6;
  color:var(--metn-yumsaq);margin-top:10px;
}
.termin-menbe-bash{
  flex:none;font-size:10.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--metn-yumsaq);
}
.termin-menbe-metn{flex:1 1 220px;min-width:0;color:var(--metn);}
.termin-menbe-duyme{
  border:1px solid var(--xett);background:var(--kagiz);color:var(--murekkeb-2);
  font-family:var(--font-metn);font-size:12px;line-height:1.6;
  padding:1px 8px;border-radius:2px;cursor:pointer;
}
.termin-menbe-duyme:hover{
  border-color:color-mix(in srgb, var(--mohur) 55%, transparent);
  background:color-mix(in srgb, var(--mohur) 10%, transparent);color:var(--murekkeb);
}
.termin-menbe-duyme:focus-visible{outline:2px solid var(--mohur);outline-offset:2px;}
.menbe-kecidler{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:6px;vertical-align:baseline;}
.menbe-kecid-el{
  display:inline-block;padding:1px 8px;border-radius:2px;
  border:1px solid var(--xett);background:var(--kagiz);
  color:var(--murekkeb-2);text-decoration:none;
  font-family:var(--font-metn);font-size:12px;line-height:1.65;white-space:nowrap;
}
.menbe-kecid-el::after{content:" ↗";color:var(--metn-yumsaq);font-size:10px;}
.menbe-kecid-el:hover,.menbe-kecid-el:focus-visible{
  border-color:color-mix(in srgb, var(--mohur) 55%, transparent);
  background:color-mix(in srgb, var(--mohur) 10%, transparent);color:var(--murekkeb);
}
.menbe-kecid-el:focus-visible{outline:2px solid var(--mohur);outline-offset:2px;}

.termin-menbe-kecid{
  color:var(--murekkeb-2);text-decoration:none;
  border-bottom:1px solid color-mix(in srgb, var(--murekkeb-2) 45%, transparent);
}
.termin-menbe-kecid:hover,.termin-menbe-kecid:focus-visible{
  color:var(--murekkeb);border-bottom-color:var(--murekkeb);
}
#lugetPencere .termin-menbe-blok{margin-top:8px;font-size:12px;}

.termin-istinad{
  display:flex;flex-wrap:wrap;align-items:center;gap:7px;
  font-family:var(--font-metn);font-size:12.5px;margin-top:10px;
}
.termin-istinad-bash{
  font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--metn-yumsaq);
}
.termin-istinad-el{
  display:inline-block;padding:2px 9px;border-radius:2px;
  border:1px solid var(--xett);background:var(--kagiz);
  color:var(--murekkeb-2);text-decoration:none;line-height:1.7;
}
.termin-istinad-el:hover{
  border-color:color-mix(in srgb, var(--mohur) 55%, transparent);
  background:color-mix(in srgb, var(--mohur) 10%, transparent);
  color:var(--murekkeb);
}
.termin-istinad-el.akt::before{content:"akt · ";color:var(--metn-yumsaq);font-size:11px;}
.termin-istinad-el.xarici::after{content:" ↗";color:var(--metn-yumsaq);}
.termin.isiqlan{animation:isiqlan 1.6s ease;}

.bosh-lovhe{
  padding:16px;border:1px dashed var(--xett);border-radius:var(--radius);
  color:var(--metn-yumsaq);font-family:var(--font-metn);font-size:13px;
}

footer{
  border-top:1px solid var(--xett);padding:20px 26px 40px;
  background:var(--kagiz-2);
  font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);
}
footer span{display:block;margin-top:6px;}


/* ===================== PORTAL BLOKLARI ===================== */

/* Bölmə başlığı: ad, sağında zolaqlı naxış. */
.bolme-bashliq{
  display:flex;align-items:center;gap:14px;margin:0 0 14px;
  font-family:var(--font-bashliq);font-size:20px;font-weight:700;color:var(--murekkeb);
}
.bolme-bashliq .say{
  font-family:var(--font-metn);font-size:11.5px;font-weight:600;letter-spacing:.04em;
  color:var(--metn-yumsaq);border:1px solid var(--xett);border-radius:99px;padding:1px 9px;
}
.bolme-bashliq::after{
  content:"";flex:1 1 auto;height:11px;min-width:20px;
  background:repeating-linear-gradient(135deg, var(--xett) 0 2px, transparent 2px 5px);
}
.bolme{margin-bottom:30px;scroll-margin-top:calc(var(--bashliq-h) + 16px);}
.kateqoriya-blok,.sened,.termin{scroll-margin-top:calc(var(--bashliq-h) + 16px);}

/* ===== SON DƏYİŞİKLİKLƏR LENTİ ===== */
.lent-esas{
  display:flex;gap:16px;align-items:flex-start;
  background:var(--kagiz-2);border:1px solid var(--xett);
  border-top:3px solid var(--mohur);border-radius:var(--radius);
  padding:16px 18px;margin-bottom:12px;
}
.lent-tarix{
  flex:0 0 auto;width:64px;text-align:center;font-family:var(--font-metn);
  border:1px solid var(--xett);border-radius:var(--radius);overflow:hidden;
}
.lent-tarix .gun{
  display:block;font-size:23px;font-weight:700;line-height:1.25;padding:5px 0 3px;
  color:var(--murekkeb);background:var(--kagiz-3);
}
.lent-tarix .ay{
  display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;
  padding:3px 0 4px;color:var(--metn-yumsaq);
}
.lent-govde{min-width:0;flex:1 1 auto;}
.lent-ad{
  margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.35;color:var(--murekkeb);
}
.lent-meta{
  display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;
  font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);margin-bottom:9px;
}
.lent-meta .kat{
  color:var(--mohur);font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:10.5px;
}
.delta{
  font-family:var(--font-metn);font-size:11px;font-weight:700;
  border-radius:99px;padding:1px 8px;white-space:nowrap;
}
.delta.artim{
  background:color-mix(in srgb, var(--yasil) 16%, transparent);
  color:color-mix(in srgb, var(--yasil) 68%, var(--murekkeb));
}
.delta.azalma{
  background:color-mix(in srgb, var(--mohur) 14%, transparent);
  color:color-mix(in srgb, var(--mohur) 68%, var(--murekkeb));
}

.lent-siyahi{display:flex;flex-direction:column;}
.lent-setir{
  display:flex;gap:12px;align-items:center;width:100%;text-align:left;cursor:pointer;
  background:var(--kagiz-2);border:1px solid var(--xett);border-top:none;
  padding:10px 14px;color:var(--metn);font-family:var(--font-metn);font-size:13.5px;
}
.lent-siyahi .lent-setir:first-child{border-top:1px solid var(--xett);}
.lent-setir:hover{background:var(--kagiz-3);}
.lent-setir .qisa-tarix{
  flex:0 0 auto;font-size:11px;color:var(--metn-yumsaq);width:74px;
}
.lent-setir .ad{flex:1 1 auto;min-width:0;color:var(--murekkeb);font-weight:600;}
.lent-bosh{
  background:var(--kagiz-2);border:1px dashed var(--xett);border-radius:var(--radius);
  padding:18px;font-family:var(--font-metn);font-size:13px;color:var(--metn-yumsaq);
}

/* ===== LÜĞƏT VƏ İZAHLAR VİTRİNİ ===== */
.vitrin{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:16px;}
.vitrin-qutu{
  background:var(--kagiz-2);border:1px solid var(--xett);
  border-top:3px solid var(--vurgu-aktiv);border-radius:var(--radius);overflow:hidden;
}
.vitrin-bash{
  display:flex;align-items:center;gap:10px;padding:11px 15px;
  border-bottom:1px solid var(--xett);font-family:var(--font-metn);
}
.vitrin-bash b{font-size:13.5px;color:var(--murekkeb);letter-spacing:.02em;}
.vitrin-bash .say{
  font-size:11px;color:var(--metn-yumsaq);border:1px solid var(--xett);
  border-radius:99px;padding:1px 8px;
}
.vitrin-bash .hamisi{
  margin-left:auto;font-size:11.5px;font-weight:600;color:var(--mohur);
  background:none;border:none;cursor:pointer;padding:0;
}
.vitrin-bash .hamisi:hover{text-decoration:underline;}
.vitrin-el{
  display:block;width:100%;text-align:left;cursor:pointer;background:none;border:none;
  border-bottom:1px solid var(--xett);padding:11px 15px;font-family:var(--font-metn);
}
.vitrin-el:last-child{border-bottom:none;}
.vitrin-el:hover{background:var(--kagiz-3);}
.vitrin-el b{display:block;font-size:13.5px;color:var(--murekkeb);margin-bottom:3px;}
.vitrin-el small{display:block;font-size:12px;color:var(--metn-yumsaq);line-height:1.5;}
.vitrin-bosh{
  padding:16px 15px;font-family:var(--font-metn);font-size:12.5px;
  color:var(--metn-yumsaq);line-height:1.6;
}

/* ===== SAĞ YAN SÜTUN ===== */
#yanSutun{
  padding:24px 22px 70px 0;min-width:0;font-family:var(--font-metn);
}
.yan-qutu{
  background:var(--kagiz-2);border:1px solid var(--xett);
  border-bottom:3px solid var(--vurgu-aktiv);border-radius:var(--radius);
  margin-bottom:20px;overflow:hidden;
}
.yan-qutu-bash{
  display:flex;align-items:center;gap:10px;margin:0 0 12px;
  font-family:var(--font-bashliq);font-size:16px;font-weight:700;color:var(--murekkeb);
}
.yan-qutu-bash::after{
  content:"";flex:1 1 auto;height:9px;min-width:16px;
  background:repeating-linear-gradient(135deg, var(--xett) 0 2px, transparent 2px 5px);
}
.yan-tablar{display:flex;border-bottom:1px solid var(--xett);}
.yan-tab{
  flex:1 1 0;min-width:0;background:var(--kagiz-3);border:none;cursor:pointer;
  padding:9px 4px;font-family:inherit;font-size:11.5px;font-weight:600;
  color:color-mix(in srgb, var(--metn-yumsaq) 55%, var(--murekkeb));
  border-right:1px solid var(--xett);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.yan-tab:last-child{border-right:none;}
.yan-tab.secili{background:var(--kagiz-2);color:var(--murekkeb);box-shadow:inset 0 2px 0 var(--vurgu-aktiv);}
.yan-siyahi{display:flex;flex-direction:column;}
.yan-el{
  display:flex;gap:10px;align-items:flex-start;text-align:left;cursor:pointer;
  background:none;border:none;border-bottom:1px solid var(--xett);
  padding:10px 13px;font-family:inherit;
}
.yan-el:last-child{border-bottom:none;}
.yan-el:hover{background:var(--kagiz-3);}
.yan-el .sira{
  flex:0 0 auto;width:22px;height:22px;border-radius:2px;margin-top:1px;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb, var(--mohur) 12%, transparent);
  color:var(--mohur);font-size:11px;font-weight:700;
}
.yan-el-metn{min-width:0;display:block;}
.yan-el-metn .ad{display:block;font-size:12.5px;font-weight:600;color:var(--murekkeb);line-height:1.4;}
.yan-el-metn .alt{display:block;font-size:11px;color:var(--metn-yumsaq);margin-top:2px;}
.yan-qutu-ic{padding:13px;}
.yan-menbe-siyahi{list-style:none;margin:0;padding:0;}
.yan-menbe-siyahi li{border-bottom:1px solid var(--xett);}
.yan-menbe-siyahi li:last-child{border-bottom:none;}
.yan-menbe-siyahi a{
  display:block;padding:9px 13px;font-size:12.5px;color:var(--murekkeb-2);text-decoration:none;
}
.yan-menbe-siyahi a:hover{background:var(--kagiz-3);text-decoration:underline;}
.yan-menbe-siyahi small{display:block;font-size:11px;color:var(--metn-yumsaq);margin-top:2px;}
.yan-stat{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--xett);}
.yan-stat div{background:var(--kagiz-2);padding:11px 13px;}
.yan-stat b{display:block;font-family:var(--font-bashliq);font-size:19px;color:var(--murekkeb);line-height:1.2;}
.yan-stat span{font-size:11px;color:var(--metn-yumsaq);}


/* ===== LÜĞƏT PƏNCƏRƏSİ =====
   Mətndəki termin üzərinə klik ediləndə sözün yanında açılan kompakt
   pəncərə. Sənəd koordinatlarında dayanır, ona görə səhifə sürüşəndə
   sözlə birlikdə hərəkət edir. */
#lugetPencere{
  position:absolute;z-index:65;
  width:min(360px, calc(100vw - 24px));
  background:var(--kagiz-2);
  border:1px solid var(--xett);border-top:3px solid var(--vurgu-aktiv);
  border-radius:var(--radius);box-shadow:var(--kolge);
  font-family:var(--font-metn);
  /* Uzun tərif ekrandan daşmasın deyə pəncərənin öz sürüşməsi var. */
  max-height:min(70vh, 460px);overflow-y:auto;overscroll-behavior:contain;
}
#lugetPencere[hidden]{display:none;}
.lp-bash{display:flex;align-items:flex-start;gap:10px;padding:11px 13px 0;}
.lp-ad-sahe{min-width:0;}
.lp-nisan{
  display:inline-block;font-size:9px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nisan-metn);background:var(--mohur);
  border-radius:2px;padding:1px 6px;margin-bottom:5px;
}
.lp-ad-setir{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;}
.lp-ad{
  margin:0;font-family:var(--font-bashliq);font-size:16.5px;font-weight:700;
  line-height:1.3;color:var(--murekkeb);
}
.lp-telaffuz{font-size:11.5px;color:var(--metn-yumsaq);}
.lp-novu{
  font-size:10px;font-weight:600;letter-spacing:.06em;
  color:color-mix(in srgb, var(--mohur) 62%, var(--murekkeb));
  background:color-mix(in srgb, var(--mohur) 12%, transparent);
  border-radius:2px;padding:1px 5px;
}
.lp-yonlendirme{
  padding:7px 13px 0;font-size:12px;color:var(--metn-yumsaq);
}
.lp-yonlendirme .lp-ox{color:color-mix(in srgb, var(--mohur) 65%, var(--murekkeb));font-weight:700;}
.lp-numune{
  margin:9px 13px 0;padding:2px 0 2px 10px;font-size:12px;line-height:1.55;
  color:var(--metn-yumsaq);border-left:2px solid var(--xett);
}
.lp-bagla{
  margin-left:auto;flex:0 0 auto;background:none;border:none;cursor:pointer;
  color:var(--metn-yumsaq);font-size:14px;line-height:1;padding:3px 5px;border-radius:2px;
}
.lp-bagla:hover{background:var(--kagiz-3);color:var(--murekkeb);}
.lp-menshe{
  padding:6px 13px 0;font-style:italic;font-size:12.5px;color:var(--metn-yumsaq);
}
.lp-terif{margin:0;padding:9px 13px 0;font-size:13.5px;line-height:1.6;color:var(--metn);}
.lp-qeyd{
  margin:10px 13px 0;padding:8px 11px;font-size:12px;line-height:1.55;color:var(--metn);
  background:color-mix(in srgb, var(--mohur) 8%, transparent);
  border-left:3px solid color-mix(in srgb, var(--mohur) 55%, transparent);
  border-radius:0 2px 2px 0;
}
.lp-qeyd-bash{
  display:block;font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:color-mix(in srgb, var(--mohur) 65%, var(--murekkeb));margin-bottom:3px;
}
.lp-menbe{padding:10px 13px 0;font-size:11.5px;color:var(--metn-yumsaq);}
.lp-menbe a{color:var(--murekkeb-2);}
.lp-menbe b{color:var(--murekkeb);}
.lp-alt{display:flex;gap:8px;margin-top:11px;border-top:1px solid var(--xett);padding:9px 13px;}
.lp-duyme{
  background:var(--mohur);color:var(--nisan-metn);border:none;border-radius:var(--radius);
  font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 14px;cursor:pointer;
}
.lp-duyme:hover{background:var(--mohur-tund);}


/* ===== BÖLMƏ BAŞLIĞI ===== */
.bolme-ust{
  margin:0 0 22px;padding-bottom:14px;border-bottom:2px solid var(--xett);
}
.geri-kecid{
  display:inline-block;font-family:var(--font-metn);font-size:12px;font-weight:600;
  color:var(--mohur);text-decoration:none;margin-bottom:8px;
}
.geri-kecid:hover{text-decoration:underline;}
.bolme-ad{
  margin:0;font-size:26px;font-weight:700;line-height:1.2;color:var(--murekkeb);
}
.bolme-alt{
  margin:8px 0 0;font-family:var(--font-metn);font-size:13.5px;line-height:1.6;
  color:var(--metn-yumsaq);max-width:70ch;
}
.haqqinda-govde{max-width:72ch;}
.haqqinda-govde h3{
  margin:22px 0 6px;font-size:16px;color:var(--murekkeb);
}
.haqqinda-govde h3:first-child{margin-top:0;}
.haqqinda-govde p{
  margin:0;font-family:var(--font-metn);font-size:14px;line-height:1.7;color:var(--metn);
}

/* ===== KATEQORİYA LÖVHƏSİ =====
   Səkkiz xana. Xanaya klik kateqoriyanın öz səhifəsini açır. */
.kat-setka{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(272px, 1fr));
  gap:14px;align-items:start;
}
.kat-xana{
  background:var(--kagiz-2);border:1px solid var(--xett);
  border-radius:var(--radius);overflow:hidden;
}
.kat-xana:hover{border-color:var(--vurgu-aktiv);}
.kat-bash{
  display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  text-decoration:none;border-left:3px solid transparent;
  padding:13px 14px;font-family:var(--font-metn);
}
.kat-bash:hover{background:var(--kagiz-3);border-left-color:var(--vurgu-aktiv);}
.kat-nisan{
  flex:0 0 auto;min-width:42px;text-align:center;
  font-size:10px;font-weight:700;letter-spacing:.04em;
  background:color-mix(in srgb, var(--mohur) 13%, transparent);
  color:color-mix(in srgb, var(--mohur) 68%, var(--murekkeb));
  border-radius:2px;padding:4px 6px;
}
.kat-ad-sahe{min-width:0;flex:1 1 auto;}
.kat-ad{display:block;font-size:13.5px;color:var(--murekkeb);line-height:1.35;}
.kat-say{display:block;font-size:11px;color:var(--metn-yumsaq);margin-top:2px;}
.kat-ox{flex:0 0 auto;font-size:15px;color:var(--tunc);}
.kat-numune{
  list-style:none;margin:0;padding:0 14px 13px 14px;
  font-family:var(--font-metn);font-size:12px;line-height:1.5;
}
.kat-numune li{
  padding-left:11px;position:relative;margin-bottom:5px;color:var(--metn-yumsaq);
}
.kat-numune li::before{
  content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;
  background:var(--tunc);
}
.kat-numune a{color:var(--metn);text-decoration:none;}
.kat-numune a:hover{color:var(--mohur);text-decoration:underline;}
.kat-daha a{font-style:italic;font-size:11.5px;color:var(--metn-yumsaq);}

/* ===== RƏSMİ XƏBƏRLƏR ===== */
.bolme-bashliq .bolme-menbe{
  font-family:var(--font-metn);font-size:11.5px;font-weight:600;
  color:var(--mohur);text-decoration:none;white-space:nowrap;
}
.bolme-bashliq .bolme-menbe:hover{text-decoration:underline;}
.xeber-setka{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(238px, 1fr));gap:14px;
}
.xeber-kart{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;
  background:var(--kagiz-2);border:1px solid var(--xett);
  border-radius:var(--radius);overflow:hidden;
}
.xeber-kart:hover{border-color:var(--vurgu-aktiv);}
.xeber-sekil{
  aspect-ratio:16 / 9;background:var(--kagiz-3);overflow:hidden;flex:0 0 auto;
}
.xeber-sekil img{width:100%;height:100%;object-fit:cover;display:block;}
.xeber-kart:hover .xeber-sekil img{filter:brightness(1.05);}
.xeber-govde{
  display:flex;flex-direction:column;flex:1 1 auto;gap:6px;padding:12px 13px;
  font-family:var(--font-metn);
}
.xeber-ad{
  margin:0;font-family:var(--font-bashliq);font-size:14.5px;font-weight:700;
  line-height:1.35;color:var(--murekkeb);
}
.xeber-kart:hover .xeber-ad{color:var(--mohur);}
.xeber-xulase{
  margin:0;font-size:12px;line-height:1.55;color:var(--metn-yumsaq);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.xeber-alt{
  display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px;
  border-top:1px solid var(--xett);font-size:11px;color:var(--metn-yumsaq);
}
.xeber-kecid{margin-left:auto;font-weight:600;color:var(--mohur);}
.xeber-qeyd{
  grid-column:1 / -1;font-family:var(--font-metn);font-size:11.5px;
  color:var(--metn-yumsaq);padding:6px 2px;
}

/* Mənbə süzgəci: dörd lent bir siyahıda olanda oxucu birini seçə bilir. */
.xeber-suzgec{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;
  font-family:var(--font-metn);
}
.xeber-secim{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border:1px solid var(--xett);border-radius:999px;
  background:var(--kagiz-2);color:var(--metn-yumsaq);
  font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;
}
.xeber-secim:hover{border-color:var(--vurgu-aktiv);color:var(--murekkeb);}
.xeber-secim.secili{
  background:var(--mohur);border-color:var(--mohur);color:var(--kagiz);
}
.xeber-secim .say{
  font-size:11px;font-weight:600;opacity:.75;
}
.xeber-menbe-kecid{
  margin-left:auto;font-size:11.5px;font-weight:600;
  color:var(--mohur);text-decoration:none;white-space:nowrap;
}
.xeber-menbe-kecid:hover{text-decoration:underline;}

/* Kart nişanları: qurum və, tapılıbsa, hüquqi aktın növü. */
.xeber-nisanlar{display:flex;flex-wrap:wrap;gap:6px;}
.xeber-nisan{
  display:inline-block;padding:2px 8px;border-radius:999px;
  border:1px solid var(--xett);background:var(--kagiz-3);
  font-size:10.5px;font-weight:700;letter-spacing:.02em;
  color:var(--metn-yumsaq);text-transform:uppercase;
}
.xeber-nov{
  border-color:var(--vurgu-aktiv);background:transparent;color:var(--mohur);
}

/* ===== MOBİL ===== */
@media (max-width:1200px){
  :root{--sag-en:280px;}
  .menyu-duyme{padding:0 10px;font-size:12.5px;}
  .axtaris-qutu{flex:0 1 240px;min-width:170px;}
}
@media (max-width:1040px){
  .govde{grid-template-columns:1fr;}
  #yanSutun{padding:0 26px 60px;}
  .oxu-sahesi{grid-template-columns:1fr;}
  .maddeler-yan{
    border-right:none;border-bottom:1px solid var(--xett);
    position:static;max-height:200px;
  }
}
@media (max-width:820px){
  .ust-ic{padding:6px 14px;gap:12px;}
  .ust-kecidler{display:none;}
  .loqo-ic{padding:16px 14px;gap:12px;}
  .mohur-nisan{width:42px;height:42px;}
  .loqo-metn h1{font-size:22px;}
  .loqo-metn .alt{font-size:10px;letter-spacing:.18em;}
  /* Dar ekranda iki sətir: birincidə ⌂ + kateqoriya lenti + ☰,
     ikincidə tam enli axtarış. Yapışqan zolaq beləcə alçaq qalır. */
  .menyu-ic{flex-wrap:wrap;padding-right:8px;align-items:center;}
  .menyu-ev{order:0;width:44px;align-self:stretch;}
  #kateqoriyaMenyu{order:1;flex:1 1 0;min-width:0;}
  .bash-duymeler{order:2;}
  /* Toxunma ekranında düymə yüksəkliyi barmaq üçün kifayət qədər olmalıdır:
     əvvəl 15px idi, indi ən azı 40px. */
  .menyu-duyme{padding:0 12px;font-size:12.5px;min-height:40px;}
  .menyu-ev{min-height:40px;}
  .axtaris-qutu{order:3;flex:1 1 100%;margin:0 0 8px 8px;min-width:0;}
  #axtarisGiris{min-width:0;}
  .qab{border-left:none;border-right:none;}
  main{padding:18px 14px 50px;}
  #yanSutun{padding:0 14px 60px;}
  .bolme-bashliq{font-size:17px;}
  .bolme-ad{font-size:21px;}
  .lent-esas{flex-direction:column;gap:12px;}
  .lent-tarix{display:flex;width:auto;align-self:flex-start;}
  .lent-tarix .gun{padding:4px 10px;font-size:18px;background:transparent;}
  .lent-tarix .ay{padding:8px 10px 4px;}
  .lent-setir .qisa-tarix{width:62px;}
  #axtarisNeticeler{right:8px;left:8px;width:auto;max-width:none;}
  #etrafliPanel{right:8px;left:8px;width:auto;max-width:none;}
  .etrafli-form{grid-template-columns:1fr;max-height:56vh;}
  .metn-sahesi{padding:12px 14px 18px;}
  .sened-bash{padding:14px;}
  footer{padding:18px 14px 40px;}
}
@media (max-width:520px){
  .kat-setka{grid-template-columns:1fr;}
  .xeber-setka{grid-template-columns:1fr;}
  .ust-alet .ust-menbe{display:none;}
  .loqo-metn h1{font-size:19px;}
  .vitrin{grid-template-columns:1fr;}
}

@media print{
  header,nav.yan,#ustZolaq,#yanSutun,#lugetPencere,#izahPanel,#panelOrtuk,#axtarisNeticeler,#etrafliPanel,.sened-alet,.oxu-alet,.daha-duyme,.maddeler-yan,.cumle-yer,.luget-alet{display:none !important;}
  .govde{display:block;}
  /* Çapda yan sütun gizlədilir, amma şəbəkə onun yerini saxlayırdı və
     mətn sütunu çox daralırdı. Çap üçün şəbəkə bir sütuna salınır. */
  .oxu-sahesi{display:block;}
  .metn-govde{max-width:none;}
  .qab{box-shadow:none;border:none;}
  body{background:#fff;color:#000;}
  .sened{border:none;}
}

/* ===================== SEÇİM ÜZRƏ İZAH AXTARIŞI ===================== */

/* Sənəd mətnində mətn seçəndə seçimin üstündə çıxan üzən düymə. */
.secim-duyme{
  position:absolute;z-index:60;
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--font-metn);font-size:12.5px;font-weight:600;line-height:1;
  padding:9px 14px;border-radius:99px;
  border:1px solid var(--murekkeb);
  background:var(--murekkeb);color:var(--nisan-metn);
  box-shadow:var(--kolge);cursor:pointer;white-space:nowrap;
}
.secim-duyme:hover{background:var(--murekkeb-2);border-color:var(--murekkeb-2);}
.secim-duyme:focus-visible{outline:2px solid var(--mohur);outline-offset:2px;}
.secim-duyme[hidden]{display:none;}
.secim-duyme .nisan-ikon{
  display:inline-flex;align-items:center;justify-content:center;
  width:16px;height:16px;border-radius:50%;
  background:color-mix(in srgb, var(--nisan-metn) 22%, transparent);
  font-size:11px;font-weight:700;
}

/* Səhifənin altında qısa müddətlik bildiriş. */
#bildiris{
  position:fixed;left:50%;bottom:24px;z-index:70;
  transform:translate(-50%, 18px);
  max-width:min(560px, calc(100vw - 32px));
  padding:12px 18px;border-radius:var(--radius);
  background:var(--murekkeb);color:var(--nisan-metn);
  font-family:var(--font-metn);font-size:13.5px;line-height:1.45;
  box-shadow:var(--kolge);
  opacity:0;pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
#bildiris.acik{opacity:1;transform:translate(-50%, 0);}

@media (max-width:640px){
  .secim-duyme{font-size:13px;padding:10px 16px;}
}

@media print{
  .secim-duyme,#bildiris{display:none !important;}
}

/* ===================== HESAB ===================== */

#hesabDuyme{position:relative;}
.hesab-bas{
  font-family:var(--font-metn);font-size:12px;font-weight:700;letter-spacing:.02em;
}
/* Oxunmamış bildiriş sayı düymənin küncündə kiçik nişandır. */
.hesab-nisan{
  position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;
  display:flex;align-items:center;justify-content:center;
  background:var(--mohur);color:#fff;border-radius:9px;
  font-family:var(--font-metn);font-size:10px;font-weight:700;line-height:1;
}

.hesab-menyu{
  position:fixed;z-index:70;padding:6px;
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  box-shadow:var(--kolge);
}
.hesab-menyu-bas{padding:8px 10px 10px;border-bottom:1px solid var(--xett);margin-bottom:4px;}
.hesab-ad{font-family:var(--font-metn);font-size:13px;font-weight:700;color:var(--murekkeb);}
.hesab-epoct{font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);
  overflow:hidden;text-overflow:ellipsis;}
.hesab-menyu-xett{height:1px;background:var(--xett);margin:4px 0;}
.hesab-bend{
  display:block;width:100%;text-align:left;cursor:pointer;
  padding:9px 10px;border:none;border-radius:2px;background:none;
  font-family:var(--font-metn);font-size:13px;color:var(--metn);line-height:1.35;
}
.hesab-bend:hover,.hesab-bend:focus-visible{
  background:color-mix(in srgb, var(--tunc) 14%, transparent);color:var(--murekkeb);
}

/* Hesab pəncərəsi */
.hesab-ortuk{
  position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.45);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.hesab-pencere{
  width:min(680px, 100%);max-height:min(80vh, 720px);display:flex;flex-direction:column;
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  box-shadow:var(--kolge);overflow:hidden;
}
.hesab-pencere-bas{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 14px;border-bottom:1px solid var(--xett);
  font-family:var(--font-metn);font-size:15px;color:var(--murekkeb);
}
.hesab-sekmeler{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 14px;border-bottom:1px solid var(--xett);
}
.hesab-govde{padding:12px 14px 18px;overflow-y:auto;}
.hesab-bos,.hesab-yuklenir{
  font-family:var(--font-metn);font-size:13px;color:var(--metn-yumsaq);padding:10px 0;
}
.hesab-setir{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  padding:10px 0;border-bottom:1px solid var(--xett);
}
.hesab-setir.yeni{border-left:3px solid var(--mohur);padding-left:10px;}
.hesab-setir-bas{font-family:var(--font-metn);font-size:13.5px;font-weight:600;color:var(--murekkeb);
  flex:1 1 100%;}
.hesab-setir-alt{font-family:var(--font-metn);font-size:12.5px;color:var(--metn);flex:1 1 100%;}
.hesab-setir-tarix{font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);}
.hesab-qeyd-metn{
  flex:1 1 100%;font-family:var(--font-metn);font-size:13px;color:var(--metn);
  white-space:pre-wrap;line-height:1.45;
}
.hesab-kecid{
  flex:1 1 260px;font-family:var(--font-metn);font-size:13px;color:var(--mohur);
  text-decoration:none;border-bottom:1px solid transparent;
}
.hesab-kecid:hover{border-bottom-color:currentColor;}
.hesab-parametr{display:flex;flex-direction:column;align-items:flex-start;gap:12px;}
.hesab-parametr p{font-family:var(--font-metn);font-size:13px;color:var(--metn);margin:0;line-height:1.5;}
.duyme.tehlukeli{
  border-color:color-mix(in srgb, #b3261e 60%, transparent);color:#b3261e;
}
.duyme.tehlukeli:hover{background:color-mix(in srgb, #b3261e 12%, transparent);}

@media (max-width:820px){
  .hesab-ortuk{padding:0;align-items:flex-end;}
  .hesab-pencere{width:100%;max-height:88vh;border-radius:var(--radius) var(--radius) 0 0;}
  .hesab-menyu{min-width:0;}
}
@media print{ #hesabDuyme,.hesab-menyu,.hesab-ortuk{display:none !important;} }

/* ===================== MADDƏ MENYUSU VƏ ŞƏXSİ QEYD ===================== */

.madde-menyu{
  position:fixed;z-index:72;padding:6px;
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  box-shadow:var(--kolge);
}
.madde-menyu-bas{
  padding:6px 10px 8px;margin-bottom:4px;border-bottom:1px solid var(--xett);
  font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Şəxsi qeyd rəsmi mətndən aydın seçilməlidir: sarı haşiyə və ayrıca
   başlıq oxucunun onu qanun mətni ilə qarışdırmasının qarşısını alır. */
.sexsi-qeyd{
  margin:12px 0 16px;padding:12px 14px;
  background:color-mix(in srgb, var(--vurgu-aktiv) 10%, var(--kagiz-2));
  border-left:4px solid var(--vurgu-aktiv);border-radius:0 var(--radius) var(--radius) 0;
}
.sexsi-qeyd-bas{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;
  font-family:var(--font-metn);font-size:11.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--metn-yumsaq);
}
.sexsi-qeyd-metn{
  font-family:var(--font-metn);font-size:14px;line-height:1.55;color:var(--metn);
  white-space:pre-wrap;
}
@media print{ .sexsi-qeyd .duyme{display:none !important;} }

.qeyd-pencere{width:min(560px,100%);}
.qeyd-yer{
  font-family:var(--font-metn);font-size:12.5px;color:var(--metn-yumsaq);margin-bottom:8px;
}
.qeyd-sahe{
  width:100%;box-sizing:border-box;padding:10px 12px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz);color:var(--metn);
  font-family:var(--font-metn);font-size:14px;line-height:1.5;resize:vertical;
}
.qeyd-xeberdarliq{
  font-family:var(--font-metn);font-size:11.5px;color:var(--metn-yumsaq);
  margin:8px 0 0;line-height:1.45;
}
.qeyd-duymeler{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
@media (max-width:820px){ .madde-menyu{min-width:0;} }
@media print{ .madde-menyu{display:none !important;} }

.hesab-alt-bashliq{
  font-family:var(--font-metn);font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--metn-yumsaq);
  margin:14px 0 2px;
}
.hesab-secim{
  display:flex;align-items:flex-start;gap:10px;cursor:pointer;
  font-family:var(--font-metn);font-size:13.5px;color:var(--metn);line-height:1.45;
}
.hesab-secim input{margin-top:3px;width:16px;height:16px;flex:none;}
.hesab-secim-ad{display:block;font-weight:600;color:var(--murekkeb);}
.hesab-secim-izah{display:block;font-size:12px;color:var(--metn-yumsaq);margin-top:2px;}

/* ===================== İDARƏ PANELİ ===================== */

.admin-pencere{width:min(820px,100%);}
.admin-setir{
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:7px 0;border-bottom:1px solid var(--xett);
  font-family:var(--font-metn);font-size:13.5px;
}
.admin-ad{color:var(--metn-yumsaq);}
.admin-deyer{color:var(--murekkeb);font-weight:600;text-align:right;}
.admin-netice{
  margin-top:12px;font-family:var(--font-metn);font-size:13px;color:var(--metn);
}

/* Admin panelindəki sınaq düymələri sırası. */
.hesab-duymeler{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 4px;}

/* Admin sinxron nəticəsi: uğursuzluq gözə dəyməlidir. */
.admin-netice-bas{font-weight:600;margin-bottom:4px;}
.admin-netice-xeta .admin-netice-bas{color:#b3261e;}
:root[data-tema="qaranliq"] .admin-netice-xeta .admin-netice-bas{color:#f2b8b5;}

/* ---------- Sənəd şəkilləri ----------
   PDF-dən çıxarılan şəkil mətnin axınında öz yerində durur. Eni sütuna
   sığır, hündürlüyü isə məhdudlaşır ki, tam səhifəlik sxem oxu axınını
   kəsməsin; tam ölçü klik ilə örtükdə açılır. */
.sened-sekil{
  margin:18px 0;padding:10px;
  background:var(--kagiz-2);border:1px solid var(--xett);border-radius:var(--radius);
  text-align:center;
}
.sened-sekil img{
  max-width:100%;max-height:60vh;height:auto;width:auto;
  cursor:zoom-in;border-radius:4px;background:#fff;
}
.sened-sekil img:focus-visible{outline:2px solid var(--vurgu-aktiv);outline-offset:2px;}
.sekil-ortuk{
  position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.82);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.sekil-tam{max-width:100%;max-height:100%;object-fit:contain;background:#fff;}
.sekil-bagla{position:absolute;top:12px;right:14px;color:#fff;font-size:22px;}
@media print{
  .sened-sekil{break-inside:avoid;border:none;background:none;}
  .sened-sekil img{max-height:none;}
  .sekil-ortuk{display:none !important;}
}

/* Mənbə səhifəsi nişanı. Yalnız PDF-dən gələn sənədlərdə görünür. */
.sehife-nisan{
  font-family:var(--font-metn);font-size:12px;line-height:1;
  padding:5px 8px;border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz-2);color:var(--metn-yumsaq);cursor:pointer;
  white-space:nowrap;
}
.sehife-nisan:hover{color:var(--murekkeb);border-color:var(--tunc);}
@media print{ .sehife-nisan{display:none !important;} }

/* ---------- PDF oxuyucusu ----------
   Oxuyucu mətn rejiminin yerində açılır. Alət paneli yapışqandır: uzun
   sənəddə səhifə keçidi və zoom həmişə əlçatan qalır. */

.pdf-sahesi{ margin-top:10px; }

.pdfoxu{ display:flex;flex-direction:column;gap:10px; }
.pdfoxu-alet{
  position:sticky;top:var(--bashliq-real);z-index:20;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  padding:8px;border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz-2);
}
.pdfoxu-qrup,.pdfoxu-alet-qrup,.pdfoxu-reng-qrup{
  display:flex;align-items:center;gap:4px;
}
.pdfoxu-duyme{
  font-family:var(--font-metn);font-size:13px;line-height:1;
  padding:7px 10px;min-height:34px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz);color:var(--metn);cursor:pointer;
  text-decoration:none;display:inline-flex;align-items:center;
}
.pdfoxu-duyme:hover{ border-color:var(--tunc);color:var(--murekkeb); }
.pdfoxu-duyme.secilmis{ background:var(--murekkeb);color:var(--kagiz);border-color:var(--murekkeb); }
.pdfoxu-duyme.sonuk,.pdfoxu-reng-qrup.sonuk{ opacity:.5; }
.pdfoxu-zoom{ min-width:76px;justify-content:center; }
.pdfoxu-sehife-xana{
  width:52px;padding:6px;text-align:center;font-size:13px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz);color:var(--metn);
}
.pdfoxu-sehife-say{ font-size:13px;color:var(--metn-yumsaq); }
.pdfoxu-axtar{
  width:170px;padding:7px 9px;font-size:13px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz);color:var(--metn);
}
.pdfoxu-axtar-durum{ font-size:12px;color:var(--metn-yumsaq);min-width:60px; }
.pdfoxu-reng{
  width:26px;height:26px;padding:0;border-radius:50%;
  border:2px solid transparent;cursor:pointer;
}
.pdfoxu-reng.secilmis{ border-color:var(--murekkeb); }

.pdfoxu-lovhe{ display:flex;flex-direction:column;align-items:center;gap:14px; }
.pdfoxu-yuklenir{ padding:40px;color:var(--metn-yumsaq);font-family:var(--font-metn); }
.pdfoxu-sehife{
  position:relative;max-width:100%;
  box-shadow:var(--kolge);background:#fff;
}
.pdfoxu-kətan{ display:block;max-width:100%; }

/* Mətn qatı görünmür, amma seçilir: seçim həm kopyalama, həm də
   işarələmə üçün lazımdır. */
.pdfoxu-metn{
  position:absolute;inset:0;overflow:hidden;
  opacity:.25;line-height:1;
  text-align:initial;transform-origin:0 0;
}
.pdfoxu-metn span,.pdfoxu-metn br{
  color:transparent;position:absolute;white-space:pre;
  cursor:text;transform-origin:0 0;
}
.pdfoxu-metn ::selection{ background:rgba(120,160,220,.45); }

/* İşarə qatı mətnin üstündədir, amma hadisələri buraxır: yalnız
   işarənin özü klik tutur, qalan yerdə mətn seçmək mümkün qalır. */
.pdfoxu-isare{ position:absolute;inset:0;pointer-events:none; }
.pdfoxu-isare > *{ pointer-events:auto; }
.pdfoxu-parca{ position:absolute;cursor:pointer; }
.pdfoxu-parca[data-reng=sari]{ --isare:#F5D76E; }
.pdfoxu-parca[data-reng=yasil]{ --isare:#8BD48B; }
.pdfoxu-parca[data-reng=mavi]{ --isare:#8FBCE6; }
.pdfoxu-parca[data-reng=cehrayi]{ --isare:#F0A6C8; }
.pdfoxu-parca[data-reng=narinci]{ --isare:#F5B27A; }
.pdfoxu-vurgu{ background:var(--isare);opacity:.42;mix-blend-mode:multiply; }
.pdfoxu-altxett{ box-shadow:inset 0 -2px 0 var(--isare); }
.pdfoxu-ustxett::after{
  content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--isare);
}
.pdfoxu-parca.serhli{ outline:1px dashed var(--mohur);outline-offset:1px; }

.pdfoxu-sərbəst{ position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.pdfoxu-sərbəst polyline{ fill:none;stroke-width:.6;vector-effect:non-scaling-stroke;cursor:pointer; }
.pdfoxu-sərbəst polyline[data-reng=sari]{ stroke:#E0B13A; }
.pdfoxu-sərbəst polyline[data-reng=yasil]{ stroke:#4E9E4E; }
.pdfoxu-sərbəst polyline[data-reng=mavi]{ stroke:#4E86BD; }
.pdfoxu-sərbəst polyline[data-reng=cehrayi]{ stroke:#D0679A; }
.pdfoxu-sərbəst polyline[data-reng=narinci]{ stroke:#D98336; }

/* Sərbəst əl rejimində mətn seçimi maneə olur, ona görə söndürülür. */
.pdfoxu-cizir .pdfoxu-metn{ pointer-events:none;user-select:none; }
.pdfoxu-cizir .pdfoxu-isare{ pointer-events:auto;cursor:crosshair; }

.pdfoxu-tam{ background:var(--kagiz);padding:10px;overflow:auto; }
.pdfoxu-tam .pdfoxu-alet{ top:0; }

.pdfoxu-serh{
  position:absolute;z-index:90;width:min(320px,92vw);
  display:flex;flex-direction:column;gap:8px;padding:10px;
  background:var(--kagiz-2);border:1px solid var(--xett);
  border-radius:var(--radius);box-shadow:var(--kolge);
}
.pdfoxu-serh-sitat{
  font-family:var(--font-metn);font-size:12px;color:var(--metn-yumsaq);
  max-height:64px;overflow:auto;
}
.pdfoxu-serh-sahe{
  width:100%;min-height:80px;padding:8px;font-family:var(--font-metn);font-size:13px;
  border:1px solid var(--xett);border-radius:var(--radius);
  background:var(--kagiz);color:var(--metn);resize:vertical;
}
.pdfoxu-serh-duymeler{ display:flex;gap:6px;flex-wrap:wrap; }

/* Mobil: alət paneli iki sıraya düşür, düymələr barmaq ölçüsündə qalır. */
@media (max-width: 760px){
  .pdfoxu-alet{ gap:6px;padding:6px; }
  .pdfoxu-duyme{ padding:8px 9px;min-height:38px;font-size:13px; }
  .pdfoxu-axtar{ width:100%; }
  .pdfoxu-qrup:nth-child(5){ width:100%; }
  .pdfoxu-reng{ width:30px;height:30px; }
  .pdfoxu-lovhe{ gap:10px; }
}

@media print{
  .pdfoxu-alet{ display:none !important; }
}