/* loaded last so these override equal-specificity rules above */
@media (max-width: 1100px) {
  :root { --rail-w: 12rem; }
  .shell { gap: 2rem; }
}
@media (max-width: 860px) {
  .rail { display: none; }
  .topbar .topbar-menu { display: inline-flex; }
  .shell { display: block; padding: 0 1rem; }
  .topbar-inner { padding: 0 1rem; }
  .main { padding: 1.5rem 0 3rem; }
  h1 { font-size: 1.375rem; }
  .rows > .row { flex-wrap: wrap; }
  .row-main { flex-basis: calc(100% - 24px); }
  .field { grid-template-columns: 1fr; gap: 8px; }
  .drawer-panel { padding: 20px 16px 60px; }
  .hide-sm { display: none; }
}
@media (max-width: 640px) {
  #brand-name { display: none; }
  .org-chip { max-width: 11rem; }
}
@media (max-width: 520px) {
  .topbar-sep { display: none; }
}