/* Keep navigation labels readable and controls reachable on narrow screens. */
.header nav { min-width: 0; }
.header nav a { white-space: nowrap; flex-shrink: 0; }
.actions, .filter-form { flex-wrap: wrap; }
.field { min-width: 0; }
@media (max-width: 700px) {
    .header nav { flex: 0 0 100%; order: 3; width: 100%; overflow-x: auto; }
    .page-head { flex-wrap: wrap; }
    .actions { align-items: stretch; }
    .filter-form { align-items: stretch; flex-direction: column; }
    .filter-form input { width: 100%; }
    input, select { max-width: 100%; }
}