:root{
  --navy:#0C1A31; --navy-2:#122442; --navy-deep:#070F1E;
  --brass:#AE8A4C; --brass-2:#C9A968; --brass-soft:#E4D3AC;
  --ivory:#F6F3EC; --paper:#FBF9F4; --ink:#1F2229; --muted:#5C616C;
  --line:rgba(12,26,49,0.12); --line-dark:rgba(255,255,255,0.12);
  --shadow:0 24px 60px -24px rgba(12,26,49,0.35);
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4{font-family:'Fraunces',serif;}
a{color:inherit;}
img{max-width:100%;display:block;}
.wrap{max-width:820px;margin:0 auto;padding:0 28px;}

header{background:rgba(251,249,244,0.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:0 auto;padding:18px 28px;}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;}
.mark{width:34px;height:34px;flex-shrink:0;}
.mark .ring{fill:none;stroke:var(--brass);stroke-width:1;}
.mark .glyph{fill:none;stroke:var(--navy);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.mark .dot{fill:var(--brass);}
.wordmark{font-family:'Fraunces',serif;font-size:1rem;font-weight:500;color:var(--navy);line-height:1.15;}
.wordmark small{display:block;font-family:'Inter',sans-serif;font-size:0.58rem;letter-spacing:0.2em;color:var(--brass);font-weight:700;text-transform:uppercase;margin-top:2px;}
.back-link{font-size:0.82rem;font-weight:600;color:var(--navy);text-decoration:none;display:flex;align-items:center;gap:8px;}
.back-link:hover{color:var(--brass);}

.hero-img{width:100%;height:320px;object-fit:cover;}
.breadcrumb{max-width:820px;margin:24px auto 0;padding:0 28px;font-size:0.8rem;color:var(--muted);}
.breadcrumb a{color:var(--brass);text-decoration:none;font-weight:600;}

article{padding:36px 0 80px;}
.eyebrow{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--brass);font-weight:700;}
h1.title{font-size:clamp(1.8rem,4vw,2.6rem);color:var(--navy);font-weight:500;line-height:1.2;margin:14px 0 12px;}
.meta{font-family:'Inter',sans-serif;font-size:0.82rem;color:#9AA0AC;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--line);}
.scenario{font-family:'Fraunces',serif;font-style:italic;font-size:1.15rem;color:var(--navy);line-height:1.55;border-left:2px solid var(--brass);padding-left:22px;margin:0 0 26px;}
article h4{font-size:1.18rem;color:var(--navy);font-weight:500;margin:30px 0 12px;}
article p{color:#3D424D;font-size:1.02rem;margin-bottom:16px;}
article ul,article ol{margin:0 0 18px 22px;}
article li{color:#3D424D;font-size:0.99rem;margin-bottom:9px;}
article li strong{color:var(--navy);}

.cta-box{margin-top:44px;padding:34px;background:var(--navy);color:var(--ivory);text-align:center;}
.cta-box h3{font-size:1.25rem;font-weight:500;margin-bottom:10px;}
.cta-box p{color:#C6CCDA;font-size:0.95rem;margin-bottom:22px;}
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:1px;font-size:0.86rem;font-weight:600;text-decoration:none;font-family:'Inter',sans-serif;background:var(--brass);color:var(--navy-deep);transition:background .2s ease;}
.btn:hover{background:var(--brass-2);}
.disclaimer{margin-top:24px;font-size:0.78rem;color:#9AA0AC;font-style:italic;}

.related{border-top:1px solid var(--line);padding:44px 0;}
.related h3{font-size:1.1rem;color:var(--navy);font-weight:500;margin-bottom:20px;}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rcard{text-decoration:none;background:#fff;border:1px solid var(--line);padding:20px;transition:transform .2s ease,box-shadow .2s ease;}
.rcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.rcard .rtag{font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass);font-weight:700;}
.rcard h4{font-size:0.92rem;color:var(--navy);margin:8px 0 0;line-height:1.35;}

footer{background:var(--navy-deep);color:#98A1B4;padding:40px 28px;text-align:center;font-family:'Inter',sans-serif;font-size:0.8rem;}
footer a{color:var(--brass-2);text-decoration:none;}

@media (max-width:640px){
  .hero-img{height:200px;}
  .related-grid{grid-template-columns:1fr;}
  article{padding:28px 0 60px;}
}