:root {
    --webmf-content-width: 1240px;
    --webmf-gutter: clamp(20px, 4vw, 48px);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
.webmf-container {
    width: min(calc(100% - (2 * var(--webmf-gutter))), var(--webmf-content-width));
    margin-inline: auto;
}
.screen-reader-text {
    position: absolute !important;
    width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}
.screen-reader-text:focus {
    width: auto; height: auto; clip: auto; margin: 8px; padding: 10px 14px;
    z-index: 100000; background: #fff; color: #000;
}
.site-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: 82px; gap: 30px; }
.site-branding img { display: block; max-height: 58px; width: auto; }
.site-navigation ul { display: flex; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; }
.site-navigation a { text-decoration: none; }
.nav-toggle { display: none; }
.site-footer__inner { display: flex; justify-content: space-between; gap: 24px; align-items: center; }
.footer-menu { display: flex; gap: 18px; list-style: none; margin: 0; padding: 0; }
@media (max-width: 900px) {
    .nav-toggle { display: inline-flex; }
    .site-navigation { display: none; position: absolute; left: 0; right: 0; top: 100%; padding: 20px var(--webmf-gutter); }
    .site-navigation.is-open { display: block; }
    .site-navigation ul { flex-direction: column; align-items: flex-start; }
    .site-footer__inner { flex-direction: column; align-items: flex-start; }
}