/* Article blocks and animated FAQ */
.article-block{
  border-radius:12px;
  padding:14px;
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,255,0.98));
  box-shadow: 0 8px 26px rgba(2,6,23,0.04);
  margin-bottom:12px;
  transition: transform .18s, box-shadow .18s;
}
.article-block:hover{
  transform: translateY(-6px);
  box-shadow: 0 20px 50px rgba(2,6,23,0.08);
}
.article-block h4{margin:0 0 8px 0}
.article-block p{margin:0;color:#5f6d80}

/* FAQ */
.faq{max-width:880px;margin:18px auto;padding:6px}
.faq-item{
  border-radius:10px;padding:12px;margin-bottom:8px;background:rgba(2,6,23,0.02);
  cursor:pointer;overflow:hidden;transition:all .18s ease;
}
.faq-item .q{font-weight:700}
.faq-item .a{max-height:0;padding-top:0;opacity:0;transition:all .25s ease}
.faq-item.open{background:linear-gradient(90deg, rgba(118,225,255,0.04), rgba(0,180,216,0.02));}
.faq-item.open .a{max-height:600px;padding-top:8px;opacity:1}

/* small screen adjustments */
@media(max-width:480px){
  .article-block{padding:12px}
}