/* Shared across every patient-facing page. */
html{scroll-padding-top:175px}
#clinic-header,#clinic-header *{box-sizing:border-box}
#clinic-header{position:sticky;top:0;z-index:1000;display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0;padding:18px 32px 12px;background:#032982;color:#fff;border:0;font-family:"Yu Gothic",Meiryo,sans-serif;line-height:1.5}
#clinic-header .site-brand{display:flex;align-items:center;gap:20px;width:fit-content;max-width:100%;color:#fff;text-decoration:none;font-size:14px;font-weight:700}
#clinic-header .site-brand img{display:block;width:200px!important;height:auto!important;max-width:100%!important;max-height:90px;object-fit:contain;object-position:left center;transform:none!important;margin:0;border:0;border-radius:0}
#clinic-header .site-brand span{white-space:nowrap}
#clinic-header .site-nav{position:relative;display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;width:100%;margin:0;padding:0;background:transparent;border:0;font-size:13px;font-weight:700}
#clinic-header .site-nav>a,#clinic-header summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 6px;color:#fff!important;line-height:1.5;text-decoration:none!important;cursor:pointer;white-space:nowrap;border-radius:4px}
#clinic-header summary{list-style:none;gap:8px}
#clinic-header summary::-webkit-details-marker{display:none}
#clinic-header summary:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s}
#clinic-header details[open]>summary:after{transform:rotate(225deg)}
#clinic-header .site-nav>a:hover,#clinic-header summary:hover,#clinic-header details[open]>summary{background:#ffffff20}
#clinic-header .site-nav>a.nav-reserve{padding-left:18px!important;padding-right:18px!important;background:#eaf7ff;color:#032982!important}
#clinic-header .nav-dropdown{position:relative;margin:0}
#clinic-header .nav-panel{position:absolute;top:calc(100% + 6px);left:0;display:grid;width:320px;max-height:65vh;overflow-y:auto;padding:8px;background:#fff;border:1px solid #c3d9eb;border-top:4px solid #27b6e8;box-shadow:0 14px 35px #03298226;border-radius:0 0 8px 8px;color:#17304f}
#clinic-header .nav-panel a{display:flex;flex-direction:column;gap:3px;min-height:44px;padding:10px 12px;color:#17304f!important;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none!important;border-bottom:1px solid #e7f0f5;white-space:normal}
#clinic-header .nav-panel a:last-child{border-bottom:0}
#clinic-header .nav-panel a:hover,#clinic-header .nav-panel a:focus-visible{background:#eaf7ff}
#clinic-header .nav-panel small{font-size:11px;color:#587086}
#clinic-header .nav-panel .nav-all{color:#032982!important;font-weight:700}
#clinic-header a:focus-visible,#clinic-header summary:focus-visible{outline:3px solid #27b6e8;outline-offset:2px}
#clinic-header .site-nav [aria-current="page"]{box-shadow:inset 0 -3px #27b6e8}
#examinations,#treatments{scroll-margin-top:180px}
.care-section-label{display:block;margin:28px 0 12px;color:#032982;font-size:14px;font-weight:700;letter-spacing:.08em}
#doctor-home{min-width:0}
#doctor-home .doctor-intro{display:flex;gap:20px;align-items:center;margin:0 0 22px}
#doctor-home .doctor-intro img{width:120px;height:120px;object-fit:contain;border-radius:8px;flex-shrink:0;background:#fff}
#doctor-home .doctor-intro p{margin:0}
#doctor-home .doctor-name{display:block;font-size:25px;color:#032982;font-weight:700;margin-bottom:6px}
#doctor-home .doctor-credentials{font-size:13px;line-height:1.8}
#doctor-home .doctor-youtube{display:block;position:relative;overflow:hidden;margin-top:24px;border:1px solid #c3d9eb;border-radius:8px;background:white;color:#17304f;text-decoration:none}
#doctor-home .doctor-youtube img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b1531}
#doctor-home .youtube-copy{display:block;padding:16px 18px}
#doctor-home .youtube-label{display:inline-flex;align-items:center;gap:8px;color:#bc2026;font-size:13px;font-weight:700;margin-bottom:8px}
#doctor-home .youtube-play{display:inline-flex;align-items:center;justify-content:center;width:29px;height:21px;border-radius:5px;background:#c92222;color:white;font-size:12px}
#doctor-home .youtube-title{display:block;font-size:18px;font-weight:700;color:#032982}
#doctor-home .youtube-description{display:block;font-size:13px;margin-top:6px}
#doctor-home .doctor-youtube:hover{box-shadow:0 5px 20px #03298220}
/* Keep both participants visible and frame the testing patient's face. */
#flow .flow-card:nth-child(2),#flow .flow-card:nth-child(4){justify-content:flex-end;padding-top:164px}
#flow .flow-card:nth-child(2) .flow-photo,#flow .flow-card:nth-child(4) .flow-photo{height:155px;object-fit:contain;object-position:center 20%}
#flow .flow-card:nth-child(2):before,#flow .flow-card:nth-child(4):before{background:linear-gradient(180deg,transparent 110px,rgba(255,255,255,.9) 154px,#fff 185px)}
#flow .flow-card:nth-child(2) .eyebrow,#flow .flow-card:nth-child(4) .eyebrow{position:absolute;top:12px;left:12px;margin:0;padding:3px 7px;background:#ffffffed;border-radius:3px}
#flow .flow-card:nth-child(3) .flow-photo{object-position:78% 18%}
#flow .flow-card:nth-child(3):before{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.88) 60%)}
#flow .flow-card:nth-child(3){justify-content:flex-end}
#flow .flow-card:nth-child(3) .eyebrow{position:absolute;top:12px;left:12px;padding:3px 7px;background:#ffffffed;border-radius:3px}
@media(max-width:900px){
 #clinic-header{padding:14px 20px 10px;gap:8px}
 #clinic-header .site-nav{gap:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 #clinic-header .nav-dropdown{position:static}
 #clinic-header .nav-panel{top:calc(100% + 4px);left:0;width:100%;max-height:60vh}
 #clinic-header .site-nav>a,#clinic-header summary{padding:8px 3px;font-size:12px}
 html{scroll-padding-top:205px}
}
@media(max-width:760px){
 #clinic-header .site-brand{gap:10px;flex-wrap:wrap}
 #clinic-header .site-brand img{width:160px!important;max-height:65px}
 #clinic-header .site-brand span{font-size:11px}
 #clinic-header{padding:10px 12px 8px;gap:6px}
 #clinic-header .site-nav>a,#clinic-header summary{font-size:11px;min-height:42px;gap:5px}
 #clinic-header .site-nav>a.nav-reserve{padding:8px 3px!important}
 #clinic-header .nav-panel a{font-size:14px;padding:10px 12px}
 #doctor-home .doctor-intro{gap:16px}
 #doctor-home .doctor-intro img{width:96px;height:96px}
 #doctor-home .doctor-name{font-size:23px}
 #flow .flow-card:nth-child(2),#flow .flow-card:nth-child(3),#flow .flow-card:nth-child(4){justify-content:flex-start;padding:10px 7px}
 #flow .flow-card:nth-child(2) .flow-photo,#flow .flow-card:nth-child(4) .flow-photo{height:86px;object-fit:cover;object-position:center 30%}
 #flow .flow-card:nth-child(2) .flow-photo{object-fit:contain;background:#edf6fc}
 #flow .flow-card:nth-child(3) .flow-photo{object-fit:cover;object-position:81% 20%}
 #flow .flow-card:nth-child(2) .eyebrow,#flow .flow-card:nth-child(3) .eyebrow,#flow .flow-card:nth-child(4) .eyebrow{position:static;padding:0;background:none;margin:0 0 8px}
}
@media(prefers-reduced-motion:reduce){#clinic-header summary:after{transition:none}}

@media(max-width:760px){#flow .flow-card:nth-child(4) .flow-photo{object-fit:contain;background:#edf6fc}}

/* Shared compact, initially collapsed page contents. */
html{scroll-behavior:smooth;scroll-padding-top:var(--clinic-scroll-offset,175px)}
.zzz-clinic details.page-toc{box-sizing:border-box;width:100%;max-width:760px!important;margin:24px auto 32px!important;padding:0!important;border:1px solid #cee2ee;border-left:3px solid #27b6e8;border-radius:8px;background:#f5faff;color:#17304f;overflow:hidden}
.zzz-clinic .page-toc>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 18px;cursor:pointer;list-style:none;color:#032982;font-size:15px;font-weight:700;line-height:1.6;transition:background .2s}
.zzz-clinic .page-toc>summary::-webkit-details-marker{display:none}
.zzz-clinic .page-toc>summary:hover{background:#e7f4fc}
.zzz-clinic .page-toc>summary:focus-visible{outline:3px solid #27b6e8;outline-offset:-3px}
.zzz-clinic .toc-action{margin-left:auto;font-size:12px;font-weight:400;white-space:nowrap;color:#496781}
.zzz-clinic .toc-close{display:none}
.zzz-clinic .page-toc[open] .toc-open{display:none}
.zzz-clinic .page-toc[open] .toc-close{display:inline}
.zzz-clinic .page-toc>summary:after{content:'';width:7px;height:7px;border-right:2px solid #287c9f;border-bottom:2px solid #287c9f;transform:rotate(45deg);transition:transform .22s;margin:0 3px 4px}
.zzz-clinic .page-toc[open]>summary:after{transform:rotate(225deg);margin-bottom:-3px}
.zzz-clinic .page-toc .toc-links{border-top:1px solid #dceaf3;padding:8px 18px 14px}
.zzz-clinic .page-toc ul{list-style:none;padding:0;margin:0}
.zzz-clinic .page-toc li{padding:0;margin:0;font-size:14px;line-height:1.65}
.zzz-clinic .page-toc li+li{border-top:1px solid #e1edf4}
.zzz-clinic .page-toc a{display:block;padding:9px 4px;color:#234768;text-decoration:none;font-size:14px;line-height:1.65;transition:color .2s,background .2s,padding .2s}
.zzz-clinic .page-toc a:hover{color:#032982;background:#eaf5fc;padding-left:9px}
.zzz-clinic .page-toc a:focus-visible{outline:2px solid #27b6e8;outline-offset:1px}
@media(max-width:600px){.zzz-clinic details.page-toc{margin:18px auto 26px!important}.zzz-clinic .page-toc>summary{padding:11px 14px}.zzz-clinic .page-toc .toc-links{padding:5px 14px 10px}.zzz-clinic .page-toc a{padding-top:11px;padding-bottom:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.zzz-clinic .page-toc *{transition:none!important}}


/* Compact one-line navigation and full-card visit photographs. */
#clinic-header{flex-direction:row;align-items:center;gap:20px;padding:10px 24px}
#clinic-header .site-brand{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:3px;max-width:185px}
#clinic-header .site-brand img{width:168px!important;max-height:48px}
#clinic-header .site-brand span{font-size:10px;line-height:1.2}
#clinic-header .site-nav{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;gap:4px;justify-content:space-between;min-width:0;width:auto;overflow:visible}
#clinic-header .site-nav>a,#clinic-header summary{font-size:12px;min-height:42px;padding:8px 5px;gap:5px}
#clinic-header .site-nav>a.nav-reserve{padding:8px 10px!important}
#clinic-header .nav-dropdown{position:static;flex:0 0 auto}
#clinic-header .nav-panel{position:absolute;top:calc(100% + 9px);left:auto;right:0;width:340px;max-width:calc(100vw - 32px);max-height:70vh}
#examinations,#treatments{scroll-margin-top:20px}
#flow .four .flow-card{position:relative;isolation:isolate;justify-content:flex-end;align-items:flex-start;min-height:310px;padding:22px 16px;background:#fff;overflow:hidden}
#flow .four .flow-card .flow-photo{position:absolute;inset:0;z-index:-2;order:initial;width:100%;height:100%;max-width:100%;margin:0;object-fit:cover;object-position:center;background:#eef6fb}
#flow .four .flow-card:before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.38) 30%,rgba(255,255,255,.86) 64%,rgba(255,255,255,.93) 100%)}
#flow .four .flow-card[aria-pressed="true"]:before{background:linear-gradient(180deg,rgba(234,247,255,.15),rgba(234,247,255,.89) 65%,rgba(234,247,255,.96))}
#flow .four .flow-card .eyebrow{position:absolute;top:12px;left:12px;order:initial;margin:0;padding:3px 7px;line-height:1.4;background:#fffffff0;border-radius:3px}
#flow .four .flow-card .flow-title{position:relative;order:initial;font-size:18px;line-height:1.65;margin:0 0 10px}
#flow .four .flow-card .flow-description{position:relative;order:initial;font-size:15px;line-height:1.85;margin:0}
#flow .four .flow-card:nth-child(1) .flow-photo{object-position:55% center}
#flow .four .flow-card:nth-child(2) .flow-photo{object-position:24% center}
#flow .four .flow-card:nth-child(3) .flow-photo{object-position:78% 18%}
#flow .four .flow-card:nth-child(4) .flow-photo{object-position:48% center}
@media(min-width:761px) and (max-width:1100px){
 #clinic-header{gap:12px;padding:8px 16px}
 #clinic-header .site-brand img{width:135px!important}
 #clinic-header .site-brand span{font-size:9px}
 #clinic-header .site-nav>a,#clinic-header summary{font-size:11px;padding:8px 3px}
}
@media(max-width:760px){
 #clinic-header{flex-direction:column;align-items:stretch;gap:4px;padding:7px 12px 3px}
 #clinic-header .site-brand{flex-direction:row;align-items:center;gap:12px;max-width:100%}
 #clinic-header .site-brand img{width:125px!important;max-height:34px}
 #clinic-header .site-brand span{font-size:10px}
 #clinic-header .site-nav{display:flex;flex:0 0 auto;width:100%;justify-content:flex-start;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#75a8dc #032982;padding-bottom:2px}
 #clinic-header .site-nav>a,#clinic-header .nav-dropdown{flex:0 0 auto}
 #clinic-header .site-nav>a,#clinic-header summary{font-size:12px;min-height:42px;padding:8px 5px}
 #clinic-header .nav-panel{position:fixed;top:calc(var(--clinic-scroll-offset,115px) - 20px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--clinic-scroll-offset,115px) - 16px)}
 #flow .four .flow-card{min-height:305px;padding:38px 7px 12px}
 #flow .four .flow-card .eyebrow{top:9px;left:6px;padding:1px 5px;font-size:16px}
 #flow .four .flow-card .flow-title{font-size:13px;line-height:1.6;margin-bottom:8px}
 #flow .four .flow-card .flow-description{font-size:12px;line-height:1.7}
 #flow .four .flow-card .flow-photo{height:100%;width:100%;margin:0}
 #flow .four .flow-card:before{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.48) 25%,rgba(255,255,255,.87) 48%,rgba(255,255,255,.94) 100%)}
}

/* Anchor dropdowns to the menu item that opened them. */
#clinic-header .site-nav .nav-panel{position:fixed;inset:auto;left:var(--dropdown-left,12px);top:var(--dropdown-top,70px);right:auto;width:var(--dropdown-width,320px);max-width:calc(100vw - 24px);max-height:var(--dropdown-max-height,70vh);z-index:1001}

/* Integrated neon brand and spacious, always-visible navigation. */
#clinic-header{gap:24px;padding:10px 24px}
#clinic-header .site-brand{display:flex;flex:0 0 252px;width:252px;max-width:252px;align-items:center;justify-content:center;padding:0;border-radius:6px;transition:background .15s}
#clinic-header .site-brand img{width:252px!important;max-height:none;height:auto!important;object-fit:contain}
#clinic-header .site-brand:hover{background:#ffffff0a}
#clinic-header .site-brand:focus-visible{outline:3px solid #72eaff;outline-offset:4px}
#clinic-header .site-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(100px,1.1fr);gap:6px;align-items:stretch;overflow:visible;flex:1 1 auto;margin:0;padding:0}
#clinic-header .site-nav>a,#clinic-header summary{min-height:48px;padding:10px 8px;font-size:13px;border:1px solid #ffffff18;border-radius:6px}
#clinic-header .site-nav .nav-dropdown{min-width:0}
#clinic-header .site-nav>a:hover,#clinic-header summary:hover,#clinic-header details[open]>summary{background:#ffffff20;border-color:#76d9f2}
#clinic-header .site-nav>a.nav-reserve{background:#dbf6ff;padding:10px 12px!important}
@media(min-width:761px) and (max-width:1100px){
 #clinic-header{padding:8px 16px;gap:16px}
 #clinic-header .site-brand{flex-basis:220px;width:220px;max-width:220px}
 #clinic-header .site-brand img{width:220px!important}
 #clinic-header .site-nav{gap:4px;grid-template-columns:repeat(5,minmax(0,1fr)) minmax(86px,1.05fr)}
 #clinic-header .site-nav>a,#clinic-header summary{font-size:11px;padding:8px 4px;gap:4px}
}
@media(max-width:760px){
 #clinic-header{padding:7px 12px 9px;gap:6px;align-items:stretch}
 #clinic-header .site-brand{flex:0 0 auto;width:225px;max-width:100%;align-self:center}
 #clinic-header .site-brand img{width:225px!important;max-height:none}
 #clinic-header .site-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;flex:0 0 auto;width:100%}
 #clinic-header .site-nav>a,#clinic-header summary{font-size:12px;min-height:44px;padding:8px 5px}
 #clinic-header .site-nav>a.nav-reserve{padding:8px 5px!important}
}
@media(prefers-reduced-motion:reduce){#clinic-header .site-brand{transition:none}}

/* Shared footer navigation: clear destinations, generous touch targets. */
.clinic-bottom-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:32px 0 52px;padding:20px 0;border-top:1px solid #dce7ef}
.clinic-bottom-nav .clinic-nav-item{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;margin:0;padding:20px 14px 18px;background:#f5faff;border:1px solid #d9e7f1;border-radius:10px;color:#17304f;text-decoration:none;line-height:1.5;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.clinic-nav-item svg{width:25px;height:25px;flex:none;color:#17628e}
.clinic-nav-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
.clinic-nav-label{font-size:14px;font-weight:700;letter-spacing:.02em}
.clinic-nav-description{font-size:11px;color:#567087}
.clinic-nav-arrow{position:absolute;top:20px;right:14px;font-size:17px;color:#5987a5}
.clinic-bottom-nav .clinic-nav-item[aria-current="page"]{background:#032982;border-color:#032982;color:#fff;box-shadow:0 4px 14px #03298216}
.clinic-nav-item[aria-current="page"] svg,.clinic-nav-item[aria-current="page"] .clinic-nav-arrow{color:#81ddff}
.clinic-nav-item[aria-current="page"] .clinic-nav-description{color:#d8eaff}
@media(hover:hover){.clinic-bottom-nav .clinic-nav-item:hover{background:#eaf7ff;border-color:#74b9dd;transform:translateY(-3px);box-shadow:0 5px 16px #17304f0d}.clinic-bottom-nav .clinic-nav-item[aria-current="page"]:hover{background:#0b3b94;border-color:#0b3b94}}
.clinic-bottom-nav .clinic-nav-item:focus-visible{outline:3px solid #27b6e8;outline-offset:3px}
@media(max-width:1000px){.clinic-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.clinic-bottom-nav .clinic-nav-item{flex-direction:row;align-items:center;gap:12px;padding:20px 30px 20px 16px}.clinic-nav-arrow{top:50%;right:12px;transform:translateY(-50%)}}
@media(max-width:600px){.clinic-bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 32px;padding-top:16px}.clinic-bottom-nav .clinic-nav-item{gap:9px;padding:16px 23px 16px 12px;min-height:88px;border-radius:8px}.clinic-nav-item svg{width:22px;height:22px}.clinic-nav-label{font-size:13px}.clinic-nav-description{font-size:10px}.clinic-nav-arrow{right:8px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.clinic-bottom-nav .clinic-nav-item{transition:none;transform:none!important}}

/* Quiet pictogram watermarks echo the footer navigation without adding text width. */
#clinic-header .site-nav>a,#clinic-header .nav-dropdown>summary{position:relative;isolation:isolate;min-height:56px;font-weight:600;overflow:hidden}
#clinic-header .site-nav>a::before,#clinic-header .nav-dropdown>summary::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:48px;height:48px;right:8px;top:50%;transform:translateY(-50%) rotate(-8deg);background: #81ddff;mask-image:var(--menu-pictogram);mask-size:contain;mask-repeat:no-repeat;mask-position:center;opacity:.20;transition:opacity .18s,transform .18s}
#clinic-header .site-nav>a.nav-reserve::before{background:#17628e;opacity:.13}
#clinic-header .nav-dropdown>summary::after{position:relative}
#clinic-header .site-nav>a:hover::before,#clinic-header .nav-dropdown>summary:hover::before,#clinic-header details[open]>summary::before{opacity:.30;transform:translateY(-50%) rotate(0deg)}
#clinic-header .site-nav>a.nav-reserve:hover::before{opacity:.19}
@media(max-width:1100px){#clinic-header .site-nav>a::before,#clinic-header .nav-dropdown>summary::before{width:44px;height:44px;right:3px}}
@media(max-width:760px){#clinic-header .site-nav>a,#clinic-header .nav-dropdown>summary{min-height:48px}#clinic-header .site-nav>a::before,#clinic-header .nav-dropdown>summary::before{width:42px;height:42px;right:8px}}
@media(prefers-reduced-motion:reduce){#clinic-header .site-nav>a::before,#clinic-header .nav-dropdown>summary::before{transition:none}}
#clinic-header .site-nav>a.nav-home{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10a1%201%200%200%201-1%201h-5v-7H9v7H4a1%201%200%200%201-1-1Z%22%2F%3E%3C%2Fsvg%3E")}
#clinic-header .nav-dropdown:nth-of-type(1)>summary{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2021V5h14v16M3%2021h18M9%209h6M12%206v6M9%2016h1m4%200h1M9%2019h1m4%200h1%22%2F%3E%3C%2Fsvg%3E")}
#clinic-header .nav-dropdown:nth-of-type(2)>summary{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%226%22%2F%3E%3Cpath%20d%3D%22m15%2015%206%206M7%2010h6m-3-3v6%22%2F%3E%3C%2Fsvg%3E")}
#clinic-header .nav-dropdown:nth-of-type(3)>summary{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5zM8%208h2l2-3%202%206%202-3h1M8%2015h8m-8%203h5%22%2F%3E%3C%2Fsvg%3E")}
#clinic-header .nav-dropdown:nth-of-type(4)>summary{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%203v5a5%205%200%200%200%2010%200V3M5%203h4m6%200h4M12%2013v3a5%205%200%200%200%2010%200v-3%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
#clinic-header .site-nav>a[href="clinic-access.html"]{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%206-8%2012-8%2012S4%2016%204%2010a8%208%200%200%201%2016%200Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
#clinic-header .site-nav>a.nav-reserve{--menu-pictogram:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%2214%22%20height%3D%2217%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%203h6v3H9zM9%2011h6m-6%204h4%22%2F%3E%3C%2Fsvg%3E")}

/* Mobile: preserve the 3 x 2 menu while giving more room to the page. */
@media(max-width:760px){
 #clinic-header{padding:4px 10px 5px;gap:3px}
 #clinic-header .site-brand{width:190px}
 #clinic-header .site-brand img{width:190px!important}
 #clinic-header .site-nav{gap:4px;grid-template-columns:repeat(3,minmax(0,1fr))}
 #clinic-header .site-nav>a,#clinic-header .nav-dropdown>summary{min-height:34px;height:34px;padding:3px 4px;font-size:12px;line-height:1.3}
 #clinic-header .site-nav>a.nav-reserve{padding:3px 4px!important}
 #clinic-header .site-nav>a::before,#clinic-header .nav-dropdown>summary::before{width:29px;height:29px;right:6px}
}
/* Home destination cards use the same line pictograms as the common navigation. */
.home-guide-card{align-self:start;padding:28px;border:1px solid #cbdfea;border-radius:14px;background:#fff}
.home-guide-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:13px;background:#e4f5fc;color:#17628e;flex-shrink:0}
.home-guide-icon svg{width:30px;height:30px}
.home-guide-kicker{margin:12px 0 6px!important;font-size:12px!important;font-weight:700;color:#4a728d;letter-spacing:.04em}
.home-guide-card h2,.home-columns h2,.home-reservation h2{margin:0 0 14px!important}
a.home-action{display:flex;align-items:center;gap:12px;padding:16px;margin-top:12px;background:#edf7fc;border:1px solid #c5ddea;border-radius:9px;text-decoration:none;color:#032982;font-size:14px;font-weight:700;line-height:1.6}
.home-action svg{width:24px;height:24px;flex:none}.home-action b{margin-left:auto}
.home-action:hover,.column-actions a:hover{background:#dceff9;border-color:#7eb6d3}
.home-section-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}.home-section-heading h2{margin-bottom:0!important}.home-section-heading .home-guide-kicker{margin-top:0!important}
.home-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.home-column-card{border:1px solid #cbdfea;background:white;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.column-picture{display:block;background:#edf5fa}.column-picture img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}
.column-body{padding:22px;display:flex;flex-direction:column;flex:1}.column-label{font-size:12px;color:#226e8c;font-weight:700}.column-body h3{font-size:20px;line-height:1.65;margin:10px 0}.column-body p{font-size:14px;line-height:1.9;margin:0 0 20px}.column-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.column-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid #c5ddea;border-radius:7px;color:#032982;background:#edf7fc;text-decoration:none;font-weight:700;font-size:13px}
.home-reservation{display:flex;align-items:flex-start;gap:22px;background:#eaf5fc;border:1px solid #cbdfea;border-radius:14px;padding:30px!important;margin-bottom:40px}.home-reservation>div{flex:1}.home-reservation .home-action{background:#032982;color:#fff;max-width:430px}.home-secondary{display:inline-block;margin-top:16px;font-size:14px;font-weight:700}.home-reservation .home-guide-kicker{margin-top:0!important}
.home-action:focus-visible,.column-actions a:focus-visible,.column-picture:focus-visible,.home-secondary:focus-visible{outline:3px solid #27b6e8;outline-offset:3px}
@media(max-width:600px){.home-guide-card{padding:22px 18px}.home-column-grid{grid-template-columns:1fr;gap:18px}.column-body{padding:18px}.column-body h3{font-size:19px}.home-reservation{padding:22px 18px!important;gap:14px}.home-reservation .home-guide-icon{width:40px;height:40px}.home-reservation .home-guide-icon svg{width:25px;height:25px}.home-action{font-size:13px!important}.home-guide-card h2,.home-columns h2,.home-reservation h2{font-size:22px}}

/* Clinic name pronunciation, aligned above the wordmark. */
#clinic-header .site-brand{position:relative;padding-top:12px}
#clinic-header .site-brand .brand-reading{position:absolute;top:0;left:18%;width:80%;text-align:center;font-size:10px;line-height:1.2;letter-spacing:.18em;font-weight:500;color:#d8f6ff}
.hero .hero-clinic-name{margin:0 0 18px;color:#032982;font-weight:700;line-height:1.7}
.hero .clinic-name-main{display:inline-block;font-size:clamp(18px,2.3vw,23px);white-space:nowrap}
.hero-clinic-name ruby{ruby-position:over;ruby-align:center}
.hero-clinic-name rt{font-size:10px;font-weight:500;letter-spacing:.15em}
.hero .clinic-name-location{display:block;font-size:13px;letter-spacing:.12em;margin-top:3px}
.hero .hero-care-copy{font-size:14px;line-height:1.9;max-width:36em}
@media(max-width:760px){.hero .hero-clinic-name{margin-bottom:14px}.hero .hero-care-copy{font-size:13px}.hero .hero-care-copy br:nth-of-type(2){display:none}}

#clinic-header .site-brand .brand-reading{display:grid;grid-template-columns:1.1fr 1fr;left:18%;width:78%;letter-spacing:.12em}
#clinic-header .site-brand .brand-reading span{font-size:10px;line-height:1.2}

/* Bold, squared readings aligned with the owl wordmark. */
#clinic-header .site-brand .brand-reading{left:26%;width:72%;grid-template-columns:1.1fr 1fr;color:#efffff;font-family:"Yu Gothic",Meiryo,sans-serif;font-weight:900;letter-spacing:.14em;text-shadow:1px 0 #b4f7ff,0 1px #60dce8,0 0 4px #30cbe8}
#clinic-header .site-brand .brand-reading span{font-size:10px;font-weight:900;line-height:1.2}
.hero-clinic-name rt{font-family:"Yu Gothic",Meiryo,sans-serif;font-weight:900;letter-spacing:.12em;text-shadow:.4px 0 currentColor}

/* A substantial kana wordmark instead of separated tiny readings. */
#clinic-header .site-brand{padding-top:17px}
#clinic-header .site-brand .brand-reading{display:block;top:0;left:26%;width:72%;font-family:"Arial Black","Yu Gothic",Meiryo,sans-serif;font-size:15px;font-weight:900;font-style:normal;line-height:1.1;letter-spacing:.08em;color:#f4ffff;-webkit-text-stroke:.45px currentColor;text-shadow:1px 1px 0 #45dbe9,0 0 5px #31cfe7}
@media(max-width:760px){#clinic-header .site-brand{padding-top:15px}#clinic-header .site-brand .brand-reading{font-size:13px;letter-spacing:.06em;-webkit-text-stroke:.35px currentColor}}

/* Flatten kana slightly and bring it closer to the neon wordmark. */
#clinic-header .site-brand{padding-top:8px}
#clinic-header .site-brand .brand-reading{top:4px;transform:scaleY(.78);transform-origin:center bottom}
@media(max-width:760px){#clinic-header .site-brand{padding-top:7px}#clinic-header .site-brand .brand-reading{top:3px}}

@font-face{font-family:KawasakiMadDog;src:url("clinic-assets/fonts/KawasakiMadDog.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
#clinic-header .site-brand{padding-top:13px}
#clinic-header .site-brand .brand-reading{font-family:KawasakiMadDog,Meiryo,sans-serif;font-weight:400;font-size:16px;top:1px;letter-spacing:.06em;line-height:1.1;transform:scaleY(.85);-webkit-text-stroke:0;text-shadow:0 1px #6de7ef,0 0 3px #31cfe7}
@media(max-width:760px){#clinic-header .site-brand{padding-top:11px}#clinic-header .site-brand .brand-reading{top:1px;font-size:14px}}

@font-face{font-family:FZGontaKana;src:url("clinic-assets/fonts/FZGontaKana.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
#clinic-header .site-brand .brand-reading{font-family:FZGontaKana,Meiryo,sans-serif}

/* Refine the kana fill and match the cyan wordmark edging. */
#clinic-header .site-brand .brand-reading{-webkit-text-stroke:.45px #54dce6;text-shadow:0 1px 0 #54dce6}


/* Keep the unified reading with a slightly deeper cyan shadow. */
#clinic-header .site-brand .brand-reading{text-shadow:0 1px 0 #22aebf}