/* SEO content sections: visible, useful and not spammy */
.seo-section .section-heading p,
.faq-section .section-heading p{
  max-width:760px;
  color:var(--muted);
  font-size:18px;
  line-height:1.7;
}
.seo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:30px;
}
.seo-grid article,
.faq-list details{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
  border-radius:24px;
  padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.seo-grid h3{
  margin-bottom:10px;
}
.seo-grid p,
.faq-list p{
  color:var(--muted);
  line-height:1.65;
  margin-bottom:0;
}
.seo-guide-link{
  margin-top:22px;
}
.seo-guide-link a{
  display:inline-flex;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:var(--text);
  font-weight:750;
}
.faq-list{
  display:grid;
  gap:14px;
  margin-top:24px;
}
.faq-list summary{
  cursor:pointer;
  font-weight:850;
  letter-spacing:-.025em;
  color:var(--text);
  list-style:none;
}
.faq-list summary::-webkit-details-marker{
  display:none;
}
.faq-list summary::after{
  content:'+';
  float:right;
  color:var(--blue2);
  font-size:22px;
  line-height:1;
}
.faq-list details[open] summary::after{
  content:'–';
}
.faq-list details[open] summary{
  margin-bottom:12px;
}
.article-page{
  padding:150px 0 80px;
}
.article-shell{
  max-width:920px;
}
.article-shell h1{
  font-size:clamp(44px,6vw,78px);
  line-height:.94;
  letter-spacing:-.07em;
  margin-bottom:24px;
}
.article-lead,
.article-shell section p{
  color:var(--muted);
  font-size:18px;
  line-height:1.75;
}
.article-shell section{
  margin-top:44px;
}
.article-shell section h2{
  font-size:clamp(30px,4vw,48px);
  margin-bottom:14px;
}
.answer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-top:20px;
}
.answer-grid div,
.article-cta{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));
  border-radius:24px;
  padding:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.22);
}
.answer-grid strong{
  display:block;
  margin-bottom:10px;
  font-size:18px;
  letter-spacing:-.02em;
}
.answer-grid p{
  font-size:15px;
  line-height:1.6;
  margin:0;
}
.article-cta{
  margin-top:54px!important;
}
.article-cta .btn{
  display:inline-flex;
  margin-top:8px;
}
@media (max-width:860px){
  .seo-grid,
  .answer-grid{
    grid-template-columns:1fr;
  }
  .seo-section .section-heading p,
  .faq-section .section-heading p,
  .article-lead,
  .article-shell section p{
    font-size:16px;
  }
  .seo-grid article,
  .faq-list details,
  .answer-grid div,
  .article-cta{
    padding:20px;
    border-radius:20px;
  }
  .article-page{
    padding-top:128px;
  }
}