.kazoku-stage { display: grid; grid-template-columns: minmax(0, 1fr) 22rem; gap: 12px; align-items: start; }
.kazoku-stage > .kazoku-view, .kazoku-stage > .kazoku-side { min-width: 0; }
@media (max-width: 640px) { .kazoku-stage { grid-template-columns: minmax(0, 1fr); } }
@media (min-width: 641px) {
  [data-wide="on"] .kazoku-stage { grid-template-columns: minmax(0, 1fr); }
  [data-wide="on"] .kazoku-stage > .kazoku-view { height: auto; aspect-ratio: 16 / 9; max-height: 80vh; }
  [data-wide="on"] .kazoku-stage > .kazoku-side { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; align-items: start; }
}

