body>header.clinic-header{width:100%;max-width:none;margin:0;padding:18px 7%;box-sizing:border-box}
header nav.clinic-nav{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;overflow:visible}
header .nav-group{position:relative;border:0;padding:0;margin:0;background:none;flex:none}
header .nav-group summary{list-style:none;cursor:pointer;white-space:nowrap;color:#193f56;font:inherit;padding:12px 0}
header .nav-group summary::-webkit-details-marker{display:none}
header .nav-group summary::after{content:'⌄';font-size:12px;margin-left:6px;color:#368bb6}
header .nav-dropdown{position:absolute;left:-18px;top:100%;z-index:100;width:max-content;min-width:175px;padding:8px;background:white;border:1px solid #d4e8f2;border-radius:12px;box-shadow:0 10px 26px #17475e20}
header .nav-dropdown a{display:block;padding:10px 14px;white-space:nowrap;border-radius:7px;text-decoration:none!important;color:#193f56}
header .nav-dropdown a:hover,header .nav-dropdown a:focus-visible{background:#edf8ff;color:#087db9}
header .nav-group summary:focus-visible{outline:3px solid #f7ba48;outline-offset:3px}
.doctor-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px}
.doctor-hero-copy{min-width:0;position:relative;z-index:1}
.doctor-naoshi{flex:none;width:210px;height:210px;background:url('/simulator/assets/mascot.png') no-repeat center;background-size:contain;margin:0 5% 0 0;filter:drop-shadow(0 10px 12px #097eaf18)}
@media(max-width:900px){body>header.clinic-header{padding:14px 5%;flex-wrap:wrap}header nav.clinic-nav{gap:12px;order:3;width:100%}}
@media(max-width:650px){header nav.clinic-nav{gap:4px 18px;font-size:13px}header .nav-group summary{padding:9px 0}.doctor-hero{gap:12px}.doctor-naoshi{width:100px;height:100px;margin:0}.doctor-hero-copy h1{font-size:25px}.nav-group:nth-child(4) .nav-dropdown{left:auto;right:0}}
@media print{header nav.clinic-nav{display:none}}


/* Shared full-width header, including the raw homepage and blog layout. */
body>header{width:100%;max-width:none;margin:0;box-sizing:border-box;background:#fff;position:relative;z-index:50}
header nav.clinic-nav>a{white-space:nowrap;flex:none}
@media(max-width:650px){
 body>header,body>header.clinic-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:12px 16px;height:auto;min-height:0}
 body>header>a{min-width:0}
 body>header>a img{display:block;width:min(180px,46vw);height:60px;max-width:100%;object-fit:contain}
 body>header>.header-contact{min-width:0;margin:0;text-align:right}
 body>header .phone{font-size:13px;white-space:nowrap;margin:0}
 body>header .email-contact{font-size:9px;white-space:nowrap}
 body>header nav.clinic-nav{grid-column:1/-1;order:initial;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 6px;width:100%;font-size:13px;justify-items:stretch}
 header .nav-group summary,header nav.clinic-nav>a{display:block;text-align:center;padding:10px 0;line-height:22px;white-space:nowrap}
 header .nav-dropdown{left:0;min-width:170px;max-width:calc(100vw - 32px)}
 header .nav-group:nth-child(3) .nav-dropdown{left:auto;right:0}
 header .nav-group:nth-child(4) .nav-dropdown{left:0;right:auto}
 .doctor-hero{flex-wrap:wrap}.doctor-hero-copy{flex:1 1 200px}.doctor-naoshi{margin-left:auto}
}
@media(max-width:650px){
 body>header>a:first-child{grid-column:1!important;grid-row:1!important;width:auto!important;justify-self:start!important}
 body>header>a:first-child img{width:min(160px,44vw)!important;height:60px!important;max-width:100%!important}
 body>header>.header-contact{grid-column:2!important;grid-row:1!important;justify-self:end!important}
 body>header nav.clinic-nav{grid-row:2!important}
 .doctor-hero-copy h1{font-size:24px;line-height:1.5}
}

/* Keep all six top-level destinations on one phone row. */
@media(max-width:650px){
 body>header nav.clinic-nav{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;font-size:11px}
 header nav.clinic-nav>.nav-group,header nav.clinic-nav>a{flex:0 0 auto;min-width:0}
 header .nav-group summary,header nav.clinic-nav>a{padding:12px 2px;line-height:22px;min-height:46px}
 header .nav-group summary::after{font-size:9px;margin-left:2px}
 header .nav-group:nth-child(3) .nav-dropdown{left:50%;right:auto;transform:translateX(-50%)}
 header .nav-group:nth-child(4) .nav-dropdown{left:auto;right:0}
}
@media(max-width:350px){body>header nav.clinic-nav{font-size:10px}header .nav-group summary,header nav.clinic-nav>a{padding-left:0;padding-right:0}header .nav-group summary::after{font-size:8px;margin-left:1px}}