.main-content{padding:4rem 0}.blog-post{max-width:900px;margin:0 auto;padding:0 3rem}.post-header{margin-bottom:4rem;padding-bottom:3rem;border-bottom:1px solid var(--border-light)}.hero-image{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:2rem}.post-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:var(--text-primary)}.post-meta{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.updated-date{font-style:italic;margin-left:.5rem}.guest-author{font-weight:600;color:var(--link-color);margin-top:.5rem}.post-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.canonical-notice{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem;font-size:.875rem;color:var(--text-secondary)}.canonical-notice a{color:var(--link-color);text-decoration:none}.canonical-notice a:hover{text-decoration:underline}.post-content{line-height:1.6;font-size:.875rem;max-width:none;color:var(--text-secondary)}article.blog-post .post-content ul{margin:1.5rem 0!important;padding-left:2rem!important;list-style-type:disc!important;list-style-position:outside!important}article.blog-post .post-content ol{margin:1.5rem 0!important;padding-left:2rem!important;list-style-type:decimal!important;list-style-position:outside!important}article.blog-post .post-content h1{font-size:2rem!important;font-weight:700!important;color:var(--text-primary)!important;margin:3rem 0 1.5rem!important;line-height:1.3!important}article.blog-post .post-content h2{font-size:1.25rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:3rem 0 1.2rem!important;line-height:1.3!important}article.blog-post .post-content h3{font-size:1.25rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:2.5rem 0 1rem!important;line-height:1.3!important}article.blog-post .post-content h4{font-size:1rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:2rem 0 .75rem!important;line-height:1.3!important}article.blog-post .post-content p{margin-bottom:1.5rem!important;line-height:1.7!important;color:var(--text-secondary)!important}article.blog-post .post-content pre{background:#f8f9fa!important;border:1px solid #e9ecef!important;padding:1.5rem!important;border-radius:8px!important;overflow-x:auto!important;margin:2rem 0!important;line-height:1.5!important}article.blog-post .post-content pre code{background:none!important;padding:0!important;border:none!important;color:#212529!important;font-size:.9rem!important}[data-theme=dark] article.blog-post .post-content pre{background:#2d2d2d!important;border:1px solid #495057!important}[data-theme=dark] article.blog-post .post-content pre code{color:#e9ecef!important}.post-content a{color:var(--link-color)}.post-content strong{color:var(--text-primary);font-weight:600}.post-content em{font-style:italic}article.blog-post .post-content li{margin-bottom:.75rem!important;line-height:1.7!important;padding-left:.5rem!important;display:list-item!important}.post-content ul ul,.post-content ol ol,.post-content ul ol,.post-content ol ul{margin:.5rem 0!important;padding-left:2rem!important}.post-content ul ul{list-style-type:circle!important}.post-content ul ul ul{list-style-type:square!important}.post-content blockquote{border-left:4px solid var(--link-color);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary);background:var(--bg-secondary);padding:1.5rem;border-radius:4px}.post-content blockquote p{margin-bottom:0}.post-content blockquote p:not(:last-child){margin-bottom:1rem}.post-content hr{border:none;height:1px;background:var(--border-color);margin:3rem 0}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0}.post-content th,.post-content td{border:1px solid var(--border-color);padding:.75rem;text-align:left}.post-content th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.post-content img{max-width:100%;height:auto;margin:2rem 0;border-radius:4px}@media (max-width: 768px){.blog-post{padding:0 1.5rem}.post-title{font-size:1.75rem}.hero-image{height:200px}.post-header{text-align:left}.post-tags{justify-content:flex-start}.post-content{font-size:.875rem}.post-content h1{font-size:1.5rem;margin:2.5rem 0 1rem}.post-content h2{font-size:1.125rem;margin:2.5rem 0 1rem}.post-content h3{font-size:1rem;margin:2rem 0 .75rem}.post-content h4{font-size:.875rem;margin:1.75rem 0 .5rem}.post-content ul,.post-content ol{padding-left:1.75rem}}