@media (max-width: 980px) {
  .clinical-main { order: 1; }
  .encounter-context { order: 2; }
  .encounter-right { order: 3; }
}

@media (max-width: 680px) {
  .encounter-header__item { min-height: 45px; }
  .encounter-banner__meta { gap: 5px 9px; }
  .clinical-filterbar .form-select { flex: 1 1 125px; }
  .clinical-filterbar .input-wrap { flex-basis: 100%; }
}