.blog-detail-section{
    padding-top:15px;
}

@media screen and (min-width: 1023px) {
  .blog-detail-section{
      padding-top:80px;
  }    
}

@media screen and (min-width: 992px) {
  .blog-detail-section{
      padding-top:70px;
  }
}

 /* ── PAGE HERO ── */
.lp-blog-hero {
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,0.07);
  padding: 40px 0 0;
}
.lp-blog-hero .hero-inner {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 16px 40px;
}
.lp-blog-hero .breadcrumb {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #999;
  margin-bottom: 16px;
  background: none;
  padding: 0;
  flex-wrap: wrap;
}
.lp-blog-hero .breadcrumb a { color: #999; transition: color 0.2s; }
.lp-blog-hero .breadcrumb a:hover { color: #1a9e5c; }
.lp-blog-hero .breadcrumb .sep { opacity: 0.4; }
.lp-blog-hero .breadcrumb .current { color: #555; font-weight: 500; }
.lp-blog-hero .post-cat {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #e6f7ef;
  color: #0f6e3e;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 14px;
}
.lp-blog-hero .post-cat svg { width: 12px; height: 12px; stroke: #0f6e3e; fill: none; stroke-width: 2.5; }
.lp-blog-hero h1 {
  font-family: 'Merriweather', Georgia, serif;
  font-size: 30px;
  font-weight: 700;
  color: #111111;
  line-height: 1.35;
  margin-bottom: 18px;
  letter-spacing: -0.3px;
}


/* ── SIDEBAR ── */
    .blog-sidebar { padding-left: 8px; }
    .sidebar-card {
      background: #ffffff;
      border: 1px solid rgba(0,0,0,0.07);
      border-radius: 16px;
      padding: 20px 18px;
      margin-bottom: 16px;
    }
    .sidebar-card:last-child { margin-bottom: 0; }
    .sidebar-card .sc-title {
      font-size: 14px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 14px;
      display: flex;
      align-items: center;
      gap: 7px;
      padding-bottom: 12px;
      border-bottom: 1px solid rgba(0,0,0,0.06);
    }
    .sidebar-card .sc-title svg { width: 15px; height: 15px; stroke: #1a9e5c; fill: none; stroke-width: 2; stroke-linecap: round; }




    .blog-content ul{
        list-style-type: disc;
        padding-left: 20px;
    }


    /* Share strip */
    .share-strip {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 32px;
      padding-top: 22px;
      border-top: 1px solid rgba(0,0,0,0.06);
      flex-wrap: wrap;
    }
    .share-strip .share-label { font-size: 12px; font-weight: 600; color: #888; text-transform: uppercase; letter-spacing: 0.5px; }
    .share-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 12px;
      font-weight: 600;
      padding: 7px 14px;
      border-radius: 8px;
      border: 1px solid rgba(0,0,0,0.10);
      background: #f5f7f5;
      color: #444;
      cursor: pointer;
      transition: background 0.2s, border-color 0.2s;
    }
    .share-btn svg { width: 14px; height: 14px; fill: #444; }
    .share-btn:hover { background: #e6f7ef; border-color: rgba(26,158,92,0.3); color: #0f6e3e; }
    .share-btn:hover svg { fill: #0f6e3e; }