/* ============================================================
   [faq] shortcode — reusable FAQ accordion.
   Matches the visual style of the hand-coded kindergarten FAQ
   (teal chevron, bottom-bordered rows, 2rem summaries).
   ============================================================ */

.pp-faq {
    padding: 20px 0;
    text-align: left;
}

.pp-faq .pp-faq__heading {
    text-align: left !important;
    margin: 0 0 16px 0;
    padding: 0;
}

.pp-faq .pp-faq__intro {
    text-align: left;
    margin: 0 0 24px 0;
    color: #555;
    line-height: 1.6;
}

.pp-faq__item {
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
}

.pp-faq__question {
    font-size: 2rem;
    font-weight: 600;
    cursor: pointer;
    color: #333;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.pp-faq__question::-webkit-details-marker,
.pp-faq__question::marker {
    display: none;
    content: '';
}

.pp-faq__chevron::before {
    content: '\203A';
    color: #1a7f8e;
    font-size: 3.2rem;
    line-height: 1;
    display: inline-block;
    flex-shrink: 0;
    transition: transform 0.2s ease;
    transform: rotate(90deg);
}

.pp-faq__item[open] .pp-faq__chevron::before {
    transform: rotate(270deg);
}

.pp-faq__answer {
    padding: 18px 0 0;
    color: #555;
    line-height: 1.6;
}