html{scroll-padding-top:84px}
nav.common-nav{position:sticky;top:0;z-index:50;min-height:64px;height:auto;padding-top:10px;padding-bottom:10px;gap:24px}
.common-nav .links{display:flex;align-items:center;gap:30px;flex-shrink:0}
.common-nav .links>a{display:inline-flex;align-items:center;justify-content:center;font-size:15px;white-space:nowrap;min-height:38px;color:#4d6375;transition:color 0.4s}
.common-nav .links>a:hover{color:#19232e}
@media(max-width:800px){html{scroll-padding-top:112px}nav.common-nav{min-height:94px;flex-direction:column;justify-content:center;gap:4px;padding-top:8px;padding-bottom:6px}.common-nav .links{width:100%;justify-content:center;gap:24px}.common-nav .links>a:not(.pill):not(.product-nav){display:inline-flex}.common-nav .links>a{font-size:14px;min-height:36px}}
@media(max-width:380px){.common-nav .links{gap:16px}.common-nav .links>a{font-size:12.5px}}

.common-nav .pihys-wordmark{width:125px}@media(max-width:800px){.common-nav .pihys-wordmark{width:108px}}

/* Shared frosted glass navigation. */
nav.common-nav{background:linear-gradient(115deg,rgba(255,255,255,.58),rgba(233,244,252,.26));backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.55),0 1px 0 rgba(123,146,165,.12),0 8px 28px rgba(32,58,79,.06)}
body.scrolled nav.common-nav{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.55),0 1px 0 rgba(123,146,165,.16),0 10px 32px rgba(32,58,79,.1)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){nav.common-nav{background:rgba(250,252,254,.96)}}

/* Compact footer, aligned with the shared menu branding. */
footer{padding-top:18px;padding-bottom:18px;gap:18px;font-size:10px}footer .pihys-wordmark{width:125px}footer .footlinks{gap:20px;align-items:center}
@media(max-width:800px){footer{padding-top:16px;padding-bottom:16px;gap:14px}footer .pihys-wordmark{width:108px}footer .footlinks{gap:16px;flex-wrap:wrap}}

.common-nav .links>a.nav-login{background:#19232e;color:#fff;border:1px solid #19232e;border-radius:9px;padding:0 17px;gap:9px;font-weight:600;box-shadow:0 3px 9px #19232e12}.common-nav .links>a.nav-login:hover{background:#304959;color:#fff;border-color:#304959}@media(max-width:800px){.common-nav .links{gap:18px}.common-nav .links>a.nav-login{padding:0 13px}}@media(max-width:380px){.common-nav .links{gap:12px}.common-nav .links>a.nav-login{padding:0 10px}}