/* ─────────────────────────────────────────
   LAYOUT PRIMITIVES (SAFE SHARED)
───────────────────────────────────────── */

/* Main container */
.container {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 52px;
  padding-right: 52px;
}

/* Section spacing */
.section {
  padding-top: var(--sp-12);
  padding-bottom: var(--sp-12);
}

/* Narrow reading width */
.reading {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

/* Center utility */
.center {
  margin-left: auto;
  margin-right: auto;
}

/* Text center utility */
.text-center {
  text-align: center;
}

/* Fix scroll offset for fixed navbar */
#readingStage {
  scroll-margin-top: 120px;
}