/* What the static site needs beyond site.css: the screen-reader utility the Django version took from Tailwind, the
   pilot form's state messages (shown by the script in index.html), and the Terms and Privacy pages. */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.dx-pilot-form[hidden],
.dx-pilot-sent[hidden],
.dx-pilot-error[hidden] { display: none; }

.dx-legal { max-width: 760px; padding-block: var(--section); }
.dx-legal h1 { font-size: clamp(2.2rem, 4.4vw, 3.4rem); }
.dx-legal h2 { font-size: 1.5rem; margin-top: 2.2em; margin-bottom: 0.5em; }
.dx-legal p,
.dx-legal ul { margin-top: 1em; }
.dx-legal ul { padding-left: 1.25em; list-style: disc; }
.dx-legal li + li { margin-top: 0.4em; }
.dx-legal-updated { color: var(--muted); margin-top: 0.75em; }

.dx-pilot-error a { color: inherit; }