/* Shared styles — Nothing Left to Carry */
:root{
  --bg:#f5f3ee; --panel:#ece7dd; --cream:#faf8f3;
  --ink:#211f1c; --muted:#6b665e;
  --accent:#3f5d72; --accent-dk:#2f4658;
  --line:#dcd6ca;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.15}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-dk)}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}

header.nav{position:sticky;top:0;z-index:50;background:rgba(245,243,238,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-family:'Fraunces',serif;font-size:19px;letter-spacing:.02em;color:var(--ink)}
.brand span{color:var(--accent)}
.nav-links{display:flex;gap:28px;font-size:14.5px}
.nav-links a{color:var(--muted)}
.nav-links a:hover{color:var(--ink)}
@media(max-width:640px){.nav-links{display:none}}

/* article */
.article{max-width:680px;margin:0 auto;padding:64px 24px 24px}
.article .kicker{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.article h1{font-size:clamp(30px,5vw,46px);margin-bottom:18px;line-height:1.12}
.article .byline{color:var(--muted);font-size:15px;margin-bottom:8px}
.article .accent-rule{width:48px;height:2px;background:var(--accent);margin:30px 0}
.article p{font-size:18px;color:#36332e;margin-bottom:22px}
.article h2{font-size:26px;margin:44px 0 16px}
.article blockquote{font-family:'Fraunces',serif;font-size:23px;line-height:1.4;color:var(--ink);border-left:3px solid var(--accent);padding:6px 0 6px 24px;margin:34px 0;font-style:italic}
.article ul{margin:0 0 22px 22px}
.article li{font-size:18px;color:#36332e;margin-bottom:10px}
.article em{color:var(--ink)}

.cta-box{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:30px;margin:48px 0 8px;text-align:center}
.cta-box h3{font-size:22px;margin-bottom:8px}
.cta-box p{font-size:16px;color:var(--muted);margin-bottom:20px}
.btn{display:inline-block;padding:13px 24px;border-radius:6px;font-weight:500;font-size:15px;transition:.18s}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-dk);color:#fff}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.cta-box .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.related{max-width:680px;margin:0 auto;padding:24px 24px 8px}
.related h4{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.related a{display:block;font-family:'Fraunces',serif;font-size:18px;padding:10px 0;border-top:1px solid var(--line)}

footer{background:var(--ink);color:#cfc9bf;padding:48px 0;text-align:center;font-size:14px;margin-top:48px}
footer .brand{color:#fff;display:block;margin-bottom:10px}
footer a{color:#cfc9bf}
footer a:hover{color:#fff}
footer .fine{margin-top:18px;font-size:12.5px;color:#857f74}