/* Outpatient hub only. Shared clinic controls remain in clinic-ui.css. */
body.hp-clinic-refresh .hp-outpatient-hub { --outpatient-ink:#183f31; --outpatient-green:#19744d; --outpatient-pale:#eef7f0; --outpatient-line:#d4e5d8; --outpatient-warm:#fbfaf5; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-wrap { width:100%; max-width:none; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-breadcrumb { width:min(1240px,calc(100% - 80px)); margin:auto; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro { display:flex; position:relative; isolation:isolate; overflow:hidden; align-items:center; min-height:400px; max-width:none; margin:0; padding:40px max(40px,calc((100vw - 1240px)/2)); border:0; background:#f2f7f3; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-copy { position:relative; z-index:1; width:49%; padding:0; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro h1 { color:var(--outpatient-ink); font-family:var(--hp-font-primary); font-size:clamp(36px,4vw,52px); font-weight:700; line-height:1.5; margin:12px 0 20px; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-copy > p:last-child { color:#3d594d; font-size:17px; line-height:2; max-width:30em; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo { position:absolute; inset:0 0 0 38%; margin:0; height:100%; width:auto; max-width:none; min-height:0; overflow:hidden; border-radius:0; z-index:0; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#f2f7f3 0%,#f2f7f3d9 12%,#f2f7f300 55%); }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo img { display:block; width:100%; height:100%; min-height:0; object-fit:cover; border-radius:0; }
body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo figcaption { position:absolute; right:14px; bottom:12px; padding:4px 8px; color:#385047; background:#ffffffed; font-size:12px; z-index:1; }
.clinic-outpatient-page { max-width:1160px; margin:0 auto; padding:0 32px 104px; }
.clinic-outpatient-page section[id] { scroll-margin-top:140px; }
.clinic-outpatient-page>.clinic-quick-links { margin-top:24px; }
.clinic-outpatient-page__jump { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 26px; padding:22px 0 32px; border-top:1px solid var(--outpatient-line); border-bottom:1px solid var(--outpatient-line); }
.clinic-outpatient-page__jump a { min-height:44px; display:inline-flex; align-items:center; color:var(--outpatient-ink); font-size:14px; font-weight:650; text-decoration:none; }
.clinic-outpatient-page__jump a::after { content:'↓'; padding-left:7px; color:var(--outpatient-green); }
.clinic-outpatient-page__start { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.62fr); gap:36px; align-items:end; padding:clamp(56px,9vw,110px) 0; }
.clinic-outpatient-page__eyebrow { margin:0 0 10px; color:var(--outpatient-green); font-size:12px; font-weight:700; letter-spacing:.14em; }
.clinic-outpatient-page__start h2,.clinic-outpatient-page__heading h2 { margin:0; color:var(--outpatient-ink); font-size:clamp(28px,3.4vw,46px); line-height:1.45; letter-spacing:.02em; }
.clinic-outpatient-page__start p { max-width:42em; margin:20px 0 0; color:#456055; font-size:16px; line-height:2; }
.clinic-outpatient-page__services,.clinic-outpatient-page__flow,.clinic-outpatient-page__hours,.clinic-outpatient-page__details,.clinic-outpatient-page__faq { padding:clamp(58px,8vw,104px) 0; }
.clinic-outpatient-page__heading { max-width:640px; margin:0 auto 32px; text-align:center; }
.clinic-outpatient-page__heading > p:last-child { margin:14px 0 0; color:#516a60; line-height:1.9; }
.clinic-outpatient-page__gastro { display:grid; grid-template-columns:minmax(0,1fr) minmax(340px,.92fr); min-height:380px; overflow:hidden; border-radius:14px; background:#163d30; color:#fff; }
.clinic-outpatient-page__gastro-photo { position:relative; min-height:380px; margin:0; overflow:hidden; }
.clinic-outpatient-page__gastro-photo::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#163d3033,#163d3000); }
.clinic-outpatient-page__gastro-photo img { display:block; width:100%; height:100%; object-fit:cover; }
.clinic-outpatient-page__gastro-photo figcaption,.clinic-outpatient-page__hours-photo figcaption { position:absolute; right:12px; bottom:10px; padding:3px 7px; background:#183f31c9; color:#fff; font-size:11px; }
.clinic-outpatient-page__gastro-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(32px,5vw,68px); }
.clinic-outpatient-page__gastro-copy .clinic-outpatient-page__eyebrow { color:#a9d7b6; }
.clinic-outpatient-page__gastro-copy h2 { margin:0; color:#fff; font-size:clamp(28px,3vw,42px); font-weight:500; line-height:1.45; }
.clinic-outpatient-page__gastro-copy > p:last-of-type { margin:18px 0 0; color:#eff8f1; line-height:2; }
.clinic-outpatient-page__gastro-link { display:inline-flex; align-items:center; align-self:flex-start; min-height:44px; margin-top:26px; padding:0 20px; border:1px solid #c2e3ca; border-radius:999px; color:#fff; font-size:14px; font-weight:700; text-decoration:none; }
.clinic-outpatient-page__gastro-link span { padding-left:9px; color:#c2e3ca; }
body.hp-clinic-refresh .hp-outpatient-hub .clinic-outpatient-page__gastro-link { color:#fff; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item { position:relative; display:flex; flex-direction:column; align-items:stretch; gap:0; min-height:148px; padding:0; overflow:hidden; border:1px solid var(--outpatient-line); border-radius:12px; background:#fff; box-shadow:0 4px 18px #183f3105; color:var(--outpatient-ink); }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured { min-height:346px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo { position:relative; flex:0 0 180px; margin:0; overflow:hidden; background:#e5f0e8; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo img { width:100%; height:100%; object-fit:cover; transition:transform 200ms cubic-bezier(.23,1,.32,1); }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo figcaption { position:absolute; right:8px; bottom:7px; padding:3px 6px; background:#183f3199; color:#fff; font-size:11px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__content { display:block; min-width:0; padding:18px 20px 20px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu h3 { margin:0 0 7px; color:var(--outpatient-ink); font-size:20px; line-height:1.45; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__description { color:#5b7066; font-size:14px; line-height:1.7; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__icon { width:48px; height:48px; margin:18px 20px 0; border-radius:0; background:var(--outpatient-pale); color:var(--outpatient-green); }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__icon svg { width:24px; height:24px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__arrow { position:absolute; right:18px; bottom:15px; color:var(--outpatient-green); font-size:18px; }
.clinic-outpatient-page__flow { margin:clamp(18px,4vw,48px) calc(50% - 50vw) 0; padding-right:max(32px,calc((100vw - 1096px)/2)); padding-left:max(32px,calc((100vw - 1096px)/2)); background:var(--outpatient-pale); }
.clinic-outpatient-page__steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:42px 0 30px; padding:0; list-style:none; }
.clinic-outpatient-page__steps li { position:relative; min-width:0; padding:26px; background:#fff; border-top:3px solid #78ae87; }
.clinic-outpatient-page__steps .clinic-outpatient-page__step-number { display:block; margin-bottom:18px; color:#78ae87; font-size:14px; font-weight:700; letter-spacing:.12em; }
.clinic-outpatient-page__steps .clinic-outpatient-page__step-icon { display:grid; width:48px; height:48px; margin-bottom:22px; border-radius:50%; background:#edf7ef; color:var(--outpatient-green); place-items:center; }
.clinic-outpatient-page__steps .clinic-outpatient-page__step-icon svg { width:22px; height:22px; }
.clinic-outpatient-page__steps h3 { margin:0 0 11px; color:var(--outpatient-ink); font-size:20px; }
.clinic-outpatient-page__steps p { margin:0; color:#546d61; font-size:15px; line-height:1.9; }
.clinic-outpatient-page__text-link,.clinic-outpatient-page__detail-link { color:var(--outpatient-ink); font-weight:650; text-decoration:none; }
.clinic-outpatient-page__text-link span,.clinic-outpatient-page__detail-link span { color:var(--outpatient-green); padding-left:6px; }
.clinic-outpatient-page__hours { display:grid; grid-template-columns:minmax(0,.75fr) minmax(420px,1.25fr); gap:clamp(30px,6vw,76px); align-items:start; }
.clinic-outpatient-page__hours .clinic-outpatient-page__heading { margin:0; text-align:left; }
.clinic-outpatient-page__hours-panel { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(180px,.65fr); gap:18px 22px; padding:20px; border:1px solid var(--outpatient-line); border-radius:14px; background:#fff; box-shadow:0 8px 28px #183f3108; }
.clinic-outpatient-page__hours-table { min-width:0; }
.clinic-outpatient-page__hours-photo { position:relative; min-height:100%; margin:0; overflow:hidden; border-radius:8px; background:#e4eee7; }
.clinic-outpatient-page__hours-photo img { display:block; width:100%; height:100%; min-height:196px; object-fit:cover; }
.clinic-outpatient-page__hours-links { display:flex; grid-column:1/-1; flex-wrap:wrap; gap:10px 22px; align-items:center; padding-top:4px; border-top:1px solid var(--outpatient-line); }
.clinic-outpatient-page__hours-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--outpatient-ink); font-size:14px; font-weight:650; text-underline-offset:5px; }
.clinic-outpatient-page__details { border-top:1px solid var(--outpatient-line); }
.clinic-outpatient-page__detail-list { border-top:1px solid var(--outpatient-line); }
.clinic-outpatient-page__detail-list .dch-question { border-color:var(--outpatient-line); }
.clinic-outpatient-page__detail-list .dch-question > div { padding:0 0 24px; }
.clinic-outpatient-page__detail-list .dch-question p { margin:0 0 15px; color:#536b60; }
.clinic-outpatient-page__detail-link { display:inline-flex; min-height:44px; align-items:center; }
.clinic-outpatient-page__faq { margin:0 calc(50% - 50vw); padding-right:max(32px,calc((100vw - 1096px)/2)); padding-left:max(32px,calc((100vw - 1096px)/2)); background:var(--outpatient-warm); }
.clinic-outpatient-page__faq > .dch-question { max-width:840px; margin:0 auto; border-color:#dedbcc; }
.clinic-outpatient-page__faq > .dch-question summary { min-height:58px; padding:18px 36px 18px 0; font-size:17px; }
@media (hover:hover) and (pointer:fine) { body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item:hover { border-color:#76a985; background:#f8fcf8; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured:hover .hp-outpatient-menu__photo img { transform:scale(1.025); } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item:hover .hp-outpatient-menu__arrow { transform:translateX(3px); } }
@media (max-width:900px) { body.hp-clinic-refresh .hp-outpatient-hub .dch-intro { padding:32px 24px; min-height:360px; } body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-copy { width:66%; } body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo { left:28%; } .clinic-outpatient-page { padding-right:24px; padding-left:24px; } .clinic-outpatient-page__start,.clinic-outpatient-page__hours,.clinic-outpatient-page__gastro { grid-template-columns:1fr; } .clinic-outpatient-page__hours .clinic-outpatient-page__heading { text-align:center; margin:0 auto; } .clinic-outpatient-page__gastro-photo { min-height:280px; } .clinic-outpatient-page__gastro-copy { min-height:0; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu { grid-template-columns:repeat(2,minmax(0,1fr)); } .clinic-outpatient-page__steps { grid-template-columns:1fr; } }
@media (max-width:560px) { body.hp-clinic-refresh .hp-outpatient-hub .dch-breadcrumb { width:calc(100% - 32px); }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro { padding:28px 16px; min-height:350px; }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro h1 { font-size:36px; margin-bottom:16px; }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-copy { width:85%; }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-copy > p:last-child { font-size:15px; line-height:1.95; }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo { left:0; }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo::after { background:linear-gradient(90deg,#f2f7f3f5 0%,#f2f7f3e6 43%,#f2f7f34d 100%); }
 body.hp-clinic-refresh .hp-outpatient-hub .dch-intro-photo figcaption { font-size:10px; bottom:6px; }
 .clinic-outpatient-page { padding-right:16px; padding-left:16px; } .clinic-outpatient-page__jump { justify-content:flex-start; gap:2px 18px; } .clinic-outpatient-page__start { padding:52px 0; } .clinic-outpatient-page__services,.clinic-outpatient-page__details { padding:60px 0; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu { gap:10px; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item,body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured { min-height:0; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo { flex-basis:104px; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__content { padding:13px 12px 34px; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu h3 { font-size:16px; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__description { font-size:14px; line-height:1.75; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__icon { width:42px; height:42px; margin:14px 12px 0; } body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__arrow { right:12px; bottom:10px; display:block; } .clinic-outpatient-page__flow,.clinic-outpatient-page__faq { padding-right:16px; padding-left:16px; } .clinic-outpatient-page__steps { gap:10px; margin-top:26px; } .clinic-outpatient-page__steps li { padding:20px; } .clinic-outpatient-page__steps span { margin-bottom:16px; } }
@media (prefers-reduced-motion:reduce) { body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo img,body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__arrow { transition:none; transform:none; } }

@media(max-width:900px) {
 body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured:last-child { grid-column:1/-1; display:grid; grid-template-columns:42% minmax(0,1fr); min-height:170px; }
 body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured:last-child .hp-outpatient-menu__photo { min-height:170px; height:100%; }
}
@media(max-width:560px) {
 .clinic-outpatient-page__gastro { margin-right:-4px; margin-left:-4px; border-radius:10px; }
 .clinic-outpatient-page__gastro-photo { min-height:220px; }
 .clinic-outpatient-page__gastro-copy { padding:30px 22px 34px; }
 .clinic-outpatient-page__hours-panel { grid-template-columns:1fr; padding:14px; }
 .clinic-outpatient-page__hours-photo,.clinic-outpatient-page__hours-photo img { min-height:180px; }
 .clinic-outpatient-page__hours-links { grid-column:auto; }
 .clinic-outpatient-page__steps li { display:grid; grid-template-columns:38px 52px minmax(0,1fr); gap:0 12px; }
 .clinic-outpatient-page__steps .clinic-outpatient-page__step-number { margin:8px 0 0; }
 .clinic-outpatient-page__steps .clinic-outpatient-page__step-icon { width:44px; height:44px; margin:0; }
 .clinic-outpatient-page__steps li>div { grid-column:2/-1; margin-top:16px; }
}
/* Shared closing sections stay aligned with the outpatient content width. */
body.hp-clinic-refresh .hp-outpatient-hub>.dch-wrap>.dch-bottom { width:min(1096px,calc(100% - 40px)); margin:48px auto 0; padding:28px; border:1px solid #dce8df; border-radius:16px; gap:24px; background:#edf5ef; }
body.hp-clinic-refresh .hp-outpatient-hub>.dch-wrap>.dch-section { width:min(1096px,calc(100% - 40px)); margin:auto; padding:48px 0; }

/* Department choices use photographed rows and compact text lists. */
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item { border:0; border-bottom:1px solid var(--outpatient-line); border-radius:0; box-shadow:none; min-height:0; padding:24px 0; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured { grid-column:1/-1; display:grid; grid-template-columns:240px minmax(0,1fr); gap:28px; min-height:0; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo { min-height:150px; height:160px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__content { padding:12px 0 20px; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__icon { margin:0 0 12px; background:none; }
body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__arrow { right:0; }
.clinic-outpatient-page__gastro,.clinic-outpatient-page__hours-panel,.clinic-outpatient-page__hours-photo { border-radius:0; box-shadow:none; }
.clinic-outpatient-page__hours-panel { border:0; border-top:1px solid var(--outpatient-line); padding:24px 0; }
body.hp-clinic-refresh .hp-outpatient-hub>.dch-wrap>.dch-bottom { padding:28px 0; border:0; border-top:2px solid #78a78b; border-radius:0; background:#fff; }
@media(max-width:767px) {
 body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu { grid-template-columns:1fr; }
 body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured,body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__item--featured:last-child { grid-template-columns:1fr; gap:12px; }
 body.hp-clinic-refresh .hp-outpatient-hub .hp-outpatient-menu__photo { height:180px; }
}