/* Step 53: fix article TOC, title size and desktop ad submission UX */
.clean-article-title,
.article-title,
.post-detail-title {
    font-size: clamp(2rem, 4.6vw, 3.35rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
}

.auto-toc {
    max-width: 100%;
}
.auto-toc__list {
    padding: 0 18px 18px !important;
}
.auto-toc__list a,
.catalog-page-toc .auto-toc__list a {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    white-space: normal !important;
}
.auto-toc__list a[href*="http"],
.auto-toc__list a[href*="/post/"] {
    display: none !important;
}

.article-content h2,
.catalog-rich-content h2,
.guide-content h2,
.clean-article-content h2,
.article-content h3,
.catalog-rich-content h3,
.guide-content h3,
.clean-article-content h3 {
    border-top: 0 !important;
    border-bottom: 0 !important;
    padding-top: 0 !important;
    position: relative;
}
.article-content h2::before,
.catalog-rich-content h2::before,
.guide-content h2::before,
.clean-article-content h2::before,
.article-content h3::before,
.catalog-rich-content h3::before,
.guide-content h3::before,
.clean-article-content h3::before {
    content: none !important;
    display: none !important;
}
.article-content h2::after,
.catalog-rich-content h2::after,
.guide-content h2::after,
.clean-article-content h2::after {
    content: "" !important;
    display: block !important;
    width: 64px !important;
    height: 4px !important;
    margin-top: 12px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #b91c1c, #f59e0b) !important;
}
.article-content h3::after,
.catalog-rich-content h3::after,
.guide-content h3::after,
.clean-article-content h3::after {
    content: "" !important;
    display: block !important;
    width: 46px !important;
    height: 3px !important;
    margin-top: 9px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #2563eb, #93c5fd) !important;
}

.ads-kufar-plus,
.ads-kufar-submit-wide,
.dash-create-ad-link {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}
.ads-kufar-submit-wide {
    display: flex !important;
}
.dash-header-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
.dash-create-ad-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 999px;
    background: #2563eb;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 850;
}
.ad-form-page {
    max-width: 1040px;
    margin: 0 auto 48px;
    padding: 22px;
}
.ad-form-head,
.ad-form {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .10);
    border-radius: 22px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.ad-form-head {
    padding: 22px;
    margin-bottom: 18px;
}
.ad-form {
    padding: 22px;
}
.ad-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
}
.ad-form-field-full {
    grid-column: 1 / -1;
}
.ad-form-field input,
.ad-form-field select,
.ad-form-field textarea {
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 760px) {
    .clean-article-title,
    .article-title,
    .post-detail-title {
        font-size: clamp(1.75rem, 8vw, 2.35rem) !important;
    }
    .ad-form-page {
        padding: 14px;
    }
    .ad-form-grid {
        grid-template-columns: 1fr !important;
    }
}