/* SAMATUKAS — teisinių puslapių sluoksnis. M3.
 *
 * ── KAM ──────────────────────────────────────────────────────────────────────
 *
 * Privatumo politika ir naudojimo sąlygos yra DOKUMENTAI, o ne nusileidimo puslapiai.
 * Jų darbas — būti perskaitytiems iki galo, o ne patraukti dėmesį. Todėl čia nėra
 * nė vieno pirminio mygtuko, nė vienos animacijos ir nė vieno `:hover` — skaitomo
 * teksto kokybę lemia eilutės ilgis, tarpai ir hierarchija, ne efektai.
 *
 * ── RIBOS ────────────────────────────────────────────────────────────────────
 *
 *   • Nė vienos literalios spalvos. Viskas per `identity.css` ir `shared.css` tokenus,
 *     todėl tamsi tema veikia savaime — perdengti nieko nereikia.
 *   • Jokio `:hover`. Pirštu jo nėra, o klaviatūrai dirba esamas `:focus-visible`.
 *   • Eilutės ilgis ribojamas `ch` vienetais: 66ch yra apie 75 simbolius su tarpais,
 *     t. y. ties ilgio riba, už kurios akis pradeda pamesti eilutę.
 *
 * ── SPAUSDINIMAS ─────────────────────────────────────────────────────────────
 *
 * Chrome dingsta, turinys lieka. Juodraščio juosta spausdinama SĄMONINGAI: atspausdintas
 * teisinis tekstas be žymos, kad jis dar nepatvirtintas, yra pavojingesnis už ekraninį.
 */

/* ── Dokumento kūnas ───────────────────────────────────────────────────────── */

.legal {
  /* 66ch — skaitymo riba, ne dizaino pasirinkimas. */
  max-width: 66ch;
  margin: 0 auto;
  padding: 2.5rem var(--page-gutter) 3.5rem;
}

.legal-title {
  font-size: var(--fs-h2);
  line-height: 1.15;
  margin: 0 0 0.75rem;
  color: var(--ink);
}

.legal-lead {
  max-width: 60ch;
  font-size: var(--fs-lead);
  line-height: 1.55;
  margin: 0 0 1.5rem;
  color: var(--graphite);
}

.legal-meta {
  font-size: var(--fs-meta);
  color: var(--muted);
  margin: 0 0 2rem;
}

/* ── Juodraščio juosta ─────────────────────────────────────────────────────── */

.legal-draft {
  /* Juostą žymi TRYS dalykai: `--tint-ink` fonas, plaukelio `--signal` rėmas ir
     oranžinė „Būsena" etiketė. Storo šoninio kraštelio čia nėra sąmoningai — jis
     nieko nepridėtų prie šių trijų, o pats yra nudėvėtas šablonas. */
  background: var(--tint-ink);
  border: 1px solid var(--signal);
  border-radius: var(--radius-md);
  padding: 0.9rem 1.1rem;
  margin: 0 0 2rem;
  font-size: var(--fs-body);
  line-height: 1.5;
  color: var(--ink);
}

.legal-draft-label {
  display: block;
  font-size: var(--fs-meta);
  letter-spacing: 0.04em;
  color: var(--signal);
  margin-bottom: 0.35rem;
}

/* ── Turinys (TOC) ─────────────────────────────────────────────────────────── */

.legal-toc {
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 1rem 1.2rem;
  margin: 0 0 2.5rem;
  background: var(--panel);
}

.legal-toc-title {
  font-size: var(--fs-meta);
  letter-spacing: 0.04em;
  color: var(--muted);
  margin: 0 0 0.5rem;
}

.legal-toc ol {
  list-style: decimal;
  margin: 0;
  padding-left: 1.4rem;
  color: var(--muted);
}

.legal-toc li { margin: 0; }

/* 2.75rem — ta pati pirštų riba, kuri galioja visam viešam puslapiui. Nuoroda yra
   `inline-flex`, kad aukštis būtų tikras, o ne tik teksto eilutės. */
.legal-toc a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: var(--graphite);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

/* ── Sekcijos ir tekstas ───────────────────────────────────────────────────── */

.legal section { margin: 0 0 2.25rem; }

.legal h2 {
  font-size: 1.3rem;
  line-height: 1.25;
  margin: 0 0 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid var(--line);
  color: var(--ink);
}

.legal p,
.legal li {
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--graphite);
}

.legal p { margin: 0 0 0.9rem; }

.legal ul {
  margin: 0 0 1rem;
  padding-left: 1.3rem;
}

.legal li { margin: 0 0 0.4rem; }

.legal a {
  color: var(--graphite);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.legal strong { color: var(--ink); }

/* ── Apibrėžimų sąrašai ────────────────────────────────────────────────────── */
/*
 * Lentelių čia nėra sąmoningai: „kokį lauką saugome ir kodėl" yra apibrėžimų porų
 * santykis, o ne matrica. `<dl>` tai pasako ir ekrano skaitytojui, o siaurame ekrane
 * susidėlioja į vieną stulpelį be horizontalaus slinkimo.
 */

.legal dl {
  display: grid;
  grid-template-columns: minmax(9rem, 15ch) 1fr;
  gap: 0.5rem 1.2rem;
  margin: 0 0 1.25rem;
  padding: 0;
}

.legal dt {
  font-size: var(--fs-meta);
  line-height: 1.5;
  color: var(--ink);
  padding-top: 0.1rem;
}

.legal dd {
  margin: 0;
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--graphite);
}

/* ── Savininko vietaženkliai ───────────────────────────────────────────────── */
/*
 * Matomas, bet ne triukšmingas: tai ne klaida, o sąmoningai neužpildyta vieta, kurią
 * gali užpildyti TIK savininkas arba teisininkas.
 */

.legal-todo {
  background: transparent;
  color: var(--ink);
  border: 1px dashed var(--signal);
  border-radius: var(--radius-sm);
  padding: 0.05em 0.35em;
  font-size: var(--fs-meta);
}

/* Ilgi identifikatoriai, raktai ir IBAN neturi išstumti puslapio į horizontalų slinkimą. */
.legal code,
.legal .mono,
.legal-todo {
  overflow-wrap: anywhere;
  word-break: normal;
}

/* ── Siauras ekranas ───────────────────────────────────────────────────────── */

@media (max-width: 38.75rem) {
  .legal { padding: 1.75rem var(--page-gutter) 2.5rem; }

  /* Dviejų stulpelių apibrėžimai siaurame ekrane taptų dviem per siaurais stulpeliais,
     todėl jie susidėlioja vienas po kito. */
  .legal dl {
    grid-template-columns: 1fr;
    gap: 0.2rem;
  }

  .legal dt { padding-top: 0.6rem; }
  .legal dd { margin-bottom: 0.5rem; }
}

/* ── Spausdinimas ──────────────────────────────────────────────────────────── */

@media print {
  .site-header,
  .site-footer,
  .legal-toc,
  .theme-btn { display: none; }

  .legal {
    max-width: none;
    padding: 0;
  }

  /* Juodraščio juosta LIEKA. Popieriuje ji vienintelė pasako, kad tekstas dar
     nepatvirtintas — be jos atspausdintas lapas atrodytų kaip galutinis dokumentas. */
  .legal-draft {
    display: block;
    border: 1px solid var(--signal);
  }

  .legal h2 { break-after: avoid; }
  .legal dl { break-inside: avoid; }
}