/*  COMPONENT: ARTICLE
//////////////////////////////////////////////////////////////////////////////*/

@layer components {
    .hentry {
    }
    .article__header {
        max-width: 44.75rem;
    }
    .article__subtitle {
        text-wrap: balance;
    }
    .article__body {
    }

    .article__body > :where(p, ul, ol, [class^="wp-block"]) {
    }
    .article__body > * {
        margin-bottom: 0;
    }

    .article__title {
        font-weight: var(--font-weight-headings);
        width: fit-content;
        margin-bottom: var(--spacing-l);

        font-size: var(--font-size-xl);
        line-height: var(--line-height-xl);
        position: relative;
    }

    .article__title::after {
        content: "";
        width: 1.875rem;
        height: 0.625rem;
        display: block;
        background-color: var(--color-red);
        margin-top: var(--spacing-s);
    }
    .article__meta {
        font-weight: bold;
    }
    .article__footer {
        display: flex;
        flex-direction: column;
        gap: var(--size-grid-gap);
        margin-top: auto;
    }
    .article__footer .cat-links {
    }
    .article__footer .edit-link {
        margin-top: var(--spacing-m);
    }
}