:root{--header-height:88px}
html{scroll-behavior:auto}
.topbar{display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) auto auto;gap:clamp(10px,1.4vw,20px);padding-inline:max(20px,calc((100vw - 1280px)/2));}
.topbar .brand{margin:0;padding-right:12px;min-width:0}
.topbar .brand img{width:100%;max-width:210px;height:60px}
.topbar nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.35vw,22px);min-width:0}
.topbar nav a{white-space:nowrap;text-align:center;line-height:1.25}
.topbar>.button{white-space:nowrap;text-align:center}
.topbar .lang-switch{white-space:nowrap}
.mobile-menu{display:none}
main [id]{scroll-margin-top:calc(var(--header-height) + 32px)}
.audience-grid article{display:flex;flex-direction:column;min-width:0}
.audience-grid .text-link{align-self:flex-start;margin-top:auto;padding-top:18px}
.sectors li{position:relative;padding-left:18px}
.sectors li::before,.check-list li::before{content:"";display:block;position:absolute;left:0;top:1.55em;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin:0}
.check-list li::before{top:1.4em}
a,button,summary{touch-action:manipulation}
a:active,.button:active,button:active{transform:translateY(1px);filter:brightness(.9)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
a.anchor-selected{box-shadow:0 3px 0 var(--cyan)}
body.navigation-pending::before{content:"";position:fixed;top:0;left:0;height:4px;width:38%;background:var(--cyan);z-index:1000;animation:page-loading 1s ease-in-out infinite alternate}
@keyframes page-loading{from{transform:translateX(-100%)}to{transform:translateX(270%)}}
@media(max-width:1100px){
 .topbar{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}
 .topbar nav,.topbar>.button{display:none}
 .mobile-menu{display:block;position:relative;order:2}
 .mobile-menu summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid var(--line);border-radius:5px;font-weight:700;color:var(--navy)}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu[open] summary{background:#eaf5fa}
 .mobile-menu>div{position:absolute;top:calc(100% + 8px);right:0;min-width:190px;display:grid;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 16px 36px #002b5630;padding:8px;z-index:20}
 .mobile-menu a{padding:10px 12px;text-decoration:none;font-weight:600;color:var(--navy);border-radius:4px}
 .mobile-menu a:hover,.mobile-menu a:focus-visible{background:#eaf5fa}
 .topbar .lang-switch{order:3;margin:0}
}
@media(max-width:570px){:root{--header-height:76px}.topbar{gap:6px}.topbar .brand{padding:0}.topbar .brand img{max-width:170px;height:50px}.mobile-menu summary{padding:7px 8px;font-size:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.navigation-pending::before{animation:none;width:100%}}