.blog-section{z-index:5;min-height:100dvh;padding:24px 0 120px;position:relative}.blog-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);max-width:780px;box-shadow:var(--shadow-card);margin:0 auto}.blog-post-content{padding:48px 64px 56px}.blog-post-nav{margin-bottom:28px}.back-link{font-size:var(--text-14);color:var(--text-muted);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--ink)}.blog-post-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:18px;font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.15}.blog-post-meta-header{font-size:var(--text-14);color:var(--text-muted);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;row-gap:4px;margin-bottom:36px;padding-bottom:28px;display:flex}.blog-post-meta-header>span+span:before{content:"·";color:var(--text-faint);margin:0 10px}.blog-post-author{color:var(--ink);font-weight:600}.blog-post-body{font-family:var(--font-body);font-size:var(--text-17);color:var(--text-color);line-height:1.75}.blog-post .blog-post-body p,.blog-post .blog-post-body li{max-width:none}.blog-post-body>:first-child{margin-top:0}.blog-post-body h2{font-family:var(--font-display);font-size:var(--text-26);letter-spacing:-.01em;color:var(--ink);margin:48px 0 16px;font-weight:600;line-height:1.3}.blog-post-body h3{font-size:var(--text-20);color:var(--ink);margin:36px 0 12px;font-weight:600;line-height:1.35}.blog-post-body p{margin:0 0 20px}.blog-post-body ul,.blog-post-body ol{margin:0 0 24px;padding-left:24px}.blog-post-body ul{list-style:outside}.blog-post-body ol{list-style:decimal}.blog-post-body li{margin-bottom:10px;padding-left:4px}.blog-post-body li::marker{color:var(--text-faint)}.blog-post-body a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--border-soft);text-decoration-color:var(--border-soft);text-underline-offset:3px;transition:text-decoration-color .2s}.blog-post-body a:hover{text-decoration-color:currentColor}.blog-post-body strong{color:var(--ink);font-weight:600}.blog-post-body blockquote{border-left:3px solid var(--c1);color:var(--text-muted);margin:28px 0;padding:4px 0 4px 20px}.blog-post-body hr{border:0;border-top:1px solid var(--border);margin:48px 0 24px}.blog-post-body hr+p em{font-size:var(--text-14);color:var(--text-muted)}.blog-post-tags{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.blog-post-tags .tag{background:var(--surface-hover);border:1px solid var(--border);font-size:var(--text-12-5);color:var(--text-muted);font-weight:500;font-family:var(--font-mono);border-radius:9999px;align-items:center;padding:5px 12px;display:inline-flex}.blog-post-tags a.tag{color:var(--text-color);text-decoration:none;transition:border-color .2s,background-color .2s}.blog-post-tags a.tag:hover{border-color:var(--border-soft);background:var(--surface)}.blog-post-syndication{font-size:var(--text-14);color:var(--text-muted);margin-top:20px}.blog-post-syndication a{color:var(--ink);text-underline-offset:3px}.blog-post-related{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;margin-top:36px;padding:22px 24px}.blog-post-related h3{font-size:var(--text-14);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-weight:600}.blog-post-related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.blog-post-related ul li a{color:var(--ink);font-size:var(--text-15);text-decoration:none;transition:opacity .2s}.blog-post-related ul li a:hover{text-underline-offset:3px;text-decoration:underline}@media (max-width:768px){.blog-section{padding:8px 0 80px}.blog-post-content{padding:28px 22px 36px}.blog-post-body{font-size:var(--text-16)}.blog-post-body h2{font-size:var(--text-22);margin-top:36px}.blog-post-related ul{grid-template-columns:minmax(0,1fr)}}