:root{color-scheme:light;--bg:#f6f7f9;--fg:#17212c;--muted:#5a6572;--border:#dce2e8;--accent:#254c72}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85}
body{background:var(--bg);margin:0;color:var(--fg)}.wrap{max-width:820px;margin:0 auto;padding:36px 24px 64px}
header{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:16px;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:.04em;font-size:1.1rem}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:var(--accent);text-underline-offset:3px}
nav a{font-size:.9rem;text-decoration:none}main{background:white;padding:42px 40px;margin-top:28px;border:1px solid var(--border);border-radius:13px}
h1{font-size:1.8rem;line-height:1.4;margin:0 0 18px}h2{font-size:1.15rem;margin:34px 0 10px}h3{font-size:1.02rem;margin:20px 0 8px}
p,ul{margin:12px 0}ul{padding-left:1.4em}li{margin:7px 0}.lead{font-size:1.08rem;color:#3d4b57}.tag{font-size:.79rem;letter-spacing:.05em;color:var(--muted);margin-bottom:12px;text-transform:uppercase}
.note{border-left:3px solid #7d9fbc;background:#f1f6fa;padding:12px 16px;margin:24px 0;color:#344b61}
footer{font-size:.82rem;color:var(--muted);margin-top:22px;text-align:center}
@media(max-width:580px){.wrap{padding:20px 13px 36px}main{padding:26px 20px}h1{font-size:1.55rem}}