:root{--bg:#ffffff;--surface:#f4f7f8;--text:#1f2a30;--muted:#5f6b72;--border:#dde4e7;--accent:#1d6a85;--accent-hover:#124d61;--notice-bg:#eef4f6;--notice-border:#bccad0}@media(prefers-color-scheme:dark){:root{--bg:#14191c;--surface:#1b2226;--text:#e3e8ea;--muted:#9aa7ad;--border:#2c363b;--accent:#6cbfdc;--accent-hover:#9bd6ea;--notice-bg:#1b2a31;--notice-border:#35505b}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,hiragino sans,hiragino kaku gothic pron,noto sans jp,yu gothic ui,Meiryo,sans-serif;font-size:16px;line-height:1.8;overflow-wrap:anywhere}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--accent-hover)}.wrap{max-width:720px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}.site-logo{color:var(--text);font-weight:700;font-size:1.15rem;letter-spacing:.08em;text-decoration:none}.site-logo:hover{color:var(--accent)}.site-nav a{font-size:.95rem;text-decoration:none}main.wrap{flex:1 0 auto;width:100%;padding-top:32px;padding-bottom:56px}.notice{background:var(--notice-bg);border-left:4px solid var(--notice-border);border-radius:4px;padding:12px 16px;margin-bottom:32px}.notice p{margin:0}.page-title{font-size:1.75rem;line-height:1.4;margin:0 0 24px}.section-title{font-size:1.15rem;margin:32px 0 8px;padding-bottom:6px;border-bottom:2px solid var(--border)}.post-list{list-style:none;margin:0;padding:0}.post-item{padding:16px 0;border-bottom:1px solid var(--border)}.post-date{display:block;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.post-title{font-weight:700;font-size:1.05rem;text-decoration:none}.post-title:hover{text-decoration:underline}.post-item .post-lead{color:var(--muted);font-size:.95rem;margin-top:4px}.post-lead p{margin:0}.more{margin-top:20px}.post-heading{font-size:1.6rem;line-height:1.45;margin:4px 0 20px}.post>.post-lead{font-weight:700;margin-bottom:20px}.post-body p{margin:0 0 1em}.post-nav{display:flex;justify-content:space-between;gap:16px;margin-top:40px;padding-top:20px;border-top:1px solid var(--border)}.post-nav a{flex:1;text-decoration:none;font-size:.95rem}.post-nav .newer{text-align:right}.post-nav span{display:block;color:var(--muted);font-size:.8rem}.back{margin-top:24px}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:.85rem;padding:20px 0}@media(max-width:480px){.page-title{font-size:1.45rem}.post-heading{font-size:1.35rem}.post-nav{flex-direction:column}.post-nav .newer{text-align:left}}