/* Contact (#/contact) and the links to it. */
.contact { max-width: 620px; }
.contact-lead { font-size: 17px; line-height: 1.55; color: var(--ink-60); margin: 0 0 24px; }
.contact-form textarea { min-height: 160px; resize: vertical; }
.contact-topics { flex-wrap: wrap; }
.contact-topics .seg-option span { white-space: nowrap; }
.contact-from { margin: 0 0 16px; }
.contact-actions { align-items: center; gap: 14px; flex-wrap: wrap; }
.contact-note { margin-top: 20px; }
.contact-trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.footer a { color: inherit; }
.topbar .contact-link { font: 500 13px/1 var(--sans); text-decoration: none; padding: 9px 12px; border: 1px solid color-mix(in srgb, currentColor 60%, transparent); border-radius: var(--radius); }
.topbar .contact-link[aria-current="page"] { background: color-mix(in srgb, currentColor 18%, transparent); }
.signin-side { display: flex; flex-direction: column; justify-content: center; }
.signin-contact { margin: 0; padding: 0 var(--gutter) 32px; max-width: 520px; }
@media (max-width: 720px) {
  .signin-side { justify-content: flex-start; }
  .signin-side .signin-form { padding-bottom: 20px; }
  .signin-contact { padding: 0 16px calc(env(safe-area-inset-bottom, 0px) + 32px); }
  .contact-topics { display: grid; grid-template-columns: 1fr 1fr; }
  .contact-topics .seg-option span { border-left: 0; border-top: 1px solid var(--line); }
  .contact-topics .seg-option:nth-child(even) span { border-left: 1px solid var(--line); }
  .contact-topics .seg-option:nth-child(-n+2) span { border-top: 0; }
  .contact-actions .primary { flex: 1 1 100%; justify-content: center; text-align: center; min-height: 48px; }
}