:root{--ink:#17191f;--muted:#52606a;--blue:#43758d;--paper:#f6f9fa;--line:#cbdce3;--warn:#fff0d7}
*{box-sizing:border-box}
html{background:var(--paper);color:var(--ink);font-family:Montserrat,"Avenir Next","Segoe UI",sans-serif}
body{margin:0}
header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px max(22px,calc((100vw - 1080px)/2));border-bottom:1px solid var(--line);background:rgba(246,249,250,.94);backdrop-filter:blur(12px)}
header img{width:150px;height:48px;object-fit:contain}
nav{display:flex;gap:14px;flex-wrap:wrap}
a{color:var(--blue);font-weight:800;text-decoration:none}
main{width:min(920px,calc(100% - 36px));margin:44px auto 72px}
h1{font-size:clamp(34px,6vw,58px);line-height:1;margin:0 0 12px}
h2{margin:34px 0 10px;font-size:23px}
h3{margin:22px 0 8px;font-size:17px}
p,li{line-height:1.65;color:var(--muted)}
.meta{margin-bottom:28px;color:var(--blue);font-weight:800}
.notice{padding:16px 18px;border:2px solid var(--ink);border-radius:6px;background:var(--warn);color:var(--ink);font-weight:750;line-height:1.5}
table{width:100%;border-collapse:collapse;margin:14px 0}
th,td{padding:11px;border:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45}
th{background:#eaf3f6}
footer{padding:28px;text-align:center;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:650px){header{align-items:flex-start;flex-direction:column}main{margin-top:28px}table{font-size:13px}}