.blog-post{width:100%;max-width:100%;margin:0;padding:var(--space-5) var(--space-2) var(--space-8);background:var(--ui-25)}.blog-post .content h1{font-size:1.5rem;font-weight:var(--font-bold);color:var(--ui-800);margin-bottom:var(--space-6);line-height:1.15;text-wrap:balance;letter-spacing:-.01em;text-align:center}.blog-post .content .meta{color:var(--ui-500);margin-bottom:var(--space-6);font-size:var(--font-xs);text-align:center}.blog-post .content .meta span+span{margin-left:var(--space-2)}.blog-post .content p,.blog-post .content li{line-height:1.7;margin-bottom:var(--space-3);color:var(--ui-700);letter-spacing:-.01em}.blog-post .content h2,.blog-post .content h3,.blog-post .content h4{font-weight:var(--font-bold);color:var(--ui-800);margin-bottom:var(--space-3);margin-top:var(--space-6);line-height:1.25}.blog-post .content h2{font-size:var(--font-l)}.blog-post .content h3{font-size:var(--font-m)}.blog-post .content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-highlight);transition:var(--fx-fast)}.blog-post .content a:hover{background:var(--accent-highlight)}.blog-post .content ul,.blog-post .content ol{padding-left:var(--space-5);margin-bottom:var(--space-5)}.blog-post .content blockquote{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:3px solid var(--ui-200)}.blog-post .content blockquote p{font-style:italic;color:var(--ui-600)}.blog-post .content pre{background-color:var(--ui-100);padding:var(--space-4);border-radius:var(--radius-2);font-size:var(--font-s);overflow-x:auto;margin:var(--space-6) 0}.blog-post .content code{font-family:var(--font-mono);background-color:var(--ui-100);padding:.2em .4em;border-radius:var(--radius-1);font-size:90%}.blog-post .content pre code{background-color:transparent;padding:0;border-radius:0;font-size:inherit}.blog-post .blog-post-nav{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-8) 0;padding-top:var(--space-6);border-top:1px solid var(--ui-200)}.blog-post .blog-post-nav .nav-link{display:flex;flex-direction:column;flex:1;min-width:0;padding:var(--space-4) var(--space-3);background:var(--ui-50);border-radius:var(--radius-3);border:1px solid var(--ui-100);color:var(--ui-800);text-decoration:none;transition:var(--fx-fast)}.blog-post .blog-post-nav .nav-link:hover{background:var(--ui-75);color:var(--accent)}.blog-post .blog-post-nav .nav-link span{font-size:var(--font-s);color:var(--ui-600);margin-bottom:var(--space-2)}.blog-post .blog-post-nav .nav-link h3{font-size:1rem;font-weight:var(--font-medium);line-height:1.4;margin:0;text-wrap:balance}.blog-post .blog-post-nav .nav-link.next-post{text-align:right}.blog-post .blog-post-footer{margin-top:var(--space-8);text-align:center}.blog-post .blog-post-footer .back-to-blog{display:inline-block;color:var(--accent);font-weight:var(--font-medium);text-decoration:none;border-bottom:1px solid var(--accent-highlight);padding:var(--space-2) 0;transition:all var(--fx-fast)}.blog-post .blog-post-footer .back-to-blog:hover{border-bottom-color:var(--accent)}@media (min-width: 600px){.blog-post{max-width:720px;margin:0 auto;padding:var(--space-10) var(--space-4) var(--space-14)}.blog-post .content h1{font-size:calc(var(--font-xl) * 1.67);margin-bottom:var(--space-8)}.blog-post .content .meta{margin-bottom:var(--space-10);font-size:var(--font-s)}.blog-post .content .meta span+span{margin-left:var(--space-4)}.blog-post .content p,.blog-post .content li{margin-bottom:var(--space-5)}.blog-post .content h2{font-size:calc(var(--font-l) * 1.2)}.blog-post .content h3{font-size:calc(var(--font-m) * 1.2)}.blog-post .blog-post-nav{flex-direction:row;gap:var(--space-6);margin-top:var(--space-10);margin-bottom:var(--space-10)}.blog-post .blog-post-nav .nav-link h3{font-size:1.2rem}}