#footer {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 30px;
  padding: 0 1.5em;
  font: var(--note);
  color: var(--dim);
  background: var(--panel);
  border-top: 1px solid var(--line);
}
#footer .gap { flex: 1; }
#footer a { color: var(--dim); text-decoration: none; }
#footer a:hover { color: var(--signal); }
#footer button { padding: 2px 10px; background: transparent; }

#contact-card {
  width: min(360px, calc(100vw - 32px));
  padding: 18px 20px;
  color: var(--ink-2);
  background: var(--panel);
  border: 1px solid var(--line-strong);
  border-radius: var(--r-lg);
}
#contact-card::backdrop { background: var(--ground-veil); }
#contact-card h2 { margin: 0 0 6px; font: 600 14px var(--sans); color: var(--ink); }
#contact-card p { margin: 0 0 12px; }
#contact-card ul { margin: 0 0 16px; padding: 0; list-style: none; }
#contact-card li { display: flex; gap: 12px; padding: 7px 0; border-top: 1px solid var(--line); }
#contact-card li span { flex: 0 0 72px; color: var(--dim); }
#contact-card li a { color: var(--signal); text-decoration: none; overflow-wrap: anywhere; }
#contact-card li a:hover { color: var(--signal-lift); }
#contact-card form { display: flex; justify-content: flex-end; margin: 0; }