/* [IRIDIAN AI LAYER] CSS del bloc IaAccordionV1 — familia ia*v1 (fase C).
 * Accordion natiu <details>/<summary>, JS-free. Tot scoped sota .iaLayer-iaaccordionv1.
 * Sense CSS global, sense tocar CSS legacy.
 */
.iaLayer-iaaccordionv1 {
    /* [F5-unificació 2026-07-14] Escala canònica --ia-color-* (patró IaStatsV1, P7B.4). Substitueix
       els tokens legacy de P7B.2. Fallbacks = valors originals. Delta deliberat: la resposta passa
       a text-soft (com els 5 mòduls canònics). */
    --iaacc-accent: var(--ia-color-accent, #0071e3);
    --iaacc-border: var(--ia-color-border, #e3e3e8);
    --iaacc-q-color: var(--ia-color-text, #1d1d1f);
    --iaacc-a-color: var(--ia-color-text-soft, #4a4a4f);
    --iaacc-bg: var(--ia-color-surface, #ffffff);
    max-width: 820px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: var(--ial-font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
    color: var(--iaacc-q-color);
}
.iaLayer-iaaccordionv1 .iaacc-title {
    margin: 0 0 6px;
    font-size: clamp(1.5rem, 3vw, 2rem);
    letter-spacing: -.02em;
    font-weight: 700;
    text-align: center;
}
.iaLayer-iaaccordionv1 .iaacc-intro {
    margin: 0 auto 24px;
    max-width: 620px;
    text-align: center;
    color: var(--iaacc-a-color);
    font-size: 1rem;
    line-height: 1.5;
}
.iaLayer-iaaccordionv1 .iaacc-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.iaLayer-iaaccordionv1 .iaacc-item {
    border: 1px solid var(--iaacc-border);
    border-radius: 12px;
    background: var(--iaacc-bg);
    overflow: hidden;
}
.iaLayer-iaaccordionv1 .iaacc-q {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    font-size: 1rem;
    font-weight: 600;
    color: var(--iaacc-q-color);
    transition: background .15s ease;
}
.iaLayer-iaaccordionv1 .iaacc-q::-webkit-details-marker { display: none; }
.iaLayer-iaaccordionv1 .iaacc-q:hover { background: rgba(127,127,127,.10); }
.iaLayer-iaaccordionv1 .iaacc-q-text { flex: 1; }
.iaLayer-iaaccordionv1 .iaacc-ico {
    flex: none;
    width: 11px;
    height: 11px;
    border-right: 2px solid var(--iaacc-accent);
    border-bottom: 2px solid var(--iaacc-accent);
    transform: rotate(45deg);
    transition: transform .2s ease;
    margin-right: 4px;
}
.iaLayer-iaaccordionv1 .iaacc-item[open] .iaacc-ico { transform: rotate(-135deg); }
.iaLayer-iaaccordionv1 .iaacc-a {
    padding: 0 18px 18px;
    color: var(--iaacc-a-color);
    line-height: 1.6;
    font-size: .96rem;
}
.iaLayer-iaaccordionv1 .iaacc-a > :first-child { margin-top: 0; }
.iaLayer-iaaccordionv1 .iaacc-a > :last-child { margin-bottom: 0; }
@media (max-width: 600px) {
    .iaLayer-iaaccordionv1 { padding: 28px 14px; }
    .iaLayer-iaaccordionv1 .iaacc-q { padding: 14px 14px; }
    .iaLayer-iaaccordionv1 .iaacc-a { padding: 0 14px 14px; }
}