/* PARENTHOOD.AI — site-wide component styles, shared across every page */
body{margin:0;background:var(--cream-200);font-family:"Montserrat",system-ui,sans-serif}
a{color:var(--terracotta-500);text-decoration:none}
a:hover{color:var(--terracotta-600)}
.wm{font-family:"Montserrat";font-weight:600;font-size:11px;letter-spacing:.22em;color:var(--sand-400)}
.serif{font-family:"Cormorant Garamond",serif}
.script{font-family:"Great Vibes",cursive}
.bebas{font-family:"Bebas Neue",sans-serif}
.mono{font-family:"Space Mono",monospace}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-family:"Montserrat";font-weight:600;cursor:pointer;transition:transform .12s ease,background .15s ease,color .15s ease;border:1.5px solid transparent}
.p-dark{background:var(--charcoal-900);color:var(--cream-100);border-color:var(--charcoal-900)}
.p-dark:hover{background:var(--charcoal-700)}
.p-accent{background:var(--terracotta-500);color:#fff;border-color:var(--terracotta-500)}
.p-accent:hover{background:var(--terracotta-600);border-color:var(--terracotta-600)}
.p-out{background:transparent;color:var(--charcoal-900);border-color:var(--border-default)}
.p-out:hover{border-color:var(--charcoal-900)}
.navlink{font-family:"Montserrat";font-weight:500;font-size:14px;color:var(--charcoal-700);cursor:pointer}
.navlink:hover{color:var(--terracotta-500)}
.lift{transition:transform .2s ease,box-shadow .2s ease}
.lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.post-body p{margin:0 0 22px;font-size:17px;line-height:1.8;color:var(--charcoal-700)}
/* guide download button + meta label row (featured guide, and any future guide) */
.guide-cta{display:flex;gap:12px;align-items:center}

/* nav/footer shared across pages */
.site-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 60px;background:var(--cream-200);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:5}
.site-footer{background:var(--ink-900);padding:48px 60px 34px;color:var(--cream-100)}
.site-footer .footer-inner{max-width:1280px;margin:0 auto}
.site-footer .footer-cols{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.12)}
.site-footer .footer-col{display:flex;flex-direction:column;gap:10px;font-size:13px;color:rgba(241,236,233,.7)}
.site-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:11px;color:rgba(241,236,233,.5)}

/* keep media images from overflowing their container on small screens */
img{max-width:100%}

/* ---- Responsive: tablets and below ---- */
@media (max-width: 860px) {
  .site-nav{padding:16px 22px !important}
  .site-nav .nav-links{gap:18px !important}

  .sec-featured{padding:12px 22px 40px !important}
  .featured-card{grid-template-columns:1fr !important;gap:28px !important;padding:32px 26px !important}

  .sec-guides{padding:8px 22px 40px !important}
  .guides-grid{grid-template-columns:1fr !important}

  .about{grid-template-columns:1fr !important;gap:28px !important;padding:40px 22px !important}

  .sec-ig{padding:8px 22px 44px !important}
  .ig-grid{grid-template-columns:repeat(2,1fr) !important}

  .site-footer{padding:40px 22px 28px}
  .site-footer .footer-cols{grid-template-columns:1fr 1fr;gap:24px}

  .blog-header{padding:56px 22px 36px !important}
  .blog-list{padding:8px 22px 72px !important}
  .post-article{padding:48px 22px 72px !important}
}

/* ---- Responsive: phones ---- */
@media (max-width: 560px) {
  .hero{padding:52px 22px 40px !important}
  .hero-h1{font-size:38px !important}
  .hero-script{font-size:26px !important}
  .blog-h1{font-size:40px !important}
  .post-h1{font-size:34px !important}
  .post-body p{font-size:16px}
  .site-footer .footer-cols{grid-template-columns:1fr}
  .site-footer .footer-bottom{flex-direction:column;gap:8px;text-align:center}

  /* nav: shrink and allow a graceful wrap so it never overflows a phone */
  .site-nav{flex-wrap:wrap;row-gap:6px}
  .nav-logo{height:34px !important}
  .brand-word{font-size:19px !important}
  .nav-links{gap:14px !important}
  .nav-links .navlink{font-size:13px}

  /* keep the featured-guide mock cover inside narrow screens */
  .guide-book{width:auto !important;max-width:240px;height:300px !important}

  /* About page closing + signature */
  .about-close{font-size:23px !important}
  .about-sig{font-size:40px !important}

  /* guide download: stack the meta label under the button, both centered */
  .guide-cta{flex-direction:column;align-items:center;text-align:center;gap:10px}
}