/* Back-only additions to the existing ROM teaching surface. */
.back-rom-page .cinema-scene .hero-command { min-height: 0; padding-block: 34px; }
.back-rom-page .cinema-scene .hero-copy { max-width: 1000px; }
.back-rom-page .cp-lander-hero h1 { font-size: 32px; max-width: 980px; }
.back-rom-page .cp-lander-hero .lead { max-width: 850px; font-size: 16px; }
.back-rom-page .rom-heading .cp-action-dock { position: static; width: auto; max-width: 100%; margin: 0; box-shadow: none; transform: none; }
.back-rom-page .rom-heading [data-back-actions]:empty { display: none; }
.back-rom-page .rom-diagram { aspect-ratio: 345 / 475; max-height: 550px; }
.back-rom-page .back-lateral-diagram { aspect-ratio: 400 / 520; }
.back-rom-page .rom-diagram[hidden], .back-rom-page .rom-thresholds[hidden], .back-rom-page .rom-threshold-heading[hidden] { display: none; }
.back-rom-page .back-side-labels { fill: #314b53; font: 600 12px Inter, sans-serif; }
.back-rom-page .rom-thresholds.back-lateral-examples button { grid-template-columns: 48px minmax(0, 1fr); }
.back-rom-page .rom-segment span { white-space: normal; text-align: center; }
.back-rom-page .rom-segment label { flex: 1 1 0; }
.back-rom-page .rom-clinical-part { mix-blend-mode: multiply; }
.back-rom-page [data-back-crest] { pointer-events: none; }
.back-rom-page .rom-playback [data-back-play] { min-width: 148px; }
.back-rom-page .rom-result { min-height: 250px; }
.back-rom-page .rom-result > strong { font-size: 26px; overflow-wrap: anywhere; }
.back-rom-page .back-result-basis { font-size: 13px; font-weight: 700; color: #314b53; }
.back-rom-page .back-combined-context { margin: 0 0 20px; color: #233449; font-size: 13px; line-height: 1.6; }
.back-rom-page .back-combined-context h3 { margin: 0; font-size: 16px; }
.back-rom-page .back-combined-context table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: 12px; }
.back-rom-page .back-combined-context caption { text-align: left; font-weight: 700; padding-bottom: 6px; }
.back-rom-page .back-combined-context th, .back-rom-page .back-combined-context td { text-align: left; border-bottom: 1px solid #bfcdd1; padding: 9px 8px; overflow-wrap: anywhere; }
.back-rom-page .back-combined-context th:last-child, .back-rom-page .back-combined-context td:last-child { width: 90px; text-align: right; }
.back-rom-page .back-combined-context td { font-weight: 800; color: #153e46; }
.back-rom-page .rom-threshold-heading, .back-rom-page .rom-thresholds button { grid-template-columns: 48px minmax(0, 1fr) 50px; }
.back-rom-page .cinema-top { position: static; display: inline-grid; vertical-align: middle; margin: 8px; width: 44px; height: 44px; box-shadow: none; }
.back-rom-page .cinema-top[hidden] { display: none; }
@media (max-width: 760px) {
  .back-rom-page .rom-heading [data-back-actions] { width: 100%; }
  .back-rom-page .rom-heading .cp-action-dock { display: flex; flex-wrap: wrap; }
  .back-rom-page .cp-lander-hero h1 { font-size: 27px; }
  .back-rom-page .rom-diagram { max-height: 400px; }
  .back-rom-page .rom-segment span { padding: 10px; font-size: 13px; }
  .back-rom-page .rom-threshold-heading, .back-rom-page .rom-thresholds button { grid-template-columns: 44px minmax(0, 1fr) 44px; gap: 8px; }
}