/* Viewport menu shared by every route, independent of header scroll effects. */
.header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
.header.menu-active,.header.scrolled.menu-active{height:100vh;height:100dvh;inset:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;filter:none;overflow:visible}
.header .nav,.header .nav.open{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;max-height:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(40px,env(safe-area-inset-bottom));box-sizing:border-box}
.header .nav.open{pointer-events:auto}
.header.menu-active>.menu{z-index:45;position:fixed}
.header.menu-active .menu span{background:#292929}
.header .nav .menu-columns{min-width:0}
.header .nav .menu-legal{margin-top:24px;padding-top:18px;border-top:1px solid #bbb;text-align:right;color:#444;font:400 .875rem/1.6 Arial,sans-serif}
.header .nav .menu-legal a{display:inline-grid;padding:6px 0;min-height:32px;color:inherit}
.header .nav .menu-legal a:hover{color:#888}
@media(max-width:800px){.header .nav .menu-columns{grid-template-columns:minmax(0,1fr)}.header .nav .menu-legal{text-align:left;margin-top:20px}}
@media(max-width:420px){.header .nav .menu-heading{flex-wrap:wrap;gap:18px}.header .nav .nav-bottom{align-items:flex-start;gap:20px}}

/* Keep the policy beside the language control. */
.header .nav .menu-bottom-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.header .nav .menu-bottom-links .menu-legal{margin:0;padding:0;border:0;text-align:left}
@media(max-width:800px){.header .nav .menu-bottom-links{gap:18px}}