:root{
  --ink:#0d1b2a;
  --paper:#f6f4ee;
  --line:#d8d3c4;
  --volt:#e8a13a;
  --volt-dark:#b9791f;
  --teal:#0f5257;
  --teal-deep:#0a3438;
  --old-tag:#8a7a5c;
  --new-tag:#0f5257;
  --good:#2e7d4f;
  --card:#ffffff;
  --muted:#847d68;
  --text2:#5b5648;
}
*{box-sizing:border-box;}
html,body{margin:0;}
body{
  font-family:'Segoe UI', system-ui, -apple-system, sans-serif;
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
}
a{color:var(--teal);}
.wrap{max-width:760px;margin:0 auto;padding:0 18px 60px;}

/* ---------- Site nav ---------- */
.sitenav{
  background:var(--teal-deep); color:#fff; padding:14px 0;
  margin-bottom:26px;
}
.sitenav .navwrap{
  max-width:760px; margin:0 auto; padding:0 18px;
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.brand{
  display:flex; align-items:center; gap:8px; text-decoration:none; color:#fff;
  font-weight:800; font-size:15px; letter-spacing:.01em;
}
.bolt{
  display:inline-block; width:9px; height:15px;
  background:var(--volt); clip-path:polygon(60% 0, 0 60%, 40% 60%, 30% 100%, 100% 35%, 55% 35%);
}
.navlinks{display:flex; gap:16px; flex-wrap:wrap;}
.navlinks a{
  color:#cfe6e4; text-decoration:none; font-size:13.5px; font-weight:600;
}
.navlinks a:hover, .navlinks a.current{color:var(--volt);}

/* ---------- Footer ---------- */
.sitefooter{
  margin-top:40px; border-top:1px solid var(--line); padding:22px 0 30px;
}
.sitefooter .navwrap{
  max-width:760px; margin:0 auto; padding:0 18px;
  display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center;
}
.sitefooter .flinks{display:flex; gap:14px; flex-wrap:wrap; justify-content:center;}
.sitefooter .flinks a{color:var(--teal); text-decoration:none; font-size:12.5px; font-weight:600;}
.sitefooter .fine{font-size:11px; color:#a49c85;}

/* ---------- Headings / hero ---------- */
.eyebrow{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--volt-dark); font-weight:700; margin-bottom:6px;
}
h1{
  font-family:Georgia, 'Times New Roman', serif;
  font-size:28px; margin:0 0 8px; color:var(--teal-deep); line-height:1.15;
}
.sub{color:var(--text2); font-size:14.5px; max-width:58ch;}

/* ---------- Article typography ---------- */
article h2{
  font-family:Georgia, 'Times New Roman', serif;
  font-size:19px; color:var(--teal-deep); margin:28px 0 10px;
}
article h3{font-size:15.5px; color:var(--ink); margin:20px 0 8px;}
article p{font-size:14.5px; color:var(--text2); margin:0 0 14px;}
article ul, article ol{font-size:14.5px; color:var(--text2); padding-left:20px; margin:0 0 14px;}
article li{margin-bottom:6px;}
.callout{
  background:#fff; border:1px solid var(--line); border-left:4px solid var(--volt);
  border-radius:8px; padding:14px 16px; font-size:13.5px; color:var(--text2); margin:18px 0;
}
.callout strong{color:var(--ink);}
table.slabtable{
  width:100%; border-collapse:collapse; font-size:13.5px; margin:14px 0 18px;
  background:#fff; border:1px solid var(--line); border-radius:10px; overflow:hidden;
}
table.slabtable th, table.slabtable td{
  padding:9px 12px; text-align:left; border-bottom:1px solid var(--line);
}
table.slabtable th{background:var(--teal-deep); color:#fff; font-size:12px; text-transform:uppercase; letter-spacing:.04em;}
table.slabtable tr:last-child td{border-bottom:none;}

/* ---------- Cards (reused on simple pages) ---------- */
.card{
  background:var(--card); border:1px solid var(--line); border-radius:12px;
  padding:18px 18px 16px; margin-bottom:16px;
}
.card h2{margin-top:0;}

/* ---------- Simple pages (about/privacy/contact) ---------- */
.page-body p{font-size:14.5px; color:var(--text2); margin:0 0 14px;}
.page-body h2{font-family:Georgia, serif; font-size:18px; color:var(--teal-deep); margin:24px 0 10px;}
.page-body ul{font-size:14.5px; color:var(--text2); padding-left:20px;}
.page-body li{margin-bottom:6px;}

.cta-btn{
  display:inline-block; background:var(--volt); color:var(--teal-deep); font-weight:700;
  padding:10px 18px; border-radius:8px; text-decoration:none; font-size:13.5px; margin-top:6px;
}