/* Marketing mobile scale. Existing families, colors, desktop and app UI are retained. */
@media (max-width: 767px) {
    html.bl-marketing-mobile-type {
        --bl-mobile-copy: 1rem;
        --bl-mobile-support: .875rem;
        --bl-mobile-space: 1.25rem;
    }

    html.bl-marketing-mobile-type .content-section .blog-article > p,
    html.bl-marketing-mobile-type .content-section .blog-article > ul,
    html.bl-marketing-mobile-type .content-section .blog-article > ol,
    html.bl-marketing-mobile-type .content-section .blog-article .bl-postpurchase-guide > p,
    html.bl-marketing-mobile-type .content-section .blog-article .bl-postpurchase-guide > ul,
    html.bl-marketing-mobile-type .content-section .article-items .article-x .blog-snippet .snippet-meta .description,
    html.bl-marketing-mobile-type .content-section .content-area > p {
        font-size: var(--bl-mobile-copy);
        line-height: 1.65;
        margin-block: 0 var(--bl-mobile-space);
        overflow-wrap: break-word;
    }

    html.bl-marketing-mobile-type .content-section .blog-header .blog-meta h1 {
        font-size: clamp(1.875rem, 8vw, 2.5rem);
        line-height: 1.2;
        margin-block: 0 1.5rem;
        overflow-wrap: break-word;
    }
    html.bl-marketing-mobile-type .content-section .blog-article > h2,
    html.bl-marketing-mobile-type .content-section .blog-article .bl-postpurchase-guide > h2,
    html.bl-marketing-mobile-type .content-section .section-contact h2 {
        font-size: clamp(1.625rem, 6.5vw, 1.875rem);
        line-height: 1.25;
        margin-block: 2rem .875rem;
        overflow-wrap: break-word;
    }
    html.bl-marketing-mobile-type .content-section .blog-article > h3,
    html.bl-marketing-mobile-type .content-section .article-items .article-x .blog-snippet .snippet-meta h2 {
        font-size: 1.25rem;
        line-height: 1.35;
        margin-block: 1.5rem .75rem;
        overflow-wrap: break-word;
    }
    html.bl-marketing-mobile-type .content-section .blog-article > ul > li,
    html.bl-marketing-mobile-type .content-section .blog-article > ol > li,
    html.bl-marketing-mobile-type .content-section .bl-postpurchase-guide > ul > li {
        margin-block-end: .625rem;
    }

    /* Real marketing controls only; no demo, code or illustrated-product selectors. */
    html.bl-marketing-mobile-type .content-section .section-contact form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]):not([type="button"]),
    html.bl-marketing-mobile-type .content-section .section-contact form select,
    html.bl-marketing-mobile-type .content-section .section-contact form textarea,
    html.bl-marketing-mobile-type .content-section .articles-header .articles-search input[type="search"] {
        font-family: inherit;
        font-size: var(--bl-mobile-copy);
        line-height: 1.5;
        min-height: 3rem;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
        padding-block: .75rem;
    }
    html.bl-marketing-mobile-type .content-section .section-contact form .h5,
    html.bl-marketing-mobile-type .content-section .section-contact form label,
    html.bl-marketing-mobile-type .content-section .section-contact .field-help,
    html.bl-marketing-mobile-type .content-section .section-contact .required-note,
    html.bl-marketing-mobile-type .content-section .section-contact .inquiry-disclosure {
        font-size: var(--bl-mobile-support);
        line-height: 1.6;
        margin-block-end: .5rem;
        overflow-wrap: break-word;
    }
    html.bl-marketing-mobile-type .content-section .section-contact form .block-stretch > .value {
        margin-block-end: 1.25rem;
    }

    /* Preserve native table semantics and existing independently scrollable wrappers. */
    html.bl-marketing-mobile-type .content-section .blog-article table :is(th, td),
    html.bl-marketing-mobile-type .content-section .bl-home table :is(th, td) {
        font-size: var(--bl-mobile-support);
        line-height: 1.6;
        padding: .75rem .625rem;
    }
    html.bl-marketing-mobile-type .content-section .blog-article [class*="table-wrap"],
    html.bl-marketing-mobile-type .content-section .bl-home [class*="table-wrap"] {
        min-width: 0;
        max-width: 100%;
        overflow-x: auto;
    }
    html.bl-marketing-mobile-type .content-section .blog-article table caption,
    html.bl-marketing-mobile-type .content-section .blog-date,
    html.bl-marketing-mobile-type .content-section .article-date,
    html.bl-marketing-mobile-type .content-section .blog-toc a,
    html.bl-marketing-mobile-type .content-section .bl-home .bl-home__setup,
    html.bl-marketing-mobile-type .content-section .bl-home .bl-home__billing-note,
    html.bl-marketing-mobile-type .content-section .bl-home .bl-pos__small-label,
    html.bl-marketing-mobile-type .content-section .bl-home .pricing-disclosure strong,
    html.bl-marketing-mobile-type .content-section .bl-home .pricing-disclosure span {
        font-size: var(--bl-mobile-support);
        line-height: 1.6;
    }
}