@layer components {
    .staldia-news-card {
        padding: 1.5rem 0;
        --border: 1px solid rgb(var(--color-text-rgb) / .1);
        border-bottom: var(--border);
        line-height: 1.8;
        z-index: 1;
    }
    .staldia-news-card:first-child { border-top: var(--border); }
    .staldia-news-date {
        order: -1;
        transition: background-color .5s;
    }
    .staldia-news-card-link:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9;
    }
}
@layer override {
    .staldia-news-card:hover .staldia-news-date { background-color: var(--color-accent); }
}