:root{--ink:#15243a;--muted:#5d6978;--blue:#0a4d8c;--line:#dbe3eb;--paper:#fff;--wash:#f3f6f9}
body{background:var(--wash);color:var(--ink)}
.article-wrap{width:min(880px,calc(100% - 40px));margin-inline:auto}
.article-hero{padding:76px 0 52px;background:linear-gradient(135deg,#071d35,#0a4d8c);color:#fff}
.article-hero .eyebrow{margin:0 0 12px;color:#99c4e9;letter-spacing:.16em;font-weight:700}
.article-hero h1{max-width:760px;margin:0;font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.18}
.article-hero .lead{max-width:760px;margin:22px 0 0;color:#dce9f5;font-size:1.08rem;line-height:1.85}
.article-hero .meta{margin:18px 0 0;color:#b9cde0;font-size:.9rem}
.article-body{margin-top:36px;margin-bottom:64px;padding:42px 54px;background:var(--paper);box-shadow:0 14px 46px rgba(20,44,70,.08)}
.article-body section+section{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.article-body h2{margin:0 0 14px;font-size:1.42rem;line-height:1.4;color:#123c63}
.article-body p{margin:0;color:#34465a;font-size:1.03rem;line-height:2;text-align:justify}
.related{margin-top:44px;padding:28px;background:#f5f8fb;border-left:4px solid var(--blue)}
.related h2{margin-top:0}.related ul{margin-bottom:0}.related li+li{margin-top:8px}
.article-footer{display:flex;justify-content:space-between;gap:20px;padding-block:28px;color:#d8e4ef}
footer{background:#071d35}
@media(max-width:720px){.article-hero{padding:54px 0 38px}.article-body{padding:28px 22px}.article-footer{display:block}.main-nav{overflow-x:auto;white-space:nowrap}}