/* Styles extracted from Views/PublicSite/Index.cshtml */
:root{
    --faq-accent: #0ea5a4;
    --faq-bg: #ffffff;
    --faq-border: #e6e9ee;
    --faq-muted: #6b7280;
    --radius: 10px;
    --shadow: 0 6px 18px rgba(16,24,40,0.06);
}

.page-faqs__title{
    font-size: 1.6rem;
    margin: 18px 0;
    color: #0f172a;
}

.faqs-list{display:block;gap:12px}

.faq-item{
    background: var(--faq-bg);
    border: 1px solid var(--faq-border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    overflow: hidden;
    margin-bottom: 12px;
}

.faq-question{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px;
    font-size:1rem;
    background:transparent;
    border:0;
    cursor:pointer;
    text-align:left;
    color:#0f172a;
    text-align:right;
}

.faq-question:focus{outline:3px solid rgba(14,165,164,0.12);outline-offset:2px}

.faq-question__text{flex:1}

.faq-question__icon{
    transition: transform .32s ease;
    color:var(--faq-accent);
    font-size:1.05rem;
}

.faq-question[aria-expanded="true"] .faq-question__icon{transform:rotate(180deg)}

.faq-answer{
    padding:0 18px;
    color:var(--faq-muted);
    line-height:1.7;
    max-height:0;
    overflow:hidden;
    transition: max-height .36s ease, padding .24s ease;
}

.faq-question[aria-expanded="true"] + .faq-answer{
    padding:14px 18px 18px 18px;
    max-height:800px;
}