/* Κατεύθυνση Α «Μελάνι και χαρτί» (Φάση Β4): /privacy/, /terms/, /cookies/. Φορτώνεται μετά το css/site.css.
   Ήσυχες σελίδες: paper, serif τίτλοι, χωρίς σκούρες ζώνες. Προτεραιότητα στην αναγνωσιμότητα μακριού κειμένου. */
body { overflow-x: clip; }

.legal { padding: 22px 0 44px; }
.legal-inner h1 { margin: 0 0 10px; font: 300 clamp(36px, 9.6vw, 56px)/1.02 var(--serif); letter-spacing: -.03em; }
.legal-inner h1::after { content: "."; color: var(--vermilion); }
.legal-inner h1::after { content: "." / ""; }
.legal-updated { margin: 0 0 22px; font-size: 15px; color: var(--muted); }

/* Κείμενο: Inter 16,5px (18px από 1024), διάστιχο 1,62–1,65, μέγιστο πλάτος γραμμής 68ch (περίπου 65–75 χαρακτήρες) */
.legal-inner p, .legal-inner li { font-size: 16.5px; line-height: 1.62; color: var(--ink-2); }
.legal-inner p { max-width: 68ch; margin: 0 0 12px; }
.legal-inner ul { max-width: 68ch; margin: 0 0 14px; padding-left: 22px; }
.legal-inner li { margin: 0 0 6px; }
.legal-inner li::marker { color: var(--vermilion); }
.legal-inner h2 { margin: 24px 0 8px; padding-top: 12px; border-top: 1px solid var(--line); font: 400 clamp(22px, 5.6vw, 26px)/1.2 var(--serif); }

/* Σύνδεσμοι μέσα στο κείμενο: πάντα υπογραμμισμένοι (όχι μόνο με χρώμα) */
.legal-inner a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-inner a:hover { text-decoration-color: var(--vermilion); text-decoration-thickness: 2px; }

@media (min-width: 1024px) {
  .legal { padding: 28px 0 56px; }
  .legal-inner { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 32px; }
  .legal-inner h1 { grid-column: 1 / -1; font-size: clamp(52px, 4.5vw, 64px); }
  .legal-updated { grid-column: 1 / -1; margin-bottom: 28px; }
  .legal-inner p, .legal-inner ul { grid-column: 4 / span 7; font-size: 18px; line-height: 1.65; }
  .legal-inner li { font-size: 18px; line-height: 1.65; }
  /* Ο τίτλος ενότητας στις στήλες 1–3, δίπλα στην πρώτη παράγραφο· χωρίς γραμμή, με κενό */
  .legal-inner h2 { grid-column: 1 / span 3; margin: 30px 0 0; padding-top: 0; border-top: 0; font-size: 26px; }
  .legal-inner h2 + p, .legal-inner h2 + ul { margin-top: 30px; }
}