/* Una soglia compatta, disponibile lungo tutto il percorso. */
html{scroll-padding-top:112px}
.site-header.wrap{position:sticky;top:0;z-index:40;width:100%;margin:0;padding:13px max(28px,calc((100% - 1320px)/2));background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 5px 20px #160e1608}
.site-header .wordmark .brand-logo{width:162px;height:auto}
.site-header nav{gap:28px}
.site-header nav a{min-height:44px;display:flex;align-items:center}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:10px;padding:0 5px;min-width:70px;color:var(--ink)}
.menu-glyph{position:relative;width:17px;height:12px;display:block;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.menu-glyph::after{content:'';position:absolute;top:5px;left:0;width:11px;border-top:1px solid currentColor}
.menu-toggle[aria-expanded=true] .menu-glyph{border-bottom:0;transform:translateY(5px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-glyph::after{top:-1px;width:17px;transform:rotate(90deg)}
@media(max-width:800px){
 html{scroll-padding-top:92px}
 .site-header.wrap{padding:10px 20px;gap:16px}
 .site-header .wordmark .brand-logo{width:144px}
 .menu-toggle{display:flex}
 .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 78px);overflow-y:auto;padding:17px 24px 25px;background:var(--paper);border-block:1px solid var(--line);flex-direction:column;align-items:stretch;gap:4px;box-shadow:0 18px 28px #160e161a}
 .site-header nav.open{display:flex}
 .site-header nav a{font-size:14px;padding:12px 0;min-height:48px}
 .site-header .nav-cta{margin-top:10px;min-height:48px}
}