*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root{
  --gold:#C9A84C; --gold-light:#E8C96B; --gold-dark:#9A7828;
  --sand:#F5E6C8; --sand-light:#FDF8EF;
  --terracotta:#C45A2A; --navy:#10192E; --dark:#0D0B08;
  --text:#2A2015; --text-muted:#6B5A3E; --border:rgba(201,168,76,0.2);
}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif; color:var(--text); background:var(--sand-light); -webkit-font-smoothing:antialiased; line-height:1.7;}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif; line-height:1.15; color:var(--dark);}
a{color:var(--gold-dark);}
.container{width:100%; max-width:760px; margin:0 auto; padding:0 clamp(1.25rem,5vw,2rem);}

/* NAV */
nav{position:sticky; top:0; z-index:100; background:rgba(13,11,8,0.97); backdrop-filter:blur(16px); border-bottom:1px solid var(--border);}
.nav-inner{max-width:1100px; margin:0 auto; padding:1rem clamp(1.25rem,5vw,2rem); display:flex; align-items:center; justify-content:space-between; gap:1rem;}
.logo{font-family:'Cormorant Garamond',serif; font-size:1.35rem; color:var(--gold); text-decoration:none; display:flex; align-items:center; gap:.5rem;}
.nav-cta{background:var(--gold); color:var(--dark); padding:.55rem 1.1rem; font-size:.8rem; font-weight:600; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; transition:.25s;}
.nav-cta:hover{background:var(--gold-light);}

/* ARTICLE */
.hero-band{background:var(--dark); color:var(--sand); padding:clamp(3rem,8vw,5.5rem) 0 clamp(2.5rem,6vw,4rem);}
.crumbs{font-size:.78rem; letter-spacing:.04em; color:rgba(245,230,200,0.6); margin-bottom:1.5rem;}
.crumbs a{color:rgba(245,230,200,0.8); text-decoration:none;}
.crumbs a:hover{color:var(--gold);}
.eyebrow{color:var(--gold); text-transform:uppercase; letter-spacing:.18em; font-size:.74rem; font-weight:600; margin-bottom:1rem;}
.hero-band h1{font-size:clamp(2.2rem,5.5vw,3.6rem); color:var(--sand); font-weight:500; margin-bottom:1rem;}
.hero-band h1 em{color:var(--gold); font-style:italic;}
.lead{font-size:1.12rem; color:rgba(245,230,200,0.78); max-width:60ch;}
.meta{margin-top:1.5rem; font-size:.8rem; color:rgba(245,230,200,0.5);}

article{padding:clamp(2.5rem,6vw,4rem) 0 1rem;}
article h2{font-size:clamp(1.6rem,3.5vw,2.3rem); margin:2.5rem 0 1rem; color:var(--dark);}
article h3{font-size:clamp(1.25rem,2.5vw,1.6rem); margin:2rem 0 .75rem; color:var(--gold-dark);}
article p{margin-bottom:1.15rem; font-size:1.04rem;}
article ul,article ol{margin:0 0 1.3rem 1.3rem;}
article li{margin-bottom:.55rem;}
article strong{color:var(--dark);}
article a{font-weight:600;}
.tldr{background:#fff; border:1px solid var(--border); border-left:4px solid var(--gold); padding:1.4rem 1.6rem; margin:0 0 2rem; border-radius:4px;}
.tldr p{margin:0; font-size:1rem; color:var(--text-muted);}
.tldr strong{color:var(--gold-dark); text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; display:block; margin-bottom:.4rem;}
.callout{background:#fff; border:1px solid var(--border); padding:1.4rem 1.6rem; border-radius:6px; margin:2rem 0;}

/* CTA */
.cta-box{background:var(--dark); color:var(--sand); padding:clamp(2rem,5vw,3rem); border-radius:8px; text-align:center; margin:3rem 0;}
.cta-box h2{color:var(--sand); margin:0 0 .75rem;}
.cta-box p{color:rgba(245,230,200,0.7); margin-bottom:1.6rem; max-width:48ch; margin-left:auto; margin-right:auto;}
.btn-pri{display:inline-block; background:var(--gold); color:var(--dark); padding:.95rem 2.2rem; font-size:.82rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; transition:.25s;}
.btn-pri:hover{background:var(--gold-light); transform:translateY(-2px);}

/* RELATED */
.related{border-top:1px solid var(--border); margin-top:2rem; padding:2.5rem 0;}
.related h2{font-size:1.5rem; margin-bottom:1.2rem;}
.related ul{list-style:none; margin:0;}
.related li{margin-bottom:.7rem;}
.related a{text-decoration:none; font-weight:600;}
.related a:hover{text-decoration:underline;}

/* FAQ */
.faq-block{margin:2.5rem 0;}
.faq-block details{border-bottom:1px solid var(--border); padding:1rem 0;}
.faq-block summary{font-family:'Cormorant Garamond',serif; font-size:1.25rem; color:var(--dark); cursor:pointer; list-style:none;}
.faq-block summary::-webkit-details-marker{display:none;}
.faq-block summary::after{content:'+'; float:right; color:var(--gold-dark);}
.faq-block details[open] summary::after{content:'–';}
.faq-block details p{margin:.9rem 0 0; color:var(--text-muted);}

footer{background:var(--dark); color:rgba(245,230,200,0.55); padding:2.5rem 0; text-align:center; font-size:.82rem;}
footer a{color:rgba(245,230,200,0.75); text-decoration:none;}
footer a:hover{color:var(--gold);}