/* The image and the hotspot SVG share a fixed 1024 × 1536 coordinate system. */
.foot-canvas{aspect-ratio:2/3;width:100%;max-width:252px;margin:4px auto 0}
.anatomy-realistic{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.anatomy-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.anatomy-overlay .region-ring{stroke-width:4;fill:#277e6b14}
.anatomy-overlay .secondary-ring{stroke-width:3;stroke-dasharray:9 9;fill:transparent;opacity:.65}
.region-connector{stroke:#277e6b;stroke-width:3;fill:none}
.point-nail{left:24.5%;top:9.1%}.point-skin{left:50.6%;top:43.9%}
@media(max-width:600px){
  .care-composition{grid-template-columns:1fr;gap:22px}
  .previous-record{grid-column:1;grid-row:1;padding-left:14px}
  .previous-record>.eyebrow{font-size:10px}.previous-record h3{font-size:25px;min-height:0;max-width:none;margin:6px 0 10px}
  .finding-details{font-size:13px}.finding-details div{margin-bottom:3px}
  .previous-record #region-description{font-size:12px;max-width:none;margin-top:8px}
  .record-excerpt{max-width:none;margin:8px 0;padding:9px 12px;border:1px solid #d8e8df;background:#ffffff60}
  .record-excerpt span{font-size:9px}.record-excerpt p{font-size:11px}
  .quiet-button{font-size:11px;padding:9px 12px}
  .foot-scene{grid-column:1;grid-row:2}.foot-label{font-size:10px;margin-bottom:3px}
  .foot-canvas{aspect-ratio:2/3;max-width:240px}
  .current-visit{grid-column:1;grid-row:3;margin-top:0}
}

.story-heading{justify-content:flex-end}