/* The four legal pages — Privatësia · Kushtet · Cookies · Impresum.
   ------------------------------------------------------------------
   These were one page carrying twenty inline `style="…"` attributes. Four pages
   of that would have been four copies of the same declarations drifting apart,
   and a legal page that looks different from its neighbours reads as an
   afterthought — which is the one impression a legal page cannot afford.

   Deliberately quiet against the rest of the site: no reveal animations, no
   sheen, no accent fills. Somebody is here to read, usually because something
   concerns them. Measure is capped at ~68 characters for exactly that reason. */

.legal{max-width:760px;margin:0 auto;padding-bottom:clamp(80px,12vh,130px)}
.legal .section-title{margin-top:12px}

/* The legal footer is the site footer with the marketing removed: no Eksploro
   or Kompania columns, and no stock-freshness stamp — «Stoku i përditësuar
   12.08.2026» under a privacy policy is an advertisement in a place nobody
   came to be advertised at. build-cars.mjs skips the freshness injection for
   these four pages BY NAME; until now the only thing preventing it was an
   inline style attribute that happened not to match a regex, which is not a
   rule, it is a coincidence with a deadline. */
.footer--legal .footer__bottom{border-top:none;padding-top:0}
.legal__stamp{margin-top:14px;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;color:var(--text-3)}
.legal__lead{margin-top:22px;font-size:1.02rem;line-height:1.7;color:var(--text-2)}

/* Sibling navigation. Someone who lands on «Kushtet» from a footer link should
   not have to go back to the footer to find «Cookies». */
.legal__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.legal__tabs a{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--text-3);border:1px solid var(--line-2);border-radius:100px;padding:.55em 1.05em;
  transition:color .3s,border-color .3s,transform .3s var(--ease-out)}
.legal__tabs a:hover{color:var(--text);transform:translateY(-1px)}
.legal__tabs a[aria-current="page"]{color:var(--text);border-color:rgba(255,255,255,.4)}

.legal__body{margin-top:38px;display:flex;flex-direction:column;gap:30px;color:var(--text-2);line-height:1.75}
.legal__body h2{font-size:1.15rem;font-weight:500;color:var(--text);margin-bottom:10px;letter-spacing:-.01em}
.legal__body h3{font-size:.95rem;font-weight:500;color:var(--text);margin:18px 0 6px}
.legal__body p+p{margin-top:12px}
.legal__body ul{margin:10px 0 0;padding-left:1.1em;display:flex;flex-direction:column;gap:7px}
.legal__body li::marker{color:var(--text-3)}
.legal__body a{color:var(--text);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--line-2);transition:text-decoration-color .3s}
.legal__body a:hover{text-decoration-color:var(--accent)}
.legal__body strong{color:var(--text);font-weight:500}

/* A fact table — the imprint's registry details, the cookie inventory. Rows,
   not cards: this is a ledger, and a ledger reads down a column. */
.legal__facts{width:100%;border-collapse:collapse;margin-top:6px;font-size:.9rem}
.legal__facts th,.legal__facts td{text-align:left;vertical-align:top;padding:11px 14px 11px 0;
  border-bottom:1px solid rgba(255,255,255,.07)}
.legal__facts th{font-weight:400;color:var(--text-3);white-space:nowrap;width:38%}
.legal__facts td{color:var(--text)}
.legal__facts tr:last-child th,.legal__facts tr:last-child td{border-bottom:none}
@media (max-width:620px){
  .legal__facts th,.legal__facts td{display:block;width:auto;border-bottom:none;padding:0}
  .legal__facts th{padding-top:14px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
  .legal__facts td{padding:3px 0 12px;border-bottom:1px solid rgba(255,255,255,.07)}
}

/* ★ A VALUE WE DO NOT HAVE YET, MARKED AS ONE.
   The NUI (Numri Unik Identifikues) is a real registry number issued to a real
   company, and inventing a plausible one would put a false registration on a
   public page — a fabrication with legal weight, not a placeholder. So it is
   rendered as visibly missing until Alberti supplies it, and it is impossible
   to mistake for a number. */
.legal__todo{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;
  color:var(--accent);border:1px dashed rgba(209,26,47,.5);border-radius:6px;padding:.3em .7em}