/* Ankle-only additions to the existing ROM teaching surface. */
.ankle-rom-page .cinema-scene .hero-command { min-height: 0; padding-block: 34px; }
.ankle-rom-page .cinema-scene .hero-copy { max-width: 1000px; }
.ankle-rom-page .cp-lander-hero h1 { font-size: 32px; max-width: 980px; }
.ankle-rom-page .cp-lander-hero .lead { max-width: 850px; font-size: 16px; }
.ankle-rom-page .rom-heading .cp-action-dock { position: static; width: auto; max-width: 100%; margin: 0; box-shadow: none; transform: none; }
.ankle-rom-page .rom-diagram { aspect-ratio: 380 / 420; }
.ankle-rom-page .rom-clinical-part { mix-blend-mode: multiply; }
.ankle-rom-page .rom-playback [data-ankle-play] { min-width: 148px; }
.ankle-rom-page .rom-threshold-heading, .ankle-rom-page .rom-thresholds button { grid-template-columns: 60px minmax(0, 1fr) 50px; }
.ankle-rom-page .rom-result { min-height: 215px; }
.ankle-rom-page .rom-segment span { white-space: normal; text-align: center; }
.ankle-rom-page .rom-segment label { flex: 1 1 0; }
.ankle-rom-page .rom-heading [data-ankle-actions]:empty { display: none; }
.ankle-rom-page .cinema-top { position: static; display: inline-grid; vertical-align: middle; margin: 8px; width: 44px; height: 44px; box-shadow: none; }
.ankle-rom-page .cinema-top[hidden] { display: none; }
@media (max-width: 760px) {
  .ankle-rom-page .rom-heading [data-ankle-actions] { width: 100%; }
  .ankle-rom-page .rom-heading .cp-action-dock { display: flex; flex-wrap: wrap; }
  .ankle-rom-page .cp-lander-hero h1 { font-size: 27px; }
  .ankle-rom-page .rom-result { min-height: 200px; }
  .ankle-rom-page .rom-threshold-heading, .ankle-rom-page .rom-thresholds button { grid-template-columns: 55px minmax(0, 1fr) 44px; gap: 8px; }
  .ankle-rom-page .rom-segment span { padding: 10px; font-size: 13px; }
}