:root { color-scheme:light; --ink:#152033; --muted:#5f6b7c; --bg:#fff; --panel:#f7f8fa; --line:#e3e6eb; --red:#c7192b; }
* { box-sizing:border-box; }
html { background:var(--bg); scroll-padding-top:24px; }
body { margin:0; color:var(--ink); background:var(--bg); font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
a { color:var(--red); text-underline-offset:3px; overflow-wrap:anywhere; }
:focus-visible { outline:2px solid var(--red); outline-offset:4px; }
::selection { color:#fff; background:var(--red); }
.skip-link { position:fixed; top:12px; left:12px; z-index:2; padding:12px 16px; color:var(--ink); background:#fff; clip-path:inset(100%); }
.skip-link:focus { clip-path:none; }
.site-header { width:min(1240px,calc(100% - 64px)); margin:0 auto; display:flex; min-height:92px; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; }
.brand img { display:block; width:166px; height:auto; }
.back-link { color:var(--muted); }
main { width:min(800px,calc(100% - 64px)); margin:0 auto; padding:48px 0 64px; }
h1 { margin:0 0 12px; font-size:24px; line-height:1.5; font-weight:600; }
h2 { margin:0 0 16px; font-size:18px; line-height:1.5; font-weight:600; }
h3 { margin:24px 0 12px; font-size:16px; font-weight:600; }
p { margin:12px 0; }
ul,ol { margin:12px 0; padding-left:24px; }
li { margin:8px 0; }
strong { font-weight:600; }
.meta { margin:0 0 24px; color:var(--muted); font-size:12px; }
.notice { padding:16px 20px; background:var(--panel); border-left:3px solid var(--red); }
.notice p:first-child { margin-top:0; }
.notice p:last-child { margin-bottom:0; }
.contents { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:24px; padding:24px 0; border-top:1px solid var(--line); }
section { margin-top:32px; padding-top:32px; border-top:1px solid var(--line); }
.table-scroll { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th,td { min-width:120px; padding:12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; }
th { font-weight:600; }
th[scope=row] { width:18%; }
footer { width:min(1240px,calc(100% - 64px)); margin:0 auto; padding:24px 0 32px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }
.footer-links,.licenses { display:flex; flex-wrap:wrap; gap:12px 24px; }
.footer-links a { color:var(--muted); }
.licenses { margin-top:16px; gap:8px 24px; }
.licenses a { color:var(--muted); }
@media(max-width:760px) { .site-header,main,footer { width:calc(100% - 32px); } .site-header { min-height:76px; } .brand img { width:142px; } main { padding-top:32px; } }
@media print { .site-header,.skip-link,.contents,footer { display:none; } main { width:100%; padding:0; } a { color:inherit; } section { break-inside:avoid; } }