/* Scoped styles for the son Control Panel teaser on the homepage */
.control-panel-teaser {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.control-panel-teaser .surface-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
}

.control-panel-teaser h2 {
    margin: 0;
    font-size: 1.25rem;
}

.control-panel-teaser p {
    margin: 0;
    color: var(--muted);
}

.portfolio-project-directory .project-card .button-link {
    margin-top: auto;
}

.portfolio-project-directory .project-card p {
    margin-bottom: 1.25rem;
}