/* Section heading scale (h2). Every page used its own size (22-48px, weights
   700-900). One scale for all section headings: --nc-h2 / -tablet / -mobile in
   tokens.css. !important because older page CSS and inline styles set sizes
   with equal or higher specificity and load later. Chapter headings inside the
   terms page (.terms-chapter-header) are sub-sections and the contact page's
   sidebar title (.contact-info-title) sits in a narrow column; both are
   intentionally excluded. */
h2.why-choose-title,
h2.seo-content-title,
h2.pricing-title,
h2.support-hero-title,
h2.why-nc-title,
h2.compare-title,
h2.tech-title,
h2.migration-title,
h2.testimonials-title,
h2.woo-integration-title,
h2.devops-info-title,
h2.usecases-title,
h2.techstack-title,
h2.blog-title-new,
h2.dedicated-title,
h2.datacenter-title,
h2.tech-section-title,
h2.section-title,
h2.guide-title,
h2.neshani-title,
h2.faq-main-title,
h2.extensions-title,
h2.cdn-section-title,
h2.cdn-security-title,
h2.about-mission-title,
h2.about-story-title,
h2.about-commitments-title,
h2.rc-pricing-title,
h2.rc-why-title,
h2.rc-api-title,
h2.rc-cta-title,
h2.nc-section-title,
.faq-header-new > h2,
.faq-header-2026 > h2 {
    font-size: var(--nc-h2, 40px) !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-wrap: balance; /* even line lengths, no single-word last line */
}

@media (max-width: 991px) {
    h2.why-choose-title,
    h2.seo-content-title,
    h2.pricing-title,
    h2.support-hero-title,
    h2.why-nc-title,
    h2.compare-title,
    h2.tech-title,
    h2.migration-title,
    h2.testimonials-title,
    h2.woo-integration-title,
    h2.devops-info-title,
    h2.usecases-title,
    h2.techstack-title,
    h2.blog-title-new,
        h2.dedicated-title,
    h2.datacenter-title,
    h2.tech-section-title,
    h2.section-title,
    h2.guide-title,
    h2.neshani-title,
    h2.faq-main-title,
    h2.extensions-title,
    h2.cdn-section-title,
    h2.cdn-security-title,
    h2.about-mission-title,
    h2.about-story-title,
    h2.about-commitments-title,
    h2.rc-pricing-title,
    h2.rc-why-title,
    h2.rc-api-title,
    h2.rc-cta-title,
    h2.nc-section-title,
    .faq-header-new > h2,
    .faq-header-2026 > h2 {
        font-size: var(--nc-h2-tablet, 32px) !important;
    }
}

@media (max-width: 767px) {
    h2.why-choose-title,
    h2.seo-content-title,
    h2.pricing-title,
    h2.support-hero-title,
    h2.why-nc-title,
    h2.compare-title,
    h2.tech-title,
    h2.migration-title,
    h2.testimonials-title,
    h2.woo-integration-title,
    h2.devops-info-title,
    h2.usecases-title,
    h2.techstack-title,
    h2.blog-title-new,
        h2.dedicated-title,
    h2.datacenter-title,
    h2.tech-section-title,
    h2.section-title,
    h2.guide-title,
    h2.neshani-title,
    h2.faq-main-title,
    h2.extensions-title,
    h2.cdn-section-title,
    h2.cdn-security-title,
    h2.about-mission-title,
    h2.about-story-title,
    h2.about-commitments-title,
    h2.rc-pricing-title,
    h2.rc-why-title,
    h2.rc-api-title,
    h2.rc-cta-title,
    h2.nc-section-title,
    .faq-header-new > h2,
    .faq-header-2026 > h2 {
        font-size: var(--nc-h2-mobile, 28px) !important;
    }
}

/* Terms page chapter headings: 22px on desktop but 36px on tablets before. */
.terms-chapter-header > h2 {
    font-size: 22px !important;
    line-height: 1.5 !important;
}

@media (max-width: 767px) {
    .terms-chapter-header > h2 {
        font-size: 20px !important;
    }
}


/* Highlighted words in headings. Five treatments were in use (solid blue,
   solid teal, two teal-blue gradient texts, orange). One rule now: brand blue
   on light backgrounds (6.2:1), teal on dark ones (7.5:1 on navy). */
h2.why-choose-title span,
h2.nc-section-title span,
h2.migration-title span,
h2.woo-integration-title span,
h2.usecases-title span,
h2.techstack-title span,
h2.dedicated-title span,
h2.tech-section-title span,
h2.guide-title span,
h2.neshani-title span,
h2.extensions-title span,
h2.cdn-section-title span,
h2.rc-pricing-title span,
h2.rc-cta-title span {
    color: var(--nc-blue, #1654E0) !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
}

h2.support-hero-title span,
h2.devops-info-title span,
h1.contact-hero-title span,
h2.datacenter-title span,
h1.hero-title span,
h1.cdn-hero-title span,
h2.cdn-security-title span,
h1.about-hero-title span,
h2.rc-api-title span {
    color: var(--nc-teal, #1AB8C9) !important;
    background: none !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
}