/* Shared navigation and brand details; the R2 stage composition remains intact. */
.header{background:#ffffff;gap:22px}.desktop-nav{gap:26px;font-size:14px}.desktop-nav a[aria-current]{color:#606068}.compare-link{font-size:13px}.site-footer{background:#ffffff;color:#606068;padding:64px var(--pad) 88px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;font-size:14px;line-height:1.9}.site-footer p{color:#606068}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px 28px}.site-footer small{flex-basis:100%;color:#606068}.site-footer a:hover{color:#606068}.no-script-nav{padding:110px 24px 20px;display:flex;flex-wrap:wrap;gap:20px;background:#ffffff;color:#606068}.pill{transform:none;filter:none}a,button{-webkit-tap-highlight-color:#00000040}#menu{overscroll-behavior:contain}h1,h2,h3,[id]{scroll-margin-top:110px}a:focus-visible,button:focus-visible{outline:3px solid #e5e5ea;outline-offset:4px}
@media(max-width:1050px){.desktop-nav{gap:16px;font-size:13px}.header{gap:16px}}
@media(max-width:900px){.desktop-nav{display:none}.header .menu-trigger:not([hidden]){display:flex}.header .compare-link{margin-left:auto}.header{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Review 1: flex buttons need explicit bar dimensions on small screens. */
.menu-trigger{flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-trigger span{width:18px;height:1px;flex-shrink:0;margin:0;background:#f5f5f7}