:root { --ink:#14213d; --accent:#0b2265; --bg:#ffffff; --muted:#5a6472; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif; color:var(--ink); background:var(--bg); line-height:1.8; }
header { display:flex; justify-content:space-between; align-items:center; padding:1rem 1.25rem; border-bottom:3px solid var(--accent); flex-wrap:wrap; gap:.5rem; }
.site-name { font-weight:800; font-size:1.25rem; margin:0; color:var(--accent); }
nav a { margin-left:1rem; color:var(--ink); text-decoration:none; font-size:.95rem; }
nav a:hover { text-decoration:underline; }
main { max-width:44rem; margin:0 auto; padding:1.5rem 1.25rem 3rem; }
h1 { font-size:1.9rem; line-height:1.4; }
h2 { font-size:1.3rem; margin-top:2.25rem; border-left:5px solid var(--accent); padding-left:.6rem; }
a { color:var(--accent); }
footer { border-top:1px solid #e3e6ea; color:var(--muted); text-align:center; padding:1.5rem 1rem; font-size:.85rem; }
table { border-collapse:collapse; width:100%; margin:1rem 0; }
th, td { border:1px solid #d5d9de; padding:.5rem .75rem; text-align:left; }
th { background:#f2f4f7; }