@charset "UTF-8";
/* Страница «Вопрос-ответ». Шапка и вкладки: components/lists-head.css */

.deya-faq { margin-top: 56px; max-width: 900px; display: flex; flex-direction: column; gap: 12px; }
.deya-faq__item { background: #fff; border: 1px solid #E4E6EA; border-radius: 28px; overflow: hidden; }
.deya-faq__item[open] { background: var(--gray); }
.deya-faq__q { list-style: none; cursor: pointer; display: flex; gap: 20px; align-items: center; justify-content: space-between; padding: 26px 28px; font-family: var(--serif); font-size: 22px; line-height: 1.3; color: var(--ink); }
.deya-faq__q::-webkit-details-marker { display: none; }
.deya-faq__q::marker { content: ""; }
.deya-faq__q:focus-visible { outline-offset: -4px; border-radius: 28px; }
.deya-faq__ic { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: #fff; display: grid; place-items: center; }
.deya-faq__item[open] .deya-faq__ic { background: var(--teal); transform: rotate(45deg); }
.deya-faq__a { box-sizing: content-box; padding: 0 28px 28px; max-width: 760px; font-size: 17px; line-height: 1.65; color: #2B424A; }
.deya-faq__a p { margin: 0 0 1em; }
.deya-faq__a > :last-child { margin-bottom: 0; }

@media (prefers-reduced-motion: no-preference) {
	.deya-faq__ic { transition: transform .2s, background-color .2s; }
}
@media (max-width: 900px) {
	.deya-faq { margin-top: 40px; }
}
@media (max-width: 720px) {
	.deya-faq { margin-top: 32px; }
	.deya-faq__item { border-radius: 24px; }
	.deya-faq__q { padding: 20px 20px; font-size: 19px; gap: 16px; }
	.deya-faq__a { padding: 0 20px 22px; font-size: 16px; }
}