:root{
  --navy:#102E3E;--navy-d:#0a1f2b;--green:#AFCB08;--green-d:#95ad06;
  --ink:#17232c;--muted:#5d6b74;--line:#e4e8ea;--bg-soft:#f4f6f7;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Helvetica Neue",Arial,system-ui,-apple-system,sans-serif;color:var(--ink);line-height:1.75;-webkit-font-smoothing:antialiased;background:#fff}
a{color:var(--green-d);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:860px;margin:0 auto;padding:0 24px}

/* header */
.lheader{background:var(--navy);position:sticky;top:0;z-index:50}
.lheader .bar{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1180px;margin:0 auto;padding:0 24px}
.lheader img{height:38px}
.lheader .back{color:#fff;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px}
.lheader .back:hover{color:var(--green);text-decoration:none}

/* hero strip */
.lhero{background:linear-gradient(135deg,var(--navy),var(--navy-d));color:#fff;padding:60px 0 54px}
.lhero h1{font-size:clamp(2rem,5vw,2.8rem);text-transform:uppercase;letter-spacing:.02em;font-weight:800}
.lhero p{color:rgba(255,255,255,.75);margin-top:10px}

/* content */
.content{padding:60px 0 80px}
.content h2{color:var(--navy);font-size:1.35rem;text-transform:uppercase;letter-spacing:.02em;margin:38px 0 14px;padding-top:14px;border-top:2px solid var(--green)}
.content h2:first-of-type{margin-top:0}
.content h3{color:var(--navy);font-size:1.05rem;margin:24px 0 8px}
.content p{margin-bottom:14px;color:#31404a}
.content ul{margin:0 0 16px 22px}
.content li{margin-bottom:7px;color:#31404a}
.content strong{color:var(--navy)}
.callout{background:var(--bg-soft);border-left:4px solid var(--green);border-radius:0 10px 10px 0;padding:18px 22px;margin:0 0 26px}
.dl{display:grid;grid-template-columns:210px 1fr;gap:6px 18px;margin:6px 0 20px}
.dl dt{color:var(--muted);font-size:.92rem}
.dl dd{color:var(--navy);font-weight:600}
@media(max-width:560px){.dl{grid-template-columns:1fr;gap:0 0}.dl dd{margin-bottom:12px}}

/* footer */
.lfoot{background:var(--navy-d);color:rgba(255,255,255,.7);padding:30px 0;font-size:.88rem}
.lfoot .bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1180px;margin:0 auto;padding:0 24px}
.lfoot a{color:rgba(255,255,255,.85)}
.lfoot a:hover{color:var(--green)}