/* ==========================================================================
   ARTICLE FAQ — UI v1 component
   Layout and native details/summary states only. Final text sizing remains in
   typography.css, which loads after this component.
   ========================================================================== */

@media (min-width:1001px){
  .article-faq summary{
    font-size:14.5px;
  }
  .article-faq details p{
    font-size:13.5px;
  }
}

.article-faq{
  scroll-margin-top:24px;
  margin-top:38px;
}

.article-faq-list{
  border-top:1px solid var(--line);
}

.article-faq details{
  border-bottom:1px solid var(--line);
}

.article-faq summary{
  position:relative;
  padding:14px 34px 14px 0;
  cursor:pointer;
  list-style:none;
  font-weight:700;
}

.article-faq summary::-webkit-details-marker{
  display:none;
}

.article-faq summary:after{
  content:"+";
  position:absolute;
  right:3px;
  top:10px;
  color:var(--green);
  font-size:22px;
  line-height:1;
  font-weight:500;
}

.article-faq details[open] summary:after{
  content:"−";
}

.article-faq details p{
  margin:-2px 0 16px;
  max-width:780px;
  color:#5e6f77;
}