/* Readable top-level links and direct paths to the clinic's secondary pages. */
.header .nav{gap:22px}
#main-nav.site-nav{display:flex;align-items:center;gap:15px;margin-left:auto;font-size:14px;line-height:1.3}
#main-nav .site-nav-item{position:relative;min-width:0;flex:0 0 auto}
#main-nav .site-nav-head{display:flex;align-items:center;gap:2px;min-height:44px}
#main-nav .site-nav-link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:14px;font-weight:500;white-space:nowrap;text-decoration:none}
#main-nav .site-nav-link:after{bottom:4px}
#main-nav .site-nav-toggle{display:grid;place-items:center;width:24px;height:38px;min-width:24px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation}
#main-nav .site-nav-toggle svg{transition:transform .18s ease}
#main-nav .site-nav-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#main-nav .site-nav-toggle:hover,#main-nav .site-nav-toggle[aria-expanded=true]{background:var(--panel);color:var(--purple)}
#main-nav .site-nav-link[aria-current=page],#main-nav .site-nav-item[data-nav-current=true]>.site-nav-head>.site-nav-link{color:var(--purple)}
#main-nav .site-nav-panel{position:absolute;left:-22px;top:calc(100% + 7px);width:356px;max-width:calc(100vw - 48px);padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:0 18px 46px #0e2e2524;isolation:isolate;z-index:35;animation:site-nav-arrive .18s ease-out both}
#main-nav .site-nav-panel:before{content:'';position:absolute;left:0;right:0;top:-12px;height:13px;z-index:-1}
#main-nav .site-nav-panel[hidden]{display:none!important}
#main-nav .site-nav-panel{max-height:calc(100svh - 150px);overflow-y:auto;overscroll-behavior:contain}
#main-nav .site-nav-panel-services{width:610px}
#main-nav .site-nav-panel-doctors{width:415px}
#main-nav .site-nav-panel-patients{left:auto;right:-15px;width:370px}
#main-nav .site-nav-overview{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:44px;padding:9px 12px 15px;margin:0 0 8px;border-bottom:1px solid var(--line);color:var(--purple);font-size:14px;font-weight:600;line-height:1.45}
#main-nav .site-nav-overview>span:last-child{font-size:24px;font-weight:400}
#main-nav .site-nav-overview:after,#main-nav .site-nav-page:after{display:none}
#main-nav .site-nav-list{display:grid;grid-template-columns:1fr;gap:3px}
#main-nav .site-nav-panel-services .site-nav-list{grid-template-columns:1fr 1fr;column-gap:10px}
#main-nav .site-nav-page{display:flex;flex-direction:column;justify-content:center;min-height:44px;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:400;line-height:1.4;color:var(--ink);text-decoration:none;white-space:normal;overflow-wrap:anywhere;transition:background .15s,color .15s}
#main-nav .site-nav-page small{display:block;margin-top:4px;font-size:11px;line-height:1.5;color:var(--muted)}
#main-nav .site-nav-page:hover,#main-nav .site-nav-page[aria-current=page]{background:var(--panel);color:var(--purple)}
#main-nav a:focus-visible,#main-nav button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
:root[data-theme=akita] body:not(.readable) #main-nav .site-nav-panel{border:2px solid #16244b;box-shadow:5px 5px 0 #16244b;background:#fffaf0}
:root[data-theme=akita] body:not(.readable) #main-nav .site-nav-overview{border-bottom:1px dashed #7b91b3}
:root[data-theme=dark] #main-nav .site-nav-panel{box-shadow:0 18px 46px #0006}
@keyframes site-nav-arrive{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(min-width:1001px) and (max-width:1200px){.header .nav{gap:18px}#main-nav.site-nav{gap:12px}#main-nav .site-nav-link{font-size:13px}#main-nav .site-nav-toggle{width:24px;min-width:24px}.header .nav-actions{gap:16px}}
@media(max-width:1000px){
 .header .nav{height:78px;gap:20px}.header .nav-actions{margin-left:auto}.header .phone{display:none}.header .menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;padding:11px 0 11px 9px}.header .menu-toggle span{width:23px;height:1px;background:var(--ink)}
 #main-nav.site-nav{--site-nav-top:78px;display:none;position:absolute;left:0;right:0;top:var(--site-nav-top);margin:0;width:100%;max-height:var(--site-nav-available,calc(100svh - var(--site-nav-top) - 10px));overflow:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;gap:0;padding:15px 35px calc(78px + env(safe-area-inset-bottom));background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 16px 25px #13291c12}
 #main-nav.site-nav.open{display:flex}
 #main-nav .site-nav-item{width:100%;border-bottom:1px solid var(--line)}
 #main-nav .site-nav-head{justify-content:space-between;min-height:54px;gap:8px}
 #main-nav .site-nav-link{flex:1;min-height:54px;font-size:18px;font-weight:500;white-space:normal}
 #main-nav .site-nav-link:after{display:none}
 #main-nav .site-nav-toggle{width:44px;height:44px;min-width:44px;border:1px solid var(--line);border-radius:50%}
 #main-nav .site-nav-toggle svg{width:18px;height:18px}
 #main-nav .site-nav-panel{position:relative;left:auto;right:auto;top:auto;width:100%;max-width:none;max-height:none;overflow:visible;margin:0 0 16px;padding:10px;border-radius:17px;background:var(--surface);box-shadow:none;animation:site-nav-arrive .16s ease-out both}
 #main-nav .site-nav-panel:before{display:none}
 #main-nav .site-nav-overview{padding:9px 9px 12px;font-size:14px}
 #main-nav .site-nav-page{font-size:15px;padding:11px 10px;min-height:46px}
 #main-nav .site-nav-page small{font-size:12px}
 :root[data-theme=akita] body:not(.readable) #main-nav .site-nav-panel{box-shadow:3px 3px 0 #16244b}
}
@media(max-width:600px){
 .header .nav{height:71px;gap:10px}.header .menu-toggle{padding-left:4px}.header .menu-toggle span{width:21px}
 #main-nav.site-nav{--site-nav-top:71px;padding:12px 21px calc(83px + env(safe-area-inset-bottom))}
 #main-nav .site-nav-panel-services .site-nav-list{grid-template-columns:1fr}
 #main-nav .site-nav-link{font-size:18px}
}
body.readable #main-nav .site-nav-link,body.readable #main-nav .site-nav-page,body.readable #main-nav .site-nav-overview{font-size:18px}
body.readable #main-nav .site-nav-panel{background:#fff;color:#111;border:2px solid #111;box-shadow:none}
@media(prefers-reduced-motion:reduce){#main-nav .site-nav-panel,#main-nav .site-nav-toggle svg{animation:none!important;transition:none!important}}
:root[data-motion=off] #main-nav .site-nav-panel{animation:none}
:root[data-motion=off] #main-nav .site-nav-toggle svg{transition:none}
