#contact {
    width: min(840px, 92vw);
    background: var(--surface);
    border-radius: var(--radius-lg);
    padding: 2rem;
    box-shadow: var(--shadow-soft);
}

#contact > h2 {
    margin-bottom: 1rem;
}

.contact-container {
    display: grid;
    gap: 1rem;
}

.contact-info {
    background: linear-gradient(160deg, #f8fff4, #f3fbf7);
    border: 1px solid #dcead7;
    border-radius: var(--radius-md);
    padding: 1.2rem;
}

.contact-info h3 {
    margin-bottom: 0.7rem;
    color: var(--brand-deep);
}

.contact-info p + p {
    margin-top: 0.55rem;
}

.contact-info a {
    color: var(--brand-deep);
    font-weight: 600;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

@media (max-width: 640px) {
    #contact {
        padding: 1.25rem;
    }
}