/* Faqet ligjore (`privatesia`, `kushtet`, `perpunimi-i-te-dhenave`, `fshirja-e-te-dhenave`)
 * — ngarkohet pas `geist.css`.
 *
 * Shiriti, footer-i dhe shkronjat vijnë nga `geist.css`, si te ballina. Këtu mbetet vetëm
 * teksti i gjatë: një kolonë e ngushtë, seksione si karta të qeta mbi letër, pa xham dhe
 * pa ngjyrë theksi. Klasat janë nën `.lg`, që rregullat e vjetra `.legal` të `site.css`
 * (ende në përdorim te faqet e tjera ligjore) të mos përzihen me këto.
 */

/* Pa animacionin e ballinës, vija poshtë shiritit rri gjithmonë. */
.nv{border-bottom-color:var(--line)}

/* ── Koka ─────────────────────────────────────────────────────────────────── */
.lg-hero{max-width:calc(78ch + var(--gutter) * 2);padding-top:80px;padding-bottom:48px}
.lg-hero h1{margin-top:16px;font-size:clamp(38px, 5vw, 56px);font-weight:var(--w-light);letter-spacing:-.04em;line-height:1.04}
.lg-hero h1 span{color:var(--ash)}
.lg-hero .lead{margin-top:20px}

/* ── Teksti ───────────────────────────────────────────────────────────────── */
/* `p{margin:0}` i `geist.css` e bën tekstin e gjatë të palexueshëm pa këto hapësira. */
.lg{max-width:calc(78ch + var(--gutter) * 2);padding-bottom:var(--sec)}
.lg .meta{font-size:var(--t-small);color:var(--ash);margin-bottom:32px}
.lg h2{font-size:var(--t-h3);font-weight:var(--w-reg);letter-spacing:-.025em;line-height:1.2;margin:0 0 16px;
  scroll-margin-top:calc(var(--nav-h) + 16px)}
.lg h3{font-size:17px;font-weight:var(--w-med);letter-spacing:-.01em;line-height:1.3;margin:28px 0 10px}
.lg p{color:var(--ash);line-height:1.7;margin:0 0 14px}
.lg ul,.lg ol{color:var(--ash);line-height:1.7;margin:0 0 16px;padding-left:22px}
.lg li{margin-bottom:8px}
.lg li::marker{color:var(--ash)}
.lg b,.lg strong{color:var(--ink);font-weight:var(--w-med)}
.lg a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-3);text-underline-offset:3px;
  transition:text-decoration-color .2s}
.lg a:hover{text-decoration-color:var(--ink)}

/* ── Seksionet si karta ───────────────────────────────────────────────────── */
.lg .lc,.lg .toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);
  padding:32px 36px;margin:0 0 16px}
.lg .lc > :last-child,.lg .toc > :last-child{margin-bottom:0}
.lg .toc > b:first-child{display:block;font-size:var(--t-small);color:var(--ink)}
.lg .toc ol,.lg .toc ul{margin:12px 0 0;font-size:15px}
/* Vetëm lista e numëruar është navigim; përmbledhja mban lidhje të vërteta. */
.lg .toc ol a{text-decoration:none;color:var(--ash);transition:color .2s}
.lg .toc ol a:hover{color:var(--ink)}

/* Shënimi: panel i futur brenda kartës, jo kartë e dytë mbi të. */
.lg .note{margin:20px 0 0;padding:18px 22px;border:0;border-radius:var(--r-md);background:var(--fill)}
.lg .note p{font-size:15px;max-width:none}

/* Tabela e gjerë rrëshqet brenda vetes, jo faqja anash. */
.lg .tbl{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:var(--r-md);
  -webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
.lg table{border-collapse:collapse;width:100%;min-width:520px;font-size:14.5px}
.lg th,.lg td{text-align:left;vertical-align:top;padding:12px 16px;border-bottom:1px solid var(--line);color:var(--ash);line-height:1.55}
.lg th{color:var(--ink);font-weight:var(--w-med);white-space:nowrap}
.lg tbody tr:last-child td{border-bottom:0}

@media (max-width:767px){
  .lg-hero{padding-top:48px;padding-bottom:32px}
  .lg .lc,.lg .toc{padding:22px 20px;border-radius:var(--r-lg)}
  .lg .note{padding:16px}
}

/* Referenca e nenit pas titullit ("— Neni 28(3)(a)"): e qetë, në të njëjtin rresht. */
.lg .lg-ref{font-size:15px;color:var(--ash);letter-spacing:0}
/* Përmbledhja me paragrafë (Përpunimi) merr të njëjtën frymë si me listë. */
.lg .toc > b:first-child + p{margin-top:12px}

/* Forma e statusit (Fshirja): panel i futur brenda kartës, si shënimi. */
.lg .lg-form{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:20px;padding:20px 22px;
  border-radius:var(--r-md);background:var(--fill)}
.lg .lg-form .field{width:100%;max-width:360px}
.lg .lg-form .field > span{font-size:var(--t-small);font-weight:var(--w-med);color:var(--ink)}
.lg .lg-form input{width:100%;min-height:48px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-pill);
  background:var(--white);font:inherit;font-size:16px;color:var(--ink)}
.lg .lg-form input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--fill-2)}
.lg .lg-form #status-out:empty{display:none}
.lg .lg-form #status-out{margin:0}
.lg .note > :last-child{margin-bottom:0}