/* Scoped contact refinements; keep the shared site's unpublished styles separate. */
#contact-form-container {
    min-width: 0;
}
#contact-form-container a {
    color: #00ffff;
    text-underline-offset: 0.2em;
    overflow-wrap: anywhere;
}
#contact-form-container :focus-visible {
    outline: 3px solid #00ffff;
    outline-offset: 3px;
}
#contactForm .input-field {
    font-family: inherit;
    font-size: 1rem;
    min-height: 48px;
    caret-color: #00ffff;
}
#contactForm textarea {
    resize: vertical;
}
#contactForm .btn {
    min-height: 48px;
}
#contactForm .btn:disabled {
    cursor: wait;
    opacity: 0.65;
    transform: none;
}
#contactForm .status-pending {
    color: #add8e6;
    border: 1px solid currentColor;
}
#contactForm .status-error {
    color: #ffb2a5;
}
#formStatus {
    font-size: 1rem;
    overflow-wrap: anywhere;
}
@media (max-width: 600px) {
    .contact-form-section {
        padding: 24px 0;
    }
    #contact-form-container {
        padding: 24px 18px;
    }
    #contact-form-container .form-title {
        font-size: 1.8rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .header, .main-content, #contact-form-container {
        animation: none;
    }
    #contact-form-container .input-field, #contact-form-container .btn {
        transition: none;
    }
}