/* Responsive collapse for the standalone option pages. Layout only. */
body{margin:0;background:var(--surface-page)}
@media (max-width:1023px){
  .rva-container [style*="repeat(4,"],
  .rva-container [style*="repeat(3,"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  /* Once the burger takes over navigation, the desktop action buttons would
     otherwise sit beside it and overflow the viewport. Collapse them with the
     rest of the nav. Layout only — matches the design system's own burger
     breakpoint. */
  .rva-nav__actions{display:none}
}
@media (max-width:767px){
  /* Stack every explicit column grid on the phone view. The options declare
     their layout grids inline (on containers, sections and bare divs alike);
     collapsing them all to a single column is the mobile-first fallback and
     removes the residual horizontal overflow. Layout only. */
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  .rva-container [style*="justify-content: flex-end"]{justify-content:flex-start !important}
  /* Let two-up rows (title beside an outcome badge, etc.) wrap rather than
     force a nowrap badge past the edge. Inline styles only — the design
     system's own class-based rows (e.g. .rva-nav__bar) are untouched. */
  [style*="justify-content: space-between"]{flex-wrap:wrap !important}
}