@layer components {
    .content-list {
            display: grid;
            gap: 5rem;
        }

    .content-list__title {
            color: var(--dashboard-color-text);
            font-size: clamp(2rem, 5vw, 3rem);
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1.05;
        }

    .content-list__title a {
            color: inherit;
            text-decoration: none;
        }

    .content-list__title a:hover {
            text-decoration: underline;
        }

    .content-list__meta {
            color: var(--dashboard-color-text-muted);
            margin-top: 1.25rem;
        }

    .content-list__excerpt {
            margin-top: 1.25rem;
        }
}