/* Owner refinement 2026-10-26.
   1. Doctor story: the clinical photo loop stays the main visual. The headshot leaves its tall third column and
      becomes a ringed portrait beside the name, like an attribution under the quote.
   2. Phone action bar: centred labels, safe-area aware height, quiet phone and calendar marks behind the text. */

.doctor-byline{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-top:34px}
.doctor-id{min-width:0}
.doctor-copy .doctor-byline h2{margin-top:0}
.doctor-avatar{flex:none;display:block;width:96px;height:96px;padding:4px;border-radius:50%;border:1.5px solid rgba(155,227,91,.55);background:var(--ink)}
.doctor-avatar picture{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;clip-path:circle(50%)}
.doctor-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transform:scale(1.32);transform-origin:50% 38%}
@media(min-width:1121px){
  .doctor-story{grid-template-columns:1fr 1fr}
  .doctor-copy{padding:72px clamp(52px,4.5vw,84px)}
}
@media(min-width:1320px){
  .doctor-byline{flex-direction:row;align-items:center;gap:22px;margin-top:38px}
  .doctor-avatar{width:112px;height:112px;padding:5px}
}
@media(max-width:760px){
  .doctor-avatar{width:88px;height:88px}
  .doctor-copy .doctor-byline h2{font-size:clamp(28px,calc((100vw - 48px) / 9.1),44px)}
}

@media(max-width:760px){
  body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
  .v48-mobile-actions{padding-bottom:0}
  .v48-mobile-actions a{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding:0 12px env(safe-area-inset-bottom,0px);font-size:16px;font-weight:700;line-height:1.2;letter-spacing:.01em;text-align:center;white-space:nowrap;-webkit-tap-highlight-color:transparent}
  .v48-ma-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.32em}
  .v48-ma-arrow{font-size:.92em;line-height:1}
  .v48-ma-icon{position:absolute;z-index:0;top:-2px;right:-16px;width:80px;height:80px;pointer-events:none}
  .v48-ma-call .v48-ma-icon{color:#9be35b;opacity:.2;transform:rotate(-10deg)}
  .v48-ma-book .v48-ma-icon{color:#0d3b43;opacity:.14;transform:rotate(-8deg)}
  .v48-mobile-actions a:focus-visible{outline:3px solid #9be35b;outline-offset:-6px}
  .v48-mobile-actions .v48-ma-book:focus-visible{outline-color:#0d3b43}
}
@media(max-width:340px){
  .v48-mobile-actions a{padding-left:8px;padding-right:8px;font-size:15px}
}