/* Reuse the shoulder controls; isolate knee-page adjustments. */
.knee-rom-page .cinema-scene .hero-command { min-height: 0; padding-block: 26px; }
.knee-rom-page .cinema-scene .hero-copy { max-width: 1000px; }
.knee-rom-page .cp-lander-hero h1 { font-size: 30px; max-width: 980px; }
.knee-rom-page .cp-lander-hero .lead { font-size: 16px; max-width: 900px; }
.knee-rom-page .rom-heading .cp-action-dock { position: static; width: auto; max-width: 100%; margin: 0; box-shadow: none; transform: none; }
.knee-rom-page .rom-heading [data-knee-actions]:empty { display: none; }
.knee-rom-page .rom-controls { padding-bottom: 8px; }
.knee-direction { margin: 0 0 20px; font-size: 14px; color: #314b53; }
.knee-diagram { aspect-ratio: 490 / 370; max-height: 420px; }
.knee-rom-page .rom-playback [data-knee-play] { min-width: 150px; }
.knee-rom-page .rom-segment span { white-space: normal; text-align: center; }
.knee-rom-page .rom-segment label { flex: 1 1 0; }
.knee-rom-page .rom-result { min-height: 280px; }
.knee-rom-page .rom-result > strong { font-size: 26px; overflow-wrap: break-word; }
.knee-result-basis { margin: 0 0 12px; color: #314b53; font-size: 13px; font-weight: 700; }
.knee-rom-page .cinema-top { position: static; display: inline-grid; vertical-align: middle; margin: 8px; width: 44px; height: 44px; box-shadow: none; }
.knee-rom-page .cinema-top[hidden] { display: none; }
@media (max-width: 760px) {
  .knee-rom-page .rom-heading [data-knee-actions] { width: 100%; }
  .knee-rom-page .rom-heading .cp-action-dock { display: flex; flex-wrap: wrap; }
  .knee-rom-page .cp-lander-hero h1 { font-size: 26px; }
}