/* Real clinic photographs, 28 October 2026. Scoped to three pages. */
@media screen {
  .clinic-real-photo { position:relative; overflow:hidden; background:#edf5fc; }
  .clinic-real-photo > a { display:block; width:100%; height:100%; cursor:zoom-in; }
  .clinic-real-photo > a > img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
  .interior-photo.clinic-real-photo { height:clamp(360px,42vw,540px); }
  .page-hero-figure.clinic-real-photo { min-height:440px; height:auto; aspect-ratio:auto; }
  .page-hero-figure.clinic-real-photo > a { position:absolute; inset:0; }
  .page-hero-figure.clinic-real-photo::after { display:none; }
  .page-story-photo.clinic-real-photo { height:480px; }
  .page-story-photo.clinic-real-photo img { position:static; aspect-ratio:auto; }
  .clinic-photo-section,.clinic-document-section { scroll-margin-top:120px; }
  .clinic-photo-intro { margin:0 0 20px; color:#536987; }
  .clinic-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:22px; }
  .clinic-photo-card { min-width:0; margin:0; border:1px solid #dce8f4; border-radius:10px; overflow:hidden; background:#f3f8fe; }
  .clinic-photo-card > a { display:block; cursor:zoom-in; }
  .clinic-photo-card img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:contain; background:#edf5fc; }
  .clinic-photo-card figcaption { padding:14px 16px; color:#102647; font-size:14px; font-weight:600; line-height:1.5; }
  .clinic-photo-card figcaption span { display:block; margin-top:5px; color:#0755d1; font-size:12px; font-weight:400; }
  .clinic-photo-card a:hover img { filter:brightness(1.03); }
  .clinic-photo-card a:focus-visible { outline:3px solid #ffb851; outline-offset:-4px; }
  .clinic-document-card { padding:24px; border:1px solid #dce8f4; border-left:4px solid #0755d1; border-radius:8px; background:#f3f8fe; }
  .clinic-document-card .text-link { align-items:flex-start; margin:0 0 12px; padding:0; font-size:17px; text-decoration:underline; text-underline-offset:3px; color:#0755d1; }
  .clinic-document-card p { margin:0; overflow-wrap:anywhere; }
  .clinic-document-card small { display:block; margin-top:12px; color:#536987; font-size:12px; line-height:1.6; }
  @media(max-width:680px){
    .interior-photo.clinic-real-photo { height:440px; max-height:none; }
    .page-hero-figure.clinic-real-photo { height:auto; min-height:0; aspect-ratio:3/4; }
    .page-story-photo.clinic-real-photo { height:440px; }
    .clinic-photo-grid { gap:12px; }
    .clinic-photo-card figcaption { padding:11px; font-size:13px; }
    .clinic-photo-card figcaption span { font-size:11px; }
    .clinic-document-card { padding:18px; }
    .clinic-document-card .text-link { font-size:16px; }
  }
  @media(max-width:360px){
    .clinic-photo-grid { grid-template-columns:minmax(0,1fr); }
    .interior-photo.clinic-real-photo,.page-story-photo.clinic-real-photo { height:380px; }
  }
}
@media print {
  .clinic-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .clinic-photo-card img { width:100%; height:auto; }
  .clinic-photo-card,.clinic-document-card { break-inside:avoid; }
}