:root{--fg:#1d232b;--muted:#5b6672;--bg:#f7f8fa;--card:#fff;--accent:#1f6feb;--line:#dde2e8}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
header,main,footer{max-width:960px;margin:0 auto;padding:0 20px}
header{display:flex;gap:14px;align-items:center;padding-top:32px}
h1{margin:0;font-size:1.8rem}
.sub{margin:0;color:var(--muted)}
h2{font-size:1.25rem;margin-top:2rem}
.notice{background:#fff7e0;border:1px solid #f0d58a;border-radius:6px;padding:10px 14px;margin-top:24px}
.shot{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px;margin-top:12px}
table{width:100%;border-collapse:collapse;background:var(--card);font-size:.92rem}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
td code{word-break:break-all;font-size:.78rem;color:var(--muted)}
a{color:var(--accent)}
footer{color:var(--muted);font-size:.85rem;padding-top:24px;padding-bottom:40px}
@media (max-width:640px){td:nth-child(4),th:nth-child(4){display:none}}
a.button { display: inline-block; padding: .55em 1.1em; border-radius: 6px; background: #2f7de1; color: #fff; text-decoration: none; font-weight: 600; }
a.button:hover { background: #2569c0; }