/*
 * Contact page. Layout and the form come from /beta/beta.css; this file
 * holds only what differs: the three "other ways" lines under the lede and
 * the honeypot, which must be invisible without being display:none (some
 * bots skip hidden fields, and a real screen reader is told to ignore it
 * via aria-hidden on the wrapper).
 */
.contact-ways {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--text-2);
}
.contact-ways strong { color: var(--text); font-weight: 600; margin-right: 6px; }
.contact-ways a { color: var(--accent-text); font-weight: 600; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 3px; transition: text-decoration-color 0.15s ease; }
.contact-ways a:hover { text-decoration-color: var(--accent-text); }

.contact-optional { font-weight: 400; color: var(--text-3); margin-left: 4px; }

.contact-hp {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}