:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  margin: 0; padding: 1.25rem; max-width: 34rem; background: Canvas; color: CanvasText; }
h1 { font-size: 1.35rem; margin: 0 0 .15rem; font-variant-numeric: tabular-nums; }
h2 { font-size: 1.05rem; margin: 1.4rem 0 .4rem; }
.sub { color: GrayText; margin: 0 0 1.25rem; font-size: .95rem; }
p { margin: 0 0 .8rem; }
ul { margin: 0 0 .9rem; padding-left: 1.2rem; }
li { margin: .2rem 0; }
table.meta { width: 100%; border-collapse: collapse; margin: 1.4rem 0; font-size: .95rem; }
table.meta th, table.meta td { text-align: left; padding: .4rem .5rem .4rem 0; vertical-align: top;
  border-bottom: 1px solid color-mix(in srgb, CanvasText 15%, transparent); }
table.meta th { width: 8rem; font-weight: 600; color: GrayText; font-size: .9rem; }
.warn { border-left: 3px solid #c2410c; padding: .6rem .8rem; margin: 0 0 1rem;
  background: color-mix(in srgb, #c2410c 8%, transparent); border-radius: 0 4px 4px 0; }
code { font: .9em ui-monospace, Consolas, monospace;
  background: color-mix(in srgb, CanvasText 8%, transparent); padding: .1em .35em; border-radius: 3px; }
a { color: inherit; }
footer { color: GrayText; font-size: .85rem;
  border-top: 1px solid color-mix(in srgb, CanvasText 15%, transparent);
  padding-top: .8rem; margin-top: 1.5rem; }