:root{--bg:#fff;--fg:#1f2328;--muted:#656d76;--link:#0b5fc4;--border:#d8dee4;--soft:#f6f8fa;--accent:#0b5fc4}
@media (prefers-color-scheme:dark){
:root{--bg:#14171a;--fg:#e6e8ea;--muted:#9aa4ae;--link:#7ab7ff;--border:#30363d;--soft:#1c2128;--accent:#7ab7ff}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);line-height:1.85;font-size:16px;
font-family:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Yu Gothic UI","Noto Sans JP",Meiryo,sans-serif}
a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.site-header{border-bottom:1px solid var(--border);padding:12px 16px}
.site-name{font-weight:700;font-size:1.1rem;color:var(--fg);text-decoration:none}
.container{max-width:42rem;margin:0 auto;padding:20px 16px 40px}
h1{font-size:1.6rem;line-height:1.4;margin:.6em 0 .4em}
h2{font-size:1.3rem;line-height:1.45;margin:2em 0 .6em;padding-bottom:.25em;border-bottom:2px solid var(--accent)}
h3{font-size:1.1rem;margin:1.6em 0 .5em}
p,ul,ol{margin:0 0 1.1em}
.meta{color:var(--muted);font-size:.85rem;margin:0 0 1.2em}
blockquote{margin:1.2em 0;padding:.6em 1em;border-left:4px solid var(--border);background:var(--soft)}
blockquote p{margin:0}
table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;margin:0 0 1.2em}
th,td{border:1px solid var(--border);padding:.5em .7em;text-align:left;white-space:nowrap}
th{background:var(--soft)}
img{max-width:100%;height:auto}
.post-list{list-style:none;padding:0}
.post-list li{padding:14px 0;border-bottom:1px solid var(--border)}
.post-list a.title{font-weight:700;font-size:1.05rem}
.post-list p{margin:.3em 0 0;color:var(--muted);font-size:.9rem}
.site-footer{border-top:1px solid var(--border);padding:20px 16px;text-align:center;color:var(--muted);font-size:.85rem}
@media (min-width:700px){body{font-size:17px}.container{padding-top:32px}}