/* Natywne details/summary, bez skryptu i ręcznej kopii stanu ARIA. */
.c-faq { padding-block: var(--space-7); background: var(--color-surface-page); }
.c-accordion { display: flex; flex-direction: column; gap: var(--space-4); }
.c-accordion__item { padding: var(--space-4) var(--space-4) var(--space-4) var(--space-3); border: var(--border-width-sm) solid var(--color-border-subtle); border-radius: var(--radius-sm); background: var(--color-surface); }
.c-accordion__item[open] { padding-block-end: var(--space-5); }
.c-accordion__trigger { cursor: pointer; list-style: none; }
.c-accordion__trigger::marker { content: ""; }
.c-accordion__trigger::-webkit-details-marker { display: none; }
.c-accordion__heading { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }
.c-accordion__item[open] .c-accordion__heading { align-items: flex-start; }
.c-accordion__question { flex: 1; min-inline-size: 0; }
.c-accordion__icons { flex: none; }
.c-accordion__plus { display: flex; }
.c-accordion__minus { display: none; }
.c-accordion__icon--desktop { display: none; }
.c-accordion__icon--mobile { display: block; }
.c-accordion__item[open] .c-accordion__plus { display: none; }
.c-accordion__item[open] .c-accordion__minus { display: flex; }
.c-accordion__body { max-inline-size: 61.125rem; margin-block-start: var(--space-5); }
@media (min-width: 70rem) {
  .c-faq { padding-block: var(--space-8) var(--space-9); }
  .c-accordion__item { padding: var(--space-5); }
  .c-accordion__item[open] .c-accordion__heading { align-items: center; }
  .c-accordion__body { margin-block-start: var(--space-4); }
  .c-accordion__icon--desktop { display: block; }
  .c-accordion__icon--mobile { display: none; }
}

/* Wariant dla usług korzysta z tej samej semantyki details i kontrolek. */
.c-accordion__item--service .c-accordion__question { display: flex; align-items: flex-start; gap: var(--space-2); }
.c-accordion__item--service .c-accordion__body { padding-inline-start: var(--space-6); }
.c-service-document { display: inline-flex; align-items: center; gap: var(--space-3); }
@media (min-width: 70rem) {
 .c-accordion__item--service .c-accordion__question { align-items: center; gap: var(--space-3); }
 .c-accordion__item--service .c-accordion__body { margin-block-start: var(--space-6); padding-inline-start: 0; }
}