/* Give the instruments priority; vehicle selection is a compact companion. */
@media (min-width: 1101px) {
  .ov-motorsport:not([data-focus="true"]) .stage {
    grid-template-columns: clamp(210px, 18vw, 250px) minmax(0, 1fr) 306px;
    grid-template-rows: minmax(0, 1fr);
    gap: 24px;
    padding: 22px 28px;
  }
  .ov-motorsport .ov-showcase {
    align-self: start;
    min-height: 0;
    max-height: none;
    padding: 18px 14px 12px;
    border-radius: 16px;
  }
  .ov-motorsport .ov-instrument-heading h1 {
    font-size: 24px;
    margin: 9px 0 4px;
    line-height: 1.15;
  }
  .ov-motorsport .ov-eyebrow {
    font-size: 8px;
  }
  .ov-motorsport .ov-engine-picker {
    gap: 5px;
    margin-top: 12px;
  }
  .ov-motorsport .ov-engine-picker > button {
    width: 32px;
    flex-basis: 32px;
    min-height: 46px;
    border-radius: 10px;
  }
  .ov-motorsport .ov-engine-choice {
    padding: 7px 8px;
    border-radius: 10px;
  }
  .ov-motorsport .ov-engine-choice label {
    font-size: 6px;
  }
  .ov-motorsport .ov-engine-choice select {
    font-size: 12px;
    padding-right: 15px;
  }
  .ov-motorsport .ov-engine-choice::after {
    right: 8px;
    width: 5px;
    height: 5px;
  }
  .ov-motorsport .ov-engine-figure {
    flex: 0 0 130px;
    min-height: 0;
    height: 130px;
    max-height: 130px;
    margin: 10px -6px 0;
  }
  .ov-motorsport .ov-showcase .ov-selected {
    margin-top: 5px;
    padding-top: 5px;
  }
  .ov-motorsport .ov-showcase .cv-bouton {
    display: none;
  }
  .ov-motorsport .ov-showcase .ov-rev-test {
    text-align: center;
    padding: 8px 0;
  }
  .ov-motorsport .dial-wrap {
    grid-column: 2;
    grid-row: 1;
  }
  .ov-motorsport .side {
    grid-column: 3;
    grid-row: 1;
  }
}
@media (min-width: 701px) {
  .ov-motorsport .dial-wrap {
    gap: 5px;
    padding: 0;
    min-height: 0;
  }
  .ov-motorsport #tacho {
    flex: 1 1 0;
    width: 100%;
    max-width: 660px;
    min-height: 0;
    max-height: none;
    margin: 0;
  }
  .ov-motorsport .ov-cluster-heading {
    font-size: 9px;
    padding: 0 5px;
  }
  .ov-motorsport .ov-telemetry {
    padding: 7px 5px 0;
    gap: 14px;
  }
  .ov-motorsport .ov-telemetry strong {
    font-size: 20px;
  }
  .ov-motorsport .ov-telemetry span {
    font-size: 9px;
  }
  .ov-motorsport .ov-rev-strip {
    padding: 4px 5px 0;
  }
  .ov-motorsport .ov-rev-label {
    margin-bottom: 5px;
  }
  .ov-motorsport .ov-rev-segments {
    height: 8px;
  }
  .ov-motorsport .ov-motion {
    padding: 4px 5px 0;
  }
  .ov-motorsport .ov-motion-heading {
    margin-bottom: 5px;
  }
  .ov-motorsport .ov-key-hint {
    display: none;
  }
}
@media (min-width: 701px) and (max-width: 1100px) {
  .ov-motorsport:not([data-focus="true"]) .stage {
    grid-template-rows: 88px minmax(0, 1fr);
    gap: 14px 23px;
  }
  .ov-motorsport .ov-showcase {
    padding: 8px 12px;
  }
  .ov-motorsport .ov-instrument-heading {
    width: 60%;
  }
  .ov-motorsport .ov-eyebrow {
    display: none;
  }
  .ov-motorsport .ov-instrument-heading h1 {
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ov-motorsport .ov-engine-picker {
    left: 12px;
    right: 42%;
    bottom: 8px;
    gap: 5px;
    margin: 0;
  }
  .ov-motorsport .ov-engine-choice {
    padding: 4px 8px;
  }
  .ov-motorsport .ov-engine-choice label {
    font-size: 6px;
  }
  .ov-motorsport .ov-engine-choice select {
    font-size: 12px;
  }
  .ov-motorsport .ov-engine-picker > button {
    min-height: 44px;
  }
  .ov-motorsport .ov-engine-figure {
    width: 39%;
    height: 86px;
    min-height: 0;
    top: 0;
    right: 2px;
    margin: 0;
  }
  .ov-motorsport .ov-showcase .ov-selected {
    display: none;
  }
}
@media (min-width: 1101px) and (max-height: 700px) {
  .ov-motorsport:not([data-focus="true"]) .stage {
    grid-template-rows: minmax(0, 1fr);
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .ov-motorsport .ov-engine-figure {
    position: relative;
    width: auto;
    top: auto;
    right: auto;
  }
  .ov-motorsport .ov-instrument-heading {
    width: 100%;
  }
  .ov-motorsport .ov-engine-picker {
    position: relative;
    inset: auto;
    margin-top: 12px;
  }
}
@media (min-width: 701px) and (max-width: 1100px) and (max-height: 700px) {
  .ov-motorsport:not([data-focus="true"]) .stage {
    grid-template-rows: 62px minmax(0, 1fr);
  }
  .ov-motorsport .ov-showcase {
    padding: 7px 10px;
  }
  .ov-motorsport .ov-instrument-heading h1,
  .ov-motorsport .ov-cluster-heading,
  .ov-motorsport .ov-rev-strip {
    display: none;
  }
  .ov-motorsport .ov-engine-picker {
    bottom: 8px;
    left: 10px;
  }
  .ov-motorsport .ov-engine-figure {
    height: 60px;
  }
}
@media (max-width: 700px) {
  .ov-motorsport .ov-showcase {
    min-height: 134px;
    max-height: 134px;
    flex-basis: 134px;
    padding: 13px 13px 58px;
  }
  .ov-motorsport .ov-instrument-heading {
    width: 57%;
  }
  .ov-motorsport .ov-eyebrow {
    font-size: 7px;
  }
  .ov-motorsport .ov-instrument-heading h1 {
    font-size: 22px;
    line-height: 1.12;
    margin: 7px 0 0;
  }
  .ov-motorsport .ov-engine-figure {
    width: 43%;
    height: 83px;
    min-height: 0;
    top: 0;
    right: 0;
  }
  .ov-motorsport .ov-engine-picker {
    bottom: 10px;
    left: 11px;
    right: 11px;
  }
  .ov-motorsport .ov-engine-choice {
    padding: 6px 10px;
  }
  .ov-motorsport #tacho {
    width: 100%;
    max-width: 400px;
    height: clamp(225px, calc(100dvh - 530px), 315px);
    margin: 0;
  }
  .ov-motorsport .ov-cluster-heading {
    display: none;
  }
  .ov-motorsport .dial-wrap {
    gap: 5px;
  }
}