@media (max-width: 1500px) {
  .prototype-layout { max-width: 1500px; grid-template-columns: minmax(0, 1fr); }
  .review-notes { position: static; max-height: none; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-notes .note-heading, .review-notes h2, .review-notes .question-card { grid-column: 1 / -1; }
}

@media (max-width: 1120px) {
  .review-toolbar { align-items: flex-start; flex-direction: column; }
  .review-controls { width: 100%; overflow-x: auto; padding-bottom: 2px; }
  .review-intro { grid-template-columns: 1fr; }
  .review-principle { width: min(100%, 520px); }
  .odia-app-frame { grid-template-columns: 72px minmax(0, 1fr); }
  .app-sidebar { padding-inline: 7px; }
  .team-switcher { grid-template-columns: 1fr; justify-items: center; }
  .team-switcher strong, .team-switcher > span:last-child,
  .sidebar-nav a:not(.active)::after, .sidebar-nav a { font-size: 0; }
  .sidebar-nav a { justify-content: center; padding: 0; }
  .sidebar-nav a > span { width: auto; font-size: 16px; }
  .user-account { grid-template-columns: 1fr; justify-items: center; }
  .user-account > span:nth-child(2), .user-account > b { display: none; }
  .builder-workbench { grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr); }
  .preview-panel { grid-column: 1 / -1; }
  .preview-panel .behavior-preview { grid-template-columns: 0.8fr 1.2fr; align-items: start; }
  .preview-heading, .behavior-preview > p { grid-column: 1 / -1; }
  .template-preview .scatter-preview { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .template-preview .scatter-preview::before { display: none; }
}

@media (max-width: 900px) {
  .review-intro, .state-pills, .prototype-layout { padding-left: 14px; padding-right: 14px; }
  .odia-app-frame { border-radius: 20px; }
  .screen-root { border-radius: 20px 0 0; }
  .services-action-row { grid-template-columns: minmax(190px, 1fr) auto; }
  .services-action-row > span { display: none; }
  .service-actions .secondary-button { display: none; }
  .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .groups-header { align-items: start; flex-direction: column; }
  .groups-toolbar { align-items: stretch; flex-direction: column; }
  .groups-toolbar .search-field { width: 100%; }
  .group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .empty-library { grid-template-columns: 1fr 1fr; }
  .empty-copy { grid-column: 1 / -1; }
  .builder-header { align-items: flex-start; flex-direction: column; }
  .builder-header > div:last-child { width: 100%; justify-content: flex-end; }
  .object-explainer { grid-template-columns: auto 1fr; }
  .object-explainer p { grid-column: 1 / -1; }
  .builder-workbench { grid-template-columns: 1fr; }
  .preview-panel { grid-column: auto; }
  .preview-panel .behavior-preview { grid-template-columns: 1fr; }
  .template-preview .scatter-preview { grid-template-columns: 1fr; }
  .review-notes { grid-template-columns: 1fr; }
  .review-notes .note-heading, .review-notes h2, .review-notes .question-card { grid-column: auto; }
}

@media (max-width: 760px) {
  body { min-width: 0; }
  .review-toolbar { position: static; padding: 12px 14px; }
  .review-controls label:first-child { display: none; }
  .review-intro h1 { font-size: 27px; }
  .review-principle { min-width: 0; }
  .odia-app-frame { grid-template-columns: 1fr; }
  .app-sidebar { display: none; }
  .app-gutter { padding-left: 0; }
  .screen-root { border-radius: 0; }
  .library-tabs { gap: 15px; }
  .service-grid, .group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .services-action-row { grid-template-columns: 1fr; }
  .service-actions { justify-content: flex-start; }
  .filter-row { align-items: flex-start; flex-direction: column; }
  .empty-library { grid-template-columns: 1fr; }
  .empty-copy { grid-column: auto; }
  .member-row { grid-template-columns: auto 35px minmax(0,1fr) auto; }
  .member-row .row-actions { grid-column: 2 / -1; justify-content: flex-end; }
}