*{box-sizing:border-box}html{background:#f8fafc;color:#061a31;font-family:Montserrat,Arial,sans-serif}body{margin:0}.article-nav{height:96px;padding:0 clamp(20px,5vw,78px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #d9e3ed;position:sticky;top:0;z-index:20}.article-nav>a img{width:220px;height:64px;object-fit:contain}.article-nav nav{display:flex;align-items:center;gap:28px}.article-nav nav>a{font-size:11px;color:#061a31;text-decoration:none;font-weight:800;letter-spacing:.08em}.article-nav label{display:flex;align-items:center;gap:7px}.article-nav select{border:0;background:transparent;font:800 12px Montserrat}.article-hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-bottom:1px solid #d9e3ed}.article-hero>div{padding:clamp(50px,8vw,130px) clamp(24px,7vw,120px);align-self:center}.article-hero>div>p:first-child{font-size:10px;font-weight:800;letter-spacing:.2em;color:#087cf5}.article-hero h1{font-size:clamp(42px,6.2vw,96px);line-height:.95;letter-spacing:-.065em;margin:25px 0;max-width:950px}.article-summary{font-size:clamp(16px,1.7vw,24px);line-height:1.6;color:#5f7387;max-width:760px}.article-meta{display:flex;gap:24px;margin-top:40px;font-size:10px;font-weight:800;letter-spacing:.1em}.article-meta span{color:#087cf5}.article-hero figure{margin:0;min-height:520px;background:radial-gradient(circle at 50% 45%,#1c8fff,#061b34 62%);position:relative;overflow:hidden;display:grid;place-items:center}.article-hero figure img{width:80%;height:78%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 30px 40px #00102699)}.motion-lines{position:absolute;inset:-20%;background:repeating-linear-gradient(118deg,transparent 0 70px,#5edcff18 72px 75px);animation:move 12s linear infinite}@keyframes move{to{transform:translate3d(100px,-80px,0)}}.article-body{max-width:820px;margin:0 auto;padding:clamp(60px,10vw,140px) 24px}.article-body p{font-size:clamp(17px,1.5vw,21px);line-height:1.95;color:#314b64;margin:0 0 34px}.article-body p:first-child:first-letter{float:left;font-size:76px;line-height:.8;font-weight:900;color:#087cf5;margin:12px 12px 0 0}.article-signature{max-width:1200px;margin:0 auto 110px;padding:35px 24px;border-top:1px solid #c9d7e4;border-bottom:1px solid #c9d7e4;display:flex;justify-content:space-between;font-size:clamp(18px,3vw,42px);letter-spacing:-.04em}.article-signature strong{color:#087cf5}footer{min-height:250px;background:#03162b;color:#fff;padding:55px clamp(24px,6vw,90px);display:grid;grid-template-columns:1fr auto;align-items:end}footer img{width:250px;grid-row:1}footer p,footer a{font-size:10px;color:#91a8bc;text-decoration:none}footer a{grid-column:2;grid-row:1}@media(max-width:800px){.article-nav{height:78px}.article-nav>a img{width:160px}.article-nav nav>a{display:none}.article-hero{grid-template-columns:1fr}.article-hero>div{padding:65px 22px}.article-hero figure{min-height:420px}.article-signature{display:grid;gap:8px;margin:0 20px 70px}footer{grid-template-columns:1fr;gap:20px}footer a{grid-column:1;grid-row:auto}}[dir=rtl] .article-body,[dir=rtl] .article-hero>div{text-align:right}

/* Dynamic Journal details share the public narrow-screen constraints. */
.article-nav{height:auto;min-height:96px;gap:16px;flex-wrap:wrap;padding-block:12px}
.article-nav>a{min-width:0;max-width:100%}
.article-nav>a img{max-width:100%;object-fit:contain}
.article-nav nav{gap:clamp(12px,3vw,28px);flex-wrap:wrap}
.article-nav nav>a{display:block;overflow-wrap:anywhere}
.article-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:0}
.article-hero>div{min-width:0}
.article-hero h1,.article-body,.article-signature,footer{overflow-wrap:anywhere}
.article-hero figure{min-height:0;height:clamp(300px,60svh,650px);align-self:center}
.article-meta,.article-signature{flex-wrap:wrap;gap:16px}
.article-body img,footer img{max-width:100%;height:auto}
.article-body :is(pre,table){max-width:100%;overflow-x:auto}
[dir=rtl] .article-hero h1{line-height:1.25;letter-spacing:normal}
[dir=rtl] .article-body p:first-child:first-letter{float:none;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;margin:0}
@media(max-width:800px){
 .article-nav{min-height:78px}
 .article-hero{grid-template-columns:minmax(0,1fr)}
 .article-hero>div{padding-block:clamp(32px,8vw,65px)}
 .article-hero h1{font-size:clamp(32px,8vw,64px)}
 .article-hero figure{height:clamp(280px,60vw,420px)}
}