/* V7 additions; V6 keeps its original styles and one-way overview. */
.v7-instrument-mode { margin-top: 8px; min-height: 2.8em; color: var(--muted); font: 450 .6875rem/1.4 var(--mono); }
.v7-instrument-mode[data-direction="bidirectional"] { color: var(--red); font-weight: 550; }
.v7-interface-list { margin-top: 32px; border-top: 1px solid var(--line); }
.v7-interface-list > div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.7fr); gap: 24px; padding-block: 24px; border-bottom: 1px solid var(--line); }
.v7-interface-list dt { font-weight: 550; }
.v7-interface-list dd { color: var(--muted); }
.v7-exchange-section { margin-top: 48px; padding-top: 40px; border-top: 1px solid var(--line); }
.v7-exchange-section > p:not(.eyebrow) { margin-top: 24px; color: var(--muted); }
.v7-exchange-section .reference-grid { margin-top: 32px; }
.v7-exchange-section h4 { font: 400 1.75rem/1.15 var(--serif); margin-bottom: 20px; }
.v7-exchange-section ol { list-style: decimal; padding-left: 1.3em; color: var(--muted); }
.v7-exchange-section li + li { margin-top: 12px; }
@media (max-width: 767px) {
  .v7-interface-list > div { grid-template-columns: 1fr; gap: 12px; }
}

#pp-mobile .panel__media { min-width: 0; }
#pp-mobile .stage { grid-template-columns: minmax(0, 1fr); padding: 20px 24px; }
.mobile-product-screen { display: block; width: 240px; max-width: 100%; }
.mobile-product-screen img { width: 100%; height: auto; }
.dive[aria-labelledby="dive-offline"] { align-items: start; }
#sync-sim .sim__list { min-height: 0; }