:root {
	--bg: #f4f5f7;
	--surface: #ffffff;
	--text: #1f2328;
	--muted: #5b6370;
	--border: #d8dce2;
	--link: #2f6fd6;
}
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #15171a;
		--surface: #1e2125;
		--text: #e6e8eb;
		--muted: #9aa3ad;
		--border: #343a42;
		--link: #7aa8f5;
	}
}
* { box-sizing: border-box; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--text);
	font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
main {
	max-width: 760px;
	margin: 32px auto;
	padding: 32px 24px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 12px;
}
.logo { width: 72px; height: auto; }
h1 { font-size: 1.6rem; line-height: 1.3; margin: 12px 0 4px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
.meta { color: var(--muted); margin: 0 0 24px; }
a { color: var(--link); }
code { font-size: 0.9em; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; display: block; overflow-x: auto; }
th, td { border: 1px solid var(--border); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: var(--bg); }
@media (max-width: 600px) {
	main { margin: 0; border: 0; border-radius: 0; padding: 20px 16px; }
}