
/* Native language menu works with keyboard and without JavaScript. */
.dm-language{position:relative;flex:none;margin-left:14px;font-size:12px;line-height:1.4;z-index:1100}
.dm-language summary{list-style:none;cursor:pointer;display:flex;gap:7px;align-items:center;min-width:44px;min-height:44px;font-weight:600}
.dm-language .dm-language-flag{display:block;flex:none;width:20px;height:15px;max-width:none;margin:0;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #14123d24}
.dm-language summary::-webkit-details-marker{display:none}
.dm-language summary:focus-visible,.dm-language a:focus-visible{outline:2px solid #e83f82;outline-offset:3px}
.dm-language nav{position:absolute;right:0;top:100%;min-width:176px;max-height:70vh;overflow:auto;background:#fff;border:1px solid #e2e3ee;border-radius:10px;padding:7px;box-shadow:0 12px 35px #08034b24}
.dm-language a{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:40px;padding:9px 12px;color:#14123d;text-decoration:none;white-space:nowrap;border-radius:5px}
.dm-language a:hover,.dm-language a[aria-current]{background:#f0efff;color:#4d40cc}
.dm-header-inner{gap:12px}.dm-navigation{min-width:0}.dm-nav-link{overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1199px){.dm-nav-link{font-size:12px;padding-left:5px;padding-right:5px}.dm-header-inner{gap:6px}.dm-language{margin-left:0}}
@media(max-width:767px){.dm-language{margin-left:auto}.dm-header-inner>.dm-menu-toggle{margin-left:auto}.dm-language nav{right:-35px}.dm-header-inner{gap:10px}}
:lang(ru) .dm-hero h1,:lang(uk) .dm-hero h1{font-family:"Work Sans",Arial,sans-serif;letter-spacing:-.04em}

.site-header .dm-language{order:3}.site-header .header-inner{gap:14px}.site-header .navigation{margin-left:auto}
@media(max-width:767px){.site-header .dm-language{order:0}.site-header .dm-language nav{right:0}.site-header .navigation{margin-left:0}}

.dm-language summary::marker{content:""}.dm-language summary::before,.dm-language summary::after{display:none!important}
/* Longer localized journal calls to action must wrap inside narrow screens. */
.hero .text-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.hero .text-link span{flex:none}
.hero .hero-grid>*{min-width:0}
.hero h1{overflow-wrap:anywhere;hyphens:auto}
@media(max-width:480px){.site-header .brand span{display:none}}
