/*
 * The DSA notice form (/report/). The controls (select, textarea, counter,
 * check, alert) and the page layout come from /site.css; this file only
 * holds what is particular to this page. No inline styles (the Hosting CSP
 * is `style-src 'self'`).
 */

#notice-form .form-heading {
  margin-top: 34px;
  padding-top: 26px;
  border-top: 1px solid var(--line);
}

#notice-form .form-heading + p {
  margin: 8px 0 0;
}

/* Inline (not inline-block) so the full stop after it can't wrap away,
   and never split at its hyphen. */
.reference {
  padding: 1px 8px;
  white-space: nowrap;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  border-radius: var(--radius-xs);
  background: var(--surface-muted);
  color: var(--text);
  font-family: var(--font-display);
  letter-spacing: 0.04em;
}