/* ══════════════════════════════════════════════════════════════════
   Kourt — κοινό stylesheet για τις νομικές σελίδες.

   Εξωτερικό αρχείο, όχι inline όπως στο index.html: οι νομικές
   σελίδες δεν έχουν εικόνες σε base64, άρα δεν υπάρχει λόγος να
   ενσωματωθεί — και έτσι το CSS κατεβαίνει μία φορά για τις τέσσερις.

   ΠΡΟΣΟΧΗ: τα tokens είναι αντίγραφο από το build/template.html.
   Αν αλλάξεις παλέτα εκεί, άλλαξέ τη και εδώ — δεν υπάρχει build
   που να τα συγχρονίζει.
   ══════════════════════════════════════════════════════════════════ */

/* Μόνο φωτεινό, κρεμ — ίδιο με την αρχική, που δεν έχει σκούρο θέμα. */
:root{
  color-scheme: light;
  --primary:#0F9F62;
  --primary-ink:#0A7A4A;
  --primary-soft:rgba(15,159,98,.11);
  --bg:#F5F3EC;
  --card:#FFFFFF;
  --card-2:#FAF9F3;
  --fg:#0E1A15;
  --fg-2:#46564E;
  --mute:#5F6F66;
  --hair:#E2DFD1;
  --focus:#0B7A4B;
  --court:#0B1F18;
  --on-court-fg:#F3F1E8;
  --on-court-fg2:#AFC1B6;
  --on-court-hair:rgba(243,241,232,.15);
  --rail:#C8F542;
  /* Οι τρεις σκιές της αρχικής: ακουμπά · σηκώνεται · επιπλέει. */
  --e1:0 1px 2px rgba(11,31,24,.12);
  --e2:0 10px 22px -12px rgba(11,31,24,.34);
  --e3:0 26px 52px -28px rgba(11,31,24,.42);
  --f-sans:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-sm:10px; --r-md:12px; --r:16px; --r-lg:24px; --r-full:999px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-padding-top:96px}
@media (prefers-reduced-motion: no-preference){ html{scroll-behavior:smooth} }

body{
  margin:0; background-color:var(--bg); color:var(--fg);
  font-family:var(--f-sans); font-size:16.5px; font-weight:400; line-height:1.68;
  -webkit-font-smoothing:antialiased;
}

:focus-visible{outline:2px solid var(--focus); outline-offset:3px; border-radius:6px}

.skip{
  position:absolute; left:-9999px; top:0; z-index:99;
  background-color:var(--fg); color:var(--bg);
  padding:12px 18px; border-radius:0 0 var(--r-sm) 0; font-weight:700;
}
.skip:focus{left:0}

/* ── Κεφαλίδα ────────────────────────────────────────────────────── */
.lh{
  position:sticky; top:0; z-index:50;
  /* Τρεις στήλες 1fr·auto·1fr: τα links στο ΚΕΝΤΡΟ της σελίδας, όχι
     απλώς στο κενό δεξιά του λογότυπου. */
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center; gap:16px 28px;
  padding:14px 24px; min-height:72px;
  background-color:rgba(245,243,236,.86);
  -webkit-backdrop-filter:saturate(1.4) blur(14px); backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--hair);
}
.lh-brand{display:flex; align-items:center; justify-self:start; border-radius:var(--r-sm)}
.lh-brand img{display:block; width:96px; height:auto}
/* Τα links ΟΠΩΣ το μενού της αρχικής (.nav): σκέτο κείμενο 15px/500,
   --fg-2 που σκουραίνει στο hover, κενό 24px. Η τρέχουσα σελίδα:
   σκούρο κείμενο με λεπτή πράσινη γραμμή από κάτω. */
.lh-nav{display:flex; flex-wrap:wrap; justify-content:center; gap:6px 24px;
  font-size:15px; font-weight:500}
.lh-nav a{position:relative; display:block; padding:6px 0;
  text-decoration:none; white-space:nowrap; color:var(--fg-2);
  transition:color .2s ease}
.lh-nav a:hover{color:var(--fg)}
.lh-nav a[aria-current="page"]{color:var(--fg)}
.lh-nav a[aria-current="page"]::after{content:""; position:absolute; left:0; right:0; bottom:0;
  height:2px; border-radius:2px; background-color:var(--primary)}
/* ΕΛ/EN — ίδιος διακόπτης με την αρχική (.lang): γκρι πίλλα, η ενεργή
   γλώσσα λευκή που «ακουμπά». Κάθε γλώσσα είναι ξεχωριστή σελίδα. */
.lh-lang{justify-self:end; display:inline-flex; padding:2px; border-radius:var(--r-full);
  background-color:rgba(14,26,21,.07); font-size:13px; font-weight:700;
  line-height:1; letter-spacing:.02em}
.lh-lang a{padding:8px 11px; border-radius:var(--r-full); color:var(--mute);
  text-decoration:none; white-space:nowrap; transition:color .2s ease, background-color .24s ease}
.lh-lang a.on{background-color:var(--card); color:var(--fg);
  box-shadow:var(--e1), 0 0 0 .5px rgba(11,31,24,.05)}
.lh-lang a:not(.on):hover{color:var(--fg-2)}

/* ── Το έγγραφο: η λευκή κάρτα της αρχικής ───────────────────────── */
/* Ίδια με τις ερωτήσεις των FAQ: λευκό, λεπτή ακμή --hair, γωνία 16+
   και σκιά e3 που «επιπλέει» πάνω στο κρεμ. */
.doc{
  max-width:860px; margin:48px auto 88px; padding:56px 64px 64px;
  background-color:var(--card); border:1px solid var(--hair);
  border-radius:var(--r-lg); box-shadow:var(--e3), var(--e1);
}
.eyebrow{
  display:flex; align-items:center; gap:12px;
  margin:0 0 16px; font-size:11.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--primary-ink);
}
/* Η λαχανί γραμμή της αρχικής πριν από κάθε eyebrow. */
.eyebrow::before{content:""; width:28px; height:2px; border-radius:2px; background-color:var(--rail)}
.doc h1{
  margin:0; font-size:clamp(32px, 5vw, 48px); font-weight:800;
  line-height:1.06; letter-spacing:-.035em; text-wrap:balance;
}
.doc .meta{
  margin:18px 0 0; padding-bottom:28px; border-bottom:1px solid var(--hair);
  font-size:14px; color:var(--mute);
}
.doc .intro{margin:28px 0 0; font-size:18.5px; color:var(--fg-2); line-height:1.62}

.doc section{margin-top:48px; scroll-margin-top:96px}
.doc h2{
  margin:0 0 14px; font-size:22px; font-weight:800;
  line-height:1.24; letter-spacing:-.022em;
}
.doc h3{margin:26px 0 10px; font-size:17px; font-weight:800; letter-spacing:-.012em}
.doc p{margin:0 0 14px}
.doc p:last-child{margin-bottom:0}
.doc ul,.doc ol{margin:0 0 14px; padding-left:22px}
.doc li{margin-bottom:8px}
.doc li:last-child{margin-bottom:0}
.doc li::marker{color:var(--primary)}
.doc strong{font-weight:700}
.doc a{color:var(--primary-ink); font-weight:600; text-decoration:underline;
  text-decoration-color:rgba(10,122,74,.35); text-underline-offset:3px}
.doc a:hover{text-decoration-color:currentColor}

/* ── Πίνακας περιεχομένων: κάρτα-μέσα-στην-κάρτα, στο κρεμ ─────────── */
.toc{
  margin-top:36px; padding:22px 26px;
  background-color:var(--card-2); border:1px solid var(--hair);
  border-radius:var(--r);
}
.toc p{
  margin:0 0 12px; font-size:11.5px; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--mute);
}
.toc ol{margin:0; padding-left:22px; columns:2; column-gap:32px; font-size:14.5px}
.toc li{margin-bottom:7px; break-inside:avoid}
.toc li::marker{color:var(--mute); font-variant-numeric:tabular-nums}
.toc a{color:var(--fg-2); font-weight:500; text-decoration:none}
.toc a:hover{color:var(--primary-ink); text-decoration:underline; text-underline-offset:3px}
@media (max-width:640px){ .toc ol{columns:1} }

/* ── Πίνακες: υποεπεξεργαστές, διατήρηση, cookies ───────────────── */
.tbl-wrap{overflow-x:auto; margin:0 0 16px; border:1px solid var(--hair); border-radius:var(--r-md)}
table{
  width:100%; min-width:520px; border-collapse:collapse;
  font-size:14.5px; text-align:left;
}
caption{
  caption-side:bottom; padding:10px 14px;
  font-size:13px; color:var(--mute); text-align:left;
}
th,td{padding:12px 14px; border-bottom:1px solid var(--hair); vertical-align:top}
thead th{
  font-size:11.5px; font-weight:600; letter-spacing:.1em;
  text-transform:uppercase; color:var(--mute); background-color:var(--card-2);
}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
tbody th{font-weight:700; color:var(--fg)}

/* ── Πλαίσιο επισήμανσης ─────────────────────────────────────────── */
.note{
  margin:0 0 16px; padding:16px 18px;
  background-color:var(--primary-soft); border:1px solid rgba(15,159,98,.18);
  border-radius:var(--r-md); font-size:15px; color:var(--fg-2);
}
.note strong{color:var(--fg)}

/* ── Υποσέλιδο: σκούρο πράσινο, όπως της αρχικής ─────────────────── */
.lf{position:relative; padding:56px 24px 32px; background-color:var(--court); color:var(--on-court-fg)}
/* Η λαχανί γραμμή στην κορυφή, που σβήνει στις άκρες — ίδια με την αρχική. */
.lf::before{content:""; position:absolute; inset:0 0 auto 0; height:1px;
  background-image:linear-gradient(90deg, rgba(200,245,66,0), rgba(200,245,66,.55) 50%, rgba(200,245,66,0))}
.lf-in{max-width:1100px; margin:0 auto}
.lf-top{display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;
  gap:32px 48px; align-items:start}
.lf-brand img{display:block; width:104px; height:auto}
.lf-brand p{margin:14px 0 0; max-width:34ch; font-size:15px; line-height:1.55; color:var(--on-court-fg2)}
.lf-nav h2{position:relative; margin:0 0 10px; padding-left:14px;
  font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase;
  color:var(--on-court-fg2)}
.lf-nav h2::before{content:""; position:absolute; left:0; top:50%; width:6px; height:6px;
  margin-top:-3px; border-radius:50%; background-color:var(--rail)}
.lf-nav ul{list-style:none; margin:0; padding:0; display:grid; gap:4px; font-size:15px}
.lf a{color:var(--on-court-fg); text-decoration:none}
.lf-nav a{display:inline-block; padding-block:3px}
.lf-nav a:hover{color:#FFFFFF; text-decoration:underline; text-underline-offset:3px}
.lf-nav a[aria-current="page"]{color:var(--rail)}
.lf a:focus-visible{outline:2px solid var(--rail); outline-offset:3px; border-radius:4px}
/* Η επιστροφή είναι το μόνο κουμπί του υποσέλιδου: λευκή πίλλα, όπως
   τα κουμπιά πάνω σε σκούρο στην αρχική. */
.lf-home{display:inline-flex; align-items:center; gap:8px; white-space:nowrap;
  padding:12px 20px; border-radius:var(--r-full);
  background-color:#FFFFFF; color:var(--court) !important;
  font-size:14.5px; font-weight:700; box-shadow:0 1px 2px rgba(0,0,0,.34);
  transition:transform .26s ease, box-shadow .26s ease}
.lf-home:hover{transform:translateY(-2px); box-shadow:0 12px 26px -12px rgba(0,0,0,.55)}
.lf-base{display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:baseline; gap:8px 28px;
  margin-top:40px; padding-top:18px; border-top:1px solid var(--on-court-hair);
  font-size:13.5px; color:var(--on-court-fg2)}
.lf-base a:hover{color:#FFFFFF; text-decoration:underline; text-underline-offset:3px}
/* Στο κινητό: εταιρεία αριστερά, email ΔΕΞΙΑ στην ίδια γραμμή, και η
   ηλικία από κάτω σε όλο το πλάτος. */
@media (max-width:760px){
  .lf-base{grid-template-columns:minmax(0,1fr) auto; column-gap:12px}
  .lf-base > span:first-child{white-space:nowrap}
  .lf-mail{justify-self:end}
  .lf-age{grid-column:1 / -1; justify-self:end}
  /* Το κουμπί δεν τεντώνεται σε όλο το πλάτος: πίλλα στο μέγεθός της. */
  .lf-home{justify-self:start; padding:11px 18px}}

@media (max-width:760px){
  .doc{margin:24px 12px 56px; padding:36px 22px 40px; border-radius:var(--r)}
  .lf-top{grid-template-columns:1fr}
}
@media (max-width:560px){
  /* Λογότυπο αριστερά, ΕΛ/EN δεξιά στην ίδια γραμμή, τα links από κάτω. */
  .lh{padding:12px 18px; min-height:64px; grid-template-columns:1fr auto}
  .lh-lang{grid-column:2; grid-row:1}
  .lh-nav{grid-column:1 / -1; grid-row:2; justify-self:start}
  .lh-nav{gap:4px 18px; font-size:14px}
  .lf{padding:44px 18px 28px}
}

@media print{
  .lh,.lf,.toc,.skip{display:none !important}
  body{background:#fff; color:#000; font-size:11pt}
  .doc{max-width:none; margin:0; padding:0; border:0; box-shadow:none}
  .doc section{break-inside:avoid}
  .doc a{color:#000; text-decoration:none}
  .doc a[href^="http"]::after{content:" (" attr(href) ")"; font-size:9pt; color:#555}
}