/* accordion
   Ported from design-export/base.css (Phase 3 Stage 2 split).
   No literal colour, no literal font family: every value is a token. */

/* Accordion — real toolkit vocabulary. Hairlines, no boxes, no chevron circles. */
.accordion { max-width: 96ch; }
.accordion-section { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; color: var(--ink); transition: background var(--transition); }
.accordion-section:last-of-type { border-bottom: 1px solid var(--line); }
.accordion-section-active { background: var(--light); }
.accordion-section-title { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 1rem; padding: 1.15rem .4rem 1.15rem 0; cursor: pointer; }
.accordion-section-title h3 { grid-column: 1; margin: 0; font-size: 1.5625rem; line-height: 1.3; }
.accordion-trigger { grid-column: 1; display: block; width: 100%; text-align: left; font: inherit; font-weight: 700; color: var(--text-heading); text-decoration: none; }
.accordion-section-title button i { display: none; }
.accordion-section-title .accordion-indicator { grid-column: 2; font-size: 1.5625rem; color: var(--muted); }
.accordion-section-content { padding: 0 0 1.3rem; }
.accordion-section-content[hidden] { display: none; }