:root{--ff-head: "Space Grotesk", "Noto Sans JP", system-ui, sans-serif;--ff-body: "Noto Sans JP", system-ui, sans-serif;--ff-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--ff-serif: "Noto Serif JP", "游明朝", "Yu Mincho", serif;--accent: #111111;--bg: #fafafa;--page: #eceae5;--panel: #ffffff;--ink: #111111;--text: #2b2b2b;--lead: #1a1a1a;--mute: #666666;--mute2: #8a8a8a;--faint: #b0b0b0;--line: #e3e3e3;--line-soft: #e0e0e0;--line-card: #dcdcdc;--navy: #0e1320;--fs: 17px;--card-max: 1060px;--measure: 720px;--toc-w: 216px;--gap: 56px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:var(--ff-body);font-size:var(--fs);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.shell{max-width:var(--card-max);margin:36px auto;background:var(--bg);border:1px solid var(--line);box-shadow:0 8px 40px #0000001f}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 40px;border-bottom:1px solid var(--line);background:#ffffffeb;backdrop-filter:blur(8px)}.hd-brand{display:flex;align-items:center;gap:14px}.hd-logo{width:22px;height:22px;background:#111;display:block}.hd-name{font:600 14px/1 var(--ff-head);letter-spacing:.04em;color:var(--ink)}.hd-badge{font:500 10px/1 var(--ff-mono);color:var(--mute2);border:1px solid var(--line);padding:4px 7px;letter-spacing:.06em}.hd-nav{display:flex;gap:26px;font:500 12.5px/1 var(--ff-body);color:#444}.hd-nav a:hover{color:var(--ink)}.hd-cta{background:#111;color:#fff;padding:9px 18px;font:500 12px/1 var(--ff-body);white-space:nowrap}.hd-cta:hover{opacity:.88}.hd-spacer{flex:1}.breadcrumb{padding:13px 40px;border-bottom:1px solid var(--line);background:var(--panel);font:500 11px/1.6 var(--ff-mono);color:var(--mute2)}.breadcrumb a:hover{color:var(--ink);text-decoration:underline}.breadcrumb .sep{padding:0 6px;color:var(--faint)}.breadcrumb .current{color:var(--mute)}.banner{border-bottom:1px solid var(--line);background:var(--navy)}.banner img{display:block;width:100%;height:auto}.metabar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 40px;border-bottom:1px solid var(--line);background:var(--panel)}.meta-cat{font:600 10px/1 var(--ff-mono);background:#111;color:#fff;padding:6px 10px;letter-spacing:.05em}.meta-cat:hover{opacity:.85}.meta-mono{font:500 11.5px/1 var(--ff-mono);color:var(--mute2)}.meta-dot{width:3px;height:3px;border-radius:50%;background:#c8c8c8}.meta-right{margin-left:auto;display:flex;align-items:center;gap:14px;font:500 11.5px/1 var(--ff-body);color:var(--mute)}.meta-share{border:1px solid var(--line-soft);padding:7px 11px;color:#333}.meta-share:hover{background:#f2f2f2}.body-wrap{display:flex;gap:var(--gap);justify-content:center;align-items:flex-start;padding:52px 48px 60px;background:var(--bg)}.reading{max-width:var(--measure);width:100%;min-width:0}.toc-wrap{width:var(--toc-w);flex:none;position:sticky;top:78px;align-self:start}.toc{background:var(--panel);border:1px solid var(--line);padding:18px 18px 20px}.toc-head{font:600 10px/1 var(--ff-mono);letter-spacing:.14em;color:var(--mute2);margin:0 0 12px}.toc ol{list-style:none;margin:0;padding:0}.toc li{margin:0}.toc-l3{padding-left:14px}.toc a{display:flex;gap:8px;padding:6px 10px;border-left:2px solid transparent;color:var(--mute);font-size:12.5px;line-height:1.5}.toc a:hover{color:var(--ink)}.toc a.is-current{border-left-color:var(--accent);background:var(--bg);color:var(--ink);font-weight:700}.toc-num{font:600 10.5px/1.5 var(--ff-mono);color:var(--accent);flex:none}.prose{color:var(--text);font-size:var(--fs);line-height:2.05;letter-spacing:.012em;counter-reset:h2}.prose>*:first-child{margin-top:0}.prose>p:first-of-type{font-size:1.12em;line-height:1.95;color:var(--lead)}.prose p{margin:0 0 1.7em}.prose h2{counter-increment:h2;counter-reset:h3;font:600 26px/1.45 var(--ff-head);color:var(--ink);margin:44px 0 20px;padding-bottom:16px;border-bottom:1px solid var(--line);scroll-margin-top:90px}.prose h2:before{content:counter(h2,decimal-leading-zero);display:block;font:600 12px/1 var(--ff-mono);color:var(--accent);letter-spacing:.1em;margin-bottom:10px}.prose h3{counter-increment:h3;font:600 18px/1.6 var(--ff-head);color:var(--ink);margin:34px 0 12px;scroll-margin-top:90px}.prose h3:before{content:counter(h3,upper-alpha) ". ";color:var(--accent);font-family:var(--ff-mono);font-weight:600}.prose h4{font:600 15px/1.6 var(--ff-head);color:var(--ink);margin:26px 0 10px}.prose ul{list-style:none;margin:0 0 1.7em;padding:0}.prose ul>li{position:relative;padding-left:1.5em;margin:.5em 0}.prose ul>li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:600}.prose ol{margin:0 0 1.7em;padding-left:1.6em}.prose ol>li{margin:.5em 0}.prose li>ul,.prose li>ol{margin:.4em 0}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose table{border-collapse:collapse;width:100%;margin:1.8em 0;font-size:15px;line-height:1.7}.prose th{background:#111;color:#fff;padding:11px 14px;text-align:left;font-weight:600;font-family:var(--ff-mono);font-size:13px}.prose td{border:1px solid var(--line-soft);padding:10px 14px;vertical-align:top}.prose tbody tr:nth-child(2n) td{background:var(--bg)}.prose img{display:block;width:100%;border:1px solid var(--line-card)}.prose figure.fig-inline{margin:1.8em 0}.prose figure.fig-inline img{margin:0}.prose figure.fig-inline figcaption{border-left:2px solid var(--accent);padding-left:12px;margin-top:10px;color:var(--mute2);font-size:13px;line-height:1.7}.prose .callout{background:var(--panel);border:1px solid var(--line-card);padding:22px 24px;margin:1.8em 0}.prose .callout-label{font:600 10px/1 var(--ff-mono);letter-spacing:.1em;color:var(--accent);margin-bottom:10px}.prose .callout p{margin:0}.prose .callout p+p{margin-top:.8em}.prose blockquote{border-left:3px solid var(--accent);margin:1.8em 0;padding:2px 0 2px 20px;font-family:var(--ff-serif);font-size:1.05em;line-height:1.9;color:var(--lead)}.prose blockquote p{margin:.4em 0}.prose code{background:var(--bg);border:1px solid var(--line-soft);padding:1px 6px;font-family:var(--ff-mono);font-size:.88em}.prose pre{background:var(--navy);color:#e2e8f0;padding:18px 20px;overflow-x:auto;margin:1.8em 0;font-size:14px;line-height:1.7}.prose pre code{background:none;border:none;padding:0;color:inherit}.prose hr{border:none;border-top:1px solid var(--line);margin:2.4em 0}.figs{margin:2.4em 0 0}.fig{margin:0 0 1.8em}.fig img{width:100%;border:1px solid var(--line-card);display:block}.fig figcaption{border-left:2px solid var(--accent);padding-left:12px;margin-top:10px;font-size:13px;color:var(--mute2)}.authorbox{display:flex;gap:16px;align-items:flex-start;margin:0 48px;padding:24px 0;border-top:1px solid var(--line)}.author-avatar{width:44px;height:44px;background:#111;color:#fff;flex:none;display:grid;place-items:center;font:600 15px/1 var(--ff-head)}.author-name{font:600 14px/1.4 var(--ff-head);color:var(--ink)}.author-role{font:500 10.5px/1 var(--ff-mono);color:var(--mute2);letter-spacing:.08em;margin:5px 0 8px}.author-bio{font-size:13.5px;line-height:1.85;color:var(--mute)}.related{margin:0 48px 8px;padding:32px 0 40px;border-top:1px solid var(--line)}.related-head{font:600 11px/1 var(--ff-mono);letter-spacing:.14em;color:var(--mute2);margin:0 0 18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.related-card{background:var(--panel);padding:20px;display:flex;flex-direction:column;gap:8px}.related-card:hover{background:var(--bg)}.related-cat{font:600 9.5px/1 var(--ff-mono);color:var(--accent);letter-spacing:.08em}.related-title{font:600 14.5px/1.5 var(--ff-head);color:var(--ink)}.related-date{font:500 10.5px/1 var(--ff-mono);color:var(--faint);margin-top:auto}.cta{background:#111;color:#fff;padding:44px 48px}.cta-kicker{font:600 11px/1 var(--ff-mono);letter-spacing:.16em;color:#8a8a8a;margin:0 0 12px}.cta-head{font:600 24px/1.5 var(--ff-head);color:#fff;margin:0 0 22px}.cta-actions{display:flex;gap:12px;flex-wrap:wrap}.cta-primary{background:#fff;color:#111;padding:13px 22px;font:600 13px/1 var(--ff-body)}.cta-primary:hover{opacity:.9}.cta-ghost{border:1px solid #555;color:#fff;padding:13px 22px;font:500 13px/1 var(--ff-body)}.cta-ghost:hover{border-color:#fff}.site-footer{border-top:1px solid var(--line);background:var(--panel);padding:24px 40px;font:500 11px/1.8 var(--ff-mono);color:var(--mute2);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.list-layout{display:flex;gap:var(--gap);align-items:flex-start;padding:40px 48px 56px;background:var(--bg)}.list-main{flex:1;min-width:0}.list-side{width:240px;flex:none;position:sticky;top:78px;align-self:start}.list-head{margin:0 0 8px}.list-eyebrow{font:600 11px/1 var(--ff-mono);letter-spacing:.16em;color:var(--accent);margin:0 0 10px}.list-head h1{font:600 28px/1.4 var(--ff-head);color:var(--ink);margin:0 0 6px}.list-head p{color:var(--mute);margin:0;font-size:13.5px}.post-list{list-style:none;padding:0;margin:20px 0 0}.post-item{padding:26px 0;border-bottom:1px solid var(--line)}.post-item:first-child{border-top:1px solid var(--line)}.post-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:10px}.post-cat{font:600 9.5px/1 var(--ff-mono);background:#111;color:#fff;padding:5px 9px;letter-spacing:.05em}a.post-cat:hover{opacity:.85}.post-mono{font:500 11px/1 var(--ff-mono);color:var(--mute2)}.post-title{font:600 20px/1.5 var(--ff-head);color:var(--ink);display:inline-block}.post-title:hover{color:var(--accent)}.post-excerpt{color:var(--mute);font-size:14px;line-height:1.85;margin:10px 0 0}.side-block{margin-bottom:28px}.side-head{font:600 10px/1 var(--ff-mono);letter-spacing:.14em;color:var(--mute2);margin:0 0 12px}.side-search-form{display:flex;gap:0;border:1px solid var(--line)}.side-search-form input{flex:1;min-width:0;padding:9px 11px;font-size:13px;border:none;background:#fff;color:var(--ink);font-family:inherit}.side-search-form input:focus{outline:none}.side-search-form button{padding:9px 14px;font:500 12px/1 var(--ff-mono);cursor:pointer;border:none;border-left:1px solid var(--line);background:#111;color:#fff;white-space:nowrap}.side-search-form button:hover{opacity:.88}.side-nav{border:1px solid var(--line)}.side-nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--text);font-size:13.5px}.side-nav a:last-child{border-bottom:none}.side-nav a:hover{background:var(--bg)}.side-nav a.is-active{color:var(--accent);font-weight:700;border-left:2px solid var(--accent)}.side-count{font:500 11px/1 var(--ff-mono);color:var(--mute2)}.pf-search{--pagefind-ui-primary: #111;--pagefind-ui-text: var(--ink);--pagefind-ui-background: #fff;--pagefind-ui-border: var(--line);--pagefind-ui-font: var(--ff-body);--pagefind-ui-border-radius: 0;--pagefind-ui-scale: .8}.pf-fallback{font-size:12px;color:var(--mute2);margin:0}.empty{color:var(--mute2);padding:60px 0;text-align:center}@media(max-width:980px){.shell{margin:0;border-left:none;border-right:none}.body-wrap{flex-direction:column;padding:36px 22px 44px}.toc-wrap{position:static;width:100%;order:-1}.toc{padding:14px 16px}.list-layout{flex-direction:column;padding:28px 22px 44px}.list-side{position:static;width:100%;order:-1}.site-header{padding:14px 20px}.hd-nav{display:none}.breadcrumb,.metabar{padding-left:20px;padding-right:20px}.authorbox,.related{margin-left:22px;margin-right:22px}.cta{padding:32px 22px}.site-footer{padding:20px 22px}}