/* ─────────────────────────────────────────────────────────────────────────────
   Block: UKK / FAQ  (.fp-faq-block)

   Native <details>/<summary> accordion — no JS required.
   ───────────────────────────────────────────────────────────────────────────── */

/* ── Section header ──────────────────────────────────────────────────────── */

.fp-faq__header {
    margin-bottom: 2.5rem;
}

.fp-faq-block .fp-faq__eyebrow {
    display: inline-block;
    margin: 0 0 0.625rem;
    color: var(--color-secondary, #00A0E0);
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Beat h2:not(:first-child) 5rem margin-top */
.fp-faq-block .fp-faq__heading {
    margin-top: 0;
    margin-bottom: 0.75rem;
}

.fp-faq__body {
    color: #5a6472;
    font-size: 1rem;
    margin-bottom: 0;
}

/* ── Accordion items ─────────────────────────────────────────────────────── */

.fp-faq__items {
    display: flex;
    flex-direction: column;
}

.fp-faq__item {
    border-top: 1px solid #dce6ee;
}

.fp-faq__item:last-child {
    border-bottom: 1px solid #dce6ee;
}

.fp-faq__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.125rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-primary, #00388E);
    cursor: pointer;
    list-style: none;
    user-select: none;
}

/* Hide the default browser disclosure triangle */
.fp-faq__question::-webkit-details-marker { display: none; }
.fp-faq__question::marker              { display: none; }

/* Chevron icon */
.fp-faq__question::after {
    content: '';
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300388E' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.2s ease;
}

.fp-faq__item[open] > .fp-faq__question::after {
    transform: rotate(180deg);
}

/* ── Answer ──────────────────────────────────────────────────────────────── */

.fp-faq__answer {
    padding: 0 0 1.25rem;
    color: #5a6472;
    line-height: 1.65;
}

.fp-faq__answer > *:first-child { margin-top: 0; }
.fp-faq__answer > *:last-child  { margin-bottom: 0; }