/**
 * legacy-content.css — classes that exist only inside CMS-authored HTML.
 *
 * The GrapesJS editor's "First Finance Post" template and its blocks
 * (resources/views/vendor/laravel-grapesjs/{templates,gjs-blocks}) insert these
 * class names into article / success-story bodies. No page template uses them.
 * Loaded by articles/show and success-stories/show (inside .ds-prose, which
 * already forces the font family) and by the GrapesJS canvas
 * (config/laravel-grapesjs.php). Tokens and logical properties only.
 */

/* Layout helpers used by the template's rows and image pairs. */
.section { inline-size: 100%; }
.articleContainer {
    inline-size: 100%;
    max-inline-size: calc(var(--content-max) * 0.75);
    margin-inline: auto;
}
.row {
    display: flex;
    justify-content: flex-start;
}
.width100 { inline-size: 100%; }
.col-center { inline-size: 50%; }
.space-108 {
    inline-size: 100%;
    block-size: var(--space-24);
}
.margin-top-paragraph { margin-block-start: var(--space-20); }
@media (max-width: 767px) {
    .row { flex-direction: column; }
    .col-center { inline-size: 100%; }
    .margin-top-paragraph { margin-block-start: var(--space-10); }
}

/* Type helpers from the template. */
.article_main_title {
    margin-block-start: var(--space-4);
    font-size: var(--type-large-title-size);
    line-height: var(--type-large-title-leading);
    font-weight: 600;
    text-align: start;
    color: var(--ink-primary);
}
.article_created_date {
    margin-block-start: var(--space-4);
    font-size: var(--type-callout-size);
    line-height: var(--type-callout-leading);
    font-weight: 600;
    text-align: start;
}
.article_paragraph { color: var(--ink-secondary); }
.paragraph2 {
    font-size: var(--type-title-1-size);
    line-height: var(--type-title-1-leading);
    font-weight: 500;
    text-align: start;
    color: var(--ink-primary);
}
.paragraph3,
.Text-XLg-400 {
    font-size: var(--type-title-3-size);
    line-height: var(--type-title-3-leading);
    text-align: start;
}
.Text-Lg-600 {
    font-size: var(--type-headline-size);
    line-height: var(--type-headline-leading);
    font-weight: 600;
}
/* The article date: text that must be read, so ink-secondary (9.4:1). */
.Neutral-500 { color: var(--ink-secondary); }
.Neutral-600 { color: var(--ink-secondary); }