Display-weight, typography-led accordion built as a plain, fully editable Etch tree: section > container > header (eyebrow, h2, intro) > accordion of five "Accordion Row" component instances (add, remove or reorder in Layers). Only the row is a component, with typed props: number, question, answer, tag (short category label shown once the row is open, empty hides it), linkLabel and linkUrl (the inline text link only renders when a URL is set). Rows are native <details>/<summary> — no JS required to open or close a row; a tiny inline script only enforces "one row open at a time" when the accordion carries data-single="true" (its own default). The closed panel content fades and slides in on open via a transition + @starting-style pair (no @keyframes), and drops to an instant swap under prefers-reduced-motion. Every option is a data attribute on the Accordion element (edit it in Etch's attributes panel): data-theme (light|dark) re-themes the whole section; data-icon (plus|arrow) trigger glyph: a plus that morphs into an X, or an arrow that rotates from ↗ to ↓; data-numbers (true|false) show the 01, 02… index before each title; data-size (m|l|xl) display type scale for the row titles; data-single (true|false) close other rows when one opens (native <details>, no JS required either way). On hover or focus the row's index brightens, the title tracks open half a step and an underline sweeps in from the start edge. Labelled section landmark, real <details> semantics (works with find-in-page and screen readers with zero script), :focus-visible rings, AA contrast in both themes, forced-colors support.