/* A single row at every screen size; controls appear only when it overflows. */
.doctor-carousel{--doctor-gap:22px;--doctor-card:calc((100% - var(--doctor-gap)*2)/3);min-width:0;max-width:100%}
.doctor-carousel .page-doctors.doctor-carousel__track{position:relative;display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--doctor-card);align-items:stretch;gap:var(--doctor-gap);width:calc(100% + 12px);max-width:none;margin:-6px;padding:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.doctor-carousel[data-doctor-ready=true] .doctor-carousel__track{scrollbar-width:none}
.doctor-carousel[data-doctor-ready=true] .doctor-carousel__track::-webkit-scrollbar{display:none}
.doctor-carousel .page-doctor{display:flex;flex-direction:column;min-width:0;scroll-snap-align:start}
.doctor-carousel .page-doctor>a:first-child{display:block;flex-shrink:0}
.doctor-carousel .page-doctor>.page-link{align-self:flex-start;margin-top:auto}
.doctor-carousel .doctor-carousel__track:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:10px}
.doctor-carousel__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px}
.doctor-carousel__footer .page-team-more{margin:0}
.doctor-carousel__controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.doctor-carousel__controls[hidden]{display:none}
.doctor-carousel__count{min-width:64px;margin-right:5px;font-size:12px;line-height:1.5;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap}
.doctor-carousel__button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;transition:color .2s,border-color .2s}
.doctor-carousel__button svg{display:block;width:18px;height:18px}
.doctor-carousel__button:disabled{opacity:.3;cursor:default}
.doctor-carousel__button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
:is(.service-detail,.problem-detail) .doctor-carousel{--doctor-gap:24px;--doctor-card:240px;max-width:1032px}
@media(hover:hover) and (pointer:fine){.doctor-carousel__button:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}}
@media(max-width:1100px){
 .doctor-carousel{--doctor-card:calc((100% - var(--doctor-gap))/2)}
 :is(.service-detail,.problem-detail) .doctor-carousel{max-width:768px}
}
@media(max-width:720px){
 .doctor-carousel{--doctor-gap:12px;--doctor-card:min(82%,320px)}
 :is(.service-detail,.problem-detail) .doctor-carousel{--doctor-gap:14px;--doctor-card:220px;max-width:454px}
 .doctor-carousel__footer{margin-top:20px}
}
@media(max-width:380px){:is(.service-detail,.problem-detail) .doctor-carousel{max-width:220px}}
@media(prefers-reduced-motion:reduce){.doctor-carousel__button{transition:none}}
@media print{
 .doctor-carousel .page-doctors.doctor-carousel__track{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0;padding:0;overflow:visible}
 .doctor-carousel .page-doctor{break-inside:avoid}
 .doctor-carousel__controls{display:none}
 :is(.service-detail,.problem-detail) .doctor-carousel{max-width:none}
}