/* ======================================
   Echelon-Health · Blog Stylesheet
   ====================================== */

/* No pseudo-element orange rule — page-hero handles the blue band */
.blog-index-wrap::before { display: none; }
.blog-post-wrap::before  { display: none; }

/* ── BLOG INDEX ── */
.blog-index-wrap {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 2rem 4rem;
}

.blog-entry {
  padding: 1.75rem 0;
  border-bottom: 1px solid var(--border);
}
.blog-entry:last-child { border: none; }

h1.blog-entry-title {
  font-family: 'Libre Baskerville', serif !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  margin: 0 0 .35rem 0 !important;
  line-height: 1.3 !important;
}
.blog-entry-title a, a.blog-permalink {
  color: var(--blue) !important;
  text-decoration: none !important;
  transition: color .15s;
}
.blog-entry-title a:hover, a.blog-permalink:hover { color: var(--orange) !important; }

.blog-entry-date {
  font-size: .73rem !important;
  color: var(--text-light) !important;
  margin-bottom: .55rem !important;
  display: block;
}
.blog-entry-category a {
  color: var(--orange) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.blog-entry-body {
  font-size: .88rem !important;
  color: var(--text-mid) !important;
  line-height: 1.75 !important;
}

.blog-read-more { display: inline; }
.blog-read-more a {
  color: var(--blue) !important;
  font-weight: 600 !important;
  font-size: .82rem !important;
  text-decoration: none !important;
}
.blog-read-more a:hover { color: var(--orange) !important; }

p.blog-entry-tags {
  margin-top: .55rem !important;
  font-size: .72rem !important;
  color: var(--text-light) !important;
}
.blog-entry-tags a {
  color: var(--blue) !important;
  background: var(--blue-pale) !important;
  padding: .15rem .45rem !important;
  border-radius: 3px !important;
  text-decoration: none !important;
  margin-right: .25rem !important;
  display: inline-block !important;
  margin-bottom: .25rem !important;
  font-size: .68rem !important;
}

.blog-entry-body img, .blog-entry img {
  max-width: 200px !important;
  height: auto !important;
  border-radius: 5px !important;
  margin: .6rem 0 !important;
  display: block;
}

/* ── BLOG POST ── */
.blog-post-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem 2rem 4rem;
}

.blog-back { font-size: .8rem !important; margin-bottom: 1.5rem !important; }
.blog-back a { color: var(--blue) !important; font-weight: 600 !important; text-decoration: none !important; }
.blog-back a:hover { color: var(--orange) !important; }

.blog-post-wrap h1, .blog-post-wrap .blog-entry-title {
  font-family: 'Libre Baskerville', serif !important;
  font-size: 1.85rem !important;
  font-weight: 700 !important;
  color: var(--blue) !important;
  line-height: 1.25 !important;
  margin-bottom: .5rem !important;
}

.blog-post-wrap .blog-entry-date {
  font-size: .76rem !important;
  color: var(--text-light) !important;
  display: block !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 1.25rem !important;
  border-bottom: 1px solid var(--border) !important;
}

.blog-post-wrap p { font-size: .95rem; color: var(--text-mid); line-height: 1.85; margin-bottom: 1.25rem; }
.blog-post-wrap h2 { font-family: 'Libre Baskerville', serif; font-size: 1.25rem; font-weight: 700; color: var(--blue); margin: 2rem 0 .75rem; }
.blog-post-wrap h3 { font-family: 'Libre Baskerville', serif; font-size: 1.05rem; font-weight: 700; color: var(--blue); margin: 1.5rem 0 .5rem; }
.blog-post-wrap img { max-width: 100%; border-radius: 6px; margin: 1rem 0; height: auto; }
.blog-post-wrap a { color: var(--blue); }
.blog-post-wrap a:hover { color: var(--orange); }
.blog-post-wrap blockquote { border-left: 3px solid var(--orange); padding: .75rem 1.25rem; margin: 1.5rem 0; background: var(--warm-gray); border-radius: 0 4px 4px 0; font-style: italic; }
.blog-post-wrap ul, .blog-post-wrap ol { margin: 1rem 0 1.25rem 1.5rem; }
.blog-post-wrap li { font-size: .93rem; color: var(--text-mid); line-height: 1.8; margin-bottom: .3rem; }
.blog-post-wrap iframe { max-width: 100%; border-radius: 6px; margin: 1rem 0; }
.blog-post-wrap p.blog-entry-tags { margin-top: 2rem !important; padding-top: 1.25rem !important; border-top: 1px solid var(--border) !important; }

@media (max-width: 700px) {
  .blog-index-wrap { padding: 0 1rem 3rem; }
  .blog-post-wrap  { padding: 1.5rem 1rem 3rem; }
  .blog-post-wrap h1, .blog-post-wrap .blog-entry-title { font-size: 1.5rem !important; }
  h1.blog-entry-title { font-size: 1rem !important; }
}