.blogPostLayout{background:var(--color-background);min-height:100vh;color:var(--color-textPrimary);flex-direction:column;display:flex}.blogPostHeader{border-bottom:1px solid var(--color-rule);padding:var(--space-4) var(--space-6)}.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:var(--text-md);text-decoration:none;transition:color .2s}.blogPostNavLink:hover{color:var(--color-textPrimary)}.blogPostMain{flex:1;padding:64px 24px 80px}.blogPostInner{max-width:64ch;margin:0 auto}.blogPostMeta{color:var(--color-textTertiary);font-size:var(--text-md);align-items:center;gap:12px;margin-bottom:24px;display:flex}.blogPostTags{gap:8px;display:flex}.blogPostTag{background:var(--color-accentMuted);color:var(--color-accent);font-size:var(--text-sm);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.blogPostTitle{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);margin:0 0 var(--space-12);letter-spacing:-.025em}.blogPostContent{color:var(--color-textPrimary);font-size:var(--text-prose);line-height:var(--leading-prose)}.blogPostContent h2{color:var(--color-textPrimary);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.01em;margin:var(--space-12) 0 var(--space-3);font-weight:700;line-height:var(--leading-tight)}.blogPostContent h3{color:var(--color-textPrimary);font-family:var(--font-display);font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-2);font-weight:700;line-height:var(--leading-tight)}.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-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-accentBorder);text-decoration-color:var(--color-accentBorder);transition:text-decoration-color var(--transition-fast)}.blogPostContent a:hover{color:var(--color-accentHover)}.blogPostContent code{background:var(--color-surfaceSunken);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-textPrimary);padding:2px 6px}.blogPostContent pre{background:var(--color-surfaceRaised);border-radius:var(--radius);margin:0 0 20px;padding:16px 20px;overflow-x:auto}.blogPostContent pre code{font-size:var(--text-md);color:var(--color-textSecondary);background:0 0;padding:0}.blogPostContent blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-5);margin:var(--space-8) 0;color:var(--color-textSecondary);font-style:normal}.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:var(--text-md);text-decoration:none;transition:color .2s}.blogPostBack:hover{color:var(--color-textPrimary)}@media (max-width:639.98px){.blogPostTitle{font-size:var(--text-3xl)}.blogPostFooter{flex-direction:column;align-items:flex-start;gap:16px}}