{{! Each question has the Question & answer element's classes and looks ("requires": ["question"], ADR 0026). Numbers, the plus icon, one open at a time and a button inside (ADR 0085) add to them only when chosen. The open question's own color of one's own rides on each question (--sv-custom-open, ADR 0191); with the heading beside, the questions sit in a list of their own. }}
<div {{@attrs}}>{{#heading}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}"><h2 class="sv-sectionhead__title"{{@edit heading}}>{{{heading}}}</h2>{{#intro}}<p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p>{{/intro}}</div>{{/heading}}{{^heading}}{{#intro}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}"><p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p></div>{{/intro}}{{/heading}}{{#beside}}<div class="sv-faq__list">{{/beside}}{{#items}}<details class="sv-question sv-faq__item{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}} sv-round-{{corners}}{{/style}}{{#hover}} sv-cardhover-{{hover}}{{/hover}}{{#numbers}} sv-question--numbered{{/numbers}}{{#icon}} sv-question--icon-{{icon}}{{/icon}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}{{#openLookCustom}};--sv-custom-open:{{openLookCustom}}{{/openLookCustom}}"{{/styleCustom}}{{^styleCustom}}{{#openLookCustom}} style="--sv-custom-open:{{openLookCustom}}"{{/openLookCustom}}{{/styleCustom}}{{#single}} name="sv-{{@id}}"{{/single}}{{#open}} open{{/open}}><summary class="sv-question__question"><span{{@edit items.question}}>{{question}}</span></summary><div class="sv-question__answer"{{@edit items.answer}}>{{{answer}}}</div>{{#button.label}}<div class="sv-question__action"><div class="sv-button sv-button--variant-{{buttonVariant}} sv-button--size-{{buttonSize}}">{{#button.link.url}}<a class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}" href="{{button.link.url}}"{{#button.link.newTab}} target="_blank" rel="noopener noreferrer"{{/button.link.newTab}}>{{button.label}}</a>{{/button.link.url}}{{^button.link.url}}<span class="sv-button__control{{#button.arrow}} sv-button__control--arrow{{/button.arrow}}{{#button.icon}} sv-button__control--icon{{#button.iconEnd}} sv-button__control--icon-end{{/button.iconEnd}} sv-glyph-{{button.icon}}{{/button.icon}}">{{button.label}}</span>{{/button.link.url}}</div></div>{{/button.label}}</details>{{/items}}{{#beside}}</div>{{/beside}}</div>