/* R372 – responsive editorial article; no horizontal overflow at 390–3440px */
:root{color-scheme:dark;--bg:#060e1b;--panel:#0d2037;--line:#244562;--copy:#e9f5ff;--muted:#bdd1e4;--cyan:#54d8f0}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.nv-article-page{margin:0;background:radial-gradient(ellipse at 25% -5%,#133350 0,transparent 52%),var(--bg);color:var(--copy);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden;line-height:1.7}
a{color:var(--cyan);text-underline-offset:4px}
.nv-article-skip{position:absolute;top:-100px;left:12px;background:#fff;color:#000;padding:8px;z-index:10}
.nv-article-skip:focus{top:12px}
.nv-article-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px clamp(16px,5vw,80px);border-bottom:1px solid #213750;background:#071424e8}
.nv-article-brand img{display:block;width:clamp(122px,12vw,174px);height:auto;object-fit:contain}
.nv-article-top nav{display:flex;gap:clamp(8px,2vw,30px);flex-wrap:wrap}
.nv-article-top nav a{color:#cce2f0;font-size:clamp(12px,.95vw,15px);font-weight:650;text-decoration:none}
.nv-article-top nav a:hover{text-decoration:underline}
.nv-article-wrap{max-width:1080px;padding:clamp(20px,4.3vw,64px) clamp(15px,3.5vw,36px) 90px;margin:0 auto;min-width:0}
.nv-article-breadcrumb{display:flex;align-items:center;gap:12px;color:#9ab9d2;font-size:13px;margin-bottom:20px}
.nv-article-card{background:linear-gradient(157deg,#112842 0%,#0a192d 60%,#081627 100%);border:1px solid #305371;border-radius:22px;box-shadow:0 20px 65px #0005;overflow:hidden;min-width:0}
.nv-article-heading{padding:clamp(23px,4vw,58px) clamp(19px,5vw,64px) clamp(26px,3vw,45px);background:linear-gradient(117deg,#183851c4,#091c31)}
.nv-article-kicker{font-weight:800;letter-spacing:.16em;font-size:clamp(10px,.76vw,12px);color:#78e1ec;margin-bottom:18px}
.nv-article-kicker span{color:#779bb2;margin:0 7px}
.nv-article-heading time{display:block;font-size:13px;color:#a8c8df;margin:0 0 12px}
.nv-article-heading h1{font-weight:840;font-size:clamp(30px,4.4vw,62px);line-height:1.13;letter-spacing:-.036em;overflow-wrap:anywhere;margin:0 0 22px}
.nv-article-lead{color:#d6e7f5;font-size:clamp(16px,1.45vw,21px);line-height:1.62;max-width:780px;margin:0;overflow-wrap:anywhere}
.nv-article-image{margin:0;padding:0;max-height:470px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.nv-article-image img{display:block;width:100%;height:auto;max-height:470px;object-fit:cover}
.nv-article-content{padding:clamp(28px,4.4vw,62px) clamp(19px,5vw,66px);font-size:clamp(15px,1.04vw,18px);line-height:1.92;color:#d3e3ef;max-width:100%;overflow-wrap:anywhere}
.nv-article-content p{margin:0 0 1.65em;white-space:pre-line}
.nv-article-content p:last-child{margin-bottom:0}
.nv-article-end{display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap;padding:22px clamp(19px,5vw,64px);border-top:1px solid var(--line);font-size:12px;color:#9ebdd0}
.nv-article-end span{font-size:11px;font-weight:750;letter-spacing:.11em}
.nv-article-footer{text-align:center;padding:16px 15px 36px;color:#7d9db8;font-size:12px}
@media(min-width:1920px){.nv-article-wrap{max-width:1140px}.nv-article-content{font-size:18px}}
@media(max-width:580px){.nv-article-top{padding:13px 16px}.nv-article-top nav{justify-content:flex-end}.nv-article-wrap{padding-bottom:35px}.nv-article-card{border-radius:13px}.nv-article-heading h1{font-size:clamp(27px,7vw,38px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
