.card {
    background-color: var(--bgCard);
    border: 1px solid var(--border);
    border-radius: 50px;
    box-shadow: 0 10px 25px var(--shadow);
    overflow-wrap: break-word;
    padding: 1.5em;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.card:hover {
    box-shadow: 0 10px 25px var(--shadow), 0 0 10px var(--glow);
}

.card.jump:hover {
    box-shadow: 0 15px 25px var(--shadow), 0 0 10px var(--glow);
    transform: translateY(-5px);
}

.card p, .card li {
    color: var(--textSecondary);
    font-size: 1.2em;
    line-height: 1.5em;
}

.card a {
    color: var(--textSecondary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.card a:hover {
    color: var(--accent);
}

.cardTitle {
    font-size: 2em;
    margin-bottom: 0.25em;
    text-decoration: underline;
    text-decoration-color: var(--accent);
    text-decoration-skip-ink: none;
    text-decoration-thickness: 2px;
    text-underline-offset: 0.25em;
}

.cardTitle a {
    color: var(--textPrimary);
    text-decoration-color: var(--accent);
}