: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 46%}

.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:start}
.article-main{min-width:0}
.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-checklist{padding-left:0;list-style:none;margin:0 0 24px}
.article-checklist li{position:relative;padding:12px 14px 12px 44px;margin:0 0 10px;border:1px solid #deeaee;background:#f8fbfc;border-radius:11px;font-size:17px;line-height:1.5}
.article-checklist li::before{content:"✓";position:absolute;left:15px;top:11px;width:21px;height:21px;border-radius:50%;background:var(--ek-blue);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.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}

.pub-card-img img{width:100%;height:100%;object-fit:cover}

@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}
}
@media print{
  .topline,.masthead,.mainnav,.search-panel,.issuebar,.footer,.article-side,.article-breadcrumb{display:none!important}
  .article-shell{padding:0}.article-wrap{max-width:none;padding:0}.article-grid{display:block}
}