/* Лендинг «Курсы коучинга» (/kursy-kouchinga/).
   Витрина /obuchenie/ остаётся как есть, у этой страницы своя задача: объяснить
   рынок и завести в карточки, поэтому темы вместо фасетов и таблицы-рейтинги.
   Палитра общая с каталогом: #3a5a7c, #e2e8f0, #64748b. */

.kursy { max-width: 1200px; margin: 0 auto; padding: 28px 16px 72px; }

.kursy__head { margin: 0 0 28px; }
.kursy__title {
    font-size: clamp(1.9rem, 4vw, 2.5rem); font-weight: 800; line-height: 1.15;
    margin: 0; color: #1a1a1a; letter-spacing: -.01em;
}
.kursy__lead { margin: 12px 0 0; max-width: 70ch; color: #475569; line-height: 1.65; font-size: 1.02rem; }

.kursy__upd { margin: 10px 0 0; color: #94a3b8; font-size: .87rem; }
.kursy__upd a { color: #64748b; }

.kursy__h {
    font-size: clamp(1.25rem, 2.4vw, 1.6rem); font-weight: 700;
    margin: 0 0 16px; color: #1a1a1a;
}

/* ── Темы ────────────────────────────────────────────────────────────────
   Не выпадающие фильтры, а ссылки: каждая тема это свой URL, который можно
   отдать поисковику и переслать человеку. */
.kursy-temy { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.kursy-tema {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 9px 15px; border-radius: 999px;
    background: #f1f5f9; color: #334155; text-decoration: none;
    font-size: .93rem; line-height: 1; white-space: nowrap;
    transition: background .15s ease, color .15s ease;
}
.kursy-tema span { color: #94a3b8; font-size: .82rem; font-variant-numeric: tabular-nums; }
.kursy-tema:hover { background: #e2e8f0; color: #1a1a1a; }
.kursy-tema.is-active { background: #3a5a7c; color: #fff; }
.kursy-tema.is-active span { color: rgba(255,255,255,.7); }
.kursy-tema--reset { background: transparent; color: #3a5a7c; text-decoration: underline; }

.kursy-sort {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px;
    padding: 0 0 18px; margin: 0 0 20px; border-bottom: 1px solid #e2e8f0;
    font-size: .9rem;
}
.kursy-sort__label { color: #94a3b8; }
.kursy-sort__item { color: #475569; text-decoration: none; border-bottom: 1px dashed #cbd5e1; }
.kursy-sort__item:hover { color: #3a5a7c; }
.kursy-sort__item.is-active { color: #1a1a1a; font-weight: 600; border-bottom-color: transparent; }
.kursy-sort__total { margin-left: auto; color: #94a3b8; font-variant-numeric: tabular-nums; }

.kursy-pager {
    display: flex; align-items: center; justify-content: center; gap: 18px;
    margin: 28px 0 0; font-size: .95rem; color: #64748b;
}
.kursy-pager a { color: #3a5a7c; }

.kursy__faq, .kursy__rating, .kursy__text { margin-top: 48px; }

/* ── Таблицы рейтингов ───────────────────────────────────────────────── */
.kursy-table__wrap { overflow-x: auto; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.kursy-table { width: 100%; border-collapse: collapse; font-size: .94rem; }
.kursy-table th, .kursy-table td { padding: 12px 16px; text-align: left; border-bottom: 1px solid #f1f5f9; }
.kursy-table thead th {
    font-size: .8rem; text-transform: uppercase; letter-spacing: .04em;
    color: #94a3b8; font-weight: 600; white-space: nowrap; background: #f8fafc;
}
.kursy-table tbody tr:last-child td { border-bottom: none; }
.kursy-table td:nth-child(n+3) { font-variant-numeric: tabular-nums; white-space: nowrap; }
.kursy-table a { color: #3a5a7c; }
.kursy-note--grid { margin-top: 20px; }
.kursy-note { margin: 12px 0 0; color: #94a3b8; font-size: .85rem; line-height: 1.55; }
.kursy-note a { color: #3a5a7c; }

.kursy__text { color: #475569; line-height: 1.75; max-width: 78ch; }
.kursy__text h2 { font-size: 1.3rem; font-weight: 700; color: #1a1a1a; margin: 28px 0 12px; }
.kursy__text p { margin: 0 0 16px; }
.kursy__text a { color: #3a5a7c; }

@media (max-width: 640px) {
    .kursy { padding: 20px 14px 56px; }
    .kursy-sort__total { margin-left: 0; width: 100%; }
    .kursy-table th, .kursy-table td { padding: 10px 12px; }
}

/* Кнопка догрузки вместо пагинации */
.kursy-more { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 32px 0 0; }
.kursy-more__btn {
    padding: 13px 30px; border: 1px solid #3a5a7c; border-radius: 6px;
    background: #fff; color: #3a5a7c; font: inherit; font-weight: 600; font-size: .98rem;
    cursor: pointer; transition: background .15s ease, color .15s ease;
}
.kursy-more__btn:hover { background: #3a5a7c; color: #fff; }
.kursy-more__btn:disabled { opacity: .6; cursor: default; }
.kursy-more__btn:focus-visible { outline: 2px solid #3a5a7c; outline-offset: 3px; }
.kursy-more__counter { margin: 0; color: #94a3b8; font-size: .87rem; font-variant-numeric: tabular-nums; }