/* D4U FAQ - accordion */
.d4u-faq-intro { margin-bottom: 20px; }
.d4u-faq-list { margin-bottom: 30px; }
.d4u-faq-item { border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 10px; background: #fff; }
.d4u-faq-question { margin: 0; font-size: 16px; line-height: 1.4; }
.d4u-faq-question button {
	display: block; width: 100%; text-align: left; background: none; border: 0;
	padding: 15px 45px 15px 15px; position: relative; font-weight: bold; color: inherit; font-size: inherit; line-height: inherit;
}
.d4u-faq-question button:focus { outline: 2px solid rgba(0,0,0,.15); outline-offset: -2px; }
.d4u-faq-question button:after {
	content: '+'; position: absolute; right: 15px; top: 50%; margin-top: -12px;
	width: 24px; height: 24px; line-height: 22px; text-align: center; font-size: 20px; font-weight: normal;
}
.d4u-faq-question button[aria-expanded="true"]:after { content: '\2212'; }
.d4u-faq-answer-inner { padding: 0 15px 15px; }
.d4u-faq-answer-inner > :last-child { margin-bottom: 0; }

/* Sections (1.1.0) */
.d4u-faq-nav { margin: 0 0 25px; }
.d4u-faq-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.d4u-faq-nav a { display: inline-block; padding: 6px 14px; border: 1px solid #e5e5e5; border-radius: 20px; background: #fff; color: inherit; text-decoration: none; }
.d4u-faq-nav a:hover, .d4u-faq-nav a:focus { border-color: #ccc; background: #f7f7f7; }
.d4u-faq-section { scroll-margin-top: 120px; }
.d4u-faq-section-title { margin: 30px 0 15px; font-size: 22px; }
.d4u-faq-section-intro { margin-bottom: 15px; }
.d4u-faq-group + .d4u-faq-group .d4u-faq-section-title { margin-top: 35px; }
