.legal article > h2 { font-size: clamp(22px, 2.6vw, 28px); line-height: 1.2; letter-spacing: -.01em; margin: 40px 0 14px; }
.legal article > ul { margin: 0 0 18px; padding-left: 22px; }
.legal article li { margin-bottom: 8px; }
.legal article li ul { margin-top: 8px; }
.legal .legal-meta a[aria-current] { font-weight: 600; text-decoration: none; }
.contact-status { display: none; margin: 0 0 18px; padding: 14px 18px; border-radius: 14px; background: #23764f14; color: var(--good); font-weight: 600; }
.contact-status.contact-error { background: #b4483a14; color: var(--bad); }
.contact-status:target { display: block; }
.contact-form { margin: 0 0 18px; }
.contact-form p { margin: 0 0 16px; }
.contact-form label { display: block; font-size: 15px; font-weight: 600; margin-bottom: 6px; }
.contact-form input, .contact-form select, .contact-form textarea { display: block; width: 100%; font: inherit; font-size: 16px; color: var(--petrol);
  padding: 11px 14px; border: 1px solid #193b4333; border-radius: 12px; background: var(--ivory); }
.contact-form textarea { resize: vertical; min-height: 140px; }
.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus { outline: 2px solid var(--tint); outline-offset: 1px; }
.contact-form .pill { font-size: 16px; padding: 12px 22px; cursor: pointer; }