/* ── Site wrapper ─────────────────────────────────────── */
.site-wrapper {
  min-height: 70vh;
}

/* ── Page layout (content + sidebar) ─────────────────── */
.page-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-6);
  padding-block: var(--space-6);
}

@media (min-width: 768px) {
  .page-layout--with-sidebar {
    grid-template-columns: 1fr 300px;
  }
}

@media (min-width: 1440px) {
  .page-layout--with-sidebar {
    grid-template-columns: 1fr 360px;
  }
}