/* SEO-аудит сайта. Основа — style_page_audit_site.css (body.audit-site):
   первый экран, лента разделов, карточки проверок, цена, этапы, выбор аудита,
   «обо мне», FAQ и форма общие со страницей маркетингового аудита сайта.
   Здесь только своё: заголовки проверок стали H2 (так в ТЗ), вторая кнопка
   первого экрана, вводный абзац и таблица правок по важности. */

/* Первый экран: H1 длиннее, чем у аудита сайта, и несёт цену со сроком. */
.seo-audit .ma-hero h1 { font-size: clamp(44px, 5.2vw, 78px); }
.seo-audit .ma-hero h1 span { display: block; margin-top: 16px; font: 200 .44em/1.2 Oswald, sans-serif; letter-spacing: .02em; color: var(--k-ink-2); }
.seo-audit .sa-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; }
.seo-audit .sa-tg { display: inline-flex; align-items: center; gap: 10px; font: 400 18px/1.3 Oswald, sans-serif; letter-spacing: .04em; text-transform: uppercase; color: var(--k-ink); text-decoration: underline; text-underline-offset: 5px; }
.seo-audit .sa-tg i { font-size: 22px; color: var(--k-accent-ink); }
.seo-audit .sa-tg:hover { color: var(--k-accent-ink); }

/* Что такое аудит: абзац слева, рамка «когда нужен» справа. */
.seo-audit .sa-about { padding-bottom: 60px; }
.seo-audit .sa-h2 { margin: 0 0 30px; font: 300 clamp(36px, 3.8vw, 54px)/1.1 Oswald, sans-serif; text-transform: uppercase; color: var(--k-ink); text-wrap: balance; }
.seo-audit .sa-about__text p { margin: 0 0 22px; font: 300 19px/1.65 Roboto, sans-serif; color: var(--k-ink-2); }
.seo-audit .sa-about__text p:last-child { margin-bottom: 0; }
.seo-audit .sa-about__text .sa-about__lead { font: 200 clamp(22px, 1.9vw, 27px)/1.45 Roboto, sans-serif; color: var(--k-ink); }

/* Проверки: над карточками подпись, у карточек заголовок H2 в размере H3. */
.seo-audit .sa-kicker { margin: 0 0 40px; text-align: center; font: 400 17px/1.4 Oswald, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--k-muted); }
.seo-audit .ma-check h2 { margin: 0; font: 300 30px/1.2 Oswald, sans-serif; text-transform: uppercase; color: var(--k-ink); text-wrap: balance; }

/* Список правок: легенда важности и таблица, как в отчёте. */
.seo-audit .sa-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 34px; margin: -16px 0 36px; padding: 0; list-style: none; font: 300 15px/1.5 Roboto, sans-serif; color: var(--k-muted); }
.seo-audit .sa-legend li { display: flex; align-items: center; gap: 10px; }
.seo-audit .sa-prio { display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px 4px 10px; border: 1px solid var(--k-line); border-radius: 20px; font: 500 13px/1.3 Roboto, sans-serif; white-space: nowrap; color: var(--k-ink-2); background: var(--k-surface); }
.seo-audit .sa-prio::before { content: ''; flex: none; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid currentColor; }
.seo-audit .sa-prio--high { color: var(--k-bad); border-color: var(--k-bad); background: var(--k-bad-bg); }
.seo-audit .sa-prio--high::before { background: currentColor; }
.seo-audit .sa-prio--mid::before { background: linear-gradient(90deg, currentColor 50%, transparent 50%); }
.seo-audit .sa-prio--low { color: var(--k-muted); }

.seo-audit .sa-table { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--k-surface); border: 1px solid var(--k-line); border-radius: 20px; overflow: hidden; }
.seo-audit .sa-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.seo-audit .sa-table th { padding: 18px 24px; font: 400 14px/1.4 Oswald, sans-serif; letter-spacing: .06em; text-transform: uppercase; text-align: left; color: var(--k-muted); background: var(--k-sunken); border-bottom: 1px solid var(--k-line); }
.seo-audit .sa-table td { padding: 20px 24px; vertical-align: top; font: 300 16px/1.55 Roboto, sans-serif; color: var(--k-ink-2); border-bottom: 1px solid var(--k-line-soft); }
.seo-audit .sa-table tr:last-child td { border-bottom: 0; }
.seo-audit .sa-table td:first-child { width: 32%; font-weight: 400; color: var(--k-ink); }
.seo-audit .sa-table td:last-child { width: 1%; }
.seo-audit .sa-fixes { padding-top: 70px; }
.seo-audit .sa-fixes .ma-report__note { max-width: 1000px; margin-top: 26px; text-wrap: pretty; }

/* Цена: этапы и границы идут в том же разделе, под своими H3. */
.seo-audit .sa-subtitle { margin: 110px 0 44px; font: 300 clamp(30px, 2.8vw, 40px)/1.15 Oswald, sans-serif; text-transform: uppercase; color: var(--k-ink); }
.seo-audit .ma-steps__list h4 { margin: 62px 0 12px; font: 400 23px/1.3 Roboto, sans-serif; color: var(--k-ink); }
.seo-audit .ma-limits__grid h4 { margin: 0 0 14px; font: 400 23px/1.3 Roboto, sans-serif; color: var(--k-ink); }
.seo-audit .ma-faq .ma-title a { color: var(--k-accent-ink); }

@media (max-width: 1199px) {
    .seo-audit .sa-table th, .seo-audit .sa-table td { padding-left: 18px; padding-right: 18px; }
}
@media (max-width: 991px) {
    .seo-audit .ma-hero h1 { font-size: 70px; }
    .seo-audit .sa-subtitle { margin-top: 80px; }
}
@media (max-width: 767px) {
    .seo-audit .ma-hero h1 { font-size: clamp(36px, 10.6vw, 64px); }
    .seo-audit .ma-hero h1 span { margin-top: 12px; font-size: .5em; }
    .seo-audit .sa-actions { width: 100%; }
    .seo-audit .sa-actions .btn_one { width: 100%; }
    .seo-audit .sa-h2 { font-size: 32px; margin-bottom: 22px; }
    .seo-audit .sa-about__text p { font-size: 17px; }
    .seo-audit .sa-about__text .sa-about__lead { font-size: 20px; }
    .seo-audit .sa-about { padding-bottom: 20px; }
    .seo-audit .sa-kicker { margin-bottom: 26px; font-size: 15px; }
    .seo-audit .ma-check h2 { font-size: 25px; }
    .seo-audit .sa-legend { justify-content: flex-start; flex-direction: column; margin-top: -8px; gap: 10px; }
    /* Таблица на телефоне — стопка карточек: подпись колонки над значением. */
    .seo-audit .sa-table, .seo-audit .sa-table tbody, .seo-audit .sa-table tr, .seo-audit .sa-table td { display: block; width: auto; }
    .seo-audit .sa-table { border: 0; border-radius: 0; background: none; }
    .seo-audit .sa-table thead { display: none; }
    .seo-audit .sa-table tr { margin-bottom: 14px; padding: 18px 20px; background: var(--k-surface); border: 1px solid var(--k-line); border-radius: 16px; }
    .seo-audit .sa-table td { padding: 0 0 12px; border: 0; }
    .seo-audit .sa-table td:first-child { width: auto; font-size: 17px; }
    .seo-audit .sa-table td:last-child { width: auto; padding-bottom: 0; }
    .seo-audit .sa-table td + td::before { content: attr(data-label); display: block; margin-bottom: 2px; font: 400 12px/1.4 Oswald, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--k-muted); }
    .seo-audit .sa-table td:last-child::before { display: none; }
    .seo-audit .sa-subtitle { margin: 60px 0 30px; font-size: 28px; }
    .seo-audit .ma-steps__list h4 { margin: 0 0 10px; font-size: 21px; }
    .seo-audit .ma-limits__grid h4 { font-size: 20px; }
}