/* Shared outer spacing keeps navigation, test tools and page content aligned. */
:root {
  --content: 1280px;
  --page-gutter: clamp(32px, 4vw, 56px);
}
body[data-page] .topbar,
body[data-page] main {
  width: 100%;
  max-width: var(--content);
  padding-inline: var(--page-gutter);
}
body[data-page] main { padding-top: 32px; }
body[data-page] .test-account-switcher {
  width: min(calc(100% - var(--page-gutter) * 2), calc(var(--content) - var(--page-gutter) * 2));
  max-width: none;
  margin: 8px auto 0;
}
@media (max-width: 1100px) {
  :root { --page-gutter: 32px; }
}
@media (max-width: 700px) {
  :root { --page-gutter: 24px; }
  body[data-page] main { padding-top: 24px; }
}