/* A first-pass look, matching the reference design. Every value here is hardcoded on purpose -

       there is no settings record yet, and these are the values the admin-driven ones will replace. */



    .faq-background { background: #0e1026; background: #1576a8; padding: 56px 20px 64px; font-family: Arial, Helvetica, sans-serif; }

    .faq-container { max-width: 1200px; margin: 0 auto; }

    .faq-header { color: #5bc8e0; font-size: 28px; font-weight: 500; line-height: 1.3; margin: 0 0 26px; }

    .faq-list { margin: 0; padding: 0; list-style: none; }

    .faq-item { padding:0 20px; }

    .faq-question { display: flex; align-items: flex-start; gap: 18px; width: 100%; padding: 17px 0; background: none; border: 0; text-align: left; cursor: pointer; color: #ffffff; font-size: 22px; font-weight: 400; line-height: 1.4; font-family: inherit; }

    .faq-question:hover { color: #5bc8e0; }

    .faq-icon { flex: 0 0 auto; width: 16px; font-size: 22px; line-height: 1.25; color: #ffffff; }

    .faq-question-text { flex: 1 1 auto; }



    /* The item that starts open reads as the feature of the block: larger, in the accent colour. */

    .faq-item-open .faq-question { color: #5bc8e0; font-size: 22px; padding-bottom: 10px; }

    .faq-item-open .faq-icon { color: #5bc8e0; }



    .faq-answer { display: none; padding: 0 0 26px 74px; }

    .faq-item-open .faq-answer { display: block; }

    .faq-answer-panel { background: #141736; background: transparent; border: 1px solid #dadada; border-radius: 14px; padding: 26px 30px; color: #ffffff; font-size: 15px; line-height: 1.7; margin:20px 0; }

    .faq-answer-panel p { margin: 0 0 16px; }

    .faq-answer-panel p:last-child { margin-bottom: 0; }



    .faq-divider { height: 1px; border: 0; margin: 0; background: #dadada}



    @media (max-width: 767px) {

        .faq-background { padding: 34px 16px 40px; }

        .faq-header { font-size: 23px; }

        .faq-question { gap: 12px; font-size: 16px; }

        .faq-item-open .faq-question { font-size: 19px; }

        .faq-answer { padding-left: 28px; }

        .faq-answer-panel { padding: 20px; }

    }