/* One page, no framework, no fonts fetched. The site exists to serve two install scripts and say
   honestly what this is; anything heavier would be pretending. */
:root {
  --bg: #ffffff; --fg: #14181d; --muted: #5b6672;
  --rule: #e4e8ec; --code-bg: #f5f7f9; --accent: #6f22b0;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #0d1117; --fg: #e6edf3; --muted: #9aa7b4;
          --rule: #232b34; --code-bg: #161b22; --accent: #bb6bf5; }
}
* { box-sizing: border-box; }
body {
  margin: 0 auto; padding: 4rem 1.25rem 6rem; max-width: 46rem;
  background: var(--bg); color: var(--fg); line-height: 1.65;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
header { margin-bottom: 2.5rem; }
header .emblem { display: block; width: 13rem; max-width: 62%; height: auto; }
/* The wordmark is a single-colour shape used as a mask, so the colour comes from
   the page rather than the file -- one asset, both themes, no dark variant to
   forget to update. */
header .wordmark {
  display: block; margin-top: 0.55rem;
  width: 13rem; max-width: 62%; aspect-ratio: 1016 / 198;
  background: currentColor; color: var(--fg);
  -webkit-mask: url(/img/wordmark.svg) no-repeat left center / contain;
  mask: url(/img/wordmark.svg) no-repeat left center / contain;
}
.tagline { color: var(--muted); font-size: 1.05rem; margin-top: 0.75rem; }
h2 { font-size: 1.05rem; letter-spacing: 0.04em; text-transform: uppercase;
     color: var(--muted); margin: 3rem 0 0.75rem; font-weight: 600; }
pre { background: var(--code-bg); border: 1px solid var(--rule); border-radius: 8px;
      padding: 0.9rem 1rem; overflow-x: auto; font-size: 0.9rem; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
p code, li code { background: var(--code-bg); padding: 0.1rem 0.35rem; border-radius: 4px; font-size: 0.9em; }
a { color: var(--accent); }
ul { padding-left: 1.1rem; }
li { margin: 0.35rem 0; }
.note { color: var(--muted); font-size: 0.92rem; }
footer { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid var(--rule);
         color: var(--muted); font-size: 0.9rem; }