:root{--paper: oklch(.965 .012 80);--paper-2: oklch(.93 .015 80);--ink: oklch(.18 .01 60);--ink-soft: oklch(.3 .01 60);--gold: oklch(.74 .13 82);--gold-deep: oklch(.58 .12 72);--gold-soft: oklch(.9 .08 85);--shu: oklch(.55 .18 35);--rule: oklch(.18 .01 60 / .85);--max-width: 780px}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{font-family:Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-feature-settings:"palt" 1;line-height:1.7;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1px 1px at 12% 22%,rgba(0,0,0,.05) 50%,transparent 51%),radial-gradient(1px 1px at 73% 41%,rgba(0,0,0,.04) 50%,transparent 51%),radial-gradient(1px 1px at 38% 78%,rgba(0,0,0,.04) 50%,transparent 51%),radial-gradient(1px 1px at 88% 88%,rgba(0,0,0,.05) 50%,transparent 51%);background-size:7px 7px,11px 11px,9px 9px,13px 13px;opacity:.55;mix-blend-mode:multiply;z-index:50}.mincho{font-family:Shippori Mincho,Yu Mincho,serif;font-feature-settings:"palt" 1}.mono{font-family:DM Mono,ui-monospace,monospace;letter-spacing:.02em}a{color:var(--gold-deep);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 28px;position:relative}.blog-hero{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%);border-bottom:2px solid var(--ink);padding:56px 0 48px}.blog-hero .kicker{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.3em;color:var(--gold-deep);margin-bottom:12px}.blog-hero h1{font-family:Shippori Mincho,serif;font-weight:800;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:.01em;margin-bottom:14px}.blog-hero .lead{color:var(--ink-soft);font-size:15px;max-width:40em}.post-list-section{padding:64px 0}.post-list{list-style:none;display:grid;gap:0}.post-list li{border-bottom:1px solid var(--rule)}.post-list li:first-child{border-top:1px solid var(--rule)}.post-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:start;padding:24px 0;text-decoration:none;color:inherit;transition:background .15s}.post-card:hover{text-decoration:none}.post-card:hover .post-title{color:var(--gold-deep)}.post-thumb{aspect-ratio:16 / 10;overflow:hidden;border:2px solid var(--ink);flex-shrink:0}.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.post-card:hover .post-thumb img{transform:scale(1.04)}.post-thumb-placeholder{width:100%;height:100%;background:var(--paper-2);display:grid;place-items:center}.post-thumb-placeholder span{font-size:10px;letter-spacing:.2em;color:var(--gold-deep);opacity:.6}.post-card-body{padding-top:4px}.post-meta{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.2em;color:var(--gold-deep);margin-bottom:8px}.post-title{font-family:Shippori Mincho,serif;font-weight:700;font-size:1.2rem;line-height:1.45;margin-bottom:8px;color:var(--ink);transition:color .15s}.post-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.7}@media(max-width:580px){.post-card{grid-template-columns:1fr}.post-thumb{aspect-ratio:16 / 7}}.article-hero-img{margin-bottom:40px;border:2px solid var(--ink);box-shadow:8px 8px 0 var(--gold);overflow:hidden;aspect-ratio:16 / 7}.article-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.article-wrap{padding:64px 0 88px}.article-header{margin-bottom:48px;padding-bottom:32px;border-bottom:2px solid var(--ink)}.article-header .post-meta{font-family:DM Mono,monospace;font-size:11px;letter-spacing:.25em;color:var(--gold-deep);margin-bottom:16px}.article-header h1{font-family:Shippori Mincho,serif;font-weight:800;font-size:clamp(26px,3.5vw,44px);line-height:1.25;letter-spacing:.01em}.article-header .desc{margin-top:16px;font-size:15px;color:var(--ink-soft);border-left:3px solid var(--gold);padding-left:16px}.prose h2{font-family:Shippori Mincho,serif;font-weight:700;font-size:1.5rem;margin:2.5rem 0 1rem;padding-bottom:8px;border-bottom:2px solid var(--ink)}.prose h3{font-family:Shippori Mincho,serif;font-weight:700;font-size:1.15rem;margin:2rem 0 .75rem;padding-left:12px;border-left:4px solid var(--gold)}.prose p{margin-bottom:1.4rem;font-size:15.5px;line-height:1.85}.prose ul,.prose ol{padding-left:1.4rem;margin-bottom:1.4rem}.prose li{margin-bottom:.4rem;font-size:15px}.prose strong{color:var(--ink);font-weight:700}.prose a{color:var(--gold-deep);border-bottom:1px solid var(--gold)}.prose a:hover{color:var(--ink)}.prose code{font-family:DM Mono,monospace;font-size:.875em;background:var(--paper-2);border:1px solid var(--rule);padding:.1em .4em;letter-spacing:.02em}.prose pre{background:var(--ink);color:var(--paper);padding:1.25rem 1.5rem;margin-bottom:1.4rem;overflow-x:auto;border-left:4px solid var(--gold);font-family:DM Mono,monospace;font-size:.875rem;line-height:1.7}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose img,.prose video{max-width:100%;height:auto;display:block;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--gold);margin:1.5rem 0}.prose figure{margin:1.75rem 0}.prose figure img,.prose figure video{margin:0 0 .6rem}.prose figcaption{font-size:.82rem;line-height:1.6;color:var(--ink-soft);font-family:DM Mono,monospace;padding-left:.6rem;border-left:3px solid var(--gold)}.prose table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-size:14.5px;border:2px solid var(--ink)}.prose thead th{background:var(--ink);color:var(--paper);font-weight:700}.prose th,.prose td{border:1px solid var(--rule);padding:10px 12px;text-align:left;vertical-align:top;line-height:1.6}.prose tbody tr:nth-child(odd){background:var(--paper-2)}.prose tbody td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}.prose tbody td:last-child{font-weight:700;color:var(--gold-deep)}@media(max-width:560px){.prose table{font-size:12.5px;margin:1.4rem 0}.prose th,.prose td{padding:7px 8px}.prose tbody td:first-child{white-space:normal}}.prose blockquote{border-left:4px solid var(--gold);background:var(--gold-soft);padding:16px 20px;margin:1.5rem 0;font-style:normal;color:var(--ink-soft)}.article-outer{padding:0 0 88px}.article-container{max-width:1100px;margin:0 auto;padding:0 28px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:20px 0 24px;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;color:var(--ink-soft);border-bottom:1px solid var(--rule);margin-bottom:48px}.breadcrumb a{color:var(--gold-deep);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.lang-switch-link{margin-left:auto;padding:3px 12px;border:1px solid var(--gold-deep);border-radius:9999px;color:var(--gold-deep)!important;font-size:11px;white-space:nowrap}.lang-switch-link:hover{background:var(--gold-soft);text-decoration:none!important}.blog-hero .lang-switch{margin-top:18px;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em}.blog-hero .lang-switch a{color:var(--gold-deep);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}.blog-hero .lang-switch a:hover{color:var(--shu)}.bc-sep{opacity:.4}.bc-current{color:var(--ink-soft);max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-grid{display:grid;grid-template-columns:1fr 260px;gap:56px;align-items:start}.article-main{min-width:0}.post-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:56px 0 24px;border-top:2px solid var(--ink);padding-top:32px}.pager-prev,.pager-next{display:flex}.pager-next{justify-content:flex-end}.pager-prev a,.pager-next a{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1.5px solid var(--rule);border-radius:4px;text-decoration:none;color:inherit;transition:border-color .18s,background .18s;max-width:100%}.pager-prev a:hover,.pager-next a:hover{border-color:var(--gold);background:var(--gold-soft);text-decoration:none}.pager-next a{text-align:right}.pager-dir{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.15em;color:var(--gold-deep)}.pager-title{font-size:13px;font-weight:700;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.back-to-blog{margin-top:16px;text-align:center}.back-to-blog a{font-family:DM Mono,monospace;font-size:12px;letter-spacing:.1em;color:var(--gold-deep);text-decoration:none}.back-to-blog a:hover{text-decoration:underline}.sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:24px}.sidebar-cta{background:var(--ink);color:var(--paper);padding:22px 20px;border-radius:2px}.sidebar-cta-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--gold);margin-bottom:10px}.sidebar-cta-desc{font-size:13px;line-height:1.75;color:#f5f0e8bf;margin-bottom:16px}.sidebar-cta-btn{display:block;text-align:center;padding:10px 0;background:var(--gold);color:var(--ink);font-weight:700;font-size:13px;text-decoration:none;border-radius:2px;transition:opacity .15s}.sidebar-cta-btn:hover{opacity:.85;text-decoration:none}.sidebar-widget{border:1.5px solid var(--rule);padding:18px 16px}.sidebar-widget-title{font-family:Shippori Mincho,serif;font-size:13px;font-weight:700;letter-spacing:.05em;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--rule)}.sidebar-post-list{list-style:none;display:flex;flex-direction:column;gap:12px}.sidebar-post-link{display:flex;gap:10px;align-items:flex-start;text-decoration:none;color:inherit}.sidebar-post-link:hover .sidebar-post-title{color:var(--gold-deep)}.sidebar-thumb{width:60px;height:40px;object-fit:cover;flex-shrink:0;border:1px solid var(--rule)}.sidebar-thumb-placeholder{width:60px;height:40px;background:var(--paper-2);flex-shrink:0;display:grid;place-items:center;font-family:DM Mono,monospace;font-size:8px;color:var(--gold-deep);opacity:.5;border:1px solid var(--rule)}.sidebar-post-title{font-size:12px;line-height:1.55;color:var(--ink);transition:color .15s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.updated-label{margin-left:12px;font-family:DM Mono,monospace}@media(max-width:860px){.article-grid{grid-template-columns:1fr}.sidebar{position:static;border-top:2px solid var(--ink);padding-top:40px}}@media(max-width:640px){.topstrip .nav-right{gap:12px}.blog-hero{padding:40px 0 32px}.article-container{padding:0 16px}.post-pager{grid-template-columns:1fr}.pager-next{justify-content:flex-start}.pager-next a{text-align:left}.bc-current{max-width:24ch}}