
/* FAQ accordion di akhir artikel, scoped agar elemen lain tidak berubah */
.bex-article-faq {margin:28px 0 32px;color:#f0f4ff;font-family:inherit;}
.bex-article-faq h2 {font-size:clamp(22px,2.5vw,28px);font-weight:800;color:#f3f5ff;margin:0 0 18px;line-height:1.35;}
.bex-article-faq__list {display:grid;gap:12px;}
.bex-article-faq .bex-article-faq__item {display:block;margin:0;padding:0;border:1px solid #38416f;border-radius:12px;background:#101033;overflow:hidden;box-shadow:none;}
.bex-article-faq .bex-article-faq__item[open] {background:#141541;border-color:#5666a5;}
.bex-article-faq .bex-article-faq__item summary {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 18px;cursor:pointer;list-style:none;color:#f1f3ff;font-size:16px;font-weight:750;line-height:1.55;}
.bex-article-faq .bex-article-faq__item summary::-webkit-details-marker {display:none;}
.bex-article-faq .bex-article-faq__item summary::marker {content:"";}
.bex-article-faq .bex-article-faq__item summary:hover {background:rgba(106,126,220,.13);}
.bex-article-faq .bex-article-faq__item summary:focus-visible {outline:2px solid #92a8ff;outline-offset:-4px;}
/* Ikon + / - dibuat otomatis melalui CSS, tanpa span tambahan di HTML */
.bex-article-faq .bex-article-faq__item summary::after {content:"+";display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;margin-left:auto;border:1px solid #6b7fce;border-radius:50%;color:#aabaff;font-size:20px;line-height:1;font-weight:400;box-sizing:border-box;}
.bex-article-faq .bex-article-faq__item[open] summary::after {content:"−";}
.bex-article-faq .bex-article-faq__answer {padding:0 18px 18px;}
.bex-article-faq .bex-article-faq__answer p {margin:0;padding:0;color:#dce4ff;border:0;font-size:14px;line-height:1.75;}
@media(max-width:640px){.bex-article-faq .bex-article-faq__item summary{padding:15px 13px;font-size:14px}.bex-article-faq .bex-article-faq__answer{padding:0 13px 15px}.bex-article-faq .bex-article-faq__answer p{font-size:13px}}
