:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 0 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6; max-width: 42rem; margin-inline: auto;
}
header, footer { padding: 1rem 0; font-size: .9rem; }
header a, footer a, main a { color: inherit; }
footer { border-top: 1px solid #8884; margin-top: 3rem; }
h1 { font-size: 1.8rem; margin: 1.5rem 0 .5rem; }
h2 { font-size: 1.2rem; margin: 2rem 0 .5rem; }
.tagline { font-size: 1.1rem; opacity: .85; }
ol.steps li { margin: .5rem 0; }
.disclosure {
  border: 1px solid #8886; border-radius: .6rem;
  padding: 1rem 1.25rem; margin: 2rem 0;
}
.disclosure .number { font-size: 1.3rem; font-weight: 700; }
.disclosure .fine { font-size: .85rem; opacity: .85; }
.note { font-size: .9rem; opacity: .8; }