@layer components{.faq-item{padding-block:var(--space-s);border-block-start:1px solid var(--color-border);&:last-of-type{border-block-end:1px solid var(--color-border)}& .faq-item__summary{display:flex;gap:var(--space-m);align-items:flex-start;justify-content:space-between}& .faq-item__question{font-size:var(--size-step-2);line-height:1.15}& .faq-item__marker{flex-shrink:0;margin-block-start:.25em;color:var(--color-accent-strong);font-size:1.25rem;transition:transform 200ms ease}&[open] .faq-item__marker{transform:rotate(45deg)}& .faq-item__answer{max-inline-size:var(--measure);margin-block-start:var(--space-s);color:var(--color-text-muted)}}}