.main-faq { background: #fff; color: #121212; padding: 80px var(--pandect-nav-gutter) 96px; font-family: 'General Sans', 'Helvetica Neue', Helvetica, sans-serif; }
.main-faq__shell { max-width: 1680px; margin-inline: auto; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(40px,5vw,80px); align-items: start; }
html:root body .main-faq h2 { margin: 0; max-width: none; font-size: 50px; line-height: 1.08; font-weight: 400; letter-spacing: -.04em; }
.main-faq__item { border-bottom: 1px solid #aaa; }
.main-faq__item summary { display: grid; grid-template-columns: 28px minmax(0,1fr) 24px; gap: 16px; align-items: start; padding: 24px 0; cursor: pointer; list-style: none; }
.main-faq__item:first-child summary { padding-top: 0; }
.main-faq__item summary::-webkit-details-marker { display: none; }
.main-faq__item summary::marker { content: ''; }
.main-faq__item summary .main-faq__question, .main-faq__number { font-size: 23px !important; font-weight: 400; line-height: 1.35; letter-spacing: -.02em; }
.main-faq__arrow { display: block; width: 24px; height: 24px; margin-top: 0; transition: transform 220ms ease; }
.main-faq__arrow svg { display: block; width: 24px; height: 24px; }
.main-faq__item[open] .main-faq__arrow { transform: rotate(180deg); }
html:root body .main-faq .main-faq__answer { margin: 0; padding: 0 50px 24px 44px; color: #797979; font-size: 16px !important; line-height: 1.5; font-weight: 400; }
.main-faq__item summary:focus-visible { outline: 1px solid #121212; outline-offset: 5px; }
@media(max-width:900px) { .main-faq__shell { grid-template-columns: 1fr; gap: 40px; } }
@media(max-width:720px) { html:root body .main-faq h2 { font-size: 34px; } .main-faq__item summary .main-faq__question,.main-faq__number { font-size: 23px !important; } }
@media(prefers-reduced-motion:reduce) { .main-faq__arrow { transition: none; } }

.main-faq__shell:has(> .main-faq__see-all) { position: relative; padding-top: 84px; }
html body .main-faq .main-faq__see-all { position: absolute; right: 0; top: 0; display: inline-flex; align-items: center; gap: 10px; color: #121212 !important; font-size: 16px; text-decoration: none; }
html body .main-faq .main-faq__see-all:is(:hover,:focus-visible,:visited,:active) { color: #121212 !important; }

html body .main-faq .main-faq__see-all .main-faq__see-all-label { color: #121212 !important; display: inline; font-size: 16px; font-weight: 400; }

@media(max-width:900px) { .main-faq__shell:has(> .main-faq__see-all) { padding-top: 60px; } }