/* =====================================================================
   Humera · v20 · πέντε κατευθύνσεις (?d=1…5) — Impeccable new-work, roll 2d4cf023
   Σταθερά (PRODUCT.md): ανθρωπάκια, πορτοκαλί λογότυπο, σύνθεση αρχικής, 3D στο footer, περιεχόμενο.
   Κάθε κατεύθυνση αλλάζει: γραμματοσειρές, παλέτα, φόντο, επιφάνειες, header, κουμπιά, ετικέτες, footer.
   1 Αφίσα δημόσιας ενημέρωσης (ελληνική/ευρωπαϊκή αφίσα υγείας): στενά βαριά γράμματα, επίπεδα πεδία πετρόλ.
   2 Περιοδικό (πρόγραμμα ταυτότητας περιοδικού, challenger): χαρτί, μαύρο μελάνι, ένα spot χρώμα, βαριές γραμμές.
   3 Αιθρία (άκρη ιριδίζοντος σύννεφου, challenger): ψυχρό λευκό, λεπτή ανθρωπιστική γραφή, χρώμα μόνο σε τριχοειδείς γραμμές.
   4 Εικονογράμματα (σύστημα πληροφόρησης Aicher): λευκό, τετράγωνες επιφάνειες, κωδικοποίηση με χρώμα ανά λύση.
   5 Σήμανση (σήμανση μετρό): πινακίδες navy, καθαρό grotesk, πάνελ ακτίνας 6.
   ===================================================================== */
html[data-d] .env::after { display: none; }
html[data-d] .env svg { visibility: hidden; }
html[data-d] .env, html[data-d] body { background: var(--page); }
html[data-d] :is(.hdr, .sheet, .contact__card, .foot) { -webkit-backdrop-filter: none; backdrop-filter: none; }
html[data-d] :is(.word, .h-xl, .h-l, .h-m, .sol__name, .sx-pane__n, .sx-hero h1, .fm-note, .forms__note, .legend__k, .ncard h3, .fx-txt h3, .v4-txt h3, .v3-step h3) { font-feature-settings: 'kern' 1; }
/* σκούρες επιφάνειες: το κείμενο γίνεται ανοιχτό */
html[data-d] .is-dark, html[data-d] .is-dark :is(h1, h2, h3, h4, p, a, li, label, address, small, .eyebrow, .h-l, .h-m, .lead) { color: #fff; }
html[data-d] .is-dark { --tx-1: #fff; --tx-2: rgba(255,255,255,.8); --tx-3: rgba(255,255,255,.66); }
html[data-d] .is-dark :is(.field input, .field textarea) { color: #0E1A3C; }

/* ===================== 1 · Αφίσα ===================== */
html[data-d="1"] {
  --page: #F1F2EE; --ink: #14201E; --field: #0F4C45; --field-2: #0A3833; --bg-0: var(--page); --bg-1: var(--page); --bg-2: var(--page);
  --glass: #FFFFFF; --glass-strong: #FFFFFF; --glass-edge: transparent; --shadow: none; --hair: rgba(20,32,30,.14);
  --f: 'Sofia Sans', system-ui, sans-serif; --f-t: 'Sofia Sans Extra Condensed', 'Sofia Sans', sans-serif; --fv-t: normal;
  --s-display: clamp(3rem, 1.2rem + 6vw, 6.25rem); --w-display: 800; --lh-display: .9; --tr-display: -.008em;
  --s-page: clamp(2.75rem, 1.3rem + 4.6vw, 5.25rem); --w-page: 800; --lh-page: .92; --tr-page: -.005em;
  --s-section: clamp(2.25rem, 1.2rem + 3.2vw, 4rem); --w-section: 800; --lh-section: .94; --tr-section: -.004em;
  --s-sol: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); --w-sol: 800; --lh-sol: .98; --tr-sol: 0;
  --s-state: clamp(1.5rem, 1.15rem + 1.1vw, 2.25rem); --w-state: 700; --lh-state: 1.08;
  --s-lead: clamp(1.125rem, 1.05rem + .3vw, 1.3125rem); --w-lead: 500; --lh-lead: 1.42;
  --s-body: 1.0625rem; --w-body: 400; --lh-body: 1.55; --s-h3: 1.125rem; --w-h3: 700;
  --s-label: .8125rem; --w-label: 700; --s-ui: .9375rem; --w-ui: 700;
  --tx-1: var(--ink); --tx-2: rgba(20,32,30,.76); --tx-3: rgba(20,32,30,.6); --gap-t: 18px; --measure: 58ch;
}
html[data-d="1"] .hdr { border-radius: 0; background: #FFFFFF; border: 0; border-bottom: 4px solid var(--field); box-shadow: none; }
html[data-d="1"] .sheet { border-radius: 0; background: #FFFFFF; border: 0; box-shadow: none; border-bottom: 4px solid var(--field); }
html[data-d="1"] :is(.hdr__nav a, .hdr__link, .sheet a) { border-radius: 0; }
html[data-d="1"] :is(.nous__surface, .sx-panel, .duo, .fx-board, .v4-tile, .why__map) { background: #FFFFFF; border: 0; border-radius: 0; box-shadow: none; }
html[data-d="1"] .v4-tile--program { background: #E4E6E0; }
html[data-d="1"] :is(.contact__card, .private__panel) { background: var(--field); border: 0; border-radius: 0; box-shadow: none; }
html[data-d="1"] .foot { background: #FFFFFF; border: 0; border-top: 4px solid var(--field); border-radius: 0; }
html[data-d="1"] .legal { color: var(--tx-2); }
html[data-d="1"] .sx-vis::before { background: #E8EAE5; border: 0; border-radius: 0; box-shadow: none; }
html[data-d="1"] .sx-hero .sx-map { background: none; }
html[data-d="1"] .sx-map .sx-pick:hover { background: #FFFFFF; box-shadow: none; }
html[data-d="1"] .sx-tabs { border-radius: 0; background: #E4E6E0; border: 0; } html[data-d="1"] .sx-tabs__ink { border-radius: 0; background: var(--field); }
html[data-d="1"] :is(.send, .sx-next button, .chips a, .sol__nav button, .start__list a.btn) { border-radius: 0; }
html[data-d="1"] .send { background: #FFFFFF; color: var(--field) !important; font-weight: 800; }
html[data-d="1"] :is(.field input, .field textarea) { border-radius: 0; border-color: transparent; }
html[data-d="1"] .eyebrow { font-family: var(--f-t); font-size: 1rem; letter-spacing: .02em; color: var(--ink); }
html[data-d="1"] .mini, html[data-d="1"] .ncard { border-radius: 0; }

/* ===================== 2 · Περιοδικό ===================== */
html[data-d="2"] {
  --page: #FBFBF8; --ink: #161616; --spot: #D05927; --bg-0: var(--page); --bg-1: var(--page); --bg-2: var(--page);
  --glass: transparent; --glass-strong: rgba(22,22,22,.05); --glass-edge: rgba(22,22,22,.2); --shadow: none; --hair: rgba(22,22,22,.18);
  --f: 'Source Serif 4', Georgia, serif; --f-t: 'Source Serif 4', Georgia, serif; --fv-t: normal;
  --s-display: clamp(2.75rem, 1.1rem + 5.2vw, 5.5rem); --w-display: 400; --lh-display: 1; --tr-display: -.02em;
  --s-page: clamp(2.5rem, 1.3rem + 3.6vw, 4.25rem); --w-page: 400; --lh-page: 1.04; --tr-page: -.018em;
  --s-section: clamp(2rem, 1.25rem + 2.2vw, 3rem); --w-section: 400; --lh-section: 1.08; --tr-section: -.014em;
  --s-sol: clamp(1.5rem, 1.2rem + .9vw, 2rem); --w-sol: 600; --lh-sol: 1.12; --tr-sol: -.01em;
  --s-state: clamp(1.375rem, 1.15rem + .7vw, 1.875rem); --w-state: 400; --lh-state: 1.25;
  --s-lead: clamp(1.1875rem, 1.1rem + .3vw, 1.375rem); --w-lead: 400; --lh-lead: 1.48;
  --s-body: 1.0625rem; --w-body: 400; --lh-body: 1.62; --s-h3: 1.0625rem; --w-h3: 600;
  --s-label: .875rem; --w-label: 600; --s-ui: .9375rem; --w-ui: 600;
  --tx-1: var(--ink); --tx-2: rgba(22,22,22,.76); --tx-3: rgba(22,22,22,.6); --gap-t: 18px; --measure: 62ch;
}
html[data-d="2"] .hdr { top: 0; left: 0; right: 0; width: 100%; transform: none; border-radius: 0; height: 64px; padding: 0 var(--gutter); background: rgba(251,251,248,.97); border: 0; border-bottom: 3px solid var(--ink); box-shadow: none; }
html[data-d="2"] .sheet { top: 64px; left: 0; right: 0; border-radius: 0; background: var(--page); border: 0; border-bottom: 3px solid var(--ink); box-shadow: none; }
html[data-d="2"] :is(.hdr__nav a, .hdr__link, .sheet a) { border-radius: 0; }
html[data-d="2"] .hdr__nav a[aria-current="page"] { background: none; box-shadow: inset 0 -2px 0 var(--spot); }
html[data-d="2"] :is(.contact__card, .nous__surface, .sx-panel, .duo, .fx-board, .v4-tile, .why__map) { background: transparent; border: 0; border-top: 3px solid var(--ink); border-radius: 0; box-shadow: none; padding-left: 0; padding-right: 0; }
html[data-d="2"] .v4-grid { gap: 0 40px; } html[data-d="2"] .v4-tile { min-height: 0; padding-top: 22px; }
html[data-d="2"] .private__panel { background: var(--ink); border-radius: 0; box-shadow: none; }
html[data-d="2"] .foot { background: transparent; border: 0; border-top: 1px solid var(--ink); border-radius: 0; padding-left: 0; padding-right: 0; }
html[data-d="2"] main > section + section > .wrap:first-child { border-top: 1px solid var(--hair); padding-top: 28px; }
html[data-d="2"] .sx-vis::before { background: transparent; border: 1px solid var(--hair); border-radius: 0; box-shadow: none; }
html[data-d="2"] .sx-hero .sx-map { background: none; }
html[data-d="2"] .sx-tabs { border-radius: 0; background: transparent; border: 0; border-bottom: 1px solid var(--ink); } html[data-d="2"] .sx-tabs__ink { border-radius: 0; }
html[data-d="2"] .sx-tab[aria-selected="true"] span { color: var(--spot); }
html[data-d="2"] :is(.send, .sx-next button, .chips a, .sol__nav button, .start__list a.btn) { border-radius: 0; }
html[data-d="2"] :is(.field input, .field textarea) { border-radius: 0; background: transparent; border: 0; border-bottom: 1px solid var(--ink); padding-left: 0; }
html[data-d="2"] .eyebrow { font-style: italic; font-weight: 400; font-size: 1rem; color: var(--spot); }
html[data-d="2"] :is(.lnk, .sol__more, .nous__corp, .svc__link) { border-bottom-color: var(--spot); }
html[data-d="2"] :is(.statement__body > p:first-child, .intro .lead)::first-letter { float: left; font-size: 3.4em; line-height: .82; padding: .06em .08em 0 0; color: var(--spot); font-weight: 400; }
html[data-d="2"] .mini, html[data-d="2"] .ncard { border-radius: 0; }

/* ===================== 3 · Αιθρία ===================== */
html[data-d="3"] {
  --page: #F4F6F8; --ink: #26303C; --fringe: linear-gradient(90deg, #8FD3BD, #EFB3C3 50%, #B3A5E8); --bg-0: var(--page); --bg-1: var(--page); --bg-2: var(--page);
  --glass: #FFFFFF; --glass-strong: #FFFFFF; --glass-edge: transparent; --shadow: 0 40px 80px -64px rgba(38,48,60,.4); --hair: rgba(38,48,60,.1);
  --f: 'Alegreya Sans', system-ui, sans-serif; --f-t: 'Alegreya Sans', system-ui, sans-serif; --fv-t: normal;
  --s-display: clamp(3rem, 1.3rem + 5.6vw, 6rem); --w-display: 300; --lh-display: .98; --tr-display: -.012em;
  --s-page: clamp(2.5rem, 1.4rem + 3.4vw, 4.25rem); --w-page: 300; --lh-page: 1.04; --tr-page: -.01em;
  --s-section: clamp(2.125rem, 1.4rem + 2.2vw, 3.25rem); --w-section: 300; --lh-section: 1.08; --tr-section: -.008em;
  --s-sol: clamp(1.625rem, 1.3rem + 1vw, 2.25rem); --w-sol: 400; --lh-sol: 1.12; --tr-sol: 0;
  --s-state: clamp(1.5rem, 1.25rem + .8vw, 2.125rem); --w-state: 300; --lh-state: 1.25;
  --s-lead: clamp(1.25rem, 1.15rem + .35vw, 1.5rem); --w-lead: 300; --lh-lead: 1.45;
  --s-body: 1.1875rem; --w-body: 400; --lh-body: 1.6; --s-h3: 1.1875rem; --w-h3: 500;
  --s-label: .9375rem; --w-label: 400; --s-ui: 1rem; --w-ui: 500;
  --tx-1: var(--ink); --tx-2: rgba(38,48,60,.74); --tx-3: rgba(38,48,60,.6); --gap-t: 22px; --measure: 60ch;
  --sec: clamp(150px, 19vh, 220px);
}
html[data-d="3"] .hdr { background: rgba(255,255,255,.96); border: 0; box-shadow: none; background-image: var(--fringe); background-size: 60% 1px; background-position: 50% 100%; background-repeat: no-repeat; }
html[data-d="3"] .sheet { background: #FFFFFF; border: 0; box-shadow: var(--shadow); }
html[data-d="3"] :is(.contact__card, .nous__surface, .sx-panel, .duo, .fx-board, .v4-tile, .why__map) { background: #FFFFFF; border: 0; border-radius: 28px; box-shadow: var(--shadow); }
html[data-d="3"] .v4-tile--program { background: #EEF1F4; box-shadow: none; }
html[data-d="3"] .contact__card { border-radius: 28px 28px 0 0; }
html[data-d="3"] .foot { background: #FFFFFF; border: 0; border-top: 1px solid var(--hair); border-radius: 0 0 28px 28px; }
html[data-d="3"] .private__panel { background: #26303C; border-radius: 28px; box-shadow: none; }
html[data-d="3"] main > section + section { background-image: var(--fringe); background-size: min(var(--content), 100% - 2 * var(--gutter)) 1px; background-position: 50% 0; background-repeat: no-repeat; }
html[data-d="3"] .sx-vis::before { background: #F1F4F6; border: 0; box-shadow: none; border-radius: 22px; }
html[data-d="3"] .sx-hero .sx-map { background: radial-gradient(46% 60% at 50% 50%, #FFFFFF 0%, rgba(244,246,248,0) 100%); }
html[data-d="3"] .sx-tabs { background: #F1F4F6; border: 0; }
html[data-d="3"] .sx-tab[aria-selected="true"] span { color: #B3A5E8; }
html[data-d="3"] :is(.field input, .field textarea) { background: #F4F6F8; border-color: transparent; border-radius: 16px; }
html[data-d="3"] .eyebrow { font-style: italic; font-weight: 300; font-size: 1.0625rem; }

/* ===================== 4 · Εικονογράμματα ===================== */
html[data-d="4"] {
  --page: #FFFFFF; --ink: #1A1D21; --c1: #2E8B5B; --c2: #D05927; --c3: #2C6DB5; --c4: #8C96A0; --tile: #F1F2F3; --bg-0: var(--page); --bg-1: var(--page); --bg-2: var(--page);
  --glass: var(--tile); --glass-strong: var(--tile); --glass-edge: transparent; --shadow: none; --hair: rgba(26,29,33,.14);
  --f: 'Fira Sans', system-ui, sans-serif; --f-t: 'Fira Sans', system-ui, sans-serif; --fv-t: normal;
  --s-display: clamp(2.75rem, 1.2rem + 5vw, 5.25rem); --w-display: 500; --lh-display: .98; --tr-display: -.02em;
  --s-page: clamp(2.25rem, 1.3rem + 3vw, 3.75rem); --w-page: 500; --lh-page: 1.04; --tr-page: -.016em;
  --s-section: clamp(1.875rem, 1.25rem + 1.9vw, 2.75rem); --w-section: 500; --lh-section: 1.08; --tr-section: -.012em;
  --s-sol: clamp(1.375rem, 1.15rem + .7vw, 1.75rem); --w-sol: 600; --lh-sol: 1.15; --tr-sol: -.008em;
  --s-state: clamp(1.25rem, 1.1rem + .5vw, 1.625rem); --w-state: 400; --lh-state: 1.28;
  --s-lead: 1.1875rem; --w-lead: 400; --lh-lead: 1.45;
  --s-body: 1rem; --w-body: 400; --lh-body: 1.58; --s-h3: 1rem; --w-h3: 600;
  --s-label: .8125rem; --w-label: 500; --s-ui: .875rem; --w-ui: 500;
  --tx-1: var(--ink); --tx-2: rgba(26,29,33,.72); --tx-3: rgba(26,29,33,.58); --gap-t: 16px; --measure: 56ch;
  --strip: linear-gradient(90deg, var(--c1) 0 25%, var(--c2) 25% 50%, var(--c3) 50% 75%, var(--c4) 75%);
}
html[data-d="4"] .hdr { border-radius: 0; background: #FFFFFF; border: 0; box-shadow: 0 1px 0 var(--hair); background-image: var(--strip); background-size: 100% 4px; background-repeat: no-repeat; }
html[data-d="4"] .sheet { border-radius: 0; background: #FFFFFF; border: 0; box-shadow: 0 1px 0 var(--hair); }
html[data-d="4"] :is(.hdr__nav a, .hdr__link, .sheet a) { border-radius: 0; }
html[data-d="4"] :is(.contact__card, .nous__surface, .sx-panel, .duo, .fx-board, .v4-tile, .why__map) { background: var(--tile); border: 0; border-radius: 0; box-shadow: none; }
html[data-d="4"] .v4-tile--single { background: var(--tile); box-shadow: inset 0 4px 0 var(--c1); } html[data-d="4"] .v4-tile--program { background: var(--tile); box-shadow: inset 0 4px 0 var(--c2); } html[data-d="4"] .v4-tile--continuous { background: var(--tile); box-shadow: inset 0 4px 0 var(--c3); }
html[data-d="4"] .foot { background: var(--tile); border: 0; border-radius: 0; box-shadow: inset 0 1px 0 var(--hair); }
html[data-d="4"] .private__panel { background: var(--ink); border-radius: 0; box-shadow: none; }
html[data-d="4"] .sx-vis::before { background: #FFFFFF; border: 0; border-radius: 0; box-shadow: none; }
html[data-d="4"] .sx-hero .sx-map { background: none; }
html[data-d="4"] .sx-map .sx-pick { border-radius: 0; }
html[data-d="4"] .sx-map .sx-pick:hover { background: var(--tile); box-shadow: none; }
html[data-d="4"] .sx-tabs { border-radius: 0; background: #FFFFFF; border: 0; } html[data-d="4"] .sx-tabs__ink { border-radius: 0; }
html[data-d="4"] .sx-tab span { display: inline-block; width: 10px; height: 10px; overflow: hidden; text-indent: 20px; vertical-align: 0; margin-right: 8px; background: var(--c1); }
html[data-d="4"] .sx-tab:nth-child(2) span { background: var(--c2); } html[data-d="4"] .sx-tab:nth-child(3) span { background: var(--c3); } html[data-d="4"] .sx-tab:nth-child(4) span { background: var(--c4); }
html[data-d="4"] :is(.send, .sx-next button, .chips a, .sol__nav button, .start__list a.btn) { border-radius: 0; }
html[data-d="4"] :is(.field input, .field textarea) { border-radius: 0; background: #FFFFFF; border-color: #FFFFFF; }
html[data-d="4"] .eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); }
html[data-d="4"] .eyebrow::before { content: ''; width: 10px; height: 10px; background: var(--c2); }
html[data-d="4"] .mini, html[data-d="4"] .ncard { border-radius: 0; }

/* ===================== 5 · Σήμανση ===================== */
html[data-d="5"] {
  --page: #ECEEF1; --ink: #0E1A3C; --plate: #0E1A3C; --bg-0: var(--page); --bg-1: var(--page); --bg-2: var(--page);
  --glass: #FFFFFF; --glass-strong: #FFFFFF; --glass-edge: transparent; --shadow: none; --hair: rgba(14,26,60,.14);
  --f: 'Commissioner', system-ui, sans-serif; --f-t: 'Commissioner', system-ui, sans-serif; --fv-t: normal;
  --s-display: clamp(2.75rem, 1.2rem + 5vw, 5.25rem); --w-display: 600; --lh-display: .98; --tr-display: -.024em;
  --s-page: clamp(2.25rem, 1.3rem + 3vw, 3.75rem); --w-page: 600; --lh-page: 1.04; --tr-page: -.02em;
  --s-section: clamp(1.875rem, 1.25rem + 1.9vw, 2.75rem); --w-section: 600; --lh-section: 1.08; --tr-section: -.016em;
  --s-sol: clamp(1.375rem, 1.15rem + .7vw, 1.75rem); --w-sol: 600; --lh-sol: 1.15; --tr-sol: -.01em;
  --s-state: clamp(1.25rem, 1.1rem + .5vw, 1.625rem); --w-state: 500; --lh-state: 1.28;
  --s-lead: 1.1875rem; --w-lead: 400; --lh-lead: 1.45;
  --s-body: 1rem; --w-body: 400; --lh-body: 1.58; --s-h3: 1rem; --w-h3: 600;
  --s-label: .8125rem; --w-label: 600; --s-ui: .875rem; --w-ui: 600;
  --tx-1: var(--ink); --tx-2: rgba(14,26,60,.74); --tx-3: rgba(14,26,60,.6); --gap-t: 16px; --measure: 56ch;
}
html[data-d="5"] .hdr { border-radius: 6px; background: #FFFFFF; border: 0; box-shadow: inset 0 3px 0 var(--plate); }
html[data-d="5"] .sheet { border-radius: 6px; background: #FFFFFF; border: 0; box-shadow: none; }
html[data-d="5"] :is(.hdr__nav a, .hdr__link, .sheet a) { border-radius: 4px; }
html[data-d="5"] :is(.contact__card, .nous__surface, .sx-panel, .duo, .fx-board, .v4-tile, .why__map) { background: #FFFFFF; border: 0; border-radius: 6px; box-shadow: none; }
html[data-d="5"] .v4-tile--program { background: #F5F6F8; }
html[data-d="5"] .contact__card { border-radius: 6px 6px 0 0; }
html[data-d="5"] .foot { background: #FFFFFF; border: 0; border-top: 1px solid var(--hair); border-radius: 0 0 6px 6px; }
html[data-d="5"] .private__panel { background: var(--plate); border-radius: 6px; box-shadow: none; }
html[data-d="5"] .sx-vis::before { background: #F3F4F6; border: 0; border-radius: 4px; box-shadow: none; }
html[data-d="5"] .sx-hero .sx-map { background: none; }
html[data-d="5"] .sx-map .sx-pick { border-radius: 6px; }
html[data-d="5"] .sx-map .sx-pick:hover { background: #FFFFFF; box-shadow: none; }
html[data-d="5"] .sx-tabs { border-radius: 6px; background: #F3F4F6; border: 0; } html[data-d="5"] .sx-tabs__ink { border-radius: 4px; }
html[data-d="5"] :is(.send, .sx-next button, .chips a, .sol__nav button, .start__list a.btn) { border-radius: 4px; }
html[data-d="5"] :is(.field input, .field textarea) { border-radius: 4px; background: #F3F4F6; border-color: transparent; }
html[data-d="5"] .eyebrow { display: inline-block; width: auto; padding: 5px 10px 6px; border-radius: 3px; background: var(--plate); color: #FFFFFF !important; font-size: .75rem !important; line-height: 1.2; }
html[data-d="5"] .is-dark .eyebrow { background: #FFFFFF; color: var(--plate) !important; }
html[data-d="5"] .mini, html[data-d="5"] .ncard { border-radius: 6px; }

/* κινητό */
@media (max-width: 900px) {
  html[data-d="1"] { --s-display: clamp(2.5rem, 11vw, 3.25rem); --s-page: 2.75rem; --s-section: 2.25rem; --s-sol: 1.875rem; --s-state: 1.5rem; }
  html[data-d="2"] { --s-display: clamp(2.25rem, 9.5vw, 2.875rem); --s-page: 2.375rem; --s-section: 1.875rem; --s-sol: 1.5rem; --s-state: 1.3rem; }
  html[data-d="3"] { --s-display: clamp(2.5rem, 10.5vw, 3rem); --s-page: 2.5rem; --s-section: 2rem; --s-sol: 1.625rem; --s-state: 1.4rem; --s-body: 1.125rem; --sec: 112px; }
  html[data-d="4"], html[data-d="5"] { --s-display: clamp(2.25rem, 9.5vw, 2.75rem); --s-page: 2.125rem; --s-section: 1.75rem; --s-sol: 1.5rem; --s-state: 1.25rem; }
  html[data-d="2"] .hdr { height: 56px; } html[data-d="2"] .sheet { top: 56px; }
}

/* επιλογέας στο εργαλείο preview */
.lab__t { display: inline-flex; gap: 2px; }
.lab__t a { opacity: .7; min-width: 26px; text-align: center; }
html[data-d="1"] [data-dp="1"], html[data-d="2"] [data-dp="2"], html[data-d="3"] [data-dp="3"], html[data-d="4"] [data-dp="4"], html[data-d="5"] [data-dp="5"] { opacity: 1; background: #fff; color: #0E1A3C; border-radius: 999px; }
.lab__d a { padding-left: 8px; padding-right: 8px; white-space: nowrap; }
.lab .lab__t + .lab__t { margin-left: 6px; }