/* The title remains the title; its movement invites a second reading path. */
.article-space-entrance {
    display: inline-block;
    max-width: 100%;
    padding-block: 6px;
    margin-block: -6px;
    color: inherit;
    text-decoration: none;
    transition: color 180ms ease;
}
.article-space-entrance > span {
    display: inline-block;
    animation: article-title-float 5.6s ease-in-out infinite;
}
.article-space-entrance:hover,
.article-space-entrance:focus-visible {
    color: var(--primary-color);
}
.article-space-entrance:hover > span,
.article-space-entrance:focus-visible > span {
    animation-play-state: paused;
}
.article-space-entrance:focus-visible {
    outline: 1px solid var(--primary-color);
    outline-offset: 7px;
}
@keyframes article-title-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}
@media (prefers-reduced-motion: reduce) {
    .article-space-entrance > span { animation: none; }
    .article-space-entrance { transition: none; color: var(--primary-color); }
}
