:root{--brand:#2166a2;--brand-green:#00a651;--brand-ink:#122543;--brand-deep:#204779;--accent:#c6842e;--accent-ink:#8f5d16;--blue-50:#edf3f9;--blue-100:#d3e2f0;--blue-200:#a7c4e1;--blue-400:#4d8bc4;--ink:#0f1115;--muted:#5b6472;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--paper:#ffffff;--tap:44px;color-scheme:light}
body{font:16px/1.5 var(--font-sans);color:var(--ink);background:var(--paper);max-width:46rem;margin:0 auto 2rem;padding:0 1rem}
a{color:var(--brand)}
h1,h2{color:var(--brand-ink)}
header.site{padding:.75rem 0;border-bottom:3px solid var(--brand);margin-bottom:1.5rem}
header.site a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--brand-ink);font-weight:600}
header.site .mark{width:32px;height:32px}
footer.site{margin-top:3rem;padding-top:.75rem;border-top:1px solid var(--blue-200);color:var(--muted);font-size:.8rem}
.watermark{font-size:.8rem;padding:.4rem .6rem;border:1px solid var(--muted);color:var(--muted);margin:1rem 0}
.pill{font-size:.75rem;border:1px solid var(--accent-ink);color:var(--accent-ink);border-radius:1rem;padding:0 .5rem}
.pageimg{display:block;width:100%;height:auto;margin:0 0 1rem;border:1px solid;user-select:none;-webkit-user-drag:none}
pre.plain{white-space:pre-wrap}
.notice{border-left:3px solid;padding:.3rem .6rem}
form.inline{display:inline}
nav.rail{font-size:.9rem;border-bottom:1px solid;padding-bottom:.5rem;margin-bottom:1rem}
.pad{display:block;border:1px solid;width:100%;max-width:600px;height:auto;touch-action:none}
@media print{body{display:none}}