/* Contact (Contact V2, 1 Nov): the design's interactive states, which ct.css (generated from its default state)
   doesn't carry: focus and error rules on fields, the topic colour once chosen, the validation summary, the send
   error, the sending button and the success panel. Values are the design's. */
.cf-ct .ct11:focus-within, .cf-ct .ct14:focus-within, .cf-ct .ct15:focus-within { border-bottom-color: #122236; box-shadow: inset 0 -1px 0 #122236; }
.cf-ct .is-err, .cf-ct .is-err:focus-within { border-bottom-color: #A3391B; box-shadow: inset 0 -1px 0 #A3391B; }
.cf-ct .ct18.is-set { color: #122236; }
.cf-ct__err { margin: 0; font-size: 14px; line-height: 1.4; color: #A3391B; }
.cf-ct__notice { margin: 0 0 24px; display: flex; gap: 12px; align-items: baseline; font-size: 14px; line-height: 1.6; color: #122236; outline: none; }
.cf-ct__notice > span:first-child { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #A3391B; transform: translateY(-1px); }
.cf-ct__notice strong { font-weight: 600; color: #A3391B; }
.cf-ct__notice a { color: #122236; font-weight: 600; }
.cf-ct__links { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.cf-ct__links a { font-weight: 500; }
.cf-ct .ct24.is-sending, .cf-ct .ct24.is-sending:hover { background: #4A5B72; cursor: default; }
.cf-ct__turnstile:not(:empty) { margin-top: 24px; }
.cf-ct__done { display: flex; flex-direction: column; gap: 24px; padding-top: 32px; border-top: 1px solid #122236; outline: none; }
.cf-ct__sent { display: flex; align-items: center; gap: 10px; font: 500 12px/1.2 'Inter Tight', Inter, sans-serif; letter-spacing: 0.08em; text-transform: uppercase; color: #264363; }
.cf-ct__sent span { width: 8px; height: 8px; border-radius: 50%; background: #FF8001; }
.cf-ct__done h2 { margin: 0; font-family: 'Inter Tight', Inter, sans-serif; font-weight: 400; font-size: var(--t-stmt); line-height: 1.2; letter-spacing: -0.02em; color: #122236; text-wrap: balance; }
.cf-ct__done p { margin: 0; max-width: 500px; font-size: 16px; line-height: 1.6; color: #24364F; text-wrap: pretty; }
.cf-ct__done p a { color: #122236; font-weight: 500; white-space: nowrap; }
.cf-ct__done button { align-self: flex-start; margin-top: 8px; padding: 0 0 2px; background: transparent; border: 0; border-bottom: 1px solid #122236; font-size: 14px; font-weight: 600; color: #122236; cursor: pointer; }
.cf-ct__done button:hover { color: #4275AE; border-color: #4275AE; }
@media (min-width: 1024px) { .cf-ct__done { min-height: 480px; } }