/* ============ typefaces ============ */
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/letters/roboto-condensed-greek-400.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/letters/roboto-condensed-latin-400.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/letters/roboto-condensed-greek-700.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/letters/roboto-condensed-latin-700.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/letters/roboto-condensed-greek-900.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("/letters/roboto-condensed-latin-900.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
    font-family: "Commissioner";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/letters/commissioner-greek-400.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
    font-family: "Commissioner";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/letters/commissioner-latin-400.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
    font-family: "Commissioner";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/letters/commissioner-greek-500.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
    font-family: "Commissioner";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("/letters/commissioner-latin-500.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}
@font-face {
    font-family: "Commissioner";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/letters/commissioner-greek-700.woff2") format("woff2");
    unicode-range: U+0370-03FF, U+1F00-1FFF;
}
@font-face {
    font-family: "Commissioner";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/letters/commissioner-latin-700.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F, U+20AC, U+2122;
}

/* ============ design tokens ============ */
:root {
    --tone-root: #071a37;
    --tone-highlight: #9ad252;
    --tone-accent-pressed: #78c031;
    --tone-field: #072244;
    --tone-card: #0a2b55;
    --tone-script: #ffffff;
    --tone-text-muted: #bdbdbd;
    --tone-stroke: #143d6b;
    --tone-rule-bold: #1e5590;
    --tone-gradient-light: #ffd840;
    --tone-fade-bottom: #f78902;
    --tone-warn-band: #cc2936;

    --stack-hair: 3px;
    --stack-tiny: 8px;
    --stack-snug: 13px;
    --stack-base: 21px;
    --stack-wide: 34px;
    --stack-roomy: 55px;
    --stack-vast: 89px;
    --stack-huge: 144px;

    --round-hair: 1px;
    --round-tiny: 2px;
    --round-snug: 6px;
    --round-base: 8px;
    --round-wide: 14px;
    --round-roomy: 20px;
    --round-vast: 26px;
    --round-huge: 34px;
    --round-pill: 9999px;
    --round-orb: 50%;

    --typeface-heading: "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;
    --typeface-reading: "Commissioner", "Segoe UI", Tahoma, sans-serif;

    --text-size-display-1: clamp(30px, 5.4vw, 74px);
    --text-size-h2: clamp(26px, 3.2vw, 46px);
    --text-size-h3: clamp(20px, 1.9vw, 29px);
    --text-size-sub-2: 22px;
    --text-size-h5: 16px;
    --text-size-micro-head: 13px;
    --text-size-reading: 15px;
    --text-size-caption: 13px;
    --text-size-legal: 11px;

    --leading-close: 0.95;
    --leading-regular: 1.45;
    --leading-roomy: 1.65;

    --font-weight-plain: 400;
    --font-weight-demi: 700;
    --font-weight-black: 900;

    --letter-tight: -0.04em;
    --letter-even: 0;
    --letter-wide: 0.08em;

    --drop-hair: 0 1px 1px rgba(0, 0, 0, 0.04);
    --drop-tiny: 0 1px 2px rgba(0, 0, 0, 0.05);
    --drop-snug: 0 2px 4px rgba(0, 0, 0, 0.08);
    --drop-base: 0 4px 10px rgba(0, 0, 0, 0.1);
    --drop-wide: 0 8px 20px rgba(0, 0, 0, 0.14);
    --drop-roomy: 0 14px 30px rgba(0, 0, 0, 0.2);
    --drop-vast: 0 20px 44px rgba(0, 0, 0, 0.28);
    --drop-huge: 0 28px 60px rgba(0, 0, 0, 0.36);

    --time-fast: 97ms;
    --time-steady: 190ms;
    --time-calm: 389ms;
    --glide-out: cubic-bezier(0.26, 0.73, 0.39, 0.94);
    --glide-launch: cubic-bezier(0.43, 0.06, 0.36, 0.94);
    --glide-both: cubic-bezier(0.43, 0.06, 0.36, 0.94);
    --glide-pop: cubic-bezier(0.44, 1.35, 0.68, 1.25);

    --wrap-page: 1140px;
    --wrap-column: 470px;
    --wrap-inset-desktop: 48px;
    --wrap-pad-md: 32px;
    --wrap-edge-narrow: 16px;

    --stroke-slim: 1px;
    --stroke-even: 2px;
    --stroke-wide: 3px;

    --nav-size-desktop: 70px;
    --nav-h-sm: 60px;

    --band-warn-h: 32px;
    --shell-frame: calc(var(--wrap-page) + 2 * var(--wrap-inset-desktop));
}

/* ============ scale down on small screens ============ */
@media (max-width: 600px) {
    :root {
        --text-size-sub-2: 18px;
        --text-size-h5: 14px;
        --text-size-micro-head: 12px;
        --text-size-reading: 14px;
        --text-size-caption: 12px;
        --text-size-legal: 10px;
        --wrap-inset-desktop: 16px;
        --band-warn-h: 40px;
    }
}
@media (min-width: 601px) and (max-width: 900px) {
    :root {
        --wrap-inset-desktop: 32px;
    }
}

/* ============ reset & base ============ */
*,
*::before,
*::after {
    box-sizing: border-box;
}
html,
body {
    overflow-x: clip;
}
html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}
body {
    margin: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--tone-field);
    color: var(--tone-script);
    font-family: var(--typeface-reading);
    font-size: var(--text-size-reading);
    line-height: var(--leading-roomy);
    font-weight: var(--font-weight-plain);
    padding-bottom: var(--band-warn-h);
}
img {
    max-width: 100%;
    height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--typeface-heading);
    color: var(--tone-script);
    overflow-wrap: anywhere;
    margin: 0;
}
h1 {
    font-size: var(--text-size-display-1);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-close);
    letter-spacing: var(--letter-tight);
}
h2 {
    font-size: var(--text-size-h2);
    font-weight: var(--font-weight-plain);
    line-height: 1.08;
    letter-spacing: var(--letter-tight);
}
h3 {
    font-size: var(--text-size-h3);
    font-weight: var(--font-weight-demi);
    line-height: 1.2;
}
p {
    margin: 0;
}
ul,
ol {
    margin: 0;
    padding: 0;
}
a {
    color: var(--tone-highlight);
    text-decoration: none;
}
main a:not([class]) {
    background-image: linear-gradient(var(--tone-highlight), var(--tone-highlight));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    transition: background-size var(--time-steady) var(--glide-out);
}
main a:not([class]):hover {
    background-size: 100% var(--stroke-even);
}
table {
    border-collapse: collapse;
}
button {
    font: inherit;
    cursor: pointer;
}
:focus-visible {
    outline: var(--stroke-even) solid var(--tone-gradient-light);
    outline-offset: 2px;
}

/* ============ a11y helpers ============ */
.skip-href {
    position: absolute;
    left: var(--stack-snug);
    top: -200px;
    z-index: 200;
    padding: var(--stack-snug) var(--stack-base);
    background: var(--tone-gradient-light);
    color: var(--tone-root);
    border-radius: var(--round-snug);
    font-weight: var(--font-weight-demi);
}
.skip-href:not(:focus) {
    top: -200px;
}
.skip-href:focus {
    top: var(--stack-snug);
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
}

main {
    flex: 1 0 auto;
}

/* ============ shared section frame ============ */
.zuky-inner,
.nufyl-inner,
.monoba-inner,
.bytupap-inner,
.sanuzu-inner,
.kasap-inner,
.sape-inner,
.tetoni-inner,
.segadam-inner,
.vigofav-inner,
.zytimy-inner,
.desose-inner,
.kitavid-inner,
.tixy-inner,
.fykegox-inner,
.vyry-inner,
.firini-inner {
    width: 100%;
    max-width: calc(var(--wrap-page) + 2 * var(--wrap-inset-desktop));
    margin-inline: auto;
    padding-inline: var(--wrap-inset-desktop);
}

/* ============ header — HEAD-SPLIT, sticky-shrink ============ */
.zuky {
    position: sticky;
    top: 0;
    z-index: 80;
    background: var(--tone-root);
    border-bottom: var(--stroke-slim) solid var(--tone-stroke);
    transition: box-shadow var(--time-steady) var(--glide-out);
}
.zuky.is-shrunk {
    box-shadow: var(--drop-wide);
}
.zuky-inner {
    display: flex;
    align-items: center;
    gap: var(--stack-snug);
    height: 70px;
    padding-inline: var(--stack-base);
    transition: height var(--time-steady) var(--glide-out);
}
.zuky.is-shrunk .zuky-inner {
    height: 56px;
}
.zuky-glyph {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    align-self: center;
}
.zuky-glyph img {
    display: block;
    height: 60px;
    width: auto;
    flex-shrink: 0;
    transition: height var(--time-steady) var(--glide-out);
}
.zuky.is-shrunk .zuky-glyph img {
    height: 48px;
}
.zuky-map {
    flex: 0 1 auto;
    min-width: 0;
    margin-inline: auto;
}
.zuky-list {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    list-style: none;
    gap: var(--stack-snug);
    overflow: hidden;
}
.zuky-slot {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}
.zuky-slot[hidden] {
    display: none;
}
.zuky-slot--more {
    flex: 0 0 auto;
}
.zuky-slot + .zuky-slot::before {
    content: "\00b7";
    color: var(--tone-rule-bold);
    margin-inline-end: var(--stack-snug);
}
.zuky-href {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: 16px;
    font-weight: 500;
    font-variant-caps: small-caps;
    font-variant: small-caps;
    letter-spacing: var(--letter-even);
    white-space: nowrap;
    border-bottom: var(--stroke-even) solid transparent;
    transition: color var(--time-fast) var(--glide-out);
}
.zuky-href:hover {
    color: var(--tone-highlight);
}
.zuky-href[aria-current="page"] {
    color: var(--tone-highlight);
    border-bottom-color: var(--tone-highlight);
}
.zuky-more-switch {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0 var(--stack-tiny);
    background: transparent;
    color: var(--tone-script);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-pill);
    transition: border-color var(--time-fast) var(--glide-out);
}
.zuky-more-switch:hover {
    border-color: var(--tone-highlight);
    color: var(--tone-highlight);
}
.zuky-more-switch svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
}
.zuky-more-menu {
    position: absolute;
    top: calc(100% + var(--stack-tiny));
    right: 0;
    z-index: 90;
    display: none;
    min-width: 220px;
    max-height: 60vh;
    overflow-y: auto;
    list-style: none;
    padding: var(--stack-tiny);
    background: var(--tone-root);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-base);
    box-shadow: var(--drop-roomy);
}
.zuky-more-menu.is-open {
    display: block;
}
.zuky-more-menu .zuky-slot {
    display: block;
    width: 100%;
}
.zuky-more-menu .zuky-slot::before {
    content: none;
}
.zuky-more-menu .zuky-href {
    display: flex;
    width: 100%;
    padding-inline: var(--stack-snug);
    border-bottom: 0;
}
.zuky-geo {
    flex-shrink: 0;
    color: var(--tone-text-muted);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-micro-head);
    letter-spacing: var(--letter-wide);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-tiny);
    padding: 2px var(--stack-tiny);
}
.zuky-switch {
    display: none;
    align-items: center;
    gap: var(--stack-tiny);
    min-height: 44px;
    margin-left: auto;
    padding: 0 var(--stack-snug);
    background: transparent;
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-caption);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
    border: var(--stroke-slim) solid var(--tone-rule-bold);
    border-radius: var(--round-snug);
}
.zuky-switch svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.zuky-tray {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 85;
    display: none;
    max-height: calc(100vh - var(--nav-h-sm) - var(--band-warn-h));
    overflow-y: auto;
    background: var(--tone-root);
    border-top: var(--stroke-slim) solid var(--tone-stroke);
    box-shadow: var(--drop-vast);
}
.zuky-tray.is-open {
    display: block;
}
.zuky-tray-list {
    list-style: none;
    padding: var(--stack-snug) var(--wrap-edge-narrow) var(--stack-base);
    display: flex;
    flex-direction: column;
}
.zuky-tray-href {
    display: block;
    padding-block: var(--stack-snug);
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-sub-2);
    border-bottom: var(--stroke-slim) solid var(--tone-stroke);
}
.zuky-tray-href[aria-current="page"] {
    color: var(--tone-highlight);
}

@media (max-width: 900px) {
    .zuky-map {
        display: none;
    }
    .zuky-switch {
        display: inline-flex;
    }
    .zuky-inner {
        height: var(--nav-h-sm);
        padding-inline: var(--wrap-edge-narrow);
    }
    .zuky.is-shrunk .zuky-inner {
        height: var(--nav-h-sm);
    }
    .zuky-glyph img,
    .zuky.is-shrunk .zuky-glyph img {
        height: 44px;
    }
    .zuky-geo {
        display: none;
    }
}

/* ============ breadcrumbs — BREAD-03 ============ */
.firini {
    padding-block: var(--stack-base);
    background: var(--tone-root);
}
.firini-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    font-size: var(--text-size-caption);
}
.firini-slot {
    display: inline-flex;
    align-items: center;
    color: var(--tone-script);
}
.firini-slot + .firini-slot::before {
    content: "\203a";
    color: var(--tone-highlight);
    opacity: 0.7;
    margin-inline: var(--stack-tiny);
}
.firini-href {
    color: var(--tone-text-muted);
}
.firini-href:hover {
    color: var(--tone-highlight);
}

/* ============ hero — HERO-10 tall vertical letterform ============ */
.monoba {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    overflow: hidden;
    background-color: var(--tone-root);
    background-image: linear-gradient(115deg, rgba(7, 26, 55, 0.94) 42%, rgba(7, 34, 68, 0.55) 100%), url("/frames-15/marquee.webp");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: var(--stack-roomy);
}
.monoba-sigil {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30%;
    max-width: calc(var(--wrap-page) * 0.3);
    inset-inline-start: max(var(--wrap-inset-desktop), calc((100vw - var(--wrap-page)) / 2));
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--typeface-heading);
    font-weight: var(--font-weight-black);
    font-size: 60vh;
    line-height: 1;
    color: var(--tone-script);
    opacity: 0.05;
    pointer-events: none;
    user-select: none;
}
.monoba-inner {
    position: relative;
}
.monoba-matter {
    padding-left: 35%;
    max-width: 100%;
}
.monoba-eyebrow {
    display: inline-block;
    margin-bottom: var(--stack-snug);
    color: var(--tone-gradient-light);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-micro-head);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
}
.monoba-lead {
    margin-block: var(--stack-base) var(--stack-wide);
    max-width: var(--wrap-column);
    color: var(--tone-text-muted);
    font-size: var(--text-size-sub-2);
    line-height: var(--leading-regular);
}
.monoba-acts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--stack-snug);
}
.monoba-note {
    display: block;
    margin-top: var(--stack-snug);
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
}

@media (max-width: 900px) {
    .monoba {
        min-height: auto;
        padding-block: var(--stack-roomy);
        background-position: center;
    }
    .monoba-sigil {
        inset-inline-start: var(--wrap-edge-narrow);
        font-size: 44vh;
        width: 40%;
    }
    .monoba-matter {
        padding-left: 0;
    }
}

/* ============ page header — PHEAD-06 subtle editorial ============ */
.bytupap {
    padding-block: var(--stack-roomy);
    background: var(--tone-field);
}
.bytupap-lead {
    position: relative;
    margin-top: var(--stack-base);
    padding-top: var(--stack-base);
    max-width: var(--wrap-column);
    color: var(--tone-text-muted);
    font-family: var(--typeface-reading);
    font-size: var(--text-size-h5);
    font-style: italic;
    line-height: var(--leading-regular);
}
.bytupap-lead::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background: rgba(255, 255, 255, 0.2);
}

/* ============ prose — PROSE-15, first paragraph bold ============ */
.segadam {
    padding-block: var(--stack-wide);
}
.segadam-inner h2 {
    margin-block-start: 0;
    margin-block-end: var(--stack-base);
}
.segadam-line {
    margin-block-end: var(--stack-base);
    color: var(--tone-text-muted);
    font-size: var(--text-size-reading);
    line-height: var(--leading-roomy);
}
.segadam-line:last-child {
    margin-block-end: 0;
}
.segadam-line--first {
    color: var(--tone-script);
    font-weight: var(--font-weight-demi);
}
.segadam-list {
    margin-block-end: var(--stack-base);
    padding-inline-start: var(--stack-base);
    color: var(--tone-text-muted);
}
.segadam-list li {
    margin-block-end: var(--stack-tiny);
    line-height: var(--leading-roomy);
}
.segadam-list li::marker {
    color: var(--tone-highlight);
}
.segadam-figure {
    margin: 0 0 var(--stack-base);
}
.segadam-figure img {
    display: block;
    width: 100%;
    max-height: 460px;
    object-fit: cover;
    object-position: center;
    border-radius: var(--round-wide);
    border: var(--stroke-slim) solid var(--tone-stroke);
}
.segadam-figure figcaption {
    margin-top: var(--stack-tiny);
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
}
.segadam-figure--side {
    float: right;
    width: 42%;
    margin: 0 0 var(--stack-base) var(--stack-wide);
}
.segadam-figure--side img {
    max-height: 320px;
}
@media (max-width: 900px) {
    .segadam-figure--side {
        float: none;
        width: 100%;
        margin: 0 0 var(--stack-base);
    }
}

/* ============ items grid — GRID-11 mixed block sizes ============ */
.sanuzu {
    padding-block: var(--stack-roomy);
    background: var(--tone-root);
}
.sanuzu-lede {
    margin-block-end: var(--stack-wide);
}
.sanuzu-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--stack-base);
    list-style: none;
}
.sanuzu-slot {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--stack-base);
    background: var(--tone-card);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-wide);
    transition: box-shadow var(--time-steady) var(--glide-out);
}
.sanuzu-slot:hover {
    box-shadow: var(--drop-roomy);
}
.sanuzu-slot:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
    justify-content: flex-start;
    background: var(--tone-field);
    border-color: var(--tone-rule-bold);
}
.sanuzu-slot:nth-child(1) .sanuzu-caption {
    margin-block-start: auto;
}
.sanuzu-slot:nth-child(4) {
    grid-column: span 2;
}
.sanuzu-img {
    width: 30px;
    height: 30px;
    margin-block-end: var(--stack-snug);
    fill: var(--tone-highlight);
    flex-shrink: 0;
    align-self: flex-start;
}
.sanuzu-slot:nth-child(1) .sanuzu-img {
    width: 56px;
    height: 56px;
    margin-block-end: var(--stack-base);
}
.sanuzu-caption {
    font-size: var(--text-size-h5);
    font-family: var(--typeface-heading);
    font-weight: var(--font-weight-demi);
    text-transform: uppercase;
    letter-spacing: var(--letter-even);
}
.sanuzu-slot:nth-child(1) .sanuzu-caption {
    font-size: var(--text-size-h3);
}
.sanuzu-slot:nth-child(1) .sanuzu-line {
    font-size: var(--text-size-reading);
}
.sanuzu-line {
    margin-block-start: var(--stack-tiny);
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
    line-height: var(--leading-regular);
}
@media (max-width: 1240px) {
    .sanuzu-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sanuzu-slot:nth-child(1) {
        grid-row: span 1;
    }
}
@media (max-width: 700px) {
    .sanuzu-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .sanuzu-slot:nth-child(1),
    .sanuzu-slot:nth-child(4) {
        grid-column: span 1;
    }
}

/* ============ data table — TABLE-02 borderless editorial ============ */
.vigofav {
    padding-block: var(--stack-roomy);
}
.vigofav-lede {
    margin-block-end: var(--stack-base);
}
.vigofav-caption {
    margin-block-end: var(--stack-base);
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
}
.vigofav-scroll {
    overflow-x: auto;
}
.vigofav-grid {
    width: 100%;
    min-width: 560px;
    text-align: left;
}
.vigofav-grid th {
    padding-block: var(--stack-snug);
    padding-inline: var(--stack-snug);
    color: var(--tone-script);
    background: var(--tone-field);
    font-family: var(--typeface-heading);
    font-weight: var(--font-weight-black);
    font-size: var(--text-size-caption);
    text-transform: uppercase;
    letter-spacing: var(--letter-wide);
    border-bottom: var(--stroke-even) solid var(--tone-highlight);
}
.vigofav-grid td {
    padding: var(--stack-snug);
    color: var(--tone-text-muted);
    background: var(--tone-field);
    font-size: var(--text-size-reading);
    border-bottom: var(--stroke-slim) solid rgba(255, 255, 255, 0.06);
    vertical-align: top;
}
.vigofav-grid td:first-child {
    color: var(--tone-script);
    font-weight: 500;
}
.vigofav-grid tr:last-child td {
    border-bottom: 0;
}

/* ============ reviews — REV-08 avatar-initials cards ============ */
.sape {
    padding-block: var(--stack-roomy);
    background: var(--tone-root);
}
.sape-lede {
    margin-block-end: var(--stack-wide);
}
.sape-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--stack-base);
    list-style: none;
}
.sape-plate {
    display: flex;
    flex-direction: column;
    padding: var(--stack-base);
    background: var(--tone-card);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-wide);
    transition: box-shadow var(--time-steady) var(--glide-out);
}
.sape-plate:hover {
    box-shadow: var(--drop-roomy);
}
.sape-bar {
    display: flex;
    align-items: center;
    gap: var(--stack-snug);
    margin-block-end: var(--stack-snug);
}
.sape-mug {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: var(--round-orb);
    background: var(--tone-highlight);
    color: var(--tone-root);
    font-family: var(--typeface-heading);
    font-weight: var(--font-weight-black);
    font-size: var(--text-size-h5);
}
.sape-plate:nth-child(3n + 2) .sape-mug {
    background: var(--tone-gradient-light);
}
.sape-plate:nth-child(3n) .sape-mug {
    background: var(--tone-fade-bottom);
}
.sape-who {
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-h5);
    font-weight: var(--font-weight-demi);
}
.sape-day {
    display: block;
    color: var(--tone-text-muted);
    font-size: var(--text-size-legal);
}
.sape-score {
    color: var(--tone-gradient-light);
    font-size: var(--text-size-caption);
    letter-spacing: var(--letter-wide);
    margin-block-end: var(--stack-tiny);
}
.sape-line {
    margin: 0;
    padding: 0;
    color: var(--tone-text-muted);
    font-size: var(--text-size-reading);
    line-height: var(--leading-regular);
    border: 0;
    quotes: none;
}
@media (max-width: 1240px) {
    .sape-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 700px) {
    .sape-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ============ faq — FAQ-10 sidebar two-column ============ */
.kasap {
    padding-block: var(--stack-roomy);
}
.kasap-inner {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: var(--stack-wide);
}
.kasap-aside {
    position: sticky;
    top: calc(var(--nav-size-desktop) + var(--stack-base));
    align-self: start;
    padding: var(--stack-wide);
    background: var(--tone-card);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-wide);
}
.kasap-lede {
    margin-block-end: var(--stack-snug);
}
.kasap-line {
    color: var(--tone-text-muted);
    font-size: var(--text-size-reading);
}
.kasap-list {
    display: flex;
    flex-direction: column;
    gap: var(--stack-wide);
    margin: 0;
}
.kasap-slot {
    padding-block-end: var(--stack-base);
    border-bottom: var(--stroke-slim) solid var(--tone-stroke);
}
.kasap-list > .kasap-slot:last-of-type {
    border-bottom: 0;
    padding-block-end: 0;
}
.kasap-ask {
    display: flex;
    align-items: flex-start;
    gap: var(--stack-snug);
    margin: 0 0 var(--stack-snug);
    cursor: pointer;
    list-style: none;
}
.kasap-ask::-webkit-details-marker {
    display: none;
}
.kasap-ask::before {
    content: "+";
    flex: 0 0 auto;
    width: 22px;
    color: var(--tone-highlight);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-sub-2);
    line-height: 1.1;
}
.kasap-slot[open] > .kasap-ask::before {
    content: "\2212";
}
.kasap-ask h3 {
    font-size: var(--text-size-sub-2);
    font-weight: var(--font-weight-demi);
}
.kasap-ask:hover h3 {
    color: var(--tone-highlight);
}
.kasap-reply {
    margin: 0;
    padding-inline-start: calc(22px + var(--stack-snug));
    color: var(--tone-text-muted);
    font-size: var(--text-size-reading);
    line-height: var(--leading-roomy);
}
@media (max-width: 900px) {
    .kasap-inner {
        grid-template-columns: minmax(0, 1fr);
    }
    .kasap-aside {
        position: static;
        padding: var(--stack-base);
    }
}

/* ============ cta block — CTA-08 inverted dark ============ */
.tetoni {
    padding-block: var(--stack-roomy);
    background: var(--tone-root);
    border-block: var(--stroke-slim) solid var(--tone-rule-bold);
}
.tetoni-lede {
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-display-1);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-close);
    letter-spacing: var(--letter-tight);
    text-transform: uppercase;
}
.tetoni-line {
    margin-block: var(--stack-base);
    max-width: var(--wrap-column);
    color: var(--tone-text-muted);
    font-size: var(--text-size-h5);
    line-height: var(--leading-regular);
}
.tetoni-note {
    display: block;
    margin-top: var(--stack-snug);
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
}
.tetoni--slim {
    padding-block: var(--stack-wide);
    background: var(--tone-card);
    border-block-color: var(--tone-stroke);
}
.tetoni--slim .tetoni-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--stack-base);
}
.tetoni--slim .tetoni-line {
    margin-block: 0;
    max-width: 620px;
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-sub-2);
    font-weight: var(--font-weight-demi);
}
.tetoni-acts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--stack-tiny);
}

/* ============ author byline — BYLINE-05 horizontal bar ============ */
.tixy {
    display: block;
    padding-block: var(--stack-wide);
    background: var(--tone-root);
    border-block: var(--stroke-slim) solid var(--tone-stroke);
}
.tixy-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--stack-base);
}
.tixy-figure {
    display: flex;
    align-items: center;
    gap: var(--stack-snug);
}
.tixy-mug {
    width: 56px;
    height: 56px;
    border-radius: var(--round-orb);
    object-fit: cover;
    flex-shrink: 0;
    align-self: center;
}
.tixy-who {
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-h5);
    font-weight: var(--font-weight-demi);
}
.tixy-who a {
    color: inherit;
}
.tixy-who a:hover {
    color: var(--tone-highlight);
}
.tixy-credit {
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
}
.tixy-invite {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: var(--stack-tiny) var(--stack-base);
    color: var(--tone-highlight);
    background: transparent;
    border: var(--stroke-slim) solid var(--tone-highlight);
    border-radius: var(--round-snug);
    font-size: var(--text-size-caption);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
    transition: background-color var(--time-fast) var(--glide-out), color var(--time-fast) var(--glide-out);
}
.tixy-invite:hover {
    background: var(--tone-highlight);
    color: var(--tone-root);
}
@media (max-width: 700px) {
    .tixy-inner {
        flex-direction: column;
        align-items: stretch;
    }
    .tixy-invite {
        justify-content: center;
    }
}

/* ============ author card — AUTH-08 minimal avatar + name ============ */
.kitavid {
    padding-block: var(--stack-wide);
}
.kitavid-figure {
    display: inline-flex;
    align-items: center;
    gap: var(--stack-snug);
}
.kitavid-mug {
    width: 140px;
    height: 140px;
    border-radius: var(--round-orb);
    object-fit: cover;
    flex-shrink: 0;
    align-self: center;
    border: var(--stroke-even) solid var(--tone-highlight);
}
.kitavid-who {
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-sub-2);
    font-weight: var(--font-weight-demi);
}
.kitavid-credit {
    color: var(--tone-text-muted);
    font-size: var(--text-size-legal);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
}
.kitavid-articles {
    display: block;
    margin-top: var(--stack-wide);
    padding-top: var(--stack-base);
    border-top: var(--stroke-slim) solid var(--tone-stroke);
}
.kitavid-articles-lede {
    margin-block-end: var(--stack-snug);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-h5);
    text-transform: uppercase;
    letter-spacing: var(--letter-wide);
}
.kitavid-articles-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stack-tiny) var(--stack-base);
}
.kitavid-articles-slot {
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
    padding-inline-start: var(--stack-snug);
    border-inline-start: var(--stroke-even) solid var(--tone-stroke);
}
@media (max-width: 700px) {
    .kitavid-articles-list {
        grid-template-columns: minmax(0, 1fr);
    }
    .kitavid-mug {
        width: 96px;
        height: 96px;
    }
}

/* ============ contact form — FORM-03 compact single field per row ============ */
.desose {
    padding-block: var(--stack-roomy);
}
.desose-intro {
    max-width: var(--wrap-column);
    margin-inline: auto;
    margin-block-end: var(--stack-base);
    color: var(--tone-text-muted);
    text-align: center;
}
.desose-form {
    display: flex;
    flex-direction: column;
    gap: var(--stack-snug);
}
.desose-field {
    display: flex;
    flex-direction: column;
    gap: var(--stack-hair);
}
.desose-label {
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-caption);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
}
.desose-field input,
.desose-field textarea {
    width: 100%;
    padding: var(--stack-snug);
    background: var(--tone-card);
    color: var(--tone-script);
    font-family: var(--typeface-reading);
    font-size: var(--text-size-reading);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-snug);
}
.desose-field textarea {
    min-height: 150px;
    resize: vertical;
}
.desose-button {
    width: 100%;
    height: 52px;
    background: var(--tone-highlight);
    color: var(--tone-root);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-h5);
    font-weight: var(--font-weight-black);
    text-transform: uppercase;
    letter-spacing: var(--letter-wide);
    border: 0;
    border-radius: var(--round-snug);
    transition: background-color var(--time-fast) var(--glide-out);
}
.desose-button:hover {
    background: var(--tone-accent-pressed);
    color: var(--tone-root);
}
.desose-words {
    margin-top: var(--stack-snug);
    padding: var(--stack-snug);
    background: var(--tone-card);
    color: var(--tone-highlight);
    border: var(--stroke-slim) solid var(--tone-highlight);
    border-radius: var(--round-snug);
    font-size: var(--text-size-reading);
}
.desose-words[hidden] {
    display: none;
}
.desose-chan {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--stack-snug);
    margin-block-end: var(--stack-base);
    list-style: none;
}
.desose-chan li {
    padding: var(--stack-snug);
    background: var(--tone-card);
    border: var(--stroke-slim) solid var(--tone-stroke);
    border-radius: var(--round-snug);
    color: var(--tone-text-muted);
    font-size: var(--text-size-caption);
}
@media (max-width: 700px) {
    .desose-chan {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ============ legal section — LEGAL-07 magazine editorial ============ */
.zytimy {
    padding-block: var(--stack-roomy);
}
.zytimy-eyebrow {
    color: var(--tone-highlight);
    font-size: var(--text-size-legal);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
}
.zytimy-intro {
    margin-block-start: var(--stack-snug);
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-sub-2);
    font-style: italic;
    line-height: var(--leading-regular);
}
.zytimy-rule {
    width: 80px;
    height: var(--stroke-even);
    margin: var(--stack-base) 0;
    background: var(--tone-highlight);
    border: 0;
}
.zytimy-line {
    margin-block-end: var(--stack-base);
    color: var(--tone-text-muted);
}

/* ============ error block — ERR-05 glitch ============ */
.vyry {
    padding-block: var(--stack-roomy);
    text-align: center;
}
.vyry-caption {
    position: relative;
    display: inline-block;
    max-width: var(--wrap-column);
    color: var(--tone-script);
}
.vyry-caption::before,
.vyry-caption::after {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    opacity: 0.6;
    pointer-events: none;
}
.vyry-caption::before {
    color: var(--tone-highlight);
    transform: translate(2px, -2px);
}
.vyry-caption::after {
    color: var(--tone-accent-pressed);
    transform: translate(-2px, 2px);
}
.vyry-line {
    margin-block: var(--stack-base) var(--stack-wide);
    margin-inline: auto;
    max-width: var(--wrap-column);
    color: var(--tone-text-muted);
}
.vyry-acts {
    display: flex;
    justify-content: center;
}

/* ============ shared buttons ============ */
.pv-lead-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 var(--stack-wide);
    background: var(--tone-highlight);
    color: var(--tone-root);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-h5);
    font-weight: var(--font-weight-black);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
    border: 0;
    border-radius: var(--round-snug);
    transition: transform var(--time-fast) var(--glide-out), background-color var(--time-fast) var(--glide-out);
}
.pv-lead-button:hover {
    background: var(--tone-accent-pressed);
    color: var(--tone-root);
    transform: translateY(-2px);
}
.pv-quiet-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 var(--stack-base);
    background: transparent;
    color: var(--tone-script);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-caption);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
    border: var(--stroke-slim) solid var(--tone-rule-bold);
    border-radius: var(--round-snug);
    transition: border-color var(--time-fast) var(--glide-out), color var(--time-fast) var(--glide-out);
}
.pv-quiet-button:hover {
    border-color: var(--tone-highlight);
    color: var(--tone-highlight);
    background: transparent;
}

/* ============ cookie banner — COOK-04 slide-up with backdrop ============ */
.fykegox-veil {
    position: fixed;
    inset: 0;
    z-index: 89;
    display: none;
    background: rgba(0, 0, 0, 0.4);
    pointer-events: none;
}
.fykegox-veil.is-visible {
    display: block;
}
.fykegox {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--band-warn-h);
    z-index: 90;
    background: var(--tone-field);
    border-top: var(--stroke-wide) solid var(--tone-highlight);
    padding-block: var(--stack-base);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--time-calm) var(--glide-out), visibility var(--time-calm) var(--glide-out);
}
.fykegox.is-visible {
    opacity: 1;
    visibility: visible;
}
.fykegox-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--stack-snug);
    text-align: center;
}
.fykegox-lede {
    font-size: var(--text-size-sub-2);
}
.fykegox-words {
    max-width: var(--wrap-column);
    color: var(--tone-text-muted);
    line-height: var(--leading-roomy);
}
.fykegox-acts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--stack-snug);
}
.fykegox-allow,
.fykegox-deny {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding-inline: var(--stack-wide);
    font-family: var(--typeface-heading);
    font-size: var(--text-size-caption);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
    border-radius: var(--round-snug);
    transition: background-color var(--time-fast) var(--glide-out), color var(--time-fast) var(--glide-out);
}
.fykegox-allow {
    background: var(--tone-highlight);
    color: var(--tone-root);
    border: 0;
}
.fykegox-allow:hover {
    background: var(--tone-accent-pressed);
    color: var(--tone-root);
}
.fykegox-deny {
    background: transparent;
    color: var(--tone-script);
    border: var(--stroke-slim) solid var(--tone-rule-bold);
}
.fykegox-deny:hover {
    background: transparent;
    color: var(--tone-highlight);
    border-color: var(--tone-highlight);
}
@media (max-width: 720px) {
    .fykegox,
    .fykegox-inner {
        padding-block: 12px;
        gap: 8px;
        font-size: 13px;
        line-height: 1.35;
    }
    .fykegox-lede {
        display: none;
    }
    .fykegox-allow,
    .fykegox-deny {
        padding-inline: 14px;
        font-size: 12px;
        min-height: 36px;
    }
}

/* ============ responsible gaming band — RG-06 pinned bottom ============ */
.pv-guard-band {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 95;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--stack-tiny);
    min-height: var(--band-warn-h);
    padding: var(--stack-hair) var(--wrap-edge-narrow);
    background: var(--tone-warn-band);
    color: #ffffff;
    font-size: var(--text-size-legal);
    letter-spacing: var(--letter-wide);
    text-align: center;
    pointer-events: none;
}
.pv-guard-band a {
    color: #ffffff;
    text-decoration: underline;
    pointer-events: auto;
}

/* ============ footer — FOOT-04 sticky mini ============ */
.nufyl {
    flex-shrink: 0;
    background: var(--tone-root);
    border-top: var(--stroke-slim) solid var(--tone-stroke);
}
.nufyl-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--stack-snug);
    min-height: 64px;
    padding-block: var(--stack-snug);
}
.nufyl-copy {
    color: var(--tone-text-muted);
    font-size: var(--text-size-legal);
}
.nufyl-map {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--stack-snug);
}
.nufyl-href {
    color: var(--tone-text-muted);
    font-size: var(--text-size-legal);
    letter-spacing: var(--letter-wide);
    text-transform: uppercase;
    padding-inline-start: var(--stack-snug);
    border-left: var(--stroke-slim) solid var(--tone-stroke);
}
.nufyl-href:first-child {
    padding-inline-start: 0;
    border-left: 0;
}
.nufyl-href:hover {
    color: var(--tone-script);
}
@media (max-width: 700px) {
    .nufyl-inner {
        flex-direction: column;
        align-items: flex-start;
        min-height: 80px;
    }
}

/* ============ reduced motion ============ */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ============ scroll anchoring under sticky header ============ */
[id] {
    scroll-margin-top: calc(var(--nav-size-desktop) + var(--stack-snug));
}

/* ============ offer cta — scripts/cta-style.mjs ============ */
.najazu-lead{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--stack-wide);min-height:52px;border-radius:var(--round-snug);border:0;font-size:var(--text-size-h5);font-weight:var(--font-weight-black);letter-spacing:var(--letter-wide)}
.najazu-lead{
  background:#16A34A;color:#071A37;text-decoration:none;font-family:var(--typeface-heading);text-transform:uppercase;
  transition:background 0.18s cubic-bezier(.2,.7,.3,1),color 0.18s cubic-bezier(.2,.7,.3,1);}
.najazu-lead.najazu-lead{color:#071A37;text-decoration:none;font-family:var(--typeface-heading);}
.najazu-lead:hover{background:#15803D;color:#FFFFFF;animation:none}
.najazu-lead.najazu-lead:hover{color:#FFFFFF;text-decoration:none}
.najazu-lead:hover::after{animation:none}
.najazu-lead:active{background:#166534;color:#FFFFFF}
.najazu-lead:focus-visible{outline:3px solid #071A37;outline-offset:3px}
.najazu-lead{animation:najazu-pulse 1.85s ease-in-out infinite}
@keyframes najazu-pulse{0%{transform:translateY(0)}12.973%{transform:translateY(-4px)}32.432%,100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.najazu-lead,.najazu-lead::after{animation:none!important;transition:none!important}}
.najazu-patch{display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--stack-wide);background:var(--tone-card);border-radius:var(--round-wide);border:var(--stroke-slim) solid var(--tone-stroke);text-align:center;margin:var(--stack-wide) 0}
.najazu-meta.najazu-meta{margin:0;border:0;padding:0;font-weight:600;font-size:0.9em}
.najazu-fine.najazu-fine{margin:0;border:0;padding:0;font-size:0.9em;opacity:.75}

/* offer button — separated from the site's own green by a light ring (cta-style.mjs note) */
.najazu-lead{box-shadow:0 0 0 var(--stroke-even) rgba(255,255,255,0.24)}
.najazu-lead:hover{box-shadow:0 0 0 var(--stroke-even) rgba(255,255,255,0.45)}

@media (max-width: 488px) {
  .zuky-map,
  .zuky-list,
  .zuky-href { display: none !important; }
  .zuky-more-switch { display: inline-flex !important; }
}