.blog-details-section{background:var(--background);padding:8rem 0}.blog-details-article{background:var(--background);margin-bottom:4rem}.blog-details-img{aspect-ratio:21/9;background:var(--background-alt);border-radius:1rem;width:100%;margin-bottom:3rem}.blog-details-title{color:var(--foreground);margin-bottom:2rem;font-size:2.5rem;line-height:1.2}.blog-details-content p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.125rem;line-height:1.8}.blog-details-content h3{color:var(--foreground);margin:3rem 0 1.5rem;font-size:1.5rem}blockquote{background:var(--background-alt);border-left:4px solid var(--primary);color:var(--secondary);border-radius:0 1rem 1rem 0;margin:3rem 0;padding:2.5rem;font-size:1.25rem;font-style:italic;font-weight:500}@media (prefers-color-scheme:dark){blockquote{color:var(--foreground)}}.comments-section{margin-bottom:4rem}.comments-title{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:1rem;font-size:1.5rem}.comment{border-bottom:1px solid var(--border);gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.comment-avatar{background:var(--primary);border-radius:50%;flex-shrink:0;width:60px;height:60px}.comment-body h4{align-items:center;gap:1rem;margin-bottom:.5rem;font-size:1.125rem;display:flex}.comment-body h4 span{color:var(--text-muted);font-size:.875rem;font-weight:400}.comment-body p{color:var(--text-muted);line-height:1.6}.comment-form{flex-direction:column;gap:1.5rem;display:flex}.input-row{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.input-row{grid-template-columns:1fr 1fr}}.comment-form input,.comment-form textarea{background:var(--background-alt);border:1px solid var(--border);width:100%;font-family:var(--font-body);color:var(--foreground);transition:var(--transition);border-radius:.5rem;outline:none;padding:1rem 1.5rem}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary)}.comment-form button{align-self:flex-start;padding:1rem 3rem}