/* Isolated veterinarian page and shared teaser styling. */
.veterinarian-page,.vet-teaser{--vet-blue:#5d8dc8;--vet-pale:#edf4fb;--vet-line:#d8e6f3}
.veterinarian-page{padding-bottom:clamp(64px,8vw,110px)}
.vet-heading{padding-block:clamp(46px,6vw,86px) clamp(42px,5vw,70px)}
.vet-heading .eyebrow{color:var(--vet-blue);margin-bottom:20px}
.vet-heading h1{font-family:var(--font-display);font-size:var(--text-heading);font-weight:400;line-height:1.65;letter-spacing:.04em;margin:0}
.vet-heading .vet-lead{max-width:660px;font-size:15px;line-height:2.1;margin:22px 0 0}
.vet-profile-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,6vw,88px);align-items:start}
.vet-profile-layout.has-portrait{grid-template-columns:minmax(230px,.8fr) minmax(0,1.35fr)}
.vet-portrait{margin:0;background:var(--vet-pale);padding:clamp(16px,2.6vw,32px);min-width:0}
.vet-portrait img{display:block;width:100%;height:auto;object-fit:contain}
.vet-content{min-width:0;max-width:760px;font-size:15px;line-height:2.1}
.vet-content> :first-child{margin-top:0}
.vet-content h2{font-family:var(--font-display);font-weight:400;font-size:clamp(25px,2.5vw,34px);line-height:1.8;letter-spacing:.035em;margin:54px 0 21px}
.vet-content h3{font-family:var(--font-body);font-size:16px;font-weight:500;line-height:1.9;margin:32px 0 12px}
.vet-content p,.vet-content li{line-height:2.1}
.vet-content .vet-profile-name{font-family:var(--font-display);font-size:clamp(27px,2.6vw,36px);line-height:1.7;margin:0 0 16px}
.vet-content .vet-section-label{font-family:var(--font-body);font-size:12px;letter-spacing:.07em;color:var(--vet-blue);margin:0 0 12px}
.vet-content .vet-scope{padding-block:32px;border-block:1px solid var(--vet-line);margin-top:36px}
.vet-content .vet-scope> :first-child{margin-top:0}
.vet-content blockquote{margin:26px 0;padding:24px 28px;border-left:2px solid var(--vet-blue);background:var(--color-white)}
.vet-content blockquote p{font-size:16px;line-height:2.15;margin:0 0 15px}
.vet-content blockquote p:last-child{margin-bottom:0}
.vet-content blockquote cite{display:block;font-family:var(--font-body);font-size:12px;font-style:normal;color:var(--color-muted);line-height:1.9;margin-top:18px}
.vet-content .vet-editorial-note,.vet-content .vet-care-note{font-size:12px;line-height:2;color:var(--color-muted)}
.vet-related{border-top:1px solid var(--vet-line);margin-top:clamp(56px,7vw,90px);padding-top:28px}
.vet-related>p{font-size:13px;color:var(--color-muted);margin:0 0 20px}
.vet-related>div{display:flex;align-items:center;gap:24px 42px;flex-wrap:wrap}
.vet-related .text-link{font-size:13px}
.vet-teaser{display:flex;align-items:center;gap:24px 36px;padding:32px 36px;margin-block:clamp(52px,6vw,82px);background:var(--vet-pale);border-top:1px solid var(--vet-line)}
.vet-teaser-photo{width:88px;flex:0 0 88px}
.vet-teaser-photo img{display:block;width:100%;height:auto}
.vet-teaser-copy{min-width:0;flex:1}
.vet-teaser .eyebrow{font-size:10px;color:var(--vet-blue);margin:0 0 11px}
.vet-teaser h2{font-family:var(--font-display);font-size:26px;font-weight:400;line-height:1.7;margin:0}
.vet-teaser-copy>p:not(.eyebrow){font-size:13px;line-height:2;margin:10px 0 0;max-width:650px}
.vet-teaser>.text-link{font-size:12px;white-space:nowrap}
.vet-teaser-compact{padding-block:26px;margin-block:42px}
.vet-teaser-compact h2{font-size:23px}
.vet-teaser a:focus-visible,.vet-related a:focus-visible{outline:2px solid var(--vet-blue);outline-offset:6px}
@media(max-width:760px){
 .vet-heading{padding-top:36px;padding-bottom:36px}
 .vet-heading h1{font-size:31px}
 .vet-heading .vet-lead{font-size:14px}
 .vet-profile-layout.has-portrait{grid-template-columns:1fr}
 .vet-portrait{width:100%;max-width:390px;padding:18px}
 .vet-content{font-size:14px}
 .vet-content h2{font-size:26px;margin-top:42px}
 .vet-content blockquote{padding:22px 20px}
 .vet-content blockquote p{font-size:15px}
 .vet-related>div{gap:20px 30px}
 .vet-teaser{flex-wrap:wrap;padding:26px 24px;gap:22px;margin-block:48px}
 .vet-teaser-photo{width:68px;flex-basis:68px}
 .vet-teaser h2{font-size:24px}
 .vet-teaser-copy>p:not(.eyebrow){font-size:12px}
 .vet-teaser>.text-link{margin-left:auto}
 .vet-teaser-compact h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .vet-teaser a,.vet-related a{transition:none}
}