:root{--background:#ffffff;--foreground:#18181b;--card:#f8fafc;--primary:#2e6fa8;--primary-foreground:#ffffff;--secondary:#f1f5f9;--secondary-foreground:#475569;--muted:#f4f4f5;--muted-foreground:#71717a;--border:rgba(0,0,0,0.08);--radius:0.25rem;--font-ui:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-jp:"Noto Sans JP",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--content-width:860px;--pad-x:2.5rem}*{box-sizing:border-box}html{font-size:16px}body{margin:0;padding:0;color:var(--foreground);background:var(--background);font-family:var(--font-jp);font-size:0.9375rem;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none;text-underline-offset:0.18em}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:10;background:var(--background);border-bottom:1px solid var(--border)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;height:3.5rem;max-width:var(--content-width);margin:0 auto;padding:0 var(--pad-x)}.site-title{font-family:var(--font-ui);font-weight:700;font-size:1rem;letter-spacing:-0.01em;color:var(--foreground)}.site-title:hover{color:var(--primary);text-decoration:none}.site-nav{display:flex;align-items:center;gap:1.75rem}.site-nav a{font-family:var(--font-ui);font-size:0.875rem;color:var(--muted-foreground)}.site-nav a:hover{color:var(--foreground);text-decoration:none}.site-main{max-width:var(--content-width);margin:0 auto;padding:3.5rem var(--pad-x)}h1{font-family:var(--font-ui);font-weight:700;font-size:1.5rem;line-height:1.4;color:var(--foreground);margin:0 0 2.5rem}.post-body h2{font-family:var(--font-ui);font-weight:700;font-size:1.25rem;line-height:1.5;margin:3rem 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border)}.post-body h3{font-family:var(--font-ui);font-weight:600;font-size:1.125rem;line-height:1.5;margin:2rem 0 0.75rem}p{margin:1.25rem 0}.post-body ul,.post-body ol{margin:1.25rem 0;padding-left:1.5rem}.post-body li{margin:0.5rem 0}.post-body li::marker{color:var(--primary)}.post-body blockquote{margin:1.5rem 0;padding:0.25rem 0 0.25rem 1.25rem;border-left:4px solid var(--primary);color:var(--muted-foreground)}.meta,.tag,.prerequisites,.archive-date{font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-foreground)}.tag-list{display:inline-flex;flex-wrap:wrap;gap:0.4rem}.tag{display:inline-block;padding:0.1rem 0.5rem;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius)}.tag:hover{background:var(--primary);color:var(--primary-foreground);text-decoration:none}.post-preview{padding:2.5rem 0;border-bottom:1px solid var(--border)}.post-preview:first-child{padding-top:0}.post-preview-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.625rem;margin-bottom:0.75rem}.post-preview-title{font-family:var(--font-ui);font-weight:700;font-size:1.25rem;line-height:1.5;margin:0 0 0.75rem}.post-preview-title a{color:var(--foreground)}.post-preview-title a:hover{color:var(--primary);text-decoration:none}.post-preview-teaser{margin:0 0 1rem;max-width:65ch;color:var(--muted-foreground)}.post-preview-teaser p{margin:0}.read-more{font-family:var(--font-ui);font-size:0.875rem}.archive-link{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border);font-size:0.875rem;color:var(--muted-foreground)}.post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-header h1{margin:0 0 1.25rem;font-size:1.75rem;line-height:1.4}.post-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}.back-home{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border);font-family:var(--font-ui);font-size:0.875rem}.back-home a{color:var(--muted-foreground)}.archive-list{list-style:none;margin:0;padding:0}.archive-item{display:flex;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--border)}.archive-date{flex-shrink:0;padding-top:0.15rem}.archive-entry{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.625rem}.archive-entry a{color:var(--foreground)}.archive-entry a:hover{color:var(--primary)}pre{margin:1.75rem 0;padding:1.25rem 1.5rem;overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);line-height:1.7}pre code{font-family:var(--font-mono);font-size:0.875rem;background:none;padding:0;color:var(--foreground)}code{font-family:var(--font-mono);font-size:0.85em;padding:0.1rem 0.35rem;background:var(--secondary);color:var(--secondary-foreground);border-radius:var(--radius)}.site-footer{margin-top:5rem;border-top:1px solid var(--border)}.site-footer-inner{max-width:var(--content-width);margin:0 auto;padding:3.5rem var(--pad-x)}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.footer-box h2{margin:0 0 1rem;font-family:var(--font-ui);font-weight:600;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted-foreground)}.footer-box p{margin:0 0 0.5rem;font-size:0.875rem;line-height:1.7}.footer-box ul{margin:0;padding:0;list-style:none}.footer-box li{margin-bottom:0.625rem;font-size:0.875rem}.footer-bottom{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.footer-bottom p{margin:0;font-family:var(--font-mono);font-size:0.75rem;color:var(--muted-foreground)}@media (max-width:640px){:root{--pad-x:1.25rem}.site-nav{gap:1.25rem}.post-header h1{font-size:1.5rem}.footer-cols{grid-template-columns:1fr;gap:2rem}.archive-item{flex-direction:column;gap:0.35rem}}