.w-contact-topics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.w-contact-topic-tag {
    border: 1px solid var(--w-border-2);
    background: var(--w-surface-2);
    color: var(--w-text-2);
    border-radius: 999px;
    padding: 5px 10px;
    font: inherit;
    font-size: 0.8125rem;
    line-height: 1.2;
    cursor: pointer;
    transition: border-color var(--w-transition), background var(--w-transition), color var(--w-transition);
}

.w-contact-topic-tag:hover {
    border-color: var(--w-primary);
    background: var(--w-primary-dim);
    color: var(--w-text);
}

.w-contact-topic-tag:focus-visible {
    outline: 2px solid var(--w-primary);
    outline-offset: 2px;
}

[data-contact-submit][disabled] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
}

.w-form-error-banner {
    background: var(--w-danger-dim, #fef2f2);
    color: var(--w-danger, #dc2626);
    border: 1px solid var(--w-danger, #dc2626);
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 16px;
    white-space: pre-line;
}

@media (max-width: 768px) {
    .w-inline-021 {
        display: flex !important;
        flex-direction: column !important;
        gap: 32px !important;
    }
}