/* Η υποδοχή του boithima.gr — ΠΑΡΑΓΕΤΑΙ από το build.py. */
:root{
  color-scheme:light;
  --χαρτί:#fffdf8; --κρεμ:#fff4e4; --μελάνι:#151221; --απαλό:#5d5870;
  --γραμμή:#e8e0d4;
  --φωτιά:#ff4d00; --ηλεκτρικό:#3626ff; --κίτρινο:#ffd426; --μέντα:#00b877;
  --ροζ:#e0146b;
  --π-φωτιά:#fff1ea; --π-ηλ:#eeecff; --π-κίτ:#fff9df; --π-μεντ:#e9f9f2;
  --π-ροζ:#ffeef4; --π-ουδ:#fffdf8;
  --αντ-φόντο:#151221; --αντ-κείμ:#fff; --αντ-απαλό:#a49dc4;
  --αντ-γραμμή:#2f2946; --αντ-αυλάκι:#2a2440;
  /* ⚠ ΤΙ ΓΡΑΦΕΤΑΙ ΠΑΝΩ ΣΕ ΓΕΜΑΤΟ ΤΟΝΟ. Λευκό πάνω σε πορτοκαλί μετρήθηκε
     2,86:1 — κάτω από το 4,5:1 που θέλει κείμενο για να διαβάζεται. Σκούρο
     μελάνι στο ίδιο πορτοκαλί δίνει πάνω από 5,7:1. */
  --πάνω-τόνο:#1a0d02; --πάνω-τόνο-απαλό:#3d1c05; --πάνω-ηλ:#fff;
  /* Το ΝΟΥΜΕΡΟ μέσα στο κουτί: σκουρότερο από τον τόνο, γιατί πατάει σε
     ανοιχτό παστέλ και όχι σε σκούρο. */
  --νούμ-φωτιά:#c33a00; --νούμ-ηλ:#2a1fd6; --νούμ-κίτ:#151221;
  --νούμ-μεντ:#0a7a52; --νούμ-ροζ:#b01055;
  --περίγραμμα:#151221; --σκιά:6px 6px 0 var(--περίγραμμα);
  --ξέρω-φόντο:#eef7f2; --ξέρω-γραμμή:#b9dfcd; --ξέρω-κείμ:#6f8a7e;
  --γραφή:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --μονό:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
/* ΤΟ ΣΚΟΤΑΔΙ. Η δομή είναι ΟΥΔΕΤΕΡΗ και το χρώμα μπαίνει μόνο για νόημα —
   νούμερα, ετικέτες, κουμπιά. Η πρώτη γραφή είχε μοβ-μπλε βάση, πορτοκαλί
   τόνο ΚΑΙ μοβ περιγράμματα: τρεις οικογένειες χρώματος να παλεύουν, με τα
   περιγράμματα να τραβάνε το μάτι όσο και το κουμπί αγοράς. */
:root[data-theme="dark"]{
  color-scheme:dark;
  --χαρτί:#15161b; --κρεμ:#1c1e25; --μελάνι:#eceef3; --απαλό:#a6acb8;
  --γραμμή:#2c2f38;
  --φωτιά:#ff9243; --ηλεκτρικό:#7cb2ff; --κίτρινο:#ffd35c; --μέντα:#46d6a1;
  --ροζ:#ff86ad;
  --π-φωτιά:#1d1f27; --π-ηλ:#1d1f27; --π-κίτ:#1d1f27; --π-μεντ:#1d1f27;
  --π-ροζ:#1d1f27; --π-ουδ:#1d1f27;
  --αντ-φόντο:#0e0f13; --αντ-απαλό:#a6acb8;
  --αντ-γραμμή:#2c2f38; --αντ-αυλάκι:#22252d;
  --πάνω-τόνο:#1a0f03; --πάνω-τόνο-απαλό:#3d2409; --πάνω-ηλ:#0d1626;
  --νούμ-φωτιά:var(--φωτιά); --νούμ-ηλ:var(--ηλεκτρικό);
  --νούμ-κίτ:var(--κίτρινο); --νούμ-μεντ:var(--μέντα); --νούμ-ροζ:var(--ροζ);
  /* Το περίγραμμα μετρήθηκε 2,09:1 στο σκοτάδι — το «χοντρό πλαίσιο» που
     κρατάει όλη τη σελίδα εξαφανιζόταν. Και η σκιά γίνεται ΜΑΥΡΗ: με
     φωτεινό περίγραμμα, σκιά στο ίδιο χρώμα είναι δεύτερο πλαίσιο. */
  --περίγραμμα:#727b8c; --σκιά:6px 6px 0 rgba(0,0,0,.62);
  --ξέρω-φόντο:#16261f; --ξέρω-γραμμή:#3a6b55; --ξέρω-κείμ:#8fbfa9;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.υπ{margin:0;background:var(--χαρτί);color:var(--μελάνι);
  font:17px/1.62 var(--γραφή);-webkit-font-smoothing:antialiased}
.υπ h1,.υπ h2,.υπ h3{margin:0;line-height:1.06;letter-spacing:-.035em;
  font-weight:800}
/* Ο λόγος τίτλου/υπότιτλου κρατιέται κοντά στο 1,4 — αρκετά για να
   φαίνεται ποιος είναι πρώτος, όχι τόσο ώστε ο δεύτερος να γίνει
   λεζάντα. Οι δύο γραμμές είναι ΖΕΥΓΑΡΙ. */
.υπ h1{font-size:clamp(2.4rem,6.6vw,4.8rem)}
.υπ h2{font-size:clamp(1.9rem,4.6vw,3.1rem)}
.υπ p{margin:.75em 0}
/* ⚠ ΤΑ ΚΟΥΜΠΙΑ ΕΞΑΙΡΟΥΝΤΑΙ ΡΗΤΑ. Το σκέτο «.υπ a{color:inherit}» έχει
   μεγαλύτερη ειδικότητα από το «.κ-κύριο» (δύο επιλογείς έναντι ενός),
   οπότε ΚΕΡΔΙΖΕ: το πορτοκαλί κουμπί κληρονομούσε το χρώμα του κειμένου
   και στο σκοτάδι έβγαινε ανοιχτόχρωμο πάνω σε ανοιχτό πορτοκαλί —
   μετρήθηκε 1,92:1 στο ίδιο το κουμπί που πρέπει να πατηθεί. Στο μακέτο
   δεν φαινόταν, γιατί εκεί δεν υπήρχε αυτός ο κανόνας. */
.υπ a:not(.κ){color:inherit}
.περ{max-width:1120px;margin:0 auto;padding:0 22px}
.περ.στενή{max-width:840px}
.υπ section{padding:clamp(58px,8vw,104px) 0}
.σκούρα{background:var(--αντ-φόντο);color:var(--αντ-κείμ)}
.σκούρα .κεφ-εν h2,.σκούρα .μεγ b{color:var(--αντ-κείμ)}
.σκούρα .μεγ{color:#c9c4dc}
.κρεμ{background:var(--κρεμ)}
.ετικέτα{display:inline-block;font:800 12px/1 var(--μονό);letter-spacing:.16em;
  text-transform:uppercase;padding:8px 12px;border-radius:6px;margin-bottom:20px}
.ετ-φωτιά{background:var(--φωτιά);color:var(--πάνω-τόνο)}
.ετ-ηλ{background:var(--ηλεκτρικό);color:var(--πάνω-ηλ)}
.ετ-κίτ{background:var(--κίτρινο);color:var(--πάνω-τόνο)}
.ετ-μεντ{background:var(--μέντα);color:#04231a}
.κεφ-εν{max-width:760px;margin-bottom:40px}
.κεφ-εν.κέντρο{text-align:center;margin-left:auto;margin-right:auto}
.απαλό{color:var(--απαλό)}
.μεγ{font-size:1.18rem}
.κέντρο{text-align:center}
.μαρκαδόρος{background:linear-gradient(transparent 58%,var(--κίτρινο) 0);
  padding:0 .06em;color:var(--πάνω-τόνο)}
:root[data-theme="dark"] .μαρκαδόρος{background:var(--κίτρινο);
  padding:.08em .22em;border-radius:5px}
.λίστα{font-weight:600;font-size:16.5px;line-height:1.9;padding-left:22px}

.κεφαλή{position:sticky;top:0;z-index:60;
  background:color-mix(in srgb,var(--χαρτί) 92%,transparent);
  backdrop-filter:blur(10px);border-bottom:3px solid var(--περίγραμμα)}
.μπάρα{display:flex;align-items:center;gap:16px;height:64px}
.σήμα{font:900 19px/1 var(--γραφή);letter-spacing:-.045em;text-decoration:none}
.μπάρα nav{margin-left:auto;display:flex;gap:24px;font-size:14.5px;
  font-weight:600}
.μπάρα nav a{text-decoration:none;color:var(--απαλό)}
.μπάρα nav a:hover{color:var(--φωτιά)}
.μπάρα #themebtn{border:2px solid var(--περίγραμμα);background:var(--χαρτί);
  color:var(--μελάνι);width:40px;height:40px;border-radius:11px;cursor:pointer;
  display:grid;place-items:center;flex:0 0 auto;padding:0}
.μπάρα #themebtn svg{width:19px;height:19px}
.μπάρα #themebtn .th-sun{display:none}
:root[data-theme="dark"] .μπάρα #themebtn .th-sun{display:block}
:root[data-theme="dark"] .μπάρα #themebtn .th-moon{display:none}
@media(max-width:900px){.μπάρα nav{display:none}.μπάρα{gap:10px}}

.κ{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 28px;border:3px solid var(--περίγραμμα);border-radius:14px;
  font:800 16.5px/1 var(--γραφή);text-decoration:none;cursor:pointer;
  background:var(--χαρτί);color:var(--μελάνι);box-shadow:var(--σκιά);
  transition:transform .1s ease,box-shadow .1s ease}
.κ:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--περίγραμμα)}
.κ-κύριο{background:var(--φωτιά);color:var(--πάνω-τόνο)}
.κ-μικρό{padding:12px 18px;font-size:14.5px;
  box-shadow:4px 4px 0 var(--περίγραμμα)}
.πλήρες{width:100%}
.υπο-κ{font-size:13.5px;color:var(--απαλό);margin-top:14px;font-weight:600}

.ήρωας{padding-top:clamp(38px,6vw,72px)!important;position:relative;
  overflow:hidden}
.ήρωας::after{content:"";position:absolute;right:-160px;top:-120px;width:460px;
  height:460px;border-radius:50%;background:var(--κρεμ);z-index:-1}
.ήρ-πλ{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;
  align-items:center}
@media(max-width:980px){.ήρ-πλ{grid-template-columns:1fr;gap:36px}}
/* Ο ΤΙΤΛΟΣ ΚΑΙ Ο ΥΠΟΤΙΤΛΟΣ ΕΙΝΑΙ ΖΕΥΓΑΡΙ, ΟΧΙ ΤΙΤΛΟΣ ΚΑΙ ΚΕΙΜΕΝΟ.
   Και οι δύο έντονοι, με τον υπότιτλο λίγο πιο κάτω σε μέγεθος — αρκετά
   ώστε να φαίνεται ποιος είναι πρώτος, όχι τόσο ώστε να γίνει λεζάντα. */
.ήρωας h1 .ώρες{display:block;color:var(--φωτιά);
  text-shadow:4px 4px 0 var(--κίτρινο)}
:root[data-theme="dark"] .ήρωας h1 .ώρες{text-shadow:4px 4px 0 rgba(0,0,0,.5)}
.υπο-ήρωα{font:800 clamp(1.55rem,4.4vw,3.4rem)/1.15 var(--γραφή);
  letter-spacing:-.03em;margin:.55em 0 .5em;max-width:27ch}
.υπο-ήρωα b{color:var(--νούμ-φωτιά)}
.υπο-ήρωα .τρίτη{display:block;font-size:.58em;line-height:1.3;
  margin-top:.45em;color:var(--απαλό);letter-spacing:-.02em}
.ήρωας .οδηγός{font-size:1.08rem;max-width:48ch;color:var(--απαλό)}
.ήρ-κουμπιά{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}
.πίστη{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:28px;font-size:14px;
  font-weight:600;color:var(--απαλό)}
.πίστη span::before{content:"✓ ";color:var(--μέντα);font-weight:800}

.χρονόμετρο{background:var(--αντ-φόντο);color:var(--αντ-κείμ);
  border:3px solid var(--περίγραμμα);border-radius:22px;padding:30px;
  box-shadow:var(--σκιά)}
.χρονόμετρο h3{font:700 12px/1 var(--μονό);letter-spacing:.16em;
  text-transform:uppercase;color:var(--αντ-απαλό);margin-bottom:22px}
.ζυγ{margin-bottom:22px}
.ζυγ b{display:block;font-size:15px;font-weight:700;margin-bottom:9px}
.ζυγ .μπ{height:26px;border-radius:8px;background:var(--αντ-αυλάκι);
  overflow:hidden}
.ζυγ .μπ i{display:block;height:100%;border-radius:8px}
.ζυγ small{display:block;margin-top:7px;font-size:12.5px;color:var(--αντ-απαλό)}
.ζυγ.αργό .μπ i{width:100%;background:repeating-linear-gradient(45deg,
  #4a4370,#4a4370 9px,#3a3459 9px,#3a3459 18px)}
.ζυγ.γρήγορο .μπ i{width:13%;background:var(--φωτιά)}
.χρονόμετρο .κατάληξη{border-top:1px solid var(--αντ-γραμμή);padding-top:20px;
  font-size:14.5px;color:#c9c4dc;margin:0}

.υπολ{background:var(--κρεμ);border:3px solid var(--περίγραμμα);
  border-radius:22px;padding:clamp(20px,3vw,34px);box-shadow:var(--σκιά);
  color:var(--μελάνι)}
.υπολ-κεφ{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;
  justify-content:space-between;margin-bottom:22px}
.μετρητής{font:900 clamp(2.6rem,7vw,4rem)/1 var(--γραφή);letter-spacing:-.05em;
  color:var(--φωτιά);font-variant-numeric:tabular-nums}
.υπότιτλος{font-weight:700;color:var(--απαλό)}
.κεφάλαια{display:grid;gap:9px}
.κεφ{display:grid;grid-template-columns:26px 1fr auto;gap:13px;
  align-items:center;background:var(--χαρτί);border:2px solid var(--περίγραμμα);
  border-radius:12px;padding:12px 15px;cursor:pointer;user-select:none;
  font-weight:600;font-size:15.5px}
.κεφ input{width:19px;height:19px;accent-color:var(--μέντα);cursor:pointer}
.κεφ .λ{font:800 14px/1 var(--μονό);color:var(--απαλό);white-space:nowrap}
.κεφ.ξέρω{background:var(--ξέρω-φόντο);border-color:var(--ξέρω-γραμμή);
  color:var(--ξέρω-κείμ)}
.κεφ.ξέρω .τ{text-decoration:line-through}
.ομάδα-τίτλος{display:flex;align-items:baseline;gap:10px;margin:16px 0 4px;
  font:800 13px/1 var(--μονό);letter-spacing:.1em;text-transform:uppercase;
  color:var(--απαλό)}
.ομάδα-τίτλος i{flex:1;height:2px;background:var(--γραμμή);font-style:normal}
.υπο{display:grid;gap:9px}
.υπο .κεφ{margin-left:22px;position:relative}
.υπο .κεφ::before{content:"";position:absolute;left:-14px;top:-6px;bottom:-6px;
  width:3px;border-radius:3px;background:var(--ηλεκτρικό)}
.υπολ .σχόλιο{margin:20px 0 0;font-size:14.5px;color:var(--απαλό)}

.δύο{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
@media(max-width:980px){.δύο{grid-template-columns:1fr}}
.κόμβος{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:880px){.κόμβος{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.κόμβος{grid-template-columns:1fr}}
.τρεις{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.τρεις{grid-template-columns:1fr}}
.κουτί{display:block;border:3px solid var(--περίγραμμα);border-radius:18px;
  padding:24px;box-shadow:var(--σκιά);background:var(--π-ουδ);
  text-decoration:none}
.κουτί.πλατύ{padding:34px}
.κουτί b{display:block;font:900 2rem/1 var(--γραφή);letter-spacing:-.04em}
.κουτί span{display:block;font-weight:700;margin:8px 0 6px}
.κουτί .ρόλος{font-size:1.15rem}
.κουτί p{margin:0;font-size:14.5px;color:var(--απαλό)}
.κουτί .χώρισμα{border-top:3px solid var(--περίγραμμα);margin-top:22px;
  padding-top:22px}
.κ-φωτιά{background:var(--π-φωτιά)}.κ-ηλ{background:var(--π-ηλ)}
.κ-κίτ{background:var(--π-κίτ)}.κ-μεντ{background:var(--π-μεντ)}
.κ-ροζ{background:var(--π-ροζ)}
.νούμ-φ{color:var(--νούμ-φωτιά)}.νούμ-η{color:var(--νούμ-ηλ)}
.νούμ-κ{color:var(--νούμ-κίτ)}.νούμ-μ{color:var(--νούμ-μεντ)}
.νούμ-ρ{color:var(--νούμ-ροζ)}
.δεσμοί{margin-top:26px;border:3px dashed var(--περίγραμμα);border-radius:18px;
  padding:24px;background:var(--π-ουδ)}
.δεσμοί p{margin:0;font-size:16px}

.παγ{display:grid;grid-template-columns:84px 1fr;gap:18px;align-items:center;
  border:3px solid var(--περίγραμμα);border-radius:16px;padding:18px;
  background:var(--π-ουδ);margin-bottom:12px}
.παγ .π{font:900 1.8rem/1 var(--γραφή);color:var(--ροζ);text-align:center;
  font-variant-numeric:tabular-nums}
.παγ .π small{display:block;font:700 9.5px/1 var(--μονό);color:var(--απαλό);
  letter-spacing:.1em;margin-top:6px}
.παγ p{margin:0;font-size:15.5px;font-weight:600}
.παγ em{display:block;font-style:normal;font-size:12.5px;color:var(--απαλό);
  font-weight:600;margin-top:5px}
.κλειδωμένα{position:relative;border-radius:16px;overflow:hidden}
.κλειδωμένα .μέσα{filter:blur(6px);opacity:.5}
.κάλυμμα{position:absolute;inset:0;display:grid;place-content:center;
  justify-items:center;gap:14px;text-align:center;padding:20px;
  background:linear-gradient(180deg,transparent,var(--χαρτί) 62%)}
.κάλυμμα strong{font-size:1.2rem}
.κάλυμμα .απαλό{max-width:46ch}

.οθ{border:3px solid var(--περίγραμμα);border-radius:18px;overflow:hidden;
  box-shadow:var(--σκιά);background:#151221}
.οθ .μπ{display:flex;gap:7px;padding:13px 15px;background:#221d38}
.οθ .μπ i{width:11px;height:11px;border-radius:50%;background:#463d6b}
.οθ pre{margin:0;padding:20px;font:14px/1.8 var(--μονό);color:#e4e0f2;
  overflow-x:auto}
.οθ .λ{color:#7aa2ff}.οθ .α{color:#ffd94f}.οθ .σ{color:#8d86b0}
.οθ .τιμές{padding:14px 20px;background:#0f0d1a;border-top:1px solid #2b2545;
  font:13px/1.7 var(--μονό);color:#a49dc4}
.οθ .τιμές b{color:#2fd399}

.σημείωμα{border-left:6px solid var(--φωτιά);background:var(--π-φωτιά);
  border-radius:0 16px 16px 0;padding:26px 28px;margin-top:30px}
.σημείωμα p{margin:0 0 12px;font-size:17.5px;font-weight:600}
.σημείωμα cite{display:block;font-style:normal;font-size:14px;
  color:var(--απαλό);font-weight:700}

.ταμείο{border:3px solid var(--περίγραμμα);border-radius:24px;overflow:hidden;
  box-shadow:8px 8px 0 var(--περίγραμμα);background:var(--π-ουδ)}
.ταμείο-πάνω{background:var(--αντ-φόντο);color:var(--αντ-κείμ);padding:30px;
  text-align:center}
.ταμείο-πάνω .ποσό{font:900 clamp(3rem,9vw,4.6rem)/1 var(--γραφή);
  letter-spacing:-.05em;color:var(--κίτρινο)}
.ταμείο-πάνω p{margin:8px 0 0;color:#c9c4dc;font-weight:600}
.ταμείο-κάτω{padding:30px}
.ταμείο ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px;
  font-size:16px;font-weight:600}
.ταμείο li{display:grid;grid-template-columns:24px 1fr;gap:10px;
  align-items:start}
.ταμείο li b{color:var(--φωτιά)}
.σύγκριση{display:grid;gap:12px;margin-top:26px}
.σύγκριση div{display:flex;justify-content:space-between;gap:14px;
  padding:15px 18px;border:2px solid var(--γραμμή);border-radius:12px;
  font-weight:600;font-size:15px}
.σύγκριση div.εμείς{border:3px solid var(--περίγραμμα);background:var(--κίτρινο);
  color:var(--πάνω-τόνο)}

.υπ details{border:3px solid var(--περίγραμμα);border-radius:14px;
  padding:18px 20px;margin-bottom:12px;background:var(--π-ουδ)}
.υπ summary{cursor:pointer;font-weight:800;font-size:1.05rem;list-style:none;
  display:flex;justify-content:space-between;gap:14px}
.υπ summary::-webkit-details-marker{display:none}
.υπ summary::after{content:"+";color:var(--φωτιά);font-weight:900}
.υπ details[open] summary::after{content:"−"}
.υπ details p{margin-bottom:0;color:var(--απαλό)}

.τελικό{background:var(--αντ-φόντο);color:var(--αντ-κείμ);border-radius:28px;
  padding:clamp(34px,6vw,68px);text-align:center;
  border:3px solid var(--περίγραμμα);box-shadow:var(--σκιά)}
.τελικό h2{color:var(--αντ-κείμ)}
.τελικό p{color:var(--αντ-απαλό);max-width:52ch;margin-left:auto;
  margin-right:auto}
.τελ-κουμπιά{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
  margin-top:28px}
.τελικό .κ-δεύτ{background:transparent;color:var(--αντ-κείμ);border-color:#fff;
  box-shadow:6px 6px 0 rgba(0,0,0,.35)}

.υπ footer{padding:46px 0 100px;color:var(--απαλό);font-size:14px;
  font-weight:600}
.υπ footer .συγγρ{font-weight:800;color:var(--μελάνι);font-size:16px}
.υπ footer .νομικά a{margin-right:16px}
.κάτω{position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--αντ-φόντο);color:var(--αντ-κείμ);transform:translateY(110%);
  transition:transform .25s ease;border-top:3px solid var(--περίγραμμα)}
.κάτω.φαίνεται{transform:none}
.κάτω .περ{display:flex;align-items:center;gap:16px;padding-top:13px;
  padding-bottom:13px}
.κάτω b{font-size:15.5px}
.κάτω span{display:block;font-size:13px;color:var(--αντ-απαλό)}
.κάτω .κ{margin-left:auto;box-shadow:none;border-color:#fff}
@media(max-width:560px){.κάτω .κείμ{display:none}.κάτω .κ{width:100%}}