/* Shared top-level editor navigation. */
.topbar .brand-versions { flex-direction: column; align-items: flex-start; }
.top-primary-nav { display: flex; flex: 1 1 auto; justify-content: flex-start; align-items: center; gap: 10px; min-width: 0; overflow-x: auto; }
.top-primary-nav button { flex: 0 0 auto; min-height: 38px; padding: 7px 16px; border: 1px solid #d1d5db; border-radius: 5px; background: transparent; color: var(--text); cursor: pointer; white-space: nowrap; }
.top-primary-nav button.active { border-color: #00a65a; color: #087c48; }
.top-primary-nav button:focus-visible { outline: 2px solid #087c48; outline-offset: 2px; }
@media (min-width: 1201px) {
  .topbar .brand { flex: 0 0 270px; }
}
@media (max-width: 1200px) {
  .shell { grid-template-rows: auto minmax(0, 1fr); }
  .topbar { flex-wrap: wrap; padding-top: 8px; padding-bottom: 8px; }
  .top-primary-nav { order: 4; flex-basis: 100%; justify-content: flex-start; }
}