.blog-article{max-width:780px;margin:0 auto;padding:60px 24px 80px;}
.blog-article .article-label{font-size:.75rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ol);font-family:var(--sans);
  margin-bottom:16px;display:block;}
.blog-article h1{font-family:var(--serif);font-size:clamp(2rem,4vw,3rem);
  color:var(--ch);line-height:1.15;margin:0 0 24px;}
.blog-article .article-meta{font-size:.85rem;color:rgba(37,46,39,.5);
  margin-bottom:48px;padding-bottom:24px;
  border-bottom:1px solid rgba(96,111,81,.15);}
.blog-article h2{font-family:var(--serif);font-size:1.6rem;color:var(--ch);
  margin:48px 0 16px;line-height:1.25;}
.blog-article h3{font-family:var(--serif);font-size:1.2rem;color:var(--ch);
  margin:32px 0 12px;}
.blog-article p{font-size:1.05rem;line-height:1.85;color:rgba(37,46,39,.8);
  margin:0 0 20px;}
.blog-article ul,.blog-article ol{padding-left:24px;margin:0 0 20px;}
.blog-article li{font-size:1.05rem;line-height:1.75;
  color:rgba(37,46,39,.8);margin-bottom:8px;}
.blog-article strong{color:var(--ch);font-weight:600;}
.blog-article .article-cta-box{background:var(--ch);
  border-radius:12px;padding:40px;text-align:center;margin:56px 0;}
.blog-article .article-cta-box h3{color:#fff;font-family:var(--serif);
  font-size:1.5rem;margin:0 0 12px;}
.blog-article .article-cta-box p{color:rgba(255,255,255,.7);
  font-size:.95rem;margin:0 0 24px;}
.blog-article .article-cta-box .btn{background:var(--gd);color:#fff;
  padding:14px 32px;border-radius:8px;text-decoration:none;
  font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;
  display:inline-block;transition:opacity .2s;}
.blog-article .article-cta-box .btn:hover{opacity:.85;}
.blog-article .faq-section{background:var(--ww);border-radius:12px;
  padding:40px;margin:48px 0;}
.blog-article .faq-section h2{margin-top:0;}
.blog-article .faq-item{border-bottom:1px solid rgba(96,111,81,.15);
  padding:20px 0;}
.blog-article .faq-item:last-child{border-bottom:none;}
.blog-article .faq-item h3{margin:0 0 8px;font-size:1rem;color:var(--ch);}
.blog-article .faq-item p{margin:0;font-size:.95rem;}
.blog-breadcrumb{background:var(--ww);padding:14px 24px;
  font-size:.8rem;color:rgba(37,46,39,.5);}
.blog-breadcrumb a{color:var(--ol);text-decoration:none;}
.blog-breadcrumb a:hover{text-decoration:underline;}
@media(max-width:600px){
  .blog-article{padding:40px 16px 60px;}
  .blog-article h1{font-size:1.75rem;}
  .blog-article .article-cta-box{padding:28px 20px;}
}
