/* Keep the existing phone opening and coverage panel inside the same 20px gutters.
   The container width excludes a reserved browser scrollbar; viewport units do not. */
@media (max-width: 650px) {
  .ptp-opening[data-compact-opening] { container-type: inline-size; }
  .ptp-opening[data-compact-opening] .ptp-hero {
    width: 100%;
    margin-inline: 0;
  }
  .ptp-opening .ptp-coverage[data-coverage-archetype="coverage-popup-v2"] > .coverage-popover-metered {
    width: calc(100cqw - 40px);
  }
}