/* ==========================================================================
   ARTICLE SECTIONS — UI v1 component
   Shared visual section headings and spacing.
   Text roles for h2 and p remain in typography.css.
   ========================================================================== */

.article-visual-section{
  scroll-margin-top:24px;
  margin:31px 0 36px;
}
.article-section-heading{
  margin-bottom:14px;
}
.article-section-heading>span{
  display:block;
  margin-bottom:6px;
  color:var(--green);
  font-weight:900;
  letter-spacing:.58px;
}
.article-section-heading h2{
  margin:0!important;
  color:var(--ink);
}
.article-section-heading p{
  max-width:760px;
  margin:6px 0 0;
  color:#66777e;
}

@media (min-width:1001px){
  .article-section-heading>span{
    font-size:9.5px;
  }
}

@media(max-width:700px){
  .article-visual-section{
    margin:26px 0 30px;
  }
  .article-section-heading{margin-bottom:11px}
}