.blog-back-button{margin-bottom:1rem}.blog-post-article{background:#fff;border-radius:.75rem;box-shadow:0 8px 24px #0f172a14;padding:1.5rem;margin-bottom:1.5rem}.blog-post-title{font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.3;margin:0 0 .5rem;color:#1f2937}.blog-post-meta{margin:0 0 1rem;color:#6b7280;font-size:.95rem}.blog-post-image{width:100%;height:auto;border-radius:.6rem;margin-bottom:1.25rem}.blog-post-body{white-space:pre-wrap;color:#374151;line-height:1.85;font-size:1.02rem}.blog-comments-section{background:#fff;border-radius:.75rem;box-shadow:0 8px 24px #0f172a14;padding:1.5rem}.blog-comments-title{margin:0 0 1rem;font-size:1.5rem;color:#111827}.blog-comment-form{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.blog-comment-input,.blog-comment-textarea{width:100%;border:1px solid #d1d5db;border-radius:.5rem;padding:.7rem .85rem;font-size:.95rem;background:#fff}.blog-comment-textarea{resize:vertical;min-height:120px}.blog-comment-submit{min-width:180px}.blog-comments-list{display:grid;gap:.75rem}.blog-comment-card{border:1px solid #e5e7eb;border-radius:.65rem;padding:.95rem;background:#f9fafb}.blog-comment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.blog-comment-date{color:#6b7280;font-size:.85rem}.blog-comment-text{margin:0;color:#1f2937;white-space:pre-wrap;line-height:1.6}.blog-comment-reply{margin-top:.75rem;background:#eff6ff;border-inline-start:4px solid #3b82f6;border-radius:.45rem;padding:.65rem .75rem}.blog-comment-reply-title{margin:0 0 .25rem;font-size:.85rem;font-weight:700;color:#1d4ed8}.blog-comment-reply-text{margin:0;white-space:pre-wrap;color:#1f2937}@media (min-width: 768px){.blog-comment-form{grid-template-columns:1fr 1fr}.blog-comment-input-full{grid-column:1 / -1}}
