:root {
  color-scheme: light;
  --bg: #e9eaeb; --panel: #f7f7f6; --ink: #1c1d1f; --muted: #55595e; --rule: #cfd2d5; --accent: #c2410c;
}
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; --bg: #16181b; --panel: #1f2226; --ink: #eceef0; --muted: #a3a9b0; --rule: #33373c; --accent: #fb7a3c; }
}
* { box-sizing: border-box; }
body {
  margin: 0; background: var(--bg); color: var(--ink);
  font: 16px/1.6 system-ui, "Segoe UI", Inter, -apple-system, sans-serif;
  padding-inline: 16px; padding-block: 40px;
}
.doc {
  max-width: 44rem; margin: 0 auto; background: var(--panel);
  border: 1px solid var(--rule); border-radius: 10px; padding: 32px clamp(20px, 4vw, 40px);
}
.eyebrow { margin: 0; font: 600 12px/1.4 ui-monospace, "Cascadia Mono", Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--accent); }
h1 { margin: .3em 0 .2em; font-size: clamp(26px, 5vw, 34px); line-height: 1.15; text-wrap: balance; }
h2 { margin: 1.8em 0 .4em; font-size: 18px; }
.meta { margin: 0 0 1em; color: var(--muted); font-size: 14px; }
ul { padding-left: 1.2em; }
a { color: var(--accent); }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.links { margin-top: 2em; padding-top: 1em; border-top: 1px solid var(--rule); font-size: 14px; }
@media print { body { background: #fff; padding: 0; } .doc { border: 0; } }