/* folia/faq accordion. Collapsed state applies only when JS is active
   (.folia-faq--js); without JS every answer stays visible. */
.folia-faq__heading { margin: 0 0 1.5rem; }
.folia-faq__group { margin: 0 0 2rem; }
.folia-faq__cat { margin: 0 0 .5rem; }
.folia-faq__list { list-style: none; margin: 0; padding: 0; }
.folia-faq__item { border-bottom: 1px solid #e7e7e7; }
.folia-faq__q-wrap { margin: 0; font-size: inherit; font-weight: inherit; }
.folia-faq__q {
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
	width: 100%; box-sizing: border-box; padding: 1.1rem 0;
	background: none; border: 0; cursor: pointer; text-align: left;
	font-size: 1.0625rem; color: #1e1e1e; line-height: 1.4;
}
.folia-faq__q:hover { color: #555; }
.folia-faq__q:focus-visible { outline: 2px solid #1e1e1e; outline-offset: 2px; }
.folia-faq__chevron { flex: 0 0 auto; transition: transform .25s ease; }
.folia-faq__q[aria-expanded="true"] .folia-faq__chevron { transform: rotate(180deg); }
.folia-faq__a { overflow: hidden; }
.folia-faq__a-inner { padding: 0 0 1.1rem; color: #1e1e1e; line-height: 1.7; }
.folia-faq__a-inner a { text-decoration: underline; }
/* JS-enhanced collapse/expand via max-height (reliable across browsers).
   Default (JS on) = collapsed; .is-open reveals. Cap is generous; answers
   are short. Without .folia-faq--js (no JS) answers stay fully visible. */
.folia-faq--js .folia-faq__a { max-height: 0; transition: max-height .3s ease; }
.folia-faq--js .folia-faq__item.is-open .folia-faq__a { max-height: 1000px; }