/* Full navigation below the brand, without an appointment item. */
html{scroll-padding-top:150px}
body .site-header,body[data-variant=grafit] .site-header{height:auto;min-height:0}
body .site-header .header-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;gap:12px;height:auto;min-height:0;padding-top:18px;padding-bottom:10px}
body .site-header .brand{flex:0 0 auto}
body .site-header .hamburger{display:none}
body .site-header #mainNav,body[data-variant=grafit] .site-header #mainNav,
body .site-header #mainNav.open,body[data-variant=grafit] .site-header #mainNav.open{display:flex;position:static;flex:none;width:100%;min-width:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 24px;padding:6px 0 0;border-top:1px solid #ffffff24;background:transparent;box-shadow:none;max-height:none;overflow:visible}
body .site-header #mainNav a{display:block;font-size:16px!important;font-weight:700;line-height:1.4;padding:10px 0;color:#b0e8dc;white-space:nowrap}
body .site-header #mainNav a:hover,body .site-header #mainNav a:focus-visible{color:#ffffff}
body>header:not(.site-header) nav{flex-wrap:wrap;gap:12px 20px}
body>header:not(.site-header) nav a,body>.topbar>a:not(.brand){font-size:16px;line-height:1.5}
.calculator-picker{margin:24px 0 30px;padding:22px 26px;border:1px solid #cad4df;border-radius:12px;background:#eef2f6;color:#233649}
.calculator-picker h2{font-size:23px;margin:0 0 8px;line-height:1.3}.calculator-picker p{margin:0 0 14px;line-height:1.6}
.calculator-picker a{display:inline-flex;align-items:center;padding:12px 18px;background:#2d455d;color:#ffffff;border-radius:6px;font-size:16px;font-weight:700;text-decoration:none}
@media(max-width:1100px){body .site-header #mainNav,body[data-variant=grafit] .site-header #mainNav{gap:0 20px}}
@media(max-width:750px){
html{scroll-padding-top:24px}
body .site-header,body[data-variant=grafit] .site-header{position:relative;top:auto}
body .site-header .header-inner{gap:12px;padding-top:18px;padding-bottom:14px}
body .site-header #mainNav,body[data-variant=grafit] .site-header #mainNav{gap:0 20px}
body .site-header #mainNav a{font-size:18px!important;padding:10px 0;line-height:1.4}
}
@media(max-width:600px){body>header:not(.site-header) nav a{font-size:17px}.calculator-picker{padding:20px}.calculator-picker a{width:100%;justify-content:center}}

/* Desktop navigation shares the hero container's full width. */
@media(min-width:1101px){
body .site-header #mainNav,body[data-variant=grafit] .site-header #mainNav{justify-content:space-between;flex-wrap:nowrap;column-gap:12px}
body .site-header #mainNav a{font-size:18px!important}
}