/*
 * Κοινό stylesheet για ΟΛΑ τα νομικά κείμενα των εφαρμογών (Πολιτική Απορρήτου, Όροι Χρήσης, el/en):
 * chronos/, apollo/, iris/, giortes/ και κάθε νέα εφαρμογή. Ευαγγέλιο 5.2 (dimakis-standards): ποτέ αντίγραφα
 * του στυλ μέσα στις σελίδες. Γραμματοσειρά συστήματος με Dynamic Type (6.1, 6.4), φωτεινό και σκούρο θέμα.
 */
:root { color-scheme: light dark; }
body {
  /* Πρώτα γραμματοσειρά συστήματος για κάθε browser, μετά Dynamic Type σε Safari/iOS. Το -apple-system-body
     γίνεται δεκτό ΜΟΝΟ μόνο του: σε λίστα («-apple-system-body, -apple-system, …») πετιέται όλη η δήλωση
     και βγαίνει Times. Οι άλλοι browsers το αγνοούν και κρατούν τις δύο πρώτες γραμμές. */
  font-family: -apple-system, system-ui, sans-serif;
  font-size: 17px;
  font: -apple-system-body;
  line-height: 1.6; margin: 0 auto; padding: 20px 18px 60px;
  max-width: 46em; color: #111; background: #fff;
  -webkit-text-size-adjust: 100%;
}
@media (prefers-color-scheme: dark) {
  body { color: #e8e8ea; background: #000; }
  code, .box, th, .warn { background: #1c1c1e !important; }
  td, th { border-color: #333 !important; }
}
h1 { font-size: 1.7em; margin: 0 0 .2em; }
h2 { font-size: 1.2em; margin: 1.8em 0 .4em; }
.updated { color: #888; font-size: .9em; margin-bottom: 1.6em; }
.lang { float: right; font-size: .9em; }
.box { background: #f4f4f5; border-radius: 10px; padding: 12px 16px; margin: 1em 0; }
.warn { background: #fff4e5; border-left: 4px solid #ff9500; border-radius: 6px; padding: 12px 16px; margin: 1em 0; }
table { border-collapse: collapse; width: 100%; margin: 1em 0; font-size: .92em; }
th, td { border: 1px solid #ddd; padding: 8px 10px; text-align: left; vertical-align: top; -webkit-hyphens: auto; hyphens: auto; }
th { background: #f4f4f5; }
/* Κινητό: αν ένας πίνακας δεν χωρά (320px, μεγάλο Dynamic Type), κυλά ο πίνακας, όχι η σελίδα. */
@media (max-width: 600px) {
  table { display: block; overflow-x: auto; }
  th, td { padding: 7px 6px; }
  /* Η πρώτη στήλη (σύντομες λέξεις) να μη στενεύει δίπλα σε στήλες με πολύ κείμενο. 5.5em: το μέγιστο που χωρά στα 375px. */
  th:first-child, td:first-child { min-width: 5.5em; }
}
code { background: #f4f4f5; padding: 1px 5px; border-radius: 4px; font-size: .9em; }
ul { padding-left: 1.3em; }
li { margin: .35em 0; }
.todo { color: #b30000; font-weight: 600; }