.faq-section .faq-title { font-size: 28px; margin-bottom: 6px; color: #0F172A; }
.faq-section .faq-hint { max-width: 780px; margin-left: auto; margin-right: auto; }
.faq-card { max-width: 920px; margin: 0 auto 28px; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); border: 1px solid #EEF2F7; padding: 18px; border-radius: 14px; box-shadow: 0 10px 30px rgba(2,6,23,0.04); }
.faq-list-modern { margin: 0; padding: 0; width: 100% !important; max-width: 100% !important; }
.faq-block { margin-bottom: 12px; }
.faq-inner { width: 100%; margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 6px; box-sizing: border-box; }
.faq-block dt[role="button"] { display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-weight:700; color:#0F172A; background:#fff; border:1px solid #EEF2F7; padding:14px 16px; border-radius:10px; box-shadow:0 6px 18px rgba(2,6,23,0.02); transition: background 180ms ease, transform 120ms ease, box-shadow 120ms ease; }
.faq-block dt[role="button"]:hover { transform: translateY(-2px); background: #FBFDFF; box-shadow: 0 12px 28px rgba(2,6,23,0.04); }
.faq-block dt[role="button"] .faq-label { flex:1; text-align:left; }
.faq-block dt[role="button"] .faq-chevron { margin-left:12px; color:#64748B; transition:transform 220ms ease, color 180ms ease; font-size:18px; }
dt[aria-expanded="true"] .faq-chevron { transform: rotate(180deg); color: #6366F1; }
.faq-block dd { margin:0; color:#475569; overflow:hidden; transition:max-height 320ms ease, opacity 240ms ease, padding 240ms ease; max-height:0; opacity:0; padding:0 16px; background:linear-gradient(180deg, rgba(99,102,241,0.02), transparent); border-left:4px solid transparent; border-radius:0 0 10px 10px; }
.faq-block dd.faq-answer-expanded { max-height:800px; opacity:1; padding:12px 16px 16px 16px; border-left-color:rgba(99,102,241,0.14); }
.faq-block dt:focus { box-shadow:0 0 0 6px rgba(99,102,241,0.10); border-radius:10px; outline:none; }
@media (max-width: 720px) {
  .faq-block dt[role="button"] { padding: 12px 12px; }
  .faq-block dd.faq-answer-expanded { padding: 10px 12px 14px 12px; }
  .faq-hint { font-size: 13px; padding: 0 12px; }
}

/* Category subheading styles for FAQ categories (more prominent, aligned) */
.faq-category .section-subtitle {
    font-size: 22px;
    font-weight: 800;
    color: #0F172A;
    margin: 18px 0 14px;
    padding: 6px 0;
}
.faq-category .section-subtitle::after {
    content: '';
    display: block;
    width: 72px;
    height: 3px;
    background: linear-gradient(90deg,#6366F1,#F59E0B);
    border-radius: 3px;
    margin-top: 8px;
}