/* ==================================================
   LAYOUT
   ================================================== */

/* Global container */
.container {
  width: 100%;
  max-width: var(--container-width);
  margin-inline: auto;
  padding-inline: var(--space-md);
}

/* Site wrapper */
.site {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Main content area */
.site-content {
  flex: 1;
  padding-block: var(--space-lg) var(--space-lg) 0px var(--space-lg);
}

/* ==================================================
   PAGE LAYOUT
   ================================================== */

.page-layout {
  width: 100%;
}

/* Layout with sidebar (mobile-first baseline) */
.page-layout.with-sidebar {
  display: grid;
  gap: var(--space-lg);
}

/* Default mobile stack */
.page-layout.with-sidebar {
  grid-template-columns: 1fr;
}

.page-content {
  width: 100%;
}