////
///
/// Article & Content Layout
/// ===========================================================================
///
/// Reading-flow primitives.
/// `bup/classes/head_content/_content.scss`. Section/region helpers live in
/// `_region.scss`; sidebar variants live in `31-modules/sidebar/`.
///
/// @group Layout
/// @author Scape Press
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "../01-core/external" as *;

@layer ss.layout {
    // ============================================================================
    // Content widths
    // ============================================================================

    .ss-l-content-main {
        flex: 1 1 auto;
        min-width: 0;
    }

    .ss-l-content-narrow {
        max-width: var(--ss-l-content-narrow, q(680));
        margin-inline: auto;
    }

    .ss-l-content-wide {
        max-width: var(--ss-l-content-wide, q(1400));
        margin-inline: auto;
    }

    .ss-l-content-center {
        margin-inline: auto;
        text-align: center;
    }

    // ============================================================================
    // Article
    // ============================================================================

    .ss-l-article {
        max-width: var(--ss-l-article-max, q(720));
        margin-inline: auto;
    }

    .ss-l-article__header {
        margin-bottom: var(--ss-spacing-8, q(32));
    }

    .ss-l-article__body {
        > * + * {
            margin-top: var(--ss-spacing-6, q(24));
        }
    }

    .ss-l-article__footer {
        margin-top: var(--ss-spacing-12, q(48));
        padding-top: var(--ss-spacing-6, q(24));
        // Hairline lives in 24-appearance/_relocated-surfaces.scss
    }
}