@media (max-width: 520px) {
  .locale-switcher { display: flex; }
  .topbar { gap: 8px; height: auto; min-height: 72px; flex-wrap: wrap; padding-block: 8px; }
  .locale-switcher button { padding-inline: 6px; }
  .button { padding-inline: 9px; }
  .console-shell main [id] { scroll-margin-top: 9rem; }
}

/* Keep every authorized journey discoverable on short and narrow viewports. */
.sidebar { overflow-y: auto; }
.content-grid { grid-template-columns: minmax(0, 1fr); }
main [id] { scroll-margin-top: 6rem; }
:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 3px solid var(--blue);
  outline-offset: 3px;
}
@media (max-width: 760px) {
  .sidebar {
    display: block;
    position: static;
    height: auto;
    min-height: 0;
    padding: 10px 14px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    min-width: 0;
  }
  .sidebar nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 4px;
  }
  .sidebar nav a { min-width: 0; padding: 10px 8px; }
  .sidebar .product-lockup { display: none; }
}