:root{
  --navy-900:#0a2038; --navy-700:#153a5c; --gold:#c6a15b; --gold-light:#e3caa0;
  --cream:#f5f3ee; --ink:#10202e; --muted:#5c6b78; --line:rgba(10,32,56,0.1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);line-height:1.7}
h1,h2,h3{font-family:'Syne',sans-serif;letter-spacing:-0.01em;color:var(--navy-900)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
header{background:var(--navy-900);padding:16px 0}
.nav{max-width:820px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:10px}
.nav img{height:34px}
.nav span{color:#fff;font-family:'Syne',sans-serif;font-weight:800}
.nav a.back{margin-left:auto;color:#cfd9e3;font-size:0.88rem;font-weight:500}
.nav a.back:hover{color:var(--gold-light)}
article{max-width:720px;margin:0 auto;padding:56px 24px 90px}
.tag{color:var(--gold);font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em}
article h1{font-size:clamp(1.7rem,4vw,2.4rem);margin:14px 0 22px;line-height:1.15}
.hero-img{border-radius:16px;overflow:hidden;margin-bottom:32px;box-shadow:0 20px 40px rgba(10,32,56,0.12)}
.hero-img img{width:100%;height:320px;object-fit:cover}
article p{color:var(--ink);font-size:1.02rem;margin-bottom:18px}
article h2{font-size:1.3rem;margin:34px 0 12px}
article ul,article ol{margin:0 0 18px 22px}
article li{margin-bottom:8px}
.cta-box{
  margin-top:44px;padding:28px;border-radius:14px;
  background:linear-gradient(160deg,var(--navy-900),var(--navy-700));color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
}
.cta-box p{color:#c3d0dc;margin:0;font-size:0.95rem}
.cta-box a{background:var(--gold);color:var(--navy-900);padding:12px 22px;border-radius:999px;font-weight:700;font-size:0.9rem;white-space:nowrap}
footer{background:var(--navy-900);color:#9fb0bf;text-align:center;padding:24px;font-size:0.82rem}