/* =====================================================================
   Humera · v24 · επιλογή 13/10: Σήμανση + Source Sans 3 + header Αιθρίας + φόντο Σήμα
   ?bg=10: Σήμα και πλευρική ζώνη μαζί. Εδώ μπαίνει και η δόμηση των υπόλοιπων σελίδων.
   ===================================================================== */
html[data-bg="10"] .env::after { content: ''; display: block; position: absolute; right: -9vw; bottom: -12vh; width: min(92vh, 64vw); aspect-ratio: 420 / 430;
  background: var(--markc); opacity: .055; -webkit-mask: url("mark.svg") center / contain no-repeat; mask: url("mark.svg") center / contain no-repeat; }
/* η πλευρική ζώνη απλώνεται σε όλο το φόντο (σταθερή, πίσω από όλες τις ενότητες) και σβήνει απαλά προς τα δεξιά */
html[data-bg="10"] .env { background:
  linear-gradient(90deg, var(--side) 0%, var(--side) 16%, color-mix(in srgb, var(--side) 70%, var(--page)) 30%, color-mix(in srgb, var(--side) 30%, var(--page)) 46%, var(--page) 64%),
  var(--page); }
@media (max-width: 900px) { html[data-bg="10"] .env::after { width: 120vw; right: -40vw; bottom: -6vh; }
  /* κινητό: ένα ενιαίο χρώμα φόντου (ίδιο με τις μπάρες του iPhone), χωρίς την πλευρική ζώνη· το σήμα μένει */
  html[data-bg="10"] .env { background: var(--page); } }
html[data-bg="2"] [data-bp="2"], html[data-bg="10"] [data-bp="10"] { opacity: 1; background: #fff; color: #0E1A3C; border-radius: 999px; }

/* ---------- Δόμηση εσωτερικών σελίδων στη Σήμανση ---------- */
/* ετικέτες-πινακίδες: πάντα στο μέγεθος του κειμένου τους, ποτέ τεντωμένες από το πλέγμα */
html[data-d="5"] .eyebrow { justify-self: start; align-self: start; width: max-content; max-width: 100%; height: auto; }
/* hero εσωτερικών σελίδων: τίτλος αριστερά, εικόνα ανθρώπων σε πάνελ-πινακίδα δεξιά */
html[data-d="5"] .statement .intro__grid { margin-top: 0; }
html[data-d="5"] .statement .h-xl { max-width: 16ch; }
html[data-d="5"] .intro__fig { max-width: 460px; aspect-ratio: 7 / 4; padding: 18px 20px; background: #FFFFFF; border-radius: 6px; box-shadow: inset 0 3px 0 var(--plate); }
/* αποφθέγματα και εγγύηση: πάνελ σήμανσης αντί για ελεύθερο κείμενο */
html[data-d="5"] .band__body .pull { padding: 6px 0 6px 24px; border-left: 4px solid var(--plate); font-weight: 400; color: var(--ink); }
html[data-d="5"] .assure { padding: clamp(24px, 3vw, 40px); background: #FFFFFF; border: 0; border-radius: 6px; box-shadow: inset 0 3px 0 var(--plate); }
html[data-d="5"] .ledger { background: #FFFFFF; border-radius: 6px; padding: 0 clamp(20px, 2.4vw, 32px) 12px; border-top: 0; box-shadow: inset 0 3px 0 var(--plate); }
html[data-d="5"] .roles .role { border-top-color: var(--plate); }
@media (max-width: 900px) { html[data-d="5"] .intro__fig { max-width: 100%; } }