/* A2 Digital — blog layer. Inherits css/style.css; only blog-specific rules here. */

.blog-wrap { max-width: 760px; margin: 0 auto; padding: 3.5rem 1.25rem 4rem; }

.blog-index-head h1,
.blog-post h1 {
  font-family: 'Instrument Serif', Georgia, serif;
  color: #14213D;
  font-size: clamp(2.1rem, 5vw, 3rem);
  line-height: 1.12;
  margin: 0 0 .5rem;
}
.blog-index-head p { color: #4a5568; max-width: 56ch; }

.blog-card { border-bottom: 1px solid rgba(20,33,61,.12); padding: 2rem 0; }
.blog-card h2 {
  font-family: 'Instrument Serif', Georgia, serif;
  font-size: 1.65rem; line-height: 1.2; margin: .2rem 0 .5rem;
}
.blog-card h2 a { color: #14213D; text-decoration: none; }
.blog-card h2 a:hover { color: #2D6E5F; }
.blog-card p { color: #4a5568; }
.blog-card-meta { font-size: .85rem; color: #6b7280; margin: 0; }
.blog-card-more { color: #2D6E5F; font-weight: 600; text-decoration: none; }
.blog-card-more:hover { text-decoration: underline; }

.blog-pager { display: flex; gap: 1.25rem; align-items: center; padding: 1.5rem 0; color: #6b7280; }
.blog-pager a { color: #2D6E5F; text-decoration: none; font-weight: 600; }

.blog-crumbs { font-size: .85rem; color: #6b7280; margin-bottom: 1rem; }
.blog-crumbs a { color: #2D6E5F; text-decoration: none; }

.blog-body { font-size: 1.06rem; line-height: 1.75; color: #2d3748; margin-top: 1.75rem; }
.blog-body h2, .blog-body h3 {
  font-family: 'Instrument Serif', Georgia, serif;
  color: #14213D; line-height: 1.2; margin: 2.2rem 0 .7rem;
}
.blog-body h2 { font-size: 1.7rem; }
.blog-body h3 { font-size: 1.35rem; }
.blog-body a { color: #2D6E5F; }
.blog-body img { max-width: 100%; height: auto; border-radius: 6px; }
.blog-body blockquote {
  border-left: 3px solid #2D6E5F; margin: 1.5rem 0; padding: .25rem 0 .25rem 1.25rem;
  color: #4a5568; font-style: italic;
}
.blog-body pre { overflow-x: auto; background: #14213D; color: #F7F4EE; padding: 1rem; border-radius: 6px; }
.blog-body table { border-collapse: collapse; width: 100%; margin: 1.5rem 0; }
.blog-body th, .blog-body td { border: 1px solid rgba(20,33,61,.15); padding: .55rem .75rem; text-align: left; }

.blog-subscribe {
  background: #F7F4EE; border: 1px solid rgba(20,33,61,.1); border-radius: 8px;
  padding: 1.75rem; margin: 3rem 0 0;
}
.blog-subscribe h3 { font-family: 'Instrument Serif', Georgia, serif; color: #14213D; margin: 0 0 .35rem; font-size: 1.4rem; }
.blog-subscribe p { color: #4a5568; margin: 0 0 1rem; }
.blog-subscribe-form { display: flex; gap: .6rem; flex-wrap: wrap; }
.blog-subscribe-form input[type=email] {
  flex: 1 1 240px; padding: .7rem .9rem; border: 1px solid rgba(20,33,61,.25);
  border-radius: 6px; font-family: 'Sora', sans-serif; font-size: .95rem;
}
.blog-subscribe-form button {
  background: #2D6E5F; color: #fff; border: 0; border-radius: 6px;
  padding: .7rem 1.4rem; font-family: 'Sora', sans-serif; font-weight: 600; cursor: pointer;
}
.blog-subscribe-form button:hover { background: #245a4e; }
.blog-subscribe-ok { color: #2D6E5F; font-weight: 600; margin-top: .75rem; }
.hp-field { position: absolute; left: -9999px; height: 0; width: 0; opacity: 0; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.blog-post-cta { margin-top: 2.5rem; padding-top: 1.5rem; border-top: 1px solid rgba(20,33,61,.12); color: #4a5568; }
.blog-post-cta a { color: #2D6E5F; font-weight: 600; }

.blog-preview-banner {
  background: #14213D; color: #F7F4EE; padding: .5rem .9rem; border-radius: 6px;
  font-size: .85rem; margin-bottom: 1.25rem;
}
.blog-empty { color: #4a5568; padding: 2rem 0; }

/* CHANGE 2026-09-11: featured image + card thumbnail */
.blog-hero{display:block;width:100%;height:auto;border-radius:8px;margin:1rem 0 1.75rem}
.blog-card-img{display:block;width:100%;height:auto;border-radius:6px;margin-bottom:.75rem}

/* CHANGE 2026-09-14: clear the 72px fixed site header (preview banner was hidden under it) */
.blog-wrap{padding-top:5.5rem}

/* CHANGE 2026-09-14: Carmine feedback — paragraph spacing + restore bullets (site reset strips list-style) */
.blog-body p{margin:0 0 1.25em}
.blog-body ul,.blog-body ol{margin:0 0 1.4em;padding-left:1.6rem}
.blog-body ul{list-style:disc}
.blog-body ol{list-style:decimal}
.blog-body li{margin-bottom:.45em}
.blog-body li::marker{color:#2D6E5F}