/* Blog Shared Styles */
:root{--red:#C0392B;--gold:#D4AF37;--dark:#0F0F0F;--dark2:#1A1A1A;--white:#fff;--off-white:#F9F7F4;--border:#E0D8CC;--font-head:'Montserrat',sans-serif;--font-body:'Open Sans',sans-serif;}
*{box-sizing:border-box;margin:0;padding:0;}html{font-size:16px;scroll-behavior:smooth;}body{font-family:var(--font-body);color:#2c2c2c;background:var(--white);}a{text-decoration:none;color:inherit;}img{max-width:100%;height:auto;display:block;}
.container{max-width:860px;margin:0 auto;padding:0 20px;}

/* NAV */
.blog-nav{background:var(--dark2);padding:14px 0;border-bottom:2px solid rgba(212,175,55,0.3);position:sticky;top:0;z-index:100;}
.blog-nav .container{max-width:1100px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.blog-nav .brand{font-family:var(--font-head);font-weight:900;font-size:1.1rem;color:var(--gold);}
.blog-nav .back{font-family:var(--font-head);font-weight:600;font-size:0.85rem;color:rgba(255,255,255,0.7);transition:.2s;}
.blog-nav .back:hover{color:var(--gold);}
.blog-nav .order-btn{background:linear-gradient(135deg,var(--red),#96281B);color:#fff;font-family:var(--font-head);font-weight:700;font-size:0.82rem;padding:9px 20px;border-radius:50px;white-space:nowrap;}

/* POST */
.blog-post{padding:48px 0 60px;}
.post-header{margin-bottom:36px;border-bottom:2px solid var(--border);padding-bottom:28px;}
.post-tag{display:inline-block;background:rgba(192,57,43,0.1);color:var(--red);font-family:var(--font-head);font-weight:700;font-size:0.72rem;padding:5px 14px;border-radius:50px;margin-bottom:14px;letter-spacing:.5px;}
.post-header h1{font-family:var(--font-head);font-weight:900;font-size:clamp(1.6rem,4vw,2.2rem);color:var(--dark);line-height:1.3;margin-bottom:12px;}
.post-meta{font-size:0.85rem;color:#888;margin-bottom:8px;}
.post-stars{font-size:0.95rem;color:var(--gold);}
.post-stars span{color:#888;font-size:0.85rem;}

/* BODY */
.post-body{line-height:1.85;font-size:1rem;color:#333;}
.post-body p{margin-bottom:20px;}
.post-body h2{font-family:var(--font-head);font-weight:900;font-size:clamp(1.2rem,3vw,1.55rem);color:var(--dark);margin:36px 0 14px;line-height:1.3;}
.post-body h3{font-family:var(--font-head);font-weight:700;font-size:1.1rem;color:var(--red);margin:24px 0 10px;}
.post-body ul{margin:0 0 20px 20px;}
.post-body ul li{margin-bottom:10px;line-height:1.7;}
.post-body blockquote{background:var(--off-white);border-left:4px solid var(--gold);padding:16px 20px;border-radius:0 8px 8px 0;margin:24px 0;font-style:italic;color:#555;font-size:0.97rem;line-height:1.7;}

/* CTA BOX */
.cta-box{background:linear-gradient(135deg,var(--dark),#1a0505);border-radius:16px;padding:36px;text-align:center;margin:40px 0;border:1px solid rgba(212,175,55,0.3);}
.cta-box h3{font-family:var(--font-head);font-weight:900;font-size:1.3rem;color:#fff;margin-bottom:10px;}
.cta-box p{color:rgba(255,255,255,0.75);font-size:0.95rem;margin-bottom:20px;}
.post-cta-btn{display:inline-block;background:linear-gradient(135deg,var(--gold),#F0D060);color:var(--dark);font-family:var(--font-head);font-weight:900;font-size:1rem;padding:14px 36px;border-radius:50px;box-shadow:0 6px 24px rgba(212,175,55,0.4);}
.post-cta-btn:hover{transform:scale(1.04);}

/* RELATED LINKS */
.related-links{list-style:none;margin:0;padding:0;}
.related-links li{margin-bottom:10px;}
.related-links a{font-family:var(--font-head);font-weight:700;font-size:0.9rem;color:var(--red);transition:.2s;}
.related-links a:hover{color:var(--dark);}

/* FOOTER */
.blog-footer{background:var(--dark2);padding:20px 0;text-align:center;color:rgba(255,255,255,0.4);font-size:0.82rem;border-top:1px solid rgba(212,175,55,0.2);}
.blog-footer a{color:var(--gold);}

@media(max-width:480px){
  .post-header h1{font-size:1.5rem;}
  .blog-nav .brand{font-size:0.95rem;}
  .cta-box{padding:24px 16px;}
}