/* Keep the original page layout and sections. Only interaction/accessibility overrides. */
:root{--primary:#0057d8;--primary-hover:#0044aa;--text-light:#526378}
html{scroll-padding-top:96px}main:focus{outline:none}[id]{scroll-margin-top:96px}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid #123e77;outline-offset:4px;border-radius:4px}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;transform:translateY(-160%);padding:12px 20px;background:#fff;color:#123e77;border:2px solid #123e77;border-radius:8px}
.skip-link:focus{transform:none}.header-inner{gap:16px}.header-actions{display:flex;align-items:center;gap:10px}.logo{flex-shrink:0}
.menu-toggle{display:none;min-width:44px;min-height:44px;padding:10px;border:1px solid #a3b2c6;border-radius:8px;background:#fff;color:#182b44;font:inherit;font-weight:600;cursor:pointer;gap:6px;align-items:center;justify-content:center}
.menu-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.nav-links a{display:inline-flex;min-height:44px;align-items:center}.pagination{flex-wrap:wrap}.pagination [aria-disabled=true]{color:#526378;background:#f5f8ff;cursor:default}
.footer-brand .logo{display:inline-flex;background:#fff;border-radius:8px;padding:8px 12px;margin-bottom:20px}.footer-brand .logo img{margin-bottom:0!important}
.footer a:focus-visible{outline-color:#b8d7ff}.hero-actions{flex-wrap:wrap}
@media(max-width:768px){
 .header-inner{height:auto;min-height:72px;flex-wrap:wrap;gap:10px}.header-actions{margin-left:auto}.logo img{height:32px}.header-actions>.btn{padding-inline:14px;font-size:14px}
 .nav-links{display:flex;flex-direction:column;flex-basis:100%;order:3;padding:8px 0 16px;width:100%;gap:0;border-top:1px solid #dce4ef}
 .nav-links ul{display:flex!important;flex-direction:column;gap:0!important}.nav-links a{padding:8px 14px;min-height:44px}
 .js .menu-toggle{display:inline-flex}.js .nav-links{display:none}.js .nav-links.is-open{display:flex;max-height:calc(100dvh - 100px);overflow-y:auto}
}
@media(max-width:360px){.container{width:calc(100% - 32px)}.header-inner{gap:6px}.header-actions{gap:6px}.logo img{height:28px}.header-actions>.btn{padding-inline:10px}.menu-toggle{padding:8px;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover,.price-card:hover,.price-card.featured,.price-card.featured:hover,.blog-card:hover,.blog-card:hover .blog-cover img{transform:none!important}}