/* The support page, on top of landing.css: the same palette and faces, and a
 * plain reading column. */

h1 {
  font: 400 clamp(2.6rem, 7vw, 3.6rem)/0.95 'Bebas Neue', ui-sans-serif, sans-serif;
  letter-spacing: 0.02em; text-transform: uppercase; margin: 2.5rem 0 1rem;
}
.lede { font-size: 1.1rem; color: var(--muted); max-width: 40rem; margin: 0 0 3rem; }

main section { max-width: 42rem; margin: 0 0 3.5rem; }
main h2 { margin: 0 0 0.75rem; }
main h3 { font-size: 1.05rem; margin: 2rem 0 0.5rem; color: var(--ink); }
main p, main li { color: var(--muted); line-height: 1.65; }
main ul { padding-left: 1.2rem; }
main li + li { margin-top: 0.4rem; }
main code { font-size: 0.9em; }
main strong { color: var(--ink); font-weight: 600; }

footer {
  margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid var(--edge);
  display: flex; flex-wrap: wrap; gap: 1rem; align-items: center;
  color: var(--muted); font-size: 0.85rem;
}
footer nav { margin-left: auto; display: flex; gap: 1rem; }
footer a { color: var(--muted); text-decoration: none; }
footer a:hover { color: var(--ink); }