:root{--bg:#fff;--bg-soft:#f7f8fa;--bg-sunk:#f1f3f6;--surface:#fff;--text:#1b2029;--text-muted:#5b6472;--text-faint:#8a93a3;--accent:#3b82f6;--accent-strong:#2563eb;--accent-wash:#eff5ff;--border:#e7e9ee;--border-strong:#d6dae1;--rule:#ebedf1;--radius:12px;--radius-sm:8px;--reading:680px;--shell:1000px;--shadow-sm:0 1px 2px #141e320d;--font:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", Meiryo, sans-serif;--serif:Georgia, "Times New Roman", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif JP", serif;--mono:"SFMono-Regular", "SF Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;margin:0;line-height:1.9;overflow-x:hidden}a{color:var(--accent-strong);text-decoration:none}a:hover{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.reading{max-width:var(--reading);margin:0 auto;padding:0 24px}img{max-width:100%;height:auto}.site-header{z-index:30;backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--rule);background:#ffffffdb;position:sticky;top:0}.site-header .bar{max-width:var(--shell);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px 24px;display:flex}.brand{color:var(--text);letter-spacing:.01em;font-size:1.02rem;font-weight:700;font-family:var(--serif);white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand .glyph{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid}.brand .glyph svg{width:15px;height:15px;display:block}.nav{flex-wrap:nowrap;flex-shrink:0;gap:4px;font-size:.9rem;display:flex}.nav a{color:var(--text-muted);white-space:nowrap;border-radius:7px;align-items:center;padding:6px 11px;font-weight:500;display:inline-flex}.nav a:hover{color:var(--accent-strong);background:var(--accent-wash);text-decoration:none}.nav .ico{display:none}.nav .ico svg{width:21px;height:21px;display:block}.lede{max-width:var(--reading);margin:0 auto;padding:76px 24px 30px}.kicker{letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase;align-items:center;gap:7px;font-size:.74rem;font-weight:600;display:inline-flex}.kicker .pulse{background:var(--accent);border-radius:50%;width:6px;height:6px}.lede h1{font-family:var(--serif);letter-spacing:.005em;color:var(--text);margin:16px 0 14px;font-size:clamp(1.9rem,4.2vw,2.7rem);font-weight:700;line-height:1.32}.lede p{color:var(--text-muted);margin:0;font-size:1.05rem;line-height:1.85}.section-label{max-width:var(--reading);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);border-top:1px solid var(--rule);margin:8px auto 0;padding:26px 24px 0;font-size:.76rem;font-weight:700}.section-title{font-family:var(--serif);letter-spacing:.005em;margin:0 0 8px;font-size:1.6rem;font-weight:700}.post-list{max-width:var(--reading);margin:18px auto 40px;padding:0;list-style:none}.post-row{border-top:1px solid var(--rule)}.post-row:first-child{border-top:none}.post-row>a{color:inherit;padding:26px 0;transition:padding-left .18s;display:block}.post-row>a:hover{padding-left:6px;text-decoration:none}.post-row .row-meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:9px;font-size:.78rem;display:flex}.post-row .row-meta time{font-family:var(--mono);letter-spacing:.02em}.post-row h2{font-family:var(--serif);letter-spacing:.005em;color:var(--text);margin:0 0 8px;font-size:1.32rem;font-weight:700;line-height:1.5}.post-row>a:hover h2{color:var(--accent-strong)}.post-row .excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.96rem;line-height:1.8;display:-webkit-box;overflow:hidden}.row-tag{color:var(--text-faint)}.row-tag:before{content:"#";opacity:.55}.meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.meta time{font-family:var(--mono);letter-spacing:.02em}.tag{background:var(--bg-sunk);color:var(--text-muted);border:1px solid #0000;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:500;display:inline-block}.tag:hover{background:var(--accent-wash);color:var(--accent-strong);border-color:#d6e4ff;text-decoration:none}.post-shell{grid-template-columns:200px minmax(0, var(--reading));max-width:var(--shell);justify-content:center;gap:56px;margin:0 auto;padding:44px 24px 96px;display:grid}.toc{align-self:start;max-height:calc(100vh - 120px);font-size:.85rem;line-height:1.5;position:sticky;top:92px;overflow-y:auto}.toc .toc-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 12px;font-size:.7rem;font-weight:700}.toc ul{border-left:1px solid var(--rule);margin:0;padding:0;list-style:none}.toc li{margin:0}.toc li.lvl-3 a{padding-left:26px;font-size:.82rem}.toc a{color:var(--text-faint);border-left:2px solid #0000;margin-left:-1px;padding:5px 0 5px 14px;transition:color .15s,border-color .15s;display:block}.toc a:hover{color:var(--accent-strong);text-decoration:none}.toc a.active{color:var(--accent-strong);border-left-color:var(--accent);font-weight:600}.article{min-width:0}.article .breadcrumb{color:var(--text-faint);margin-bottom:18px;font-size:.8rem}.article .breadcrumb a{color:var(--text-muted)}.article .breadcrumb a:hover{color:var(--accent-strong)}.article h1{font-family:var(--serif);letter-spacing:.005em;margin:0 0 16px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.38}.article .article-meta{color:var(--text-faint);font-size:.85rem;font-family:var(--mono);border-bottom:1px solid var(--rule);margin-bottom:30px;padding-bottom:26px}.article .article-meta time{color:var(--text-muted)}.article>img{border-radius:var(--radius);border:1px solid var(--border);margin-bottom:8px}.prose{font-family:var(--serif);color:#262b34;font-size:1.12rem;line-height:2}.prose>*+*{margin-top:1.3em}.prose h2{font-family:var(--font);letter-spacing:.005em;margin:2em 0 .1em;scroll-margin-top:96px;font-size:1.4rem;font-weight:700;line-height:1.5}.prose h3{font-family:var(--font);letter-spacing:.005em;color:var(--text);margin:1.7em 0 .1em;scroll-margin-top:96px;font-size:1.12rem;font-weight:700}.prose p{margin:1.1em 0}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin:.5em 0}.prose li::marker{color:var(--accent)}.prose strong{color:var(--text);font-weight:700}.prose a{border-bottom:1px solid #c7defc;font-weight:500;text-decoration:none}.prose a:hover{border-bottom-color:var(--accent)}.prose blockquote{font-family:var(--font);border-left:3px solid var(--accent);color:var(--text-muted);margin:1.6em 0;padding:.3em 1.2em;font-size:1rem;font-style:italic}.prose blockquote p{margin:.4em 0}.prose code{font-family:var(--mono);background:var(--bg-sunk);color:var(--accent-strong);border-radius:6px;padding:.14em .42em;font-size:.84em}.prose pre{font-family:var(--mono);color:#e6edf7;border-radius:var(--radius);background:#0f1729;border:1px solid #1e293b;padding:18px;font-size:.9rem;line-height:1.7;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose table{font-family:var(--font);border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;margin:1.8em 0;font-size:.95rem;overflow:hidden}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;padding:11px 14px;line-height:1.7}.prose th{background:var(--bg-soft);color:var(--text);font-weight:700}.prose tr:last-child td{border-bottom:none}.prose tbody tr:hover{background:var(--bg-soft)}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose hr{border:none;border-top:1px solid var(--rule);margin:2.6em 0}.article-tags{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:24px;display:flex}.page{max-width:var(--reading);margin:0 auto;padding:56px 24px 88px}.page h1{font-family:var(--serif);margin:0 0 24px;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:700;line-height:1.38}.cta{font-family:var(--font);border-radius:var(--radius);background:var(--accent-wash);border:1px solid #d6e4ff;margin:48px 0 8px;padding:26px;position:relative}.cta h3{color:var(--text);margin:0 0 8px;font-size:1.05rem}.cta p{color:var(--text-muted);margin:0 0 16px;font-size:.96rem;line-height:1.8}.btn{background:var(--accent);color:#fff;border-radius:9px;align-items:center;gap:7px;padding:11px 20px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #3b82f647}.btn:hover{background:var(--accent-strong);color:#fff;text-decoration:none;transform:translateY(-1px)}.tag-cloud{flex-wrap:wrap;gap:10px;display:flex}.tag-cloud .tag{padding:7px 14px;font-size:.9rem}.site-footer{border-top:1px solid var(--rule);color:var(--text-faint);margin-top:8px;padding:40px 24px;font-size:.85rem}.site-footer .inner{max-width:var(--shell);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--accent-strong)}@media (width<=900px){.post-shell{grid-template-columns:minmax(0, var(--reading));gap:0;padding-top:32px}.toc{display:none}}@media (width>=641px) and (width<=900px){.reading,.lede,.section-label,.post-list,.page{padding-left:40px;padding-right:40px}.post-shell{padding:40px 40px 88px}.site-header .bar{padding:16px 40px}.lede{padding-top:64px}.lede h1{font-size:clamp(2.1rem,4.6vw,2.6rem)}.lede p{font-size:1.08rem}.section-title{font-size:1.55rem}.post-row>a{padding:28px 0}.post-row h2{font-size:1.3rem}.article h1{font-size:clamp(2rem,4.4vw,2.4rem)}.prose{font-size:1.1rem}}@media (width<=640px){.reading,.lede,.section-label,.post-list,.page{padding-left:20px;padding-right:20px}.site-header .bar{flex-wrap:nowrap;gap:8px;padding:13px 20px}.nav{gap:2px;font-size:.85rem}.nav a{padding:6px 9px}.lede{padding-top:52px}.post-shell{padding:24px 20px 72px}.prose{font-size:1.06rem}.site-footer .inner{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=560px){.nav .lbl{display:none}.nav .ico{place-items:center;display:inline-grid}.nav{gap:4px}.nav a{min-height:40px;padding:7px 8px}}@media (width<=430px){body{overflow-x:hidden}.prose pre{overflow-x:auto}.prose table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.site-header .bar{gap:8px;padding:clamp(10px,3.33333vw,14px) clamp(14px,4.61538vw,20px)}.brand{gap:8px;font-size:clamp(.92rem,4.17949vw,1.02rem)}.brand .glyph{width:clamp(23px,6.41026vw,27px);height:clamp(23px,6.41026vw,27px)}.nav{gap:clamp(1px,.769231vw,6px)}.nav a{min-height:40px;padding:7px clamp(5px,1.79487vw,10px)}.nav .lbl{display:none}.nav .ico{place-items:center;display:inline-grid}.reading,.lede,.section-label,.post-list,.page{padding-left:clamp(14px,4.61538vw,22px);padding-right:clamp(14px,4.61538vw,22px)}.post-shell{padding:clamp(18px,5.64103vw,26px) clamp(14px,4.61538vw,22px) 64px}.lede{padding-top:clamp(40px,12.3077vw,56px)}.lede h1{font-size:clamp(1.55rem,7.17949vw,2rem)}.lede p{font-size:clamp(.98rem,4.23077vw,1.08rem)}.section-title{font-size:clamp(1.32rem,6.15385vw,1.6rem)}.post-row h2{font-size:clamp(1.16rem,5.12821vw,1.32rem)}.post-row>a{padding:clamp(20px,6.15385vw,26px) 0}.article h1{font-size:clamp(1.5rem,6.92308vw,2rem)}.prose{font-size:clamp(1rem,4.48718vw,1.12rem)}.prose h2{font-size:clamp(1.22rem,5.64103vw,1.4rem)}.prose h3{font-size:clamp(1.04rem,4.61538vw,1.12rem)}.cta{padding:clamp(18px,5.64103vw,26px)}.site-footer{padding:32px clamp(14px,4.61538vw,22px)}.site-footer .inner{flex-direction:column;align-items:flex-start;gap:8px}}