.workshop-page .workshop-intro {
    margin-bottom: 2rem;
    color: var(--staff-blue);
}

.workshop-page .workshop-timeline {
    gap: 1.25rem;
}

.staff-article.workshop-page .workshop-card {
    border-color: rgba(0, 56, 111, 0.14);
    color: var(--staff-blue);
    box-shadow: 0 0.5rem 1.4rem rgba(20, 39, 68, 0.11);
}

.staff-article.workshop-page .workshop-card::before {
    border-right-color: rgba(0, 56, 111, 0.14);
}

.workshop-page .workshop-date {
    margin-bottom: 0.75rem;
}

.workshop-page .workshop-card-title {
    margin: 0 0 0.75rem;
    color: var(--staff-blue);
}

.workshop-page .workshop-card-content a {
    color: var(--staff-blue);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.16em;
}

.workshop-page .workshop-card-content a:hover,
.workshop-page .workshop-card-content a:focus-visible {
    color: #00294f;
}

.workshop-page .workshop-card-content a:focus-visible {
    border-radius: 0.2rem;
    outline: 2px solid var(--staff-blue);
    outline-offset: 0.2rem;
}

.workshop-page .workshop-intro > :last-child,
.workshop-page .workshop-card-content > :last-child {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .workshop-page .workshop-intro {
        margin-bottom: 1.5rem;
        padding: 1.1rem !important;
    }

    .workshop-page .workshop-timeline {
        gap: 1rem;
    }
}