:root{
  --navy:#1B2A41;
  --navy-deep:#111B2C;
  --brass:#B8874B;
  --brass-light:#D6B27C;
  --brick:#8B3A2E;
  --brick-dark:#702D22;
  --stone:#EDE6D8;
  --stone-light:#F5F1E8;
  --ink:#24211C;
  --sage:#6E7568;
  --line: rgba(27,42,65,0.14);
}
*{box-sizing:border-box;}
body{
  margin:0;
  background:var(--stone);
  color:var(--ink);
  font-family:'IBM Plex Sans', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:'Fraunces', serif;
  font-weight:600;
  color:var(--navy);
  letter-spacing:-0.01em;
}
a{color:inherit;}
.wrap{max-width:1120px; margin:0 auto; padding:0 32px;}
img{display:block; max-width:100%;}
.eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--brick);
  font-weight:500;
}

/* Header - identical to main site */
header{
  position:sticky; top:0; z-index:50;
  background:var(--navy);
  border-bottom:1px solid rgba(184,135,75,0.3);
}
header .wrap{
  display:flex; align-items:center; justify-content:space-between;
  padding-top:16px; padding-bottom:16px;
}
.wordmark{display:flex; align-items:center; gap:10px; color:var(--stone-light); text-decoration:none;}
.wordmark svg{width:28px; height:28px;}
.wordmark-text{font-family:'Fraunces', serif; font-size:19px; font-weight:600; color:var(--stone-light); letter-spacing:-0.01em;}
.wordmark-text span{color:var(--brass-light); font-weight:400; font-style:italic;}
nav{display:flex; align-items:center; gap:28px;}
nav a.navlink{color:rgba(237,230,216,0.82); text-decoration:none; font-size:14.5px; font-weight:500;}
nav a.navlink:hover{color:var(--brass-light);}
nav a.navlink.active{color:var(--brass-light);}
.phone-pill{
  display:flex; align-items:center; gap:8px;
  background:rgba(184,135,75,0.16);
  border:1px solid rgba(184,135,75,0.4);
  color:var(--brass-light);
  padding:8px 14px; border-radius:999px; font-size:14px; font-weight:500;
  text-decoration:none; white-space:nowrap;
}
@media (max-width:860px){ nav .navlink{display:none;} }

/* Page header band */
.page-head{
  background:var(--navy);
  color:var(--stone-light);
  padding:56px 0 44px;
}
.page-head .eyebrow{color:var(--brass-light);}
.page-head h1{color:var(--stone-light); font-size:clamp(28px,4vw,42px); margin:12px 0 0;}
.page-head p{color:rgba(237,230,216,0.78); max-width:600px; margin-top:14px; font-size:16px;}

/* Blog listing */
.post-grid{padding:56px 0 88px; display:grid; gap:22px;}
.post-card{
  display:block; text-decoration:none;
  background:var(--stone-light);
  border:1px solid var(--line);
  border-radius:8px;
  padding:26px 28px;
  transition:border-color .15s ease;
}
.post-card:hover{border-color:var(--brass);}
.post-card .eyebrow{margin-bottom:8px; display:block;}
.post-card h2{font-size:22px; margin:0 0 10px;}
.post-card p{color:var(--sage); font-size:15px; margin:0;}
.post-card .read-more{display:inline-block; margin-top:14px; font-size:13.5px; font-weight:600; color:var(--brick);}

/* Article page */
.article-shell{padding:52px 0 90px;}
.article-inner{max-width:700px; margin:0 auto;}
.back-link{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13.5px; font-weight:600; color:var(--brick);
  text-decoration:none; margin-bottom:22px;
}
article h2{font-size:23px; margin-top:38px; margin-bottom:14px;}
article p{font-size:16px; color:var(--ink); margin:0 0 16px;}
article ul{margin:0 0 16px; padding-left:22px;}
article li{font-size:16px; margin-bottom:8px;}
article hr{border:none; border-top:1px solid var(--line); margin:40px 0 28px;}
.cta-box{
  background:var(--navy);
  color:var(--stone-light);
  border-radius:8px;
  padding:26px 28px;
  margin-top:8px;
}
.cta-box p{color:rgba(237,230,216,0.85); margin:0 0 16px; font-size:15.5px;}
.btn-brick{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--brick); color:#fff;
  padding:12px 22px; border-radius:6px; font-weight:600; font-size:14.5px;
  text-decoration:none;
}
.btn-brick:hover{background:var(--brick-dark);}

/* Footer - identical to main site */
footer{background:var(--navy-deep); color:rgba(237,230,216,0.75); padding:56px 0 28px; margin-top:0;}
.foot-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:40px; padding-bottom:36px; border-bottom:1px solid rgba(237,230,216,0.12);}
footer h4{font-family:'Fraunces', serif; color:var(--stone-light); font-size:16px; margin-bottom:14px; font-weight:600;}
footer a{color:rgba(237,230,216,0.75); text-decoration:none; display:block; font-size:14.5px; margin-bottom:9px;}
footer a:hover{color:var(--brass-light);}
.foot-bottom{display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding-top:22px; font-size:12.5px; color:rgba(237,230,216,0.5);}
@media (max-width:760px){ .foot-grid{grid-template-columns:1fr; gap:28px;} }