:root{
  --ek-blue:#0c637f;--ek-dark:#173142;--ek-pink:#eb5a67;--ek-soft:#f3f8fa;
  --ek-line:#d9e7ec;--ek-text:#26343e;--ek-muted:#667985
}
.article-shell{padding:34px 0 28px}
.article-wrap{max-width:1120px;margin:0 auto;padding:0 22px}
.article-breadcrumb{font-size:14px;margin-bottom:16px;color:#6a7d88}
.article-breadcrumb a{text-decoration:none;font-weight:700;color:var(--ek-blue)}
.article-meta{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ek-blue)}
.article-title{font-size:clamp(40px,6vw,66px);line-height:1.03;letter-spacing:-2px;margin:9px 0 12px;color:var(--ek-dark);max-width:980px}
.article-deck{font-size:clamp(20px,2.5vw,27px);line-height:1.35;margin:0 0 26px;color:#334d5b;max-width:900px}
.article-hero{border-radius:18px;overflow:hidden;background:#eef3f5;box-shadow:0 7px 20px rgba(23,49,66,.08);margin-bottom:30px}
.article-hero img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:center 42%}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:start}
.article-main p{font-size:18px;line-height:1.72;margin:0 0 22px;color:var(--ek-text)}
.article-main .article-intro{font-size:20px;line-height:1.65;font-weight:700;color:var(--ek-dark)}
.article-main h2{font-size:30px;line-height:1.22;color:var(--ek-dark);margin:40px 0 14px}
.article-quote{border-left:6px solid var(--ek-pink);background:#fff3f5;padding:22px 24px;margin:30px 0;border-radius:0 12px 12px 0;font-size:23px;line-height:1.4;font-weight:800;color:var(--ek-dark)}
.article-list{padding-left:22px;margin:0 0 24px}
.article-list li{font-size:17px;line-height:1.55;margin-bottom:9px}
.article-tip{background:#eef8f8;border:1px solid #cfe7e7;border-radius:16px;padding:18px 20px;margin:28px 0}
.article-tip strong{display:block;color:var(--ek-dark);font-size:20px;margin-bottom:6px}
.article-tip p{margin:0;font-size:17px;line-height:1.58}
.article-side .info-box{background:var(--ek-soft);border:1px solid var(--ek-line);border-radius:16px;padding:22px;margin:0 0 20px}
.article-side .info-box h3{font-size:21px;line-height:1.25;color:var(--ek-dark);margin:0 0 12px}
.article-side .info-box ul{margin:0;padding-left:20px}
.article-side .info-box li{margin:0 0 9px;line-height:1.45}
.article-side .print-box{background:#fff2f6;border-color:#f3ccd6}
.print-preview{display:block;width:100%;max-width:210px;margin:10px auto 14px;border-radius:8px;border:1px solid #e8dce0;box-shadow:0 8px 18px rgba(23,49,66,.10)}
.article-side .btn-print{display:block;background:var(--ek-pink);color:#fff;text-decoration:none;font-weight:800;text-align:center;padding:12px 14px;border-radius:9px;margin-top:10px}
.article-side .btn-pdf{display:block;color:var(--ek-blue);font-weight:800;text-align:center;text-decoration:none;padding:9px 8px;margin-top:3px}
.article-note{background:#fff9e8;border:1px solid #f0df9e;padding:16px 18px;border-radius:12px;font-size:15px!important;color:#63572d}
@media(max-width:860px){.article-grid{grid-template-columns:1fr}.article-title{letter-spacing:-1.2px}.article-main p{font-size:17px}.article-main .article-intro{font-size:18px}.article-hero img{aspect-ratio:16/9}}
@media(max-width:560px){.article-shell{padding-top:22px}.article-wrap{padding:0 16px}.article-title{font-size:40px}.article-deck{font-size:20px}.article-main h2{font-size:26px}}