﻿.service-new, .doctor-new { padding: clamp(5rem,8vw,8rem) 7%; }
.service-new { background: #f5f8f5; color: #163b34; }
.service-new__heading { max-width: 720px; margin: 0 auto 3rem; text-align: center; }
.service-new__heading h2, .doctor-new h2 { font: 400 clamp(2.7rem,5vw,5rem)/1.05 var(--serif, Georgia, serif); letter-spacing: -.035em; margin: 0; text-wrap: balance; }
.service-new__heading p, .doctor-new__intro p { color: #405e50; line-height: 1.6; }
.service-new__rail { display: flex; gap: 1rem; align-items: stretch; }
.service-new__item { position: relative; flex: 1 1 0; min-width: 0; border-radius: 18px; overflow: hidden; background: #234c3e; color: white; transition: flex-grow .38s ease; }
.service-new__item[open] { flex-grow: 1.7; }
.service-new__item summary { position: relative; display: flex; align-items: flex-end; min-height: clamp(250px,28vw,390px); padding: 1.5rem; cursor: pointer; list-style: none; font: 500 clamp(1.15rem,1.8vw,1.65rem)/1.15 var(--sans, sans-serif); }
.service-new__item summary::-webkit-details-marker { display: none; }
.service-new__item summary::after { content: '+'; position: absolute; right: 1rem; top: 1rem; border: 1px solid #ffffffa3; border-radius: 50%; width: 36px; height: 36px; display: grid; place-items: center; font-size: 1.25rem; background: #163b34aa; }
.service-new__item[open] summary::after { content: '−'; }
.service-new__item summary::before { content: ''; position: absolute; inset: 35% 0 0; background: linear-gradient(transparent,#103b30ed); z-index: 1; }
.service-new__item summary img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.service-new__item[open] summary img, .service-new__item summary:hover img { transform: scale(1.04); }
.service-new__item summary > span { position: relative; z-index: 2; max-width: 14ch; }
.service-new__item summary:focus-visible, .service-new a:focus-visible, .doctor-new a:focus-visible { outline: 3px solid #c3a866; outline-offset: -4px; }
.service-new__content { padding: 0 1.5rem 1.5rem; line-height: 1.5; }
.service-new__content p { margin: 0 0 .7rem; color: #e2eee7; }
.service-new__content a, .doctor-new__intro a { display: inline-flex; align-items: center; min-height: 44px; gap: 1rem; font-weight: 700; text-decoration: underline; text-underline-offset: .25rem; }
.service-new__note { color: #486054; font-size: .8rem; margin: 1.5rem 0 0; }
.doctor-new { background: #dce8dd; color: #163b34; display: grid; grid-template-columns: 1fr minmax(280px, 440px); gap: clamp(2rem,8vw,8rem); align-items: center; }
.doctor-new__intro { max-width: 540px; }
.doctor-new__card { background: #18443a; color: white; overflow: hidden; border-radius: 18px; }
.doctor-new__card img { display: block; width: 100%; aspect-ratio: 4/4.2; object-fit: cover; object-position: center 15%; }
.doctor-new__card div { padding: 1.4rem 1.5rem; }
.doctor-new__card h3 { margin: 0; font: 400 1.7rem/1.15 var(--serif,Georgia,serif); }
.doctor-new__card p { margin: .5rem 0 0; font-size: .9rem; color: #e6f0e7; }
@media(max-width:800px) {
 .service-new__rail { overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: .75rem; }
 .service-new__item, .service-new__item[open] { flex: 0 0 min(78vw,320px); scroll-snap-align: start; }
 .service-new__item summary { min-height: 250px; }
 .doctor-new { grid-template-columns: 1fr; gap: 2rem; }
 .doctor-new__card { max-width: 440px; }
}
@media(prefers-reduced-motion:reduce) { .service-new__item,.service-new__item summary img { transition: none; } }
.service-new__content { padding-top: 1rem; }
.service-new__swipe { display: none; }
@media (max-width: 800px) { .service-new__swipe { display: block; margin: -1.5rem 0 1rem; font-size: .85rem; color: #3c5b4d; } }
.doctor-new__card img { transform: scale(1.3); transform-origin: center 25%; }
.doctor-new__card div { position: relative; background: #18443a; }
