:root{--bg:#fbfbf9;--surface:#fff;--text:#1c1e21;--text-soft:#55595e;--text-faint:#8a8e93;--rule:#e4e4dd;--accent:#1c6b54;--accent-soft:#e6efeb;--code-bg:#f4f4f0;--max:44rem}@media (prefers-color-scheme:dark){:root{--bg:#15181b;--surface:#1d2126;--text:#e8e7e2;--text-soft:#a8adb3;--text-faint:#737980;--rule:#2d3238;--accent:#5cb598;--accent-soft:#1a2e28;--code-bg:#1d2126}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);text-underline-offset:3px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;font-size:17px;line-height:1.85}img{max-width:100%;height:auto}a{color:var(--accent)}.wrap{max-width:var(--max);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--rule);margin-bottom:2.5rem;padding:1.5rem 0}.site-header .inner{flex-wrap:wrap;align-items:baseline;gap:.85rem;display:flex}.site-name{letter-spacing:.02em;color:var(--text);font-size:1.2rem;font-weight:700;text-decoration:none}.site-tagline{color:var(--text-faint);font-size:.82rem}.site-nav{gap:1.1rem;margin-left:auto;font-size:.85rem;display:flex}.site-nav a{color:var(--text-soft);text-decoration:none}.site-nav a:hover{color:var(--accent)}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--rule)}.post-list li:first-child{border-top:1px solid var(--rule)}.post-card{color:inherit;grid-template-columns:8.5rem 1fr;align-items:start;gap:1.1rem;padding:1.4rem 0;text-decoration:none;display:grid}.post-card:hover .post-card-title{color:var(--accent)}.post-card img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;display:block}.post-card-title{margin:0 0 .35rem;font-size:1.02rem;font-weight:700;line-height:1.55}.post-card-desc{color:var(--text-soft);margin:0;font-size:.85rem;line-height:1.7}.post-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-bottom:.3rem;font-size:.76rem}@media (width<=34rem){.post-card{grid-template-columns:1fr;gap:.7rem}}.post-header{margin-bottom:1.8rem}.post-header h1{margin:.4rem 0 .7rem;font-size:1.65rem;line-height:1.5}.post-eyecatch{border-radius:8px;margin-bottom:2rem;display:block}.prose h2{border-left:4px solid var(--accent);margin:3rem 0 1rem;padding-left:.7rem;font-size:1.25rem;line-height:1.5}.prose h3{margin:2.2rem 0 .8rem;font-size:1.06rem}.prose p{margin:1.2rem 0}.prose ul,.prose ol{padding-left:1.4rem}.prose li{margin:.45rem 0}.prose img{border:1px solid var(--rule);border-radius:6px;margin:1.5rem 0}.prose hr{border:0;border-top:1px solid var(--rule);margin:2.5rem 0}.prose blockquote{background:var(--accent-soft);color:var(--text);border-radius:6px;margin:1.5rem 0;padding:.9rem 1.1rem}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose code{background:var(--code-bg);border-radius:4px;padding:.15em .4em;font-size:.88em}.prose pre{border-radius:8px;padding:1rem 1.1rem;font-size:.85rem;line-height:1.7;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--rule);text-align:left;padding:.5rem .7rem}.prose th{background:var(--code-bg)}.prose a{text-decoration:underline}.post-nav{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:1rem;margin:3.5rem 0 1rem;padding-top:2rem;display:grid}.post-nav-link{border:1px solid var(--rule);background:var(--surface);color:inherit;border-radius:8px;flex-direction:column;gap:.35rem;padding:1rem 1.15rem;text-decoration:none;transition:border-color .15s;display:flex}.post-nav-link:hover{border-color:var(--accent)}.post-nav-link:hover .post-nav-title{color:var(--accent)}.post-nav-link.next{text-align:right}.post-nav-label{color:var(--text-faint);font-size:.74rem;font-weight:700}.post-nav-title{font-size:.9rem;font-weight:700;line-height:1.55}@media (width<=34rem){.post-nav{grid-template-columns:1fr}.post-nav-link.next{text-align:left}}.toc{background:var(--surface);border:1px solid var(--rule);border-radius:8px;margin:2rem 0;padding:1.1rem 1.3rem;font-size:.88rem}.toc-title{letter-spacing:.06em;color:var(--text-faint);margin-bottom:.6rem;font-size:.8rem;font-weight:700}.toc ol{margin:0;padding-left:1.2rem}.toc li{margin:.3rem 0}.toc a{color:var(--text-soft);text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:underline}.toc .lv3{margin-left:1rem;font-size:.95em}.site-footer{border-top:1px solid var(--rule);color:var(--text-faint);margin-top:4rem;padding:2rem 0 3rem;font-size:.82rem}.site-footer nav{flex-wrap:wrap;gap:1.1rem;margin-bottom:.9rem;display:flex}.site-footer a{color:var(--text-soft);text-decoration:none}.site-footer a:hover{color:var(--accent)}.page-title{margin:0 0 1.5rem;font-size:1.5rem}.wrap.layout{max-width:66rem}.wrap.layout[data-sidebar=on]{grid-template-columns:minmax(0,1fr) 17.5rem;align-items:stretch;gap:3.5rem;display:grid}.wrap.layout[data-sidebar=off]{max-width:var(--max)}@media (width<=60rem){.wrap.layout[data-sidebar=on]{grid-template-columns:minmax(0,1fr);gap:3rem}}.sidebar{font-size:.88rem;position:sticky;top:1.5rem}.side-block{margin-bottom:2.2rem}.side-title{letter-spacing:.09em;color:var(--text-faint);text-transform:uppercase;border-bottom:1px solid var(--rule);margin:0 0 .85rem;padding-bottom:.5rem;font-size:.76rem;font-weight:700}.side-list,.side-cats{margin:0;padding:0;list-style:none}.side-list li{margin-bottom:.9rem;line-height:1.55}.side-list a{color:var(--text);font-size:.84rem;text-decoration:none;display:block}.side-list a:hover{color:var(--accent)}.side-date{color:var(--text-faint);font-variant-numeric:tabular-nums;margin-bottom:.15rem;font-size:.72rem;display:block}.side-ranked{counter-reset:rank;margin:0;padding:0;list-style:none}.side-ranked li{counter-increment:rank;margin-bottom:.9rem}.side-ranked a{color:var(--text);grid-template-columns:4.6rem 1fr;align-items:start;gap:.7rem;font-size:.82rem;line-height:1.5;text-decoration:none;display:grid}.side-ranked a:hover{color:var(--accent)}.side-ranked img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;display:block}.side-ranked span:before{content:counter(rank);text-align:center;background:var(--accent);color:#fff;vertical-align:1px;border-radius:3px;min-width:1.25rem;height:1.25rem;margin-right:.4rem;font-size:.68rem;font-weight:700;line-height:1.25rem;display:inline-block}.side-cats li{border-bottom:1px solid var(--rule)}.side-cats a{color:var(--text);justify-content:space-between;align-items:center;padding:.6rem 0;text-decoration:none;display:flex}.side-cats a:hover{color:var(--accent)}.side-count{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:.72rem}.side-profile p{color:var(--text-soft);margin:.5rem 0;font-size:.82rem;line-height:1.7}.side-profile strong{color:var(--text)}.cat-badge{background:var(--accent-soft);color:var(--accent);border-radius:3px;margin-left:.55rem;padding:.08rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.post-meta a.cat-badge{text-decoration:none}.page-lead{color:var(--text-soft);margin:-.7rem 0 1.8rem;font-size:.92rem}.site-nav{flex-wrap:wrap;row-gap:.3rem}@media (width<=40rem){.site-nav{width:100%;margin-left:0}}.toc-side{display:none}@media (width>=60.0625rem){.toc-inline{display:none}.toc-side{display:block}}.sidebar{height:100%}.toc-side{scrollbar-width:thin;overscroll-behavior:contain;border:0;border-left:2px solid var(--rule);background:0 0;border-radius:0;max-height:calc(100vh - 3rem);margin:0;padding:0 0 0 .9rem;position:sticky;top:1.5rem;overflow-y:auto}.toc-side ol{counter-reset:none;margin:0;padding:0;list-style:none}.toc-side li{margin:0}.toc-side a{color:var(--text-faint);border-left:2px solid #0000;margin-left:-.95rem;padding:.34rem 0 .34rem .95rem;font-size:.8rem;line-height:1.5;text-decoration:none;transition:color .15s,border-color .15s;display:block}.toc-side a:hover{color:var(--text)}.toc-side a.is-current{color:var(--accent);border-left-color:var(--accent);font-weight:700}.toc-side .lv3 a{padding-left:1.9rem;font-size:.76rem}@media (width<=60rem){.toc-inline{margin-top:0}}