:root{color-scheme:light dark}
body{margin:0;background:#fff;color:#1a1a1a;font:16px/1.7 system-ui,"Malgun Gothic",sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px}
h1{font-size:28px;line-height:1.3;margin:0 0 16px}
h2{font-size:20px;line-height:1.4;margin:32px 0 8px}
a{color:#0b57d0}
a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.table{overflow-x:auto}
.table.wide table{min-width:560px}
.table:focus-visible{outline:2px solid #0b57d0;outline-offset:2px}
table{border-collapse:collapse;width:100%;margin:8px 0}
caption{text-align:left;font-weight:600;padding:4px 0}
th,td{border:1px solid #c4c4c4;padding:6px 8px;text-align:left;vertical-align:top}
th{background:#f3f3f3}
footer{margin-top:32px;font-size:14px;color:#444}
@media (prefers-color-scheme:dark){body{background:#121212;color:#ececec}a{color:#8ab4f8}th{background:#222}th,td{border-color:#555}footer{color:#bbb}}