:root { color-scheme: light; font-family: Arial, sans-serif; color:#17212b; background:#f4f7f9; }
body { margin:0; line-height:1.55; }
main { width:min(780px, calc(100% - 32px)); margin:32px auto; padding:28px; box-sizing:border-box; background:#fff; border-radius:12px; box-shadow:0 4px 20px rgba(0,0,0,.08); }
h1 { margin-top:0; font-size:28px; }
h2 { margin-top:28px; font-size:19px; }
h3 { margin-top:20px; font-size:15px; }
a { color:#176ca5; }
nav { display:flex; flex-wrap:wrap; gap:14px; margin-bottom:24px; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th, td { padding:9px; border:1px solid #dbe3e8; text-align:left; vertical-align:top; }
th { background:#eef4f7; }
.notice { padding:12px 14px; background:#edf6fb; border-left:4px solid #3498db; }
.updated { color:#65737f; font-size:13px; }
@media(max-width:600px){ main{margin:0; width:100%; padding:20px; border-radius:0;} table{display:block; overflow-x:auto;} }