/* The team website: a top bar and one centred column, on top of the desktop app's styles (app.css). */
html, body { height: auto; }
html { background-color: var(--color-base-200); }
body { min-height: 100vh; }
.topbar {
  position: sticky; top: 0; z-index: 10;
  display: flex; align-items: center; gap: 0.9rem; padding: 0.8rem 1rem;
  border-bottom: 2px solid var(--pu-line); background: var(--color-base-100);
}
.wordmark-sm { font-size: 1.15rem; box-shadow: 3px 3px 0 var(--pu-shadow); }
.page { width: 100%; max-width: 1080px; margin: 0 auto; padding: 1.75rem 1rem 3rem; }
@media (min-width: 640px) {
  .topbar { padding: 0.8rem 1.5rem; }
  .page { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.btn svg { flex: none; }