/* ================================================================
   blog-post.css — Blog post specific styles
   ================================================================ */
body{background:#FAFAF8;color:#1A1A1A;font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;line-height:1.8;}
a{color:#C9A84C;text-decoration:none;}
a:hover{color:#A07820;}
img{max-width:100%;height:auto;}

.post-hero{padding:160px 24px 80px;background:#0A0A0A;text-align:center;}
.post-hero .eyebrow{font-family:'Inter',sans-serif;font-size:11px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#C9A84C;display:block;margin-bottom:20px;}
.post-hero h1{font-size:clamp(32px,5vw,58px);font-weight:300;line-height:1.1;color:#F5F0E8;max-width:820px;margin:0 auto 24px;}
.post-hero .meta{font-family:'Inter',sans-serif;font-size:13px;color:rgba(245,240,232,0.45);letter-spacing:0.05em;}
.post-hero .meta span{margin:0 12px;}

.post-container{max-width:740px;margin:0 auto;padding:72px 24px 80px;}

.post-body p{margin-bottom:1.7em;color:#2A2A2A;}
.post-body h2{font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.2;color:#0A0A0A;margin:2.2em 0 0.7em;letter-spacing:-0.01em;}
.post-body h3{font-size:22px;font-weight:500;color:#0A0A0A;margin:1.8em 0 0.5em;}
.post-body ul,.post-body ol{margin:0 0 1.7em 1.4em;color:#2A2A2A;}
.post-body li{margin-bottom:0.6em;line-height:1.7;}
.post-body strong{font-weight:600;color:#0A0A0A;}
.post-body em{font-style:italic;}

.pull-quote{border-left:3px solid #C9A84C;padding:20px 28px;margin:2.4em 0;background:#FFFFFF;border-radius:0 4px 4px 0;}
.pull-quote p{font-style:italic;font-size:22px;line-height:1.55;color:#1A1A1A;margin:0;}
.pull-quote cite{display:block;font-family:'Inter',sans-serif;font-size:12px;font-style:normal;color:#999;margin-top:10px;letter-spacing:0.05em;text-transform:uppercase;}

.callout{background:#0A0A0A;color:#F5F0E8;padding:36px 40px;margin:2.4em 0;border-radius:4px;}
.callout h3{color:#C9A84C;font-size:18px;margin-bottom:12px;font-family:'Inter',sans-serif;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}
.callout p{color:rgba(245,240,232,0.8);margin-bottom:0;font-size:17px;}
.callout p+p{margin-top:0.8em;}

.faq-section{background:#FFFFFF;border:1px solid #E8E4DC;border-radius:6px;padding:48px 40px;margin:3em 0;}
.faq-section h2{font-size:28px;font-weight:400;color:#0A0A0A;margin-bottom:32px;letter-spacing:-0.01em;}
.faq-item{border-bottom:1px solid #E8E4DC;padding:24px 0;}
.faq-item:last-child{border-bottom:none;padding-bottom:0;}
.faq-item h3{font-size:19px;font-weight:500;color:#0A0A0A;margin-bottom:12px;line-height:1.4;}
.faq-item p{font-size:16px;line-height:1.75;color:#444;margin:0;}
.faq-item p+p{margin-top:0.8em;}

.divider{border:none;border-top:1px solid #E8E4DC;margin:3em 0;}

.author-bio{display:flex;align-items:flex-start;gap:24px;padding:40px;background:#FFFFFF;border:1px solid #E8E4DC;border-radius:6px;margin:3em 0;}
.author-bio img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.author-bio-text h4{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#C9A84C;margin-bottom:6px;}
.author-bio-text p{font-size:15px;line-height:1.65;color:#555;margin:0;}

.post-cta{background:#0A0A0A;padding:64px 40px;text-align:center;border-radius:6px;margin:3em 0;}
.post-cta h2{font-size:clamp(26px,3vw,38px);font-weight:300;color:#F5F0E8;margin-bottom:14px;}
.post-cta p{font-size:16px;color:rgba(245,240,232,0.6);margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto;}
.post-cta .btn-gold{display:inline-block;background:linear-gradient(135deg,#C9A84C 0%,#E8C878 50%,#C9A84C 100%);color:#0A0A0A;padding:14px 32px;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border-radius:2px;text-decoration:none;}

.post-footer{background:#0A0A0A;padding:48px 24px;text-align:center;margin-top:80px;}
.post-footer p{font-family:'Inter',sans-serif;font-size:12px;color:rgba(245,240,232,0.3);letter-spacing:0.05em;}
.post-footer a{color:rgba(245,240,232,0.4);}

@media(max-width:768px){
  .post-container{padding:48px 20px 60px;}
  .faq-section{padding:32px 24px;}
  .author-bio{flex-direction:column;}
  .callout{padding:28px 24px;}
  .post-cta{padding:48px 24px;}
}