.post-hero{position:relative;height:60vh;background-size:cover;background-position:50%;color:#fff}.post-hero,.post-hero .overlay{display:flex;align-items:center}.post-hero .overlay{background:rgba(0,0,0,.5);width:100%;height:100%;justify-content:center}.hero-text{text-align:center}.hero-text h1{font-size:2.5rem;font-weight:700}.post-category{color:#f97316;text-transform:uppercase;font-weight:600}.post-content.container{max-width:1100px;margin:3rem auto;padding:0 1rem}.intro-section{display:flex;gap:2rem;flex-wrap:wrap;align-items:flex-start}.intro-text{flex:2}.intro-text audio{margin:1.5rem 0;width:100%}.intro-image{flex:1}.intro-image img{width:100%;border-radius:10px}.main-body{margin-top:2rem;line-height:1.7}.post-quote{margin:3rem 0;font-style:italic;border-left:4px solid #f97316;padding-left:1rem;color:#374151}.post-quote .author{display:block;margin-top:.5rem;font-weight:600}.key-takeaways{margin-top:3rem}.key-takeaways h2{color:#0f172a;margin-bottom:1rem}.key-takeaways ul{list-style:disc;padding-left:2rem}.similar-posts{background:#f1f5f9;padding:3rem 1rem}.similar-posts h2{text-align:center;margin-bottom:2rem}.similar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.similar-card{background:#fff;border-radius:10px;overflow:hidden;transition:transform .2s ease}.similar-card:hover{transform:translateY(-4px)}.similar-card img{width:100%;height:200px;object-fit:cover}.similar-info{padding:1rem}.comment-form{max-width:900px;margin:3rem auto;padding:2rem;background:#fff;border-radius:10px}.comment-form h2{margin-bottom:.5rem}.comment-form textarea{width:100%;height:150px;padding:1rem;border:1px solid #d1d5db;border-radius:8px;margin-bottom:1rem}.form-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.form-row input{flex:1;padding:.8rem;border:1px solid #d1d5db;border-radius:8px}.btn-submit{background:#f97316;color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600}.btn-submit:hover{background:#ea580c}@media (max-width:900px){.intro-section{flex-direction:column}.hero-text h1{font-size:2rem}}@media (max-width:600px){.post-hero{height:45vh}.comment-form{padding:1.5rem}.similar-grid{grid-template-columns:1fr}}