@media (max-width: 1060px) {
    .profile-grid,
    .trajectory-grid--dominant { grid-template-columns: 1fr; }
    .trajectory-grid--cluster,
    .program-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 800px) {
    .panel-grid,
    .cluster-grid,
    .program-grid,
    .trajectory-grid--cluster,
    .form-grid,
    .form-grid.is-three { grid-template-columns: 1fr; }
    .explain-row { grid-template-columns: 1fr; gap: 2px; }
}
@media (max-width: 640px) {
    .site-chrome { flex-wrap: wrap; gap: 10px; }
    .app-shell { padding-inline: 14px; }
    .results-quick-actions .btn,
    .results-quick-actions .btn-ghost { width: 100%; justify-content: center; }
    .feedback-actions { flex-direction: column; }
    .feedback-actions .btn-secondary { width: 100%; justify-content: center; }
    .intro-frame { padding-inline: 22px; }
}