/* 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: none; padding: 56px 20px 64px; font-family: Arial, Helvetica, sans-serif; }

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

    .faq-header { color: #180d0c; font-size: 28px; font-weight: 800; 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: #180d0c; font-size: 22px; font-weight: 600; line-height: 1.4; font-family: inherit; }

    .faq-question:hover { color: rgba(187,98,32,.85); }

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

    .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: rgba(187,98,32,.85); font-size: 22px; padding-bottom: 10px; }

    .faq-item-open .faq-icon { color: #180d0c; }



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

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

    .faq-answer-panel { background: #141736; background: rgb(187, 98, 32, .1); border: 2px solid #180d0c; border-radius: 14px; padding: 26px 30px; color: #180d0c; font-size: 15px; font-weight:600; 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: rgba(187,98,32,.9)}



    @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; }

    }