/* Раскрывающиеся блоки (правила, FAQ) на <details> */
.faq { display: grid; gap: .75rem; counter-reset: faq; }
.faq details { background: var(--panel); border: 1px solid var(--line); counter-increment: faq; transition: border-color .15s; }
.faq details[open] { border-color: var(--red); }
.faq summary { display: flex; align-items: center; gap: 1rem; padding: 1.1rem 1.25rem; font: 700 1.25rem/1.2 var(--font-main); text-transform: uppercase; cursor: pointer; list-style: none; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary::before { content: counter(faq, decimal-leading-zero); color: var(--red); font-size: 1.5rem; }
.faq summary::after { content: "+"; margin-left: auto; color: var(--muted); font-size: 1.8rem; line-height: 1; transition: transform .2s; }
.faq details[open] summary::after { color: var(--red); transform: rotate(45deg); }
.faq__body { padding: 0 1.25rem 1.25rem 4.1rem; color: var(--muted); }