/* Containers */
.container { width: 100%; max-width: 960px; margin-inline: auto; padding-inline: calc(var(--space) * 0.5); }

/* Header */
.site-header { background: var(--color-surface); border-bottom: 1px solid var(--color-border); backdrop-filter: saturate(120%) blur(6px); }
.header-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: calc(var(--space) * 1) 0; }
.brand { display: inline-flex; align-items: center; gap: calc(var(--space) * 0.75); color: inherit; }
.brand:hover { text-decoration: none; }
.brand-logo { width: 36px; height: 36px; border-radius: 8px; }
.brand-title { font-weight: 700; font-size: 1.125rem; }

/* Header center area for prominent install CTA */
.header-center { display: flex; justify-content: center; }

/* Header right actions */
.header-actions { display: flex; justify-self: end; align-items: center; gap: 10px; }
.nav-link.admin-link { color: var(--color-muted); }
.nav-link.admin-link:hover { color: var(--color-text); text-decoration: none; }

/* Prominent install button */
.btn-install { font-size: 1rem; padding: 10px 16px; }
@media (min-width: 480px) {
  .btn-install { font-size: 1.125rem; padding: 12px 18px; }
}

/* Main */
.site-main { padding-top: calc(var(--space) * 1); padding-bottom: calc(var(--space) * 2); }

/* Footer */
.site-footer { border-top: 1px solid var(--color-border); background: var(--color-surface); }
.footer-inner { padding: calc(var(--space) * 1.25) 0; color: var(--color-muted); }

/* Responsive (>=768px) */
@media (min-width: 768px) {
  .header-inner { align-items: center; }
  .btn-install { font-size: 1.125rem; padding: 12px 22px; }
}