
/* Option 1: clean rules and a familiar single column. */
.faq-option-1 .faq-list details[open]{background:transparent}
.faq-option-1 .faq-list summary{padding-left:0;padding-right:0}
.faq-option-1 .answer{padding-left:0}
/* Option 2: soft individual panels. */
.faq-option-2 .faq-list details{border:1px solid #e8e7ee;border-radius:10px;background:#f8f8fb;margin-bottom:12px;overflow:hidden}
.faq-option-2 .faq-list details[open]{background:#f2f2fa;border-color:#dcdcf0}
.faq-option-2 .faq-list summary:hover{background:transparent}
.faq-option-2 .faq-list summary{padding:22px 24px}
.faq-option-2 .answer{padding:0 60px 24px 24px}
/* Option 3: an editorial introduction beside the questions. */
@media(min-width:901px){.faq-option-3 main{max-width:1280px;margin:auto;padding:65px 40px 70px;display:grid;grid-template-columns:0.8fr 1.5fr;gap:65px;align-items:start}.faq-option-3 .faq-heading{padding:0;position:sticky;top:30px}.faq-option-3 .faq-heading .wrap,.faq-option-3 .faq-list .wrap{width:100%;padding:0}.faq-option-3 .faq-heading h1{font-size:42px}.faq-option-3 .faq-list{padding:0}}
.faq-option-3 .faq-list details[open]{background:transparent}
.faq-option-3 .faq-list summary{padding-left:0;padding-right:0;font-weight:500}
.faq-option-3 .answer{padding-left:0}
@media(max-width:760px){.faq-option-2 .faq-list summary{padding:20px 16px}.faq-option-2 .answer{padding:0 16px 22px}}
