body {
    background-color: skyblue;
}

/* Article read/unread visual distinction */
.article-unread {
    border-left: 4px solid oklch(var(--p));
}

.article-read {
    border-left: 4px solid transparent;
    opacity: 0.7;
}

.article-read .card-title a {
    opacity: 0.8;
}

/* htmx transitions */
.htmx-swapping {
    opacity: 0;
    transition: opacity 300ms ease-out;
}

.htmx-indicator {
    display: none;
}

.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
    display: flex;
}