/* SEO-блоки доступны в исходном HTML и на стартовом экране. */
.personal-career-map { display: none; }
.seo-content { font-family: CareerGraphik, Arial, sans-serif; padding: 40px 0 72px; color: var(--ink); }
.seo-content section { max-width: 960px; margin: 0 auto 48px; }
.seo-content h2 { font-size: clamp(26px, 3vw, 38px); line-height: 1.15; margin: 0 0 24px; font-weight: 600; }
.seo-content p, .seo-content li { font-size: 18px; line-height: 1.6; }
.seo-content p { margin: 0 0 16px; }
.seo-tasks { padding-left: 24px; }
.seo-tasks li { padding-left: 8px; margin-bottom: 16px; }
.seo-faq-item { background: #fff; padding: 22px 24px; border-radius: 16px; margin-bottom: 12px; }
.seo-faq-item summary { cursor: pointer; font-size: 20px; line-height: 1.4; font-weight: 500; }
.seo-faq-item p { margin: 16px 0 0; }
.seo-faq-item summary:focus-visible { outline: 2px solid var(--blue); outline-offset: 6px; }
.seo-start { max-width: 960px; margin: 0 auto; padding: 32px; border-radius: 24px; background: #e5e4ff; }
.seo-start p { font-size: 24px; font-weight: 500; margin-bottom: 20px; }
@media (max-width: 600px) {
 .seo-content { padding: 28px 0 40px; }
 .seo-content section { margin-bottom: 32px; }
 .seo-content p, .seo-content li { font-size: 16px; }
 .seo-faq-item { padding: 18px; }
 .seo-faq-item summary { font-size: 18px; }
 .seo-start { padding: 24px 18px; }
 .seo-start .btn { width: 100%; }
}