/* blog hub */
.blog-hero{padding:4.5rem 0 2.5rem;}
.blog-hero h1{
  font-family:'Playfair Display',serif;
  font-weight:600;
  font-size:clamp(1.9rem, 3.6vw, 2.7rem);
  line-height:1.2;
  margin:0 0 1.1rem;
}
.blog-hero p{
  font-size:1.08rem;
  line-height:1.65;
  color:var(--ink-soft);
  max-width:56ch;
  margin:0 0 1.9rem;
}

.post-list{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:0 0 4rem;
}
.post-card{
  display:block;
  padding:2rem 0;
  border-top:1px solid var(--line);
  text-decoration:none;
  color:inherit;
}
.post-card:first-child{border-top:1px solid var(--line);}
.post-card .tag{
  display:inline-block;
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--green-deep);
  margin-bottom:.6rem;
}
.post-card h2{
  font-family:'Playfair Display',serif;
  font-weight:600;
  font-size:1.4rem;
  line-height:1.3;
  margin:0 0 .55rem;
  color:var(--ink);
}
.post-card:hover h2{color:var(--blue);}
.post-card p{
  margin:0 0 .7rem;
  color:var(--ink-soft);
  font-size:1rem;
  line-height:1.6;
  max-width:64ch;
}
.post-card time{
  font-size:.85rem;
  color:var(--ink-soft);
  opacity:.8;
}

/* article */
.article-header{padding:3.5rem 0 1.5rem;}
.article-header .tag{
  display:inline-block;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--green-deep);
  margin-bottom:.9rem;
}
.article-header h1{
  font-family:'Playfair Display',serif;
  font-weight:600;
  font-size:clamp(1.9rem, 3.8vw, 2.75rem);
  line-height:1.22;
  margin:0 0 1rem;
}
.article-meta{
  color:var(--ink-soft);
  font-size:.92rem;
  margin:0 0 1.9rem;
}
.article-body{
  font-size:1.08rem;
  line-height:1.75;
  color:var(--ink-soft);
  padding-bottom:2rem;
}
.article-body p{margin:0 0 1.4rem;}
.article-body h2{
  font-family:'Playfair Display',serif;
  font-weight:600;
  color:var(--ink);
  font-size:1.5rem;
  margin:2.4rem 0 1rem;
}
.article-body h3{
  font-family:'Inter',sans-serif;
  font-weight:600;
  color:var(--ink);
  font-size:1.12rem;
  margin:1.8rem 0 .8rem;
}
.article-body ul,.article-body ol{
  margin:0 0 1.4rem;
  padding-left:1.3rem;
}
.article-body li{margin-bottom:.55rem;}
.article-body strong{color:var(--ink);}
.pull{
  border-left:3px solid var(--green);
  padding:.2rem 0 .2rem 1.2rem;
  margin:2rem 0;
  font-family:'Playfair Display',serif;
  font-size:1.2rem;
  color:var(--ink);
  font-style:italic;
}
.article-cta{
  background:#f3f1e8;
  border-radius:8px;
  padding:2rem;
  margin:2.8rem 0 1rem;
}
.article-cta p{
  margin:0 0 1.2rem;
  color:var(--ink-soft);
  font-size:1.02rem;
}
.article-cta p:last-of-type{margin-bottom:1.2rem;}

.more-posts{
  border-top:1px solid var(--line);
  padding:2.5rem 0 3.5rem;
}
.more-posts h3{
  font-family:'Inter',sans-serif;
  font-size:.85rem;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--ink-soft);
  margin:0 0 1.2rem;
}
.more-posts ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.more-posts a{
  color:var(--ink);
  text-decoration:none;
  font-weight:500;
}
.more-posts a:hover{color:var(--blue);}

@media (max-width:480px){
  .article-cta{padding:1.4rem;}
}