/* Language-specific typography uses the site's existing size/color tokens. */
html[lang=mk]{--font-editorial:Georgia,'Times New Roman',serif}
html[lang=mk] h1,html[lang=mk] h2,html[lang=mk] h3{overflow-wrap:break-word}
.language-menu{position:relative;flex:none;color:inherit;font:600 var(--font-caption)/1.4 Manrope,Arial,sans-serif}
.language-menu>summary{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:20px;list-style:none;cursor:pointer}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu .icon{width:16px;height:16px}
.language-flag{width:20px;height:15px;flex:none;object-fit:contain;border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 25%,transparent)}
.language-option{display:flex;align-items:center;gap:9px}
.language-menu>nav{position:absolute;top:calc(100% + 8px);right:0;min-width:165px;padding:6px;background:var(--deep);color:#fff;border:1px solid #d2bb8240;border-radius:12px;box-shadow:0 16px 40px #0003;z-index:30}
.language-menu a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:7px;font-size:var(--font-small)}
.language-menu a:hover,.language-menu a[aria-current=true]{background:#d2bb821f;color:var(--gold)}
.language-menu summary:focus-visible,.language-menu a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.localized-brand-name{display:flex;flex-direction:column;justify-content:center;font:400 17px/1.2 var(--font-editorial);letter-spacing:.04em;color:inherit;white-space:nowrap}
.localized-brand-name strong{font:inherit;font-size:20px}
.brand--localized .brand-mark{width:37px;height:51px;flex:none}
.brand--localized{gap:10px}
.brand--localized.brand--white{color:#fff}
.brand--localized.brand--original{color:var(--deep)}
html:not([lang=sq]) .footer-brand p{line-height:1.7}
html:not([lang=sq]) .hero h1{line-height:1.05;font-size:clamp(65px,7vw,115px)}
html:not([lang=sq]) .desktop-nav{gap:clamp(8px,1.05vw,18px)}
html:not([lang=sq]) .book-publisher{letter-spacing:.1em}
@media(max-width:1190px){html:not([lang=sq]) .desktop-nav{display:none}html:not([lang=sq]) .mobile-menu{display:block}.header-inner{gap:14px}.header-actions{margin-left:auto}}
@media(max-width:640px){.header-actions{gap:7px}.language-menu>summary{min-height:34px;padding:5px 7px}.language-menu .icon{display:none}.brand--localized{width:160px}.localized-brand-name{font-size:15px}.localized-brand-name strong{font-size:18px}.brand--localized .brand-mark{width:32px;height:44px}html:not([lang=sq]) .hero h1{font-size:clamp(60px,12vw,90px)}html:not([lang=sq]) .footer-brand p br{display:none}}
@media(max-width:640px){html[lang=mk] .hero h1{font-size:clamp(32px,9.8vw,48px);line-height:1.12;letter-spacing:-.035em}}
@media(max-width:360px){.brand--localized{width:135px;gap:7px}.header-inner{gap:7px}.header-actions{gap:5px}.localized-brand-name{font-size:var(--font-small)}.localized-brand-name strong{font-size:16px}}

/* Shared circular header actions; dropdown flags keep their compact rectangles. */
:root{--header-control-size:42px;--header-flag-inset:3px;--header-control-border:color-mix(in srgb,var(--gold) 45%,transparent)}
.header-actions>.icon-button,.header-actions>.header-contact,.header-actions>.mobile-menu>summary,.header-actions>.language-menu>summary{display:grid;place-items:center;width:var(--header-control-size);height:var(--header-control-size);min-width:var(--header-control-size);min-height:var(--header-control-size);padding:0;border:1px solid var(--header-control-border);border-radius:50%;flex:none}
.header-actions>.header-contact .icon,.header-actions>.icon-button .icon{width:20px;height:20px}
.header-actions>.language-menu>summary{overflow:hidden;padding:var(--header-flag-inset)}
.header-actions>.language-menu>summary>.language-flag{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;box-shadow:none}
@media(max-width:640px){:root{--header-control-size:38px}}
@media(max-width:560px){.header-actions>.header-contact{display:none}}
@media(max-width:360px){:root{--header-control-size:36px}}