@charset "UTF-8";
/* 2026 renewal: additions to the existing clinic theme. */
.renewal-search { background:#e7f3fa; padding:120px 0; }
.renewal-intro { line-height:2; }
.renewal-group-title { font-size:24px; font-weight:500; text-align:center; margin:50px 0 40px; scroll-margin-top:120px; }
.renewal-diseases { margin-top:110px; }
.renewal-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.renewal-card { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:112px; padding:4px 18px; background:#fff; border:2px solid #62b0e3; box-sizing:border-box; height:100%; isolation:isolate; }
/* Blend the white icon canvas into the card, including its hover background. */
.renewal-card img { display:block; width:100px; height:100px; flex:0 0 100px; object-fit:contain; mix-blend-mode:multiply; }
.renewal-card span { font-size:18px; font-weight:700; text-align:right; line-height:1.6; }
.renewal-card:hover { opacity:1; background:#f5fbff; box-shadow:0 3px 12px #62b0e326; }
.renewal-card:focus-visible,.renewal-visit-card:focus-visible,.nav-toggle:focus-visible { outline:3px solid #245c82; outline-offset:4px; }
.renewal-visit { padding-top:120px; }
.renewal-visit h2 { text-align:center; font-size:36px; margin-bottom:30px; }
.renewal-visit-intro { max-width:1080px; margin:0 auto 42px; line-height:2; }
.renewal-visit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; max-width:1080px; margin:auto; }
.renewal-visit-card { border:1px solid #999; padding:28px 38px 20px; display:block; }
.renewal-visit-description { display:flex; gap:24px; align-items:center; min-height:105px; }
.renewal-visit-description h3 { font-size:20px; font-weight:700; margin-bottom:6px; }
.renewal-visit-description p { font-size:14px; line-height:1.8; }
.renewal-visit-symbol { width:86px; height:86px; flex:0 0 86px; border-radius:50%; background:#62b0e3; display:grid; place-items:center; }
.renewal-visit-symbol svg { width:64px; height:64px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.renewal-visit-action { border-top:1px solid #cee4f2; margin-top:22px; padding-top:18px; font-size:30px; text-align:center; font-weight:500; }
.renewal-visit-action span,.renewal-phone { color:#62b0e3; }
.renewal-phone small { font-size:20px; }
.nav-toggle { border:0; background:transparent; font:inherit; }
/* Accommodate the main menu labels without overlap. */
@media(min-width:1025px) {
 .fixed-logo,header.main-header.fixed .fixed-logo { max-width:270px; left:25px; top:30px; }
 header.main-header.fixed .fixed-logo { top:20px; }
 .fixed-navigation { right:245px; }
 .fixed-main-nav li { margin-left:10px; }
 .fixed-main-nav li:after { padding-left:10px; }
 .fixed-main-nav li a { font-size:14px; letter-spacing:0; }
 .fixed-phone { width:220px; font-size:25px; }
}
@media(min-width:1025px) and (max-width:1400px) {
 .fixed-navigation { right:24px; }
 .fixed-main-nav li:first-child { display:block; }
 .fixed-logo,header.main-header.fixed .fixed-logo { max-width:240px; }
 .fixed-main-nav li { margin-left:8px; }
 .fixed-main-nav li:after { padding-left:8px; }
 .fixed-main-nav li a { font-size:13px; }
}
@media(max-width:1024px) {
 .renewal-search { padding:80px 0; }
 .renewal-card-grid { gap:18px; }
 .renewal-card { padding:7px 10px; min-height:98px; }
 .renewal-card img { width:76px; height:76px; flex-basis:76px; }
 .renewal-card span { font-size:15px; }
 .renewal-visit-grid { gap:24px; }
 .renewal-visit-card { padding:24px; }
 .renewal-visit-description { gap:14px; }
 .renewal-visit-symbol { width:64px; height:64px; flex-basis:64px; }
 .renewal-visit-symbol svg { width:48px; height:48px; }
 .renewal-visit-action { font-size:24px; }
}
@media(max-width:767px) {
 .renewal-search { padding:64px 0; }
 .renewal-search h2 { font-size:27px; line-height:1.5; }
 .renewal-intro br { display:none; }
 .renewal-group-title { margin:36px 0 24px; font-size:22px; scroll-margin-top:85px; }
 .renewal-diseases { margin-top:54px; }
 .renewal-card-grid { grid-template-columns:1fr; gap:14px; }
 .renewal-card { min-height:88px; padding:2px 18px; }
 .renewal-card img { width:80px; height:80px; flex-basis:80px; }
 .renewal-card span { font-size:17px; }
 .renewal-visit { padding-top:64px; }
 .renewal-visit h2 { font-size:27px; }
 .renewal-visit-intro br { display:none; }
 .renewal-visit-grid { grid-template-columns:1fr; }
 .renewal-visit-card { padding:24px 20px; }
 .renewal-visit-description h3 { font-size:18px; }
 .renewal-visit-description { min-height:86px; }
 .renewal-visit-description p { font-size:13px; }
 .renewal-visit-action { font-size:26px; }
}

.renewal-card span { text-wrap: balance; }
/* Keep the nine-item desktop menu clear of the logo on narrower screens. */
@media(min-width:1025px) and (max-width:1200px) {
 .fixed-logo,header.main-header.fixed .fixed-logo {max-width:180px;}
 .fixed-main-nav > li {margin-left:4px;}
 .fixed-main-nav > li:after {padding-left:4px;}
 .fixed-main-nav > li > a,.fixed-main-nav > li > .nav-accordion-toggle {font-size:12px;}
 .fixed-main-nav > li > .nav-accordion-toggle {gap:4px;}
}

@media(min-width:1401px) and (max-width:1480px) {
 .fixed-phone {display:none;}
 .fixed-navigation {right:24px;}
}
