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

.page-content {
  width: 100%;

  padding-top: var(--content-padding-top, 60px);
  padding-bottom: var(--content-padding-bottom, 80px);
}

/* ==================================================
   INNER ARTICLE STRUCTURE
   ================================================== */

.page-article {
  max-width: var(--content-max-width, 100%);
  margin-inline: auto;
}

/* Optional: Improve vertical rhythm inside content */
.page-article .entry-content > * + * {
  margin-top: var(--content-flow-spacing, 1.25rem);
}

/* ==================================================
   RESPONSIVE (Future-Ready Placeholder)
   ================================================== */

@media (max-width: 768px) {
  .page-content {
    padding-top: var(--content-padding-top-mobile, var(--content-padding-top, 60px));
    padding-bottom: var(--content-padding-bottom-mobile, var(--content-padding-bottom, 80px));
  }
}