*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#1f2937;background:#f7f7f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.page{width:min(900px,100% - 32px);margin:0 auto;padding:48px 0}.site-header{margin-bottom:40px}.site-header h1{margin:0 0 8px;font-size:40px}.site-header p{color:#6b7280;margin:0}.post-list{gap:16px;display:grid}.post-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.post-item h2{margin:10px 0;font-size:24px}.post-item h2 a{text-decoration:none}.post-item h2 a:hover{text-decoration:underline}.post-meta{color:#6b7280;flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.tag-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{color:#3730a3;background:#eef2ff;border-radius:999px;padding:4px 8px;font-size:13px}.detail-page{grid-template-columns:minmax(0,1fr) 220px;gap:32px;width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0;display:grid}.post-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:0;padding:32px}.back-link{color:#4f46e5;margin-bottom:24px;text-decoration:none;display:inline-block}.post-detail h1{margin:12px 0 32px;font-size:36px}.markdown-body{line-height:1.8}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:32px;scroll-margin-top:24px}.markdown-body pre{color:#f9fafb;background:#111827;border-radius:8px;padding:16px;overflow-x:auto}.markdown-body code{font-family:SFMono-Regular,Consolas,monospace}.toc{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-self:start;padding:20px;position:sticky;top:24px}.toc h2{margin:0 0 12px;font-size:16px}.toc nav{gap:8px;display:grid}.toc a{color:#4b5563;font-size:14px;text-decoration:none}.toc a:hover{color:#111827}.toc-level-2{padding-left:12px}.toc-level-3{padding-left:24px}@media (width<=800px){.detail-page{grid-template-columns:1fr}.toc{order:-1;position:static}.post-detail{padding:24px}}