1. Default — all settings inherited from theme
Baseline instance. No module overrides set. Title typography comes from theme heading styles; item titles, body text, icon color, corners, borders and padding all come from theme tokens. This intro has a sample link.
First accordion item
Body text inherits theme body typography and the section text color.
Second accordion item
The expand icon should use the section accent color at the theme's medium icon size.
Third accordion item
Corners and borders come from theme tokens — no per-instance controls.
2. Section style → Dark section (section_variant_4)
Only the Section style changed. The module title, item titles, body text and the expand icon should switch to the theme's DARK-section palette.
Item on a dark section
Body text should use the dark-section text color.
Second item
The icon should use the dark-section accent color.
Third item
Compare these colors against instance 1.
3. Text color → CUSTOM override (#B30000)
Text color source set to Custom (#B30000). This intro and the item body text should be dark red, OVERRIDING the theme default. The module title and item titles stay the section color.
Title stays the section color
This body text should be dark red.
Second item
This body text should be dark red too.
Third item
This proves module-level overrides win over theme settings.
4. Animation → ON, line by line
Entrance animation enabled with scope set to Line by line. On scroll into view the title, this intro and each accordion item should reveal one after another using the theme's default speed, easing and stagger.
Reveals first
Each accordion item is a reveal target.
Reveals second
The stagger between items comes from the theme animation settings.
Reveals third
With JavaScript disabled, everything simply stays visible.