/* ═══════════════════════════════════════════════════════════
   Blog — layered on estate.css
   ═══════════════════════════════════════════════════════════ */

.bloghead{
  background:var(--ink); color:#fff;
  padding:calc(var(--nav-h) + clamp(3rem,8vh,6rem)) 0 clamp(3rem,7vh,5rem);
}
.bloghead .h-display{ color:#fff; }
.bloghead .lede{ color:rgba(255,255,255,.68); margin-top:1.4rem; }
.bloghead .section-index{ color:rgba(255,255,255,.45); }

.bloglist{ padding:clamp(3rem,8vh,6rem) 0; }
.bloglist .posts{ grid-template-columns:repeat(3,1fr); margin-top:0; }

/* ── Article ─────────────────────────────────────────── */
.article{ padding:clamp(2.5rem,6vh,4.5rem) 0 clamp(4rem,10vh,7rem); }
.article__inner{ max-width:74ch; margin:0 auto; }
.article__back{
  display:inline-block; font-size:.78rem; letter-spacing:.04em; text-decoration:none;
  color:var(--brick-ink); margin-bottom:2rem;
}
.article__back:hover{ text-decoration:underline; text-underline-offset:3px; }
.article__meta{
  display:flex; gap:1.2rem; flex-wrap:wrap; align-items:baseline;
  font-size:.72rem; text-transform:uppercase; letter-spacing:.16em;
  color:var(--brick-ink); margin-bottom:1.2rem;
}
.article h1{
  font-family:'Fraunces',Georgia,serif; font-weight:400; font-size:clamp(2rem,4vw,3.4rem);
  line-height:1.03; letter-spacing:-.028em; margin:0 0 1.5rem;
}
.article__standfirst{
  font-size:clamp(1.05rem,1.5vw,1.28rem); line-height:1.55; color:var(--txt);
  padding-bottom:1.8rem; border-bottom:1px solid var(--rule); margin:0 0 2.2rem;
}
.article__body h2{
  font-family:'Fraunces',serif; font-weight:400; font-size:clamp(1.4rem,2.4vw,1.9rem);
  letter-spacing:-.02em; margin:2.6rem 0 .9rem;
}
.article__body h3{
  font-family:'Fraunces',serif; font-weight:400; font-size:1.15rem; margin:2rem 0 .6rem;
}
.article__body p{ margin:0 0 1.15rem; }
.article__body ul,.article__body ol{ margin:0 0 1.3rem; padding-left:1.3rem; }
.article__body li{ margin-bottom:.55rem; }
.article__body b,.article__body strong{ font-weight:500; }
.article__body a{ color:var(--brick-ink); text-decoration:underline; text-underline-offset:3px; }
.article__body blockquote{
  margin:2rem 0; padding:1.2rem 0 1.2rem 1.5rem; border-left:2px solid var(--brick);
  font-family:'Fraunces',serif; font-size:1.15rem; line-height:1.45; color:var(--ink);
}
.article__body table{ width:100%; border-collapse:collapse; font-size:.92rem; margin:1.6rem 0; }
.article__body th{
  text-align:left; font-size:.68rem; text-transform:uppercase; letter-spacing:.14em;
  color:rgba(20,32,26,.74); font-weight:500; padding:.7rem 1rem .7rem 0; border-bottom:1px solid var(--rule);
}
.article__body td{ padding:.8rem 1rem .8rem 0; border-bottom:1px solid var(--rule); vertical-align:top; }
.article__note{
  margin:2.4rem 0 0; padding:1.3rem 1.5rem; background:var(--paper-2);
  border-left:2px solid var(--brick); font-size:.92rem; color:var(--txt);
}
.article__note b{ color:var(--ink); }
.article__cta{
  margin-top:3rem; padding-top:2rem; border-top:1px solid var(--rule);
  display:flex; gap:.8rem; flex-wrap:wrap; align-items:center;
}
.article__cta p{ margin:0 auto 0 0; font-size:.95rem; color:var(--txt); max-width:38ch; }

@media (max-width:1080px){ .bloglist .posts{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px){ .bloglist .posts{ grid-template-columns:1fr; } }