/* Keep the project-wide heading scale consistent across every page template. */
:root {
    --nn-font-size-h1: 30px;
    --nn-font-size-h2: 24px;
    --nn-font-size-cta-title: var(--nn-font-size-h2);
}

html[dir] body[class] #main-content h1 {
    font-family: iransans, sans-serif !important;
    font-size: var(--nn-font-size-h1) !important;
    font-weight: 800 !important;
    line-height: 1.24 !important;
    letter-spacing: -.025em !important;
    text-wrap: balance;
}

html[dir] body[class] h2 {
    font-size: var(--nn-font-size-h2) !important;
}

html[dir] body[class] .nn-shared-cta-title {
    font-size: var(--nn-font-size-cta-title);
    text-align: center;
}

html[dir] body[class] .nn-shared-cta-content {
    margin-inline: auto !important;
}

html[dir] body.nn-page-monitoring #main-content .nn-product-hero-title {
    max-width: none !important;
    white-space: nowrap;
    text-wrap: nowrap;
}

@media (max-width: 640px) {
    html[dir] body.nn-page-monitoring #main-content .nn-product-hero-title {
        font-size: 1.05rem !important;
        letter-spacing: -.03em !important;
    }
}

/* Pricing uses a calmer headline weight than the other page templates. */
html[dir] body.nn-page-pricing #main-content h1,
html[dir] body.nn-page-pricing #main-content .nn-pricing-intro > h2,
html[dir] body.nn-page-pricing #main-content .customers h2,
html[dir] body.nn-page-pricing #main-content .nn-pricing-faq > .container > .col-12 > h2 {
    font-weight: 700 !important;
}