.single-post-page{padding-bottom:var(--space-6)}.single-post-template .post-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-gray-200, #e2e8f0)}.single-post-template .post-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2;margin:0 0 var(--space-2);color:var(--brand-black)}.single-post-template .post-meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);font-size:.9rem;color:var(--color-gray-600)}.single-post-template .post-meta a{color:var(--brand-teal)}.single-post-template .post-featured-image{margin:var(--space-4) 0 var(--space-5);border-radius:var(--radius-lg, 12px);overflow:hidden;background:var(--color-gray-100, #f3f4f6)}.single-post-template .post-featured-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.single-post-template .post-content{max-width:var(--content-readable);margin-bottom:var(--space-6);line-height:1.8;font-size:1.0625rem;color:var(--brand-black)}.single-post-template .post-content :global(h2){font-family:var(--font-display);font-size:1.5rem;margin:var(--space-5) 0 var(--space-2);padding-bottom:var(--space-1);border-bottom:2px solid var(--brand-teal)}.single-post-template .post-content :global(h3){font-size:1.25rem;margin:var(--space-4) 0 var(--space-2)}.single-post-template .post-content :global(p){margin:var(--space-2) 0}.single-post-template .author-box{margin:var(--space-6) 0;padding:var(--space-4);background:var(--color-gray-50, #f8f9fa);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-lg, 12px)}.single-post-template .author-info{display:flex;gap:var(--space-3);align-items:flex-start}.single-post-template .author-avatar img,.single-post-template .author-avatar-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover}.single-post-template .author-avatar-placeholder{background:var(--color-gray-200, #d1d5db);flex-shrink:0}.single-post-template .related-image-placeholder{width:100%;min-height:180px;background:var(--brand-blue);color:var(--brand-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-medium)}.single-post-template .author-name{margin:0 0 var(--space-1);font-size:1.1rem}.single-post-template .author-name a{color:var(--brand-black);text-decoration:none}.single-post-template .author-name a:hover{color:var(--brand-teal)}.single-post-template .author-bio{font-size:.95rem;color:var(--color-gray-600);line-height:1.6}.single-post-template .social-share{margin:var(--space-5) 0;padding:var(--space-4) 0;border-top:1px solid var(--color-gray-200, #e5e7eb);border-bottom:1px solid var(--color-gray-200, #e5e7eb)}.single-post-template .share-title{margin:0 0 var(--space-2);font-size:1rem}.single-post-template .share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.single-post-template .share-btn{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:var(--font-weight-medium);text-decoration:none;color:var(--brand-white);background:var(--brand-blue)}.single-post-template .share-btn:hover{background:var(--brand-teal)}.single-post-template .related-posts{margin-top:var(--space-6);padding-top:var(--space-5);border-top:2px solid var(--color-gray-200, #e5e7eb)}.single-post-template .related-title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:1.35rem}.single-post-template .related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.single-post-template .related-article{border:1px solid var(--color-gray-200, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;background:var(--brand-white)}.single-post-template .related-image img{width:100%;height:auto;display:block;aspect-ratio:16 / 10;object-fit:cover}.single-post-template .related-content{padding:var(--space-3)}.single-post-template .related-article-title{margin:0 0 var(--space-1);font-size:1rem;line-height:1.35}.single-post-template .related-article-title a{color:var(--brand-black);text-decoration:none}.single-post-template .related-article-title a:hover{color:var(--brand-teal)}.single-post-template .related-excerpt{margin:0;font-size:.875rem;color:var(--color-gray-600);line-height:1.5}