/* Questions and answers (course/parts/faq.php) -- Figma 04.7. The site's FAQ accordion in its teal
   look (cilFaq--teal, css/faq-accordion.css, shared with the contact page) keeps its own behaviour,
   motion and look; this file only places it: a wide page's grey band, the title centred over its bar,
   the questions in a 1044px column, as far apart as the component sets them everywhere else (Oren,
   2026-09-30: not the design's 24px); a phone's plain ground and tighter edges. */

.cil-course-faq {
    --cd-grey-1: color-mix(in srgb, var(--cil-black-light-3) 30%, var(--cil-white));   /* Figma's #F6F6F6 */
    background: var(--cd-grey-1);
}
.cil-course-faq__inner {
    max-width: calc(var(--cd-width) + 2 * var(--cd-gutter));
    margin: 0 auto;
    padding: 50px var(--cd-gutter) 103px;
}
.cil-course-faq .cilFaq {
    --faq-offset: 57px;
    max-width: 1044px;
    margin-inline: auto;
}

/* ---- a phone (04.7 mobile) ---- */
@media (max-width: 767px) {
    .cil-course-faq { background: none; }
    .cil-course-faq__inner { padding: 8px var(--cd-gutter) 32px; }
    .cil-course-faq .cilFaq { --faq-offset: 16px; }
}