/* ============================================================
   template-pages.css  –  page-specific styles only
   Global resets, CSS variables, nav, footer, buttons, and
   .container are defined in global-styles.css and removed here.
   ============================================================ */

/* ── BODY EXTENSIONS (page-layout only) ── */
/* global-styles.css sets body base; these add layout for template pages */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
	background-color: #FAF7F2 !important;
}

/* ── PAGE TITLE ── */
#page-title {
    text-align: center;
    font-family: Cardo;
}

/* ── PAGE CONTENT AREA ── */
.page-content {
    flex: 1;
    /*margin-top: 72px; offset for fixed nav */
    height: auto;
    background-color: #FAF7F2;
}