.blogPostLayout{background:var(--color-background);min-height:100vh;color:var(--color-textPrimary);flex-direction:column;display:flex}.blogPostHeader{border-bottom:1px solid var(--color-border);padding:16px 24px}.blogPostHeaderInner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;display:flex}.blogPostLogo{color:var(--color-textPrimary);align-items:center;text-decoration:none;display:flex}.blogPostLogo img{width:auto;height:24px}.blogPostNav{align-items:center;display:flex}.blogPostNavLink{color:var(--color-textSecondary);font-size:14px;text-decoration:none;transition:color .2s}.blogPostNavLink:hover{color:var(--color-textPrimary)}.blogPostMain{flex:1;padding:64px 24px 80px}.blogPostInner{max-width:720px;margin:0 auto}.blogPostMeta{color:var(--color-textTertiary);align-items:center;gap:12px;margin-bottom:24px;font-size:14px;display:flex}.blogPostTags{gap:8px;display:flex}.blogPostTag{background:var(--color-accentMuted);color:var(--color-accent);border-radius:var(--radius-full);padding:2px 8px;font-size:12px;font-weight:500}.blogPostTitle{letter-spacing:-.02em;margin:0 0 48px;font-size:40px;font-weight:700;line-height:1.2}.blogPostContent{color:var(--color-textSecondary);font-size:17px;line-height:1.8}.blogPostContent h2{color:var(--color-textPrimary);margin:40px 0 16px;font-size:24px;font-weight:600;line-height:1.3}.blogPostContent h3{color:var(--color-textPrimary);margin:32px 0 12px;font-size:20px;font-weight:600;line-height:1.3}.blogPostContent p{margin:0 0 20px}.blogPostContent ul,.blogPostContent ol{margin:0 0 20px;padding-left:24px}.blogPostContent li{margin-bottom:8px}.blogPostContent strong{color:var(--color-textPrimary)}.blogPostContent a{color:var(--color-accent);text-decoration:none;transition:color .2s}.blogPostContent a:hover{color:var(--color-accentHover)}.blogPostContent code{background:var(--color-surfaceRaised);border-radius:var(--radius);color:var(--color-accent);padding:2px 6px;font-size:15px}.blogPostContent pre{background:var(--color-surfaceRaised);border-radius:var(--radius);margin:0 0 20px;padding:16px 20px;overflow-x:auto}.blogPostContent pre code{color:var(--color-textSecondary);background:0 0;padding:0;font-size:14px}.blogPostContent blockquote{border-left:3px solid var(--color-accent);color:var(--color-textTertiary);margin:0 0 20px;padding-left:16px;font-style:italic}.blogPostFooter{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:64px;padding-top:40px;display:flex}.blogPostBack{color:var(--color-textSecondary);font-size:14px;text-decoration:none;transition:color .2s}.blogPostBack:hover{color:var(--color-textPrimary)}@media (max-width:640px){.blogPostTitle{font-size:28px}.blogPostFooter{flex-direction:column;align-items:flex-start;gap:16px}}