.blog-post-page{background-color:#fff;min-height:calc(100vh - 280px);padding-top:40px}.blog-post-cover{aspect-ratio:1230/560;background-color:var(--color-gray-100);border-radius:8px;width:100%;margin-bottom:24px;overflow:hidden}.blog-post-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-post-container{max-width:720px;margin:0 auto;padding:60px 20px}.blog-post-categories{border-top:1px solid var(--color-gray-200);flex-wrap:wrap;gap:8px;margin-top:48px;padding-top:32px;display:flex}.blog-post-category{background-color:var(--color-light);color:var(--color-primary);font-family:var(--font-inter),sans-serif;border-radius:16px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.blog-post-container h1{font-family:var(--font-raleway),sans-serif;color:var(--color-dark);margin-bottom:16px;font-size:40px;font-weight:800;line-height:1.2}.blog-post-container .blog-post-subtitle{font-family:var(--font-inter),sans-serif;color:var(--color-gray-600);margin-bottom:32px;font-size:20px;line-height:1.5}.blog-post-meta{border-bottom:1px solid var(--color-gray-200);align-items:center;margin-bottom:32px;padding-bottom:32px;display:flex}.blog-post-author{align-items:center;gap:12px;display:flex}.author-info{flex-direction:column;gap:4px;display:flex}.author-name{font-family:var(--font-inter),sans-serif;color:var(--color-dark);font-size:14px;font-weight:600}.post-date{font-family:var(--font-inter),sans-serif;color:var(--color-gray-600);font-size:13px}.blog-post-content{font-family:var(--font-inter),sans-serif;color:var(--color-dark);font-size:16px;line-height:1.8}.blog-post-content h2{font-family:var(--font-inter),sans-serif;color:var(--color-dark);margin-top:16px;margin-bottom:16px;font-size:28px;font-weight:700;line-height:1.3}.blog-post-content h3{font-family:var(--font-inter),sans-serif;color:var(--color-dark);margin-top:16px;margin-bottom:12px;font-size:22px;font-weight:600;line-height:1.4}.blog-post-content p{margin-bottom:20px}.blog-post-content ul,.blog-post-content ol{margin:20px 0;padding-left:32px}.blog-post-content li{margin-bottom:12px}.blog-post-content a{color:var(--color-primary);text-decoration:underline}.blog-post-content a:hover{text-decoration:none}.blog-post-content img{border-radius:8px;max-width:100%;height:auto;margin:32px 0}.blog-post-content blockquote{border-left:4px solid var(--color-primary);color:var(--color-gray-700);margin:32px 0;padding-left:24px;font-style:italic}.blog-post-content code{background-color:var(--color-gray-100);border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;font-size:14px}.blog-post-content pre{background-color:var(--color-gray-100);border-radius:8px;margin:24px 0;padding:16px;overflow-x:auto}.blog-post-content pre code{background:0 0;padding:0}@media (max-width:768px){.blog-post-cover{max-height:300px}.blog-post-container{padding:40px 20px}.blog-post-container h1{font-size:32px}.blog-post-subtitle{margin-bottom:24px;font-size:18px}.blog-post-content h2{font-size:24px}.blog-post-content h3{font-size:20px}}