.faq-page { max-width: 920px; margin: 32px auto 64px; }.faq-page__intro { max-width: 690px; }.faq-page h1 { margin: 8px 0 14px; font-size: clamp(2.5rem, 6vw, 4.4rem); line-height: 1; }.faq-page__intro > p:last-child { color: var(--color-muted); font-size: 1.1rem; line-height: 1.6; }.faq-page__nav { display: flex; flex-wrap: wrap; gap: 9px; margin: 30px 0 42px; }.faq-page__nav a { padding: 8px 13px; border: 1px solid var(--color-border); border-radius: 999px; color: var(--color-text); font-weight: 700; text-decoration: none; }.faq-category { margin: 44px 0; scroll-margin-top: 100px; }.faq-category > h2 { margin-bottom: 16px; font-size: clamp(1.8rem, 4vw, 2.8rem); }.faq-block { padding: 26px; border: 1px solid var(--color-border); border-radius: 24px; background: #fffaf3; }.faq-block__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }.faq-block__heading h2 { margin: 4px 0 0; font-size: clamp(1.8rem, 3vw, 2.6rem); }.faq-block__heading > p { max-width: 430px; margin: 0; color: var(--color-muted); line-height: 1.5; }.faq-block__items { display: grid; gap: 10px; }.faq-item { border: 1px solid var(--color-border); border-radius: 14px; background: #fff; overflow: hidden; }.faq-item summary { position: relative; padding: 17px 52px 17px 18px; cursor: pointer; font-weight: 800; line-height: 1.4; }.faq-item summary::after { content: '+'; position: absolute; top: 10px; right: 17px; color: var(--color-primary-dark); font-size: 1.8rem; font-weight: 400; }.faq-item[open] summary::after { content: '−'; }.faq-item__answer { padding: 0 18px 18px; color: var(--color-muted); line-height: 1.6; }.faq-item__answer p { margin: 0; }.faq-item__links { margin-top: 13px !important; }.faq-item__links a { margin-right: 16px; color: var(--color-primary-dark); font-weight: 800; text-decoration: none; }.faq-item summary:focus-visible, .faq-page a:focus-visible { outline: 3px solid var(--color-accent); outline-offset: 3px; }.faq-block__all { display: inline-block; margin-top: 18px; } .faq-category .faq-block { padding: 0; border: 0; background: transparent; }.faq-category .faq-block__heading { display: none; } @media (max-width: 640px) { .faq-page { margin-top: 24px; }.faq-block { padding: 18px; border-radius: 18px; }.faq-block__heading { display: block; }.faq-block__heading > p { margin-top: 12px; }.faq-item summary { padding-left: 15px; }.faq-item__answer { padding-left: 15px; }.faq-page__nav { margin-bottom: 32px; } }