.post-hero { min-height: 520px; display: flex; align-items: end; padding: 150px 48px 70px; color: var(--gold-pale); background: linear-gradient(180deg, rgba(8,6,4,0.2), rgba(8,6,4,0.88)), url('/assets/images/blog/default-thumb.jpg') center/cover; }
.post-hero-content { width: min(900px, 100%); margin: 0 auto; }
.post-hero span { display: inline-block; margin-bottom: 14px; color: var(--gold-light); font-size: 11px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; }
.post-hero p { color: rgba(245,237,219,0.75); }
.post-content { width: min(760px, calc(100% - 40px)); margin: 68px auto 28px; }
.post-content h2 { margin: 42px 0 16px; color: var(--green-dark); font-size: 34px; }
.post-content h3 { margin: 32px 0 12px; color: var(--green-dark); font-size: 25px; }
.post-content p, .post-content li { color: var(--text-mid); font-size: 16px; line-height: 1.85; }
.post-content p { margin-bottom: 18px; }
.post-content ul, .post-content ol { margin: 0 0 22px 24px; }
.post-content blockquote { margin: 30px 0; padding: 22px 26px; border-left: 4px solid var(--gold-mid); background: var(--gold-pale); color: var(--gold-dark); font-family: var(--font-display); font-style: italic; }
.post-content pre { overflow: auto; padding: 20px; border-radius: var(--radius-md); background: #0e0c08; color: var(--gold-pale); }
.post-content img { width: 100%; border-radius: var(--radius-md); margin: 28px 0 8px; }
.post-content a { color: var(--gold-dark); text-decoration: underline; }
.post-tags { width: min(760px, calc(100% - 40px)); margin: 0 auto 60px; display: flex; flex-wrap: wrap; gap: 8px; }
.share-bar { position: fixed; right: 24px; top: 42%; z-index: 20; display: grid; gap: 8px; padding: 12px; border: 1px solid var(--border); border-radius: var(--radius-md); background: rgba(250,247,240,0.94); box-shadow: var(--shadow-green); }
.share-bar span { color: var(--green-dark); font-size: 10px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }
.share-bar a, .share-bar button { min-width: 46px; padding: 9px; border: 1px solid var(--border); color: var(--gold-dark); font-size: 12px; font-weight: 800; text-align: center; }
.related-posts { background: var(--warm-white); }
.related-posts h2 { margin-bottom: 24px; }
.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.related-grid article { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-md); background: rgba(255,255,255,0.62); }
.related-grid img { height: 180px; width: 100%; object-fit: cover; }
.related-grid div { padding: 18px; }
.related-grid h3 { margin: 8px 0 10px; font-size: 22px; color: var(--green-dark); }
.related-grid p { color: var(--text-muted); font-size: 14px; }
@media (max-width: 900px) { .share-bar { position: static; width: min(760px, calc(100% - 40px)); margin: 22px auto 0; display: flex; align-items: center; } .related-grid { grid-template-columns: 1fr; } }