/* Pdhc.StarterSite site-level CSS. Engine component CSS comes from
   /aegis-starter-engine.css (copied at build time from the engine RCL). */

body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #21212e; background: #fbfaf6; }

.site-header { background: #3f3a2e; color: #fbfaf6; }
.site-header__inner { max-width: 1160px; margin: 0 auto; padding: 14px 22px; display: flex; justify-content: space-between; align-items: baseline; }
.site-header__brand { color: inherit; text-decoration: none; font-weight: 600; }
.site-header__nav a { color: inherit; text-decoration: none; margin-left: 14px; opacity: 0.85; }
.site-header__nav a:hover { opacity: 1; text-decoration: underline; }

.hero { max-width: 880px; margin: 0 auto; padding: 64px 22px 32px; }
.hero h1 { font-size: 38px; margin: 0 0 6px; color: #3f3a2e; }
.hero__subtitle { color: #6b7280; margin: 0 0 16px; }
.hero__lede { font-size: 17px; line-height: 1.55; color: #21212e; }

.cta { display: inline-block; padding: 10px 18px; border-radius: 6px; text-decoration: none; font-weight: 600; }
.cta--primary { background: #3f3a2e; color: #fbfaf6; }

.site-footer { margin-top: 64px; padding: 18px 0; border-top: 1px solid #e6e3d8; background: #f4f1e9; color: #6b7280; }
.site-footer__inner { max-width: 1160px; margin: 0 auto; padding: 0 22px; }