.post-page{padding:48px 0 80px;animation:.6s ease-out fadeIn}.post-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;font-size:.85rem;display:flex}.post-breadcrumb a{color:var(--purple);transition:color .3s}.post-breadcrumb a:hover{color:var(--purple-dark)}.post-breadcrumb .separator{color:var(--muted-2)}.post-header{text-align:center;max-width:800px;margin:0 auto 40px}.post-header h1{font-family:var(--font-heading);margin-bottom:16px;font-size:clamp(1.5rem,4vw,2.4rem);line-height:1.3}.post-header-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;font-size:.88rem;display:flex}.post-category-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--purple), var(--purple-2));color:#fff;padding:4px 14px;font-size:.78rem;font-weight:600}.post-featured-image{border-radius:var(--radius-lg);aspect-ratio:16/9;background:var(--bg-3);max-width:800px;margin:0 auto 48px;overflow:hidden}.post-featured-image img{object-fit:cover;width:100%;height:100%}.post-content{max-width:720px;margin:0 auto 48px}.post-content h2{font-family:var(--font-heading);color:var(--text);border-bottom:1px solid var(--border);margin:40px 0 16px;padding-bottom:8px;font-size:1.4rem}.post-content h3{color:var(--text-light);margin:32px 0 12px;font-size:1.15rem;font-weight:600}.post-content p{color:var(--muted);margin-bottom:20px;line-height:1.85}.post-content ul,.post-content ol{color:var(--muted);margin-bottom:20px;padding-left:24px}.post-content li{margin-bottom:8px;line-height:1.7}.post-content strong{color:var(--text);font-weight:600}.post-content em{color:var(--text-light);font-style:italic}.post-content img{border-radius:var(--radius-md);width:100%;margin:24px 0}.post-content hr{background:var(--border);border:none;height:1px;margin:32px 0}.post-content blockquote{border-left:3px solid var(--gold);background:var(--gold-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-light);margin:24px 0;padding:16px 24px;font-style:italic}.author-bio{border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);align-items:center;gap:20px;max-width:720px;margin:0 auto 48px;padding:24px;display:flex}.author-avatar{border-radius:var(--radius-full);border:1.5px solid var(--border-gold);background:var(--glass-strong);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-info h3{color:var(--text);font-size:1rem;font-family:var(--font-body);margin-bottom:4px}.author-info p{color:var(--muted);font-size:.85rem}.post-faqs{max-width:720px;margin:0 auto 48px}.post-faqs h2{font-family:var(--font-heading);margin-bottom:20px}.faq-item{border-radius:var(--radius-md);background:var(--glass-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:12px;padding:20px}.faq-item h3{color:var(--purple-dark);font-size:.95rem;font-weight:600;font-family:var(--font-body);margin-bottom:8px}.faq-item p{color:var(--muted);font-size:.88rem;line-height:1.7}.related-posts{max-width:720px;margin:0 auto 48px}.related-posts h2{font-family:var(--font-heading);margin-bottom:20px}.related-posts-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.related-post-card{border-radius:var(--radius-md);background:var(--glass-strong);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px;transition:all .3s;display:block}.related-post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.related-post-card h3{color:var(--text);font-size:.92rem;font-weight:500;font-family:var(--font-body);margin-bottom:4px;line-height:1.4}.related-post-card span{color:var(--muted-2);font-size:.78rem}.post-back{text-align:center;color:var(--purple);margin-top:32px;font-size:.92rem;font-weight:500;transition:color .3s;display:block}.post-back:hover{color:var(--purple-dark)}@media (max-width:640px){.post-page{padding:32px 0 56px}.related-posts-grid{grid-template-columns:1fr}.author-bio{text-align:center;flex-direction:column}.post-header-meta{gap:12px}}
