/* Dark-mode FAQ cards, one card per question, on every design page. Hover turns the card light blue with dark text. */
html[data-mi-theme=dark] #dc-root div.faq details{box-sizing:border-box;background:#173449!important;border:1px solid #36556a!important;border-radius:14px!important;padding:0 18px!important;margin:8px 0!important}
html[data-mi-theme=dark] #dc-root div.faq details>summary{box-sizing:border-box!important;display:block!important;margin:0!important;padding:18px 42px 18px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-mi-theme=dark] #dc-root div.faq details:hover{background:#bfeaf4!important;border-color:#9de4f1!important}
html[data-mi-theme=dark] #dc-root div.faq details:hover>summary{color:#102a38!important;filter:none!important}
html[data-mi-theme=dark] #dc-root div.faq details:hover>summary:after{color:#102a38!important;border-color:#102a38!important}
html[data-mi-theme=dark] #dc-root div.faq details:hover .mi-faq-answer p{color:#102a38!important}