body {
  padding-top: 100px; /* Adjust if needed based on actual header */
}

/* === BLOG WRAPPER === */
.blog-wrapper {
  max-width: 960px;
  margin: 3rem auto;
  padding: 0 1rem;
  font-family: 'Georgia', 'Times New Roman', serif;
  line-height: 1.7;
  color: #333;
}

/* === BLOG ARTICLE === */
.blog-post h1 {
  font-size: 2.2rem;
  margin-bottom: 1rem;
  text-align: center;
  font-weight: bold;
  color: #e6007e;
  font-family: 'Georgia', 'Times New Roman', serif;
}

.blog-post h2 {
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: #c1006a;
  font-weight: bold;
  font-family: 'Georgia', 'Times New Roman', serif;
  border-top: 1px solid #eee;
  padding-top: 1.5rem;
}

.blog-post p {
  font-size: 1.05rem;
  margin: 1rem 0;
  color: #444;
}

.blog-post img {
  display: block;
  max-width: 100%;
  margin: 2rem auto;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

/* === LINKS === */
.blog-post a {
  color: #e6007e;
  text-decoration: underline;
  font-weight: bold;
}

.blog-post a:hover {
  color: #c1006a;
}

/* === CTA SECTION === */
.blog-cta {
  margin: 3rem 0 0;
  padding: 1.5rem;
  background: #fbe6f0;
  border-left: 5px solid #e6007e;
  font-size: 1rem;
  text-align: center;
}

.blog-cta a {
  color: #e6007e;
  font-weight: bold;
  text-decoration: none;
}

.blog-cta a:hover {
  text-decoration: underline;
}

/* === RESPONSIVE === */
@media (max-width: 600px) {
  .blog-wrapper {
    margin: 2rem auto;
    padding: 0 1rem;
  }

  .blog-post h1 {
    font-size: 1.75rem;
  }

  .blog-post h2 {
    font-size: 1.3rem;
  }

  .blog-post p {
    font-size: 1rem;
  }
}
/* ────────────────────────────────────────────────
   BLOG CORE LAYOUT
   ------------------------------------------------------------------ */
   .blog-wrapper{
    /* centres the whole blog section on the page */
    max-width:900px;          /* change if your design is wider/narrower */
    margin:0 auto;
    padding:0 1rem;
  }
  
  .blog-post{
    line-height:1.65;         /* readable line height for body copy */
  }
  
  /* CTA panel that appears before the tips block */
  .blog-cta{
    background:#fbe9f3;
    border-left:4px solid #d21d59;
    padding:2rem 1.5rem;
    margin:2.5rem 0 0;
    text-align:center;
  }
/* ─── Quick tips — centred white panel with pink trim ───────────── */
.quick-tips{
  width:100%;
  box-sizing:border-box;

  /* layout */
  margin:3rem 0 0;                 /* gap above, none below          */
  padding:1.5rem 2rem;             /* space inside the box           */
  text-align:center;               /* centre heading + list          */

  /* colours / borders */
  background:#fff;                 /* white box                      */
  border:2px solid #d21d59;        /* thin pink frame                */
  border-left-width:10px;          /* thicker stripe on the left     */
}

.quick-tips h3{
  margin:0 0 1rem;
  font-size:1.15rem;
  color:#d21d59;                   /* pink heading                   */
}

.quick-tips ul{
  list-style:none;                 /* remove default bullets         */
  padding:0;
  margin:0;
}

.quick-tips li{
  position:relative;
  margin:.6rem 0;
  padding-left:1.25rem;            /* room for custom bullet         */
  line-height:1.45;
}

/* custom pink bullet, centred with the text block */
.quick-tips li::before{
  content:"•";
  position:absolute;
  left:0;
  color:#d21d59;
  font-weight:bold;
}