/* [L6 pàgines base 2026-09-30] El text ric (p, li, strong, b i els enllaços sense classe) pren el token de text de
   la superfície (--ia-color-text, que brand, dark i image redefineixen); sense això main p, main li, main li p,
   strong i main a del tema el pinten amb el seu color fix (1,21:1 a surface dark). Token i no inherit: inherit
   aclaria el cos a les superfícies clares (#6F6F6F, 4,53:1 sobre soft). :where() deixa p, li, strong i b a
   (0,1,0) perquè qualsevol regla pròpia del mòdul hi guanyi; el bloc va al principi perquè hi guanyin en empat. */
.iaLayer-iafaqgroupsv1 :where(p, li, strong, b) { color: var(--ia-color-text, inherit); }
.iaLayer-iafaqgroupsv1 a:not([class]) { color: var(--ia-color-text, inherit); text-decoration: underline; }
.iaLayer-iafaqgroupsv1 a:not([class]):is(:hover, :focus-visible) { --ia-interaction-text-hover: var(--ia-color-text, inherit); color: var(--ia-interaction-text-hover); text-decoration: underline; }
.iaLayer-iafaqgroupsv1 { --ifgv1-line: var(--ia-color-border, #d9d9d9); box-sizing: border-box; width: 100%; padding-block: clamp(var(--ia-space-m, 1.5rem), 12vw, var(--ia-space-xl, 4rem)); padding-inline: var(--ia-section-gutter, 28px); line-height: 1.5; color: var(--ia-color-text, #1a1a1a); font-family: var(--ia-font-body, sans-serif); }
.iaLayer-iafaqgroupsv1 :is(h1, h2, h3, h4, h5, h6) { line-height: var(--ia-title-section-lh); }
.iaLayer-iafaqgroupsv1 p { line-height: var(--ia-body-lh); }
.iaLayer-iafaqgroupsv1 *, .iaLayer-iafaqgroupsv1 *::before, .iaLayer-iafaqgroupsv1 *::after { box-sizing: border-box; }
.iaLayer-iafaqgroupsv1 .ifgv1-header { max-width: 65ch; margin: 0 auto clamp(var(--ia-space-s, 1.5rem), 6vw, var(--ia-space-l, 2.5rem)); text-align: center; }
.iaLayer-iafaqgroupsv1 .ifgv1-eyebrow { margin: var(--ia-space-s, 1rem) 0 0; font-size: var(--ia-eyebrow-size); font-weight: var(--ia-eyebrow-weight); letter-spacing: var(--ia-eyebrow-tracking); text-transform: var(--ia-eyebrow-transform); overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
.iaLayer-iafaqgroupsv1 .ifgv1-title { margin: var(--ia-space-xs, 0.5rem) 0 0; font-family: var(--ia-font-heading, sans-serif); font-size: var(--ia-title-section-size); letter-spacing: -0.02em; font-weight: var(--ia-title-section-weight); line-height: var(--ia-title-section-lh); overflow-wrap: break-word; text-wrap: balance; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iafaqgroupsv1 .ifgv1-intro { margin: var(--ia-space-s, 1rem) 0 0; font-size: var(--ia-body-size); line-height: var(--ia-body-lh); overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
/* [MOVE-READY 2026-10-03] Espaiat «cada peça el seu margin-top + reinici del primer fill» (només layout; l'aspecte per defecte no canvia): moure una peça s'emporta el seu espai. */
.iaLayer-iafaqgroupsv1 .ifgv1-header > :first-child { margin-top: 0; }
.iaLayer-iafaqgroupsv1 .ifgv1-intro a, .iaLayer-iafaqgroupsv1 .ifgv1-a a { color: inherit; text-decoration: underline; text-underline-offset: 0.15em; }
.iaLayer-iafaqgroupsv1 .ifgv1-intro a:focus-visible, .iaLayer-iafaqgroupsv1 .ifgv1-a a:focus-visible { outline: 2px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: 2px; }
.iaLayer-iafaqgroupsv1 .ifgv1-list { display: flex; flex-direction: column; gap: 10px; max-width: calc(820px - 2 * var(--ia-section-gutter, 28px)); margin-inline: auto; min-width: 0; }
.iaLayer-iafaqgroupsv1 .ifgv1-group { margin: clamp(var(--ia-space-xs, 0.75rem), 4vw, var(--ia-space-s, 1.5rem)) 0 0; font-family: var(--ia-font-heading, sans-serif); font-size: var(--ia-heading-4-size); font-weight: var(--ia-title-section-weight); line-height: var(--ia-title-section-lh); overflow-wrap: break-word; text-wrap: balance; color: var(--ia-color-text, #1a1a1a); }
.iaLayer-iafaqgroupsv1 .ifgv1-group:first-child { margin-top: 0; }
.iaLayer-iafaqgroupsv1 .ifgv1-item { min-width: 0; margin: 0; border: 1px solid var(--ifgv1-line); border-radius: var(--ia-card-radius, 12px); background-color: transparent; overflow: hidden; }
.iaLayer-iafaqgroupsv1 .ifgv1-q { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 2.75rem; padding: 16px 18px; list-style: none; cursor: pointer; font-size: var(--ia-card-title-size); font-weight: var(--ia-card-title-weight); line-height: var(--ia-card-title-lh); color: var(--ia-color-text, #1a1a1a); border-radius: var(--ia-card-radius, 8px); }
.iaLayer-iafaqgroupsv1 .ifgv1-q::-webkit-details-marker { display: none; }
.iaLayer-iafaqgroupsv1 .ifgv1-q::marker { content: ""; }
.iaLayer-iafaqgroupsv1 .ifgv1-q-text { flex: 1 1 auto; min-width: 0; overflow-wrap: break-word; }
.iaLayer-iafaqgroupsv1 .ifgv1-q:hover { background: var(--ia-interaction-bg-hover, rgba(127, 127, 127, 0.10)); }
.iaLayer-iafaqgroupsv1 .ifgv1-q:hover .ifgv1-q-text { text-decoration: underline; text-decoration-thickness: 0.12em; text-underline-offset: 0.2em; }
.iaLayer-iafaqgroupsv1 .ifgv1-q:focus-visible { outline: 3px solid var(--ia-color-focus-ring, #1a1a1a); outline-offset: -3px; }
.iaLayer-iafaqgroupsv1 .ifgv1-ico { flex: none; width: 0.625rem; height: 0.625rem; margin-inline-end: 0.25rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-25%) rotate(45deg); transition: var(--ia-interaction-transition, transform 0.2s ease); }
.iaLayer-iafaqgroupsv1 .ifgv1-item[open] > .ifgv1-q .ifgv1-ico { transform: translateY(25%) rotate(-135deg); }
.iaLayer-iafaqgroupsv1 .ifgv1-a { padding: 0 18px 18px; font-size: var(--ia-card-text-size); line-height: var(--ia-card-text-lh); overflow-wrap: break-word; color: var(--ia-color-text-soft, #6b6b6b); }
/* [RESPOSTA · RESET DEL <p> 2026-09-30] `main p`/`main li` del tema (19px, color fix) guanyaven a la resposta: el text sortia gran i fosc en lloc de la mida i el text-soft de la resposta. Els <p> i <li> de dins hereten color, mida i interlineat de .ifgv1-a (tokens: text-soft i la mida pròpia de la resposta); (0,2,0) guanya a main p (0,0,2). */
.iaLayer-iafaqgroupsv1 .ifgv1-a :where(p, li) { color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.iaLayer-iafaqgroupsv1 .ifgv1-a > :first-child { margin-top: 0; }
.iaLayer-iafaqgroupsv1 .ifgv1-a > :last-child { margin-bottom: 0; }
.iaLayer-iafaqgroupsv1[data-surface="soft"] { background-color: var(--ia-color-surface-soft, #f3f3f3); }
/* [L6 GUTTER 28 2026-09-30] L'arrel porta el gutter únic var(--ia-section-gutter) (default i soft); dark conserva el d'abans (var(--ia-space-s)). */
.iaLayer-iafaqgroupsv1[data-surface="dark"] { padding-inline: var(--ia-space-s, 1.25rem); }
.iaLayer-iafaqgroupsv1[data-surface="dark"] { background-color: var(--ia-color-dark, #000000); --ia-color-text: var(--ia-color-text-inverted, #fff); --ia-color-text-soft: var(--ia-color-text-inverted-soft, rgba(255,255,255,.82)); --ia-color-focus-ring: var(--ia-color-text-inverted, #ffffff); --ifgv1-line: color-mix(in srgb, var(--ia-color-text-inverted, #ffffff) 40%, transparent); }
.iaLayer-iafaqgroupsv1[data-surface="dark"] .ifgv1-title, .iaLayer-iafaqgroupsv1[data-surface="dark"] .ifgv1-group, .iaLayer-iafaqgroupsv1[data-surface="dark"] .ifgv1-q { color: var(--ia-color-text); }
@media (prefers-reduced-motion: reduce) {
  .iaLayer-iafaqgroupsv1 .ifgv1-ico { transition: none; }
}
@media (min-width: 64em) {
  .iaLayer-iafaqgroupsv1 .ifgv1-group { margin-top: var(--ia-space-m, 1.5rem); }
  .iaLayer-iafaqgroupsv1 .ifgv1-group:first-child { margin-top: 0; }
}