.page-hero{padding-block:72px 48px; text-align:center;}
.page-hero h1{
  font-family:var(--font-display); font-size:clamp(2rem,1.5rem+2.5vw,3.4rem);
  line-height:1.15; font-weight:400; color:var(--ink); margin-bottom:12px;
}
.page-hero h1 strong{color:var(--emerald); font-weight:inherit;}
.entry-content{font-family:var(--font-body); font-size:1.05rem; line-height:1.8; color:var(--ink);}
.entry-content h2{
  font-family:var(--font-display); font-size:clamp(1.5rem,1.2rem+1.5vw,2.2rem);
  line-height:1.2; font-weight:400; color:var(--ink); margin:40px 0 14px;
}
.entry-content h2 strong{color:var(--emerald); font-weight:inherit;}
.entry-content h3{
  font-family:var(--font-body); font-size:1.25rem; font-weight:700;
  color:var(--ink); margin:32px 0 10px;
}
.entry-content p{margin-bottom:20px; color:var(--ink-60);}
.entry-content a{color:var(--emerald); text-decoration:underline; text-underline-offset:3px;}
.entry-content a:hover{color:var(--emerald-2);}
.entry-content ul,
.entry-content ol{margin:0 0 20px 24px;}
.entry-content li{margin-bottom:8px; color:var(--ink-60);}
.entry-content img{border-radius:14px; margin:24px 0;}
.entry-content blockquote{
  border-left:4px solid var(--emerald); padding:16px 20px; margin:24px 0;
  background:var(--ink-06); border-radius:0 12px 12px 0; font-style:italic;
}
.entry-content hr{border:none; border-top:1px solid var(--ink-12); margin:40px 0;}

@media(max-width:768px){
  .page-hero{padding-block:56px 36px;}
  .page-hero h1{font-size:clamp(1.8rem,1.4rem+2vw,2.8rem);}
  .entry-content img{border-radius:10px;}
}
@media(max-width:600px){
  .page-hero{padding-block:48px 32px;}
  .page-hero h1{font-size:1.8rem;}
  .entry-content h2{font-size:1.5rem;}
}
@media(max-width:480px){
  .page-hero{padding-block:44px 28px;}
  .page-hero h1{font-size:1.6rem;}
  .entry-content h2{font-size:1.3rem;}
  .entry-content blockquote{padding:12px 16px;}
}