/* Embedding adaptations only. The release styles remain byte-for-byte intact. */
html { scrollbar-gutter: stable; scroll-behavior: smooth; }
body.popup-body { width: 100%; min-width: 0; max-width: 380px; min-height: 0; margin: 0 auto; }
body.advanced-body { min-width: 0; }
.advanced-page { min-width: 0; }
.lab-shell, .manager-grid { max-width: 100%; }
select, input, .grow, .perf-copy, .status-meta { min-width: 0; }
button, a, input, select { scroll-margin-block: 24px; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid var(--accent3); outline-offset: 3px; }
.lab-support-email, .flow-passes, .site-row, .flow-row-text { overflow-wrap: anywhere; }
.lab-help-card, .a8-advisor-card, .lab-tutorial-card, .a8-tutorial-card { max-height: calc(100dvh - 28px); overflow-y: auto; }
@media (max-width: 420px) {
  .popup-body .brand-row { gap: 5px !important; }
  .popup-body .brand-actions { gap: 3px !important; }
  .popup-body .icon-btn { width: 27px !important; height: 28px !important; }
  .popup-body .brand-mark { width: 34px !important; height: 34px !important; }
  .popup-body .brand-title.mini { font-size: 18px !important; }
  .popup-brand-meta { font-size: 8px !important; }
  .active-player-meta, .video-control-head, .fps-position-head { flex-wrap: wrap; }
  .lab-signal-strip { flex-wrap: wrap; }
  .lab-heading { min-width: 0; }
  .lab-actions-top { gap: 4px; }
  .lab-subtitle { overflow-wrap: anywhere; }
  .color-head, .appearance-head, .smart-control-head, .diagnostic-head, .video-shortcut-row { flex-wrap: wrap; }
  .color-preset-row, .smart-control-grid, .site-profile-console, .compare-console, .lab-video-sliders { grid-template-columns: minmax(0, 1fr); }
  .theme-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .diagnostic-actions, .site-profile-actions, .shortcut-actions, .advisor-lab-actions { flex-wrap: wrap; }
  .lab-video-buttons { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .video-shortcut-row { display: flex; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media (max-width: 300px) {
  .fps-position-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}