/* Launch-only additions. Not shipped in the mockup build. */
.contact-detail>span{flex:none}
/* Booking panel: keep the one-sentence note readable and align the panel with the h1 block. */
.booking-intro+.contact-panel{padding-top:24px}
.booking-intro+.contact-panel>.subtle-note{font-size:15px;line-height:1.6;margin-bottom:30px}
.booking-intro+.contact-panel>.subtle-note a{text-decoration:underline}
@media(max-width:850px){.booking-intro+.contact-panel{padding-top:0}}
@media(max-width:620px){.booking-intro+.contact-panel>.button{display:flex;justify-content:space-between;width:100%}}
/* Meet our dentists (About page). Arched portraits echo the storefront and team placeholders. */
.dentist-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:56px 64px;margin-top:8px}
.dentist{display:flex;flex-direction:column;width:min(100%,280px)}
.dentist-photo{flex:none;width:184px;max-width:100%;aspect-ratio:184/256;overflow:hidden;border-radius:92px 92px 5px 5px;background:var(--clay-light);position:relative}
.dentist-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.8) contrast(.96)}
.dentist-photo:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #303e3814;border-radius:inherit;pointer-events:none}
.dentist h3{margin-top:26px;font-size:29px}
.dentist-role{margin-top:6px;font-size:16px}
.dentist ul{list-style:none;padding:0;margin:16px 0 0;max-width:36ch}
.dentist li{font-size:15px;line-height:1.6;padding:9px 0;border-top:1px solid #303e3822}
.dentist li:last-child{border-bottom:1px solid #303e3822}
@media(max-width:620px){.team-dentists{padding-bottom:64px}.dentist-list{gap:48px}.dentist h3{font-size:26px}}
.dentist-text{min-width:0}
@media(min-width:1180px){.dentist{flex-direction:row;align-items:flex-start;gap:28px;width:auto}.dentist-text{width:320px;padding-top:4px}.dentist h3{margin-top:0}}