.form-wrapper [hidden] { display: none !important; }
.contact-steps {
    display: flex;
    gap: 12px;
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
}
.contact-steps li {
    flex: 1;
    padding: 12px 8px;
    text-align: center;
    color: #555;
    background: #eee;
    border-radius: 4px;
}
.contact-steps li[aria-current="step"] { color: #fff; background: #003366; font-weight: bold; }
.contact-steps span { margin-right: 6px; }
.confirmation-heading { margin: 0 0 16px; color: #003366; font-size: 1.5rem; }
.confirmation-lead { margin-bottom: 28px; line-height: 1.8; }
.confirmation-details { margin: 0; }
.confirmation-details dt { padding: 18px 0 8px; color: #333; font-weight: bold; border-top: 1px solid #ddd; }
.confirmation-details dd { margin: 0; padding: 0 0 18px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.8; }
.confirmation-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-top: 36px; }
.confirmation-actions .btn-submit { padding: 18px 30px; }
.btn-back { padding: 18px 24px; border: 1px solid #003366; border-radius: 50px; color: #003366; background: #fff; font: inherit; font-weight: bold; cursor: pointer; }
.btn-back:hover { background: #eaf0f6; }
.btn-back:focus-visible, .btn-submit:focus-visible { outline: 3px solid #4da2d8; outline-offset: 4px; }
.btn-submit:disabled, .btn-back:disabled { opacity: 0.6; cursor: wait; transform: none; }
#contactFormResponse { margin-top: 20px; line-height: 1.7; }
@media (max-width: 768px) {
    .contact-steps { gap: 6px; font-size: 0.9rem; }
    .confirmation-actions { flex-direction: column-reverse; }
    .confirmation-actions button { width: 100%; }
}