:root { color-scheme: light dark; --bg:#fff; --fg:#1d2433; --dim:#5b6780; --line:#d9dfeb; --acc:#0a6fb7; --code:#f1f4fa; }
@media (prefers-color-scheme: dark) { :root { --bg:#0e1420; --fg:#e4e9f5; --dim:#97a3bd; --line:#26334d; --acc:#6cb8f0; --code:#18223a; } }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--bg); color: var(--fg); }
.wrap { max-width: 880px; margin: 0 auto; padding: 24px 18px 80px; }
nav.top { font-size: .9rem; color: var(--dim); margin-bottom: 18px; }
nav.top a { color: var(--acc); text-decoration: none; }
h1 { font-size: 1.9rem; margin: .2em 0 .6em; } h2 { font-size: 1.4rem; margin-top: 1.8em; border-bottom: 1px solid var(--line); padding-bottom: .2em; }
h3 { font-size: 1.12rem; margin-top: 1.4em; }
a { color: var(--acc); }
code { background: var(--code); padding: .1em .35em; border-radius: 4px; font: .9em ui-monospace, Consolas, monospace; }
pre { background: var(--code); padding: 12px 14px; border-radius: 8px; overflow-x: auto; }
pre code { background: none; padding: 0; }
table { border-collapse: collapse; width: 100%; margin: 1em 0; font-size: .94rem; display: block; overflow-x: auto; }
th, td { border: 1px solid var(--line); padding: 6px 10px; text-align: left; vertical-align: top; }
th { background: var(--code); }
blockquote { border-left: 4px solid var(--acc); margin: 1em 0; padding: .2em 1em; background: var(--code); }
.cards { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); margin: 1em 0 2em; }
.card { border: 1px solid var(--line); border-radius: 10px; padding: 12px 14px; text-decoration: none; color: var(--fg); display: block; }
.card:hover { border-color: var(--acc); } .card b { color: var(--acc); display: block; } .card span { color: var(--dim); font-size: .9rem; }
.doc { page-break-before: always; }
@media print { body { font-size: 11pt; } .wrap { max-width: none; padding: 0; } nav.top, .noprint { display: none; } pre, table { page-break-inside: avoid; } a { color: inherit; } }