:root{--bg:#fff;--bg-soft:#f6f7f9;--fg:#16181d;--fg-muted:#5b6472;--line:#e3e6ea;--navy:#0f1e3d;--gold:#b8912f;--link:#10325f;--max:720px;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#0f131a;--bg-soft:#161c26;--fg:#e8ebf0;--fg-muted:#9aa4b2;--line:#262e3a;--navy:#e8ebf0;--gold:#d9b44a;--link:#8ab4f8}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);letter-spacing:.01em;font-feature-settings:"palt";margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic Medium,Meiryo,sans-serif;font-size:17px;line-height:1.95}.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:20;position:sticky;top:0}.site-header .inner{max-width:var(--max);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:14px 20px;display:flex}.brand{color:var(--fg);letter-spacing:.02em;white-space:nowrap;font-size:17px;font-weight:700;text-decoration:none}.brand span{color:var(--gold)}.nav{gap:18px;font-size:14px;display:flex}.nav a{color:var(--fg-muted);white-space:nowrap;text-decoration:none}.nav a:hover{color:var(--fg)}.hero{padding:56px 0 8px}.hero h1{letter-spacing:.01em;margin:0 0 12px;font-size:27px;line-height:1.55}.hero p{color:var(--fg-muted);margin:0;font-size:15.5px;line-height:1.9}.post-list{margin:32px 0 0;padding:0;list-style:none}.post-list li{border-top:1px solid var(--line)}.post-list li:last-child{border-bottom:1px solid var(--line)}.post-list a{color:inherit;padding:22px 0;text-decoration:none;display:block}.post-list a:hover .post-title{color:var(--link)}.post-meta{color:var(--fg-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;display:flex}.post-title{margin:6px 0;font-size:19px;font-weight:700;line-height:1.6}.post-desc{color:var(--fg-muted);margin:0;font-size:14.5px;line-height:1.85}.tag{color:var(--fg-muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.7;text-decoration:none;display:inline-block}a.tag:hover{color:var(--fg);border-color:var(--fg-muted)}.tag-row{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}.article{padding:44px 0 8px}.article h1{letter-spacing:.01em;margin:10px 0 14px;font-size:27px;line-height:1.55}.article .lead{color:var(--fg-muted);margin:0 0 6px;font-size:15px}.prose{margin-top:34px}.prose h2{border-left:4px solid var(--gold);margin:2.6em 0 .9em;padding-left:12px;font-size:20.5px;line-height:1.6}.prose h3{margin:2.1em 0 .7em;font-size:17.5px}.prose p{margin:1.35em 0}.prose ul,.prose ol{margin:1.3em 0;padding-left:1.4em}.prose li{margin:.5em 0}.prose a{color:var(--link);text-underline-offset:3px}.prose img{border-radius:var(--radius);max-width:100%;height:auto;margin:1.8em auto;display:block}.prose blockquote{border-left:3px solid var(--line);color:var(--fg-muted);margin:1.6em 0;padding:2px 0 2px 16px}.prose hr{border:0;border-top:1px solid var(--line);margin:3em 0}.prose code{background:var(--bg-soft);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:.9em}.prose pre{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:16px;font-size:14px;line-height:1.75;overflow-x:auto}.prose pre code{background:0 0;border:0;padding:0}.prose table{border-collapse:collapse;width:100%;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 12px}.prose th{background:var(--bg-soft)}.site-footer{border-top:1px solid var(--line);background:var(--bg-soft);color:var(--fg-muted);margin-top:72px;padding:34px 0 44px;font-size:14px}.site-footer .links{flex-wrap:wrap;gap:8px 20px;margin-bottom:16px;display:flex}.site-footer a{color:var(--fg-muted);text-decoration:none}.site-footer a:hover{color:var(--fg);text-decoration:underline}.copyright{font-size:13px}.back{color:var(--fg-muted);margin:40px 0 0;font-size:14px;text-decoration:none;display:inline-block}.back:hover{color:var(--fg)}@media (width<=560px){body{font-size:16.5px}.hero{padding:40px 0 4px}.hero h1,.article h1{font-size:23px}.nav{gap:14px;font-size:13px}}