@layer components {
    .staldia-article-content {
        display: grid;
        gap: 1rem;
        font-size: var(--font-size-s);
        letter-spacing: .05rem;
        line-height: 2.2;
    }
    .staldia-article-content h2,
    .staldia-article-content.staldia-sd-content h3 {
        font-size: var(--font-size-xl);
        line-height: 1.5;
        padding-bottom: 1rem;
        border-bottom: 1px solid #bfbfbf;
        margin-top: 3rem;
    }
    .staldia-article-content h2:first-child,
    .staldia-article-content.staldia-sd-content h3:first-child {
        margin-top: 0;
    }
    .staldia-article-content ul,
    .staldia-article-content ol {
        display: grid;
        gap: .25rem;
    }
    .staldia-article-content li {
        position: relative;
        padding-left: 1.25rem;
    }
    .staldia-article-content li:before {
        content: "";
        position: absolute;
        width: .875rem;
        height: .875rem;
        background: var(--color-shadow-sand);
        border-radius: 50%;
        top: .5rem;
        left: 0;
    }
}