/* Вставка сервиса в тексте — строка со стрелкой, а не цветной баннер. Разметка статьи прежняя (.article-product-cta) */
.bl-text .article-product-cta {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 14px 52px 14px 20px;
    border-radius: 16px;
    background: var(--surface-secondary);
}

.bl-text .article-product-cta::after {
    content: "→";
    position: absolute;
    top: 50%;
    right: 20px;
    color: var(--text-muted);
    transform: translateY(-50%);
    transition: color 0.2s ease, transform 0.2s ease;
}

.bl-text .article-product-cta:hover::after {
    color: var(--bl-accent);
    transform: translate(3px, -50%);
}

.bl-text .article-product-cta__title {
    font-weight: var(--fw-medium);
}

.bl-text .article-product-cta__text {
    display: none;
}

.bl-text .article-product-cta__actions {
    margin-top: 2px;
}

/* Кнопка вставки — тихая подпись; нажимается вся строка */
.bl-text .article-product-cta a.article-product-cta__btn {
    all: unset;
    color: var(--text-muted);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    letter-spacing: var(--ls-14);
    cursor: var(--cursor-pointer);
}

.bl-text .article-product-cta a.article-product-cta__btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
}

/* Вакансии по теме внутри текста: отдельный раздел листа, линии идут от края до края, как у разделов статьи */
.bl-text .blog-recommended-jobs {
    margin: 28px -20px 28px -76px;
    padding: 28px 20px 28px 76px;
    border-top: 1px solid var(--bl-line);
    border-bottom: 1px solid var(--bl-line);
}

/* Дальше идёт раздел со своей линией сверху или край листа: нижняя линия не нужна */
.bl-text .blog-recommended-jobs:has(+ h2),
.bl-text > .blog-recommended-jobs:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.bl-text .blog-recommended-jobs::before {
    content: "вакансии по теме";
    display: block;
    margin-bottom: 12px;
    color: var(--text-muted);
    font-size: var(--fs-14);
    line-height: var(--lh-14);
    letter-spacing: var(--ls-14);
}

/* Ряд карточек по ширине колонки статьи, а не страницы */
.bl .company-jobs-row,
.bl .company-jobs-row.list-view > .job-card-shell {
    width: 100%;
}

/* Карточки лежат на листе, поэтому их фон — цвет страницы, как у листа на странице */
.bl-text .blog-recommended-jobs .job-card {
    background-color: var(--bg-color);
}

/* Под статьёй: вакансии и частые вопросы — существующие блоки сайта на всю ширину колонки */
.bl-jobs-tail .similar-jobs-title {
    margin: 0 0 24px;
    color: var(--text-color);
    font-size: var(--fs-32);
    font-weight: var(--fw-semibold);
    line-height: 1.1;
    letter-spacing: -0.025em;
}

.bl-faq-box .faq-section {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}