/*
 * Consensus Economics — shared FAQ component
 *
 * Consolidated from six identical template-local <style> blocks. This file is
 * conditionally loaded after the mobile optimisation layer to preserve the
 * original late-cascade behaviour of those inline blocks.
 */

.cei-common-faq {
    padding: 72px 0;
    background: #f8fafc;
    border-top: 1px solid #e2e8ef;
    border-bottom: 1px solid #e2e8ef;
}
.cei-common-faq__inner {
    width: min(100% - 40px, 980px);
    margin: 0 auto;
}
.cei-common-faq__eyebrow {
    display: block;
    margin-bottom: 10px;
    color: #2874a6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.cei-common-faq h2 {
    margin: 0 0 28px;
    color: #153b5c;
    font-size: clamp(30px, 3.5vw, 42px);
    line-height: 1.08;
    letter-spacing: -.025em;
}
.cei-common-faq__list {
    border-top: 1px solid #ccd7e1;
}
.cei-common-faq details {
    margin: 0;
    border-bottom: 1px solid #ccd7e1;
    background: transparent;
}
.cei-common-faq details[open] {
    background: #fff;
    box-shadow: inset 3px 0 0 #2874a6;
}
.cei-common-faq summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 70px;
    padding: 20px 18px 20px 20px;
    color: #1b344a;
    cursor: pointer;
    font-size: 16px;
    font-weight: 720;
    line-height: 1.45;
    list-style: none;
}
.cei-common-faq summary::-webkit-details-marker { display: none; }
.cei-common-faq summary::marker { content: ""; }
.cei-common-faq summary::after {
    content: "+";
    flex: 0 0 auto;
    color: #2874a6;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}
.cei-common-faq details[open] summary::after { content: "–"; }
.cei-common-faq__answer {
    padding: 0 42px 22px 20px;
}
.cei-common-faq__answer p {
    margin: 0 0 10px;
    color: #3f4f5e;
    font-size: 15px;
    line-height: 1.72;
}
.cei-common-faq__answer a {
    color: #216ba4;
    font-weight: 600;
    text-decoration: none;
}
.cei-common-faq__answer a:hover,
.cei-common-faq__answer a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cei-common-faq__answer p:last-child { margin-bottom: 0; }
@media (max-width: 767px) {
    .cei-common-faq { padding: 54px 0; }
    .cei-common-faq__inner { width: min(100% - 30px, 980px); }
    .cei-common-faq summary { padding: 18px 14px; font-size: 15px; }
    .cei-common-faq__answer { padding: 0 28px 20px 14px; }


/* Component-owned mobile layout, previously in mobile-optimisation.css. */

    .cei-common-faq summary {
        padding-top: 16px;
        padding-bottom: 16px;
        min-height: 0;
    }
    .cei-common-faq details:not([open]) .cei-common-faq__answer {
        display: none;
    }
}