.article-page { background:#fff; }
.article-hero { position:relative; min-height:620px; display:flex; align-items:flex-end; overflow:hidden; color:#fff; }
.article-hero-media,.article-hero-overlay { position:absolute; inset:0; width:100%; height:100%; }
.article-hero-media { object-fit:cover; }
.article-hero-overlay { background:linear-gradient(90deg,rgba(7,18,27,.96),rgba(7,18,27,.74) 55%,rgba(7,18,27,.28)),linear-gradient(180deg,rgba(7,18,27,.12),rgba(7,18,27,.62)); }
.article-hero-inner { position:relative; z-index:1; width:min(1180px,calc(100% - 48px)); margin:0 auto; padding:150px 0 72px; }
.article-back { display:inline-flex; align-items:center; gap:10px; margin-bottom:48px; color:rgba(255,255,255,.78); font-size:13px; font-weight:700; }
.article-back::before { content:""; width:8px; height:8px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); }
.article-meta { margin:0 0 20px; color:#a8d5ee; font-size:12px; font-weight:800; text-transform:uppercase; }
.article-hero h1 { max-width:1040px; margin:0; font-size:clamp(44px,6vw,78px); line-height:1.04; }
.article-layout { display:grid; grid-template-columns:minmax(0,760px) 260px; gap:110px; width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:92px 0 110px; align-items:start; }
.article-lead { margin:0 0 48px; padding-bottom:38px; border-bottom:1px solid #dce3e6; color:#182c38; font-size:21px; line-height:1.65; }
.article-body h2 { margin:58px 0 20px; color:#0b1d28; font-size:clamp(30px,3.2vw,44px); line-height:1.14; }
.article-body h3 { margin:42px 0 16px; color:#102b3b; font-size:24px; line-height:1.25; }
.article-body p { margin:0 0 22px; color:#4e5f69; font-size:17px; line-height:1.82; }
.article-body ul { margin:0 0 28px; padding-left:22px; color:#4e5f69; }
.article-body li { margin:10px 0; padding-left:5px; font-size:16px; line-height:1.7; }
.article-aside { position:sticky; top:118px; padding-left:28px; border-left:1px solid #dce3e6; }
.article-aside span { color:#5a6d78; font-size:11px; font-weight:800; text-transform:uppercase; }
.article-aside h2 { margin:12px 0 18px; color:#0b1d28; font-size:24px; line-height:1.25; }
.article-aside p { margin:0 0 24px; color:#667680; font-size:14px; line-height:1.7; }
.article-next { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; padding:54px max(24px,calc((100vw - 1120px)/2)); background:#eef3f5; color:#0b1d28; }
.article-next span { display:block; margin-bottom:8px; color:#5a6d78; font-size:11px; font-weight:800; text-transform:uppercase; }
.article-next strong { font-size:clamp(22px,2.7vw,34px); line-height:1.25; }
.article-next i { width:13px; height:13px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:rotate(45deg); }
@media(max-width:860px){.article-layout{grid-template-columns:1fr;gap:60px}.article-aside{position:static;padding:34px 0 0;border-left:0;border-top:1px solid #dce3e6}.article-hero{min-height:680px}}
@media(max-width:560px){.article-hero-inner,.article-layout{width:calc(100% - 36px)}.article-hero-inner{padding-bottom:48px}.article-hero h1{font-size:40px}.article-layout{padding:64px 0 80px}.article-lead{font-size:18px}.article-body p{font-size:16px}.article-next{padding:42px 18px}}