/* For Patients page styles
   Keep page-specific adjustments here. Global design remains in css/site.css and css/pages.css.
*/

/* Prevent important subjects from being accidentally cropped in page imagery. */
img {
  max-width: 100%;
}

/* Doctor portraits and story images: show more of the original frame. */
.story-tz img,
.split figure img,
.phero img {
  object-position: center top;
}

/* New patient education images: responsive, contained, and never clipped. */
.condition-feature-figure {
  margin: 28px 0 36px;
  width: 100%;
  max-width: 860px;
}
.condition-feature-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: contain;
  object-position: center;
  background: var(--ivory2, #EFE7D6);
  border-radius: 2px;
}
.condition-feature-figure figcaption {
  margin-top: 10px;
  color: var(--muted, #5A6468);
  font-size: 0.9375rem;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .condition-feature-figure { margin: 20px 0 28px; }
  .condition-feature-image { max-height: 420px; }
}

/* ---------- Compact condition cards (whole card opens the condition page) ---------- */
.cgrid{gap:18px;margin-top:34px}
.cgrid .ccard{position:relative}
.cgrid .cc-media{height:116px}
.cgrid .cc-body{padding:16px 18px 18px;gap:0}
.cgrid .cc-no{font-size:12px;letter-spacing:.14em;margin-bottom:6px}
.cgrid .ccard h3{font-size:18px;line-height:1.28;min-height:2.56em;margin:0 0 8px}
.cgrid .ccard h3 a{color:inherit}
.cgrid .ccard p{font-size:15px;line-height:1.55;margin:0 0 14px;flex:none}
.cgrid .link{margin-top:auto;font-size:14.5px;align-self:flex-start}
/* Stretched link: the whole card is clickable, while the title remains the single link for keyboard and screen readers. */
.cgrid .cc-hit::after{content:"";position:absolute;inset:0;z-index:1}
.cgrid .ccard:has(.cc-hit:focus-visible){outline:3px solid var(--gold);outline-offset:3px}
.cgrid .cc-hit:focus{outline:none}
@media (max-width:700px){
  .cgrid{gap:14px}
  .cgrid .cc-media{height:132px}
  .cgrid .ccard h3{min-height:0}
}

/* Hero CTA */
.phero .hero-cta{margin-top:26px}