.article{padding:64px 0 96px;max-width:820px;margin:0 auto}
.article__breadcrumbs{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:32px}
.article__breadcrumbs a{color:var(--blue-light);transition:color .2s}
.article__breadcrumbs a:hover{color:#fff}
.article__meta{display:flex;gap:20px;font-size:14px;color:var(--muted);margin-bottom:24px}
.article h1{font-size:42px;font-weight:800;line-height:1.15;letter-spacing:-.5px;color:#fff;margin-bottom:20px}
.article__lead{font-size:19px;color:#cbd5e1;line-height:1.6;margin-bottom:32px;padding:20px 24px;background:var(--surface);border-left:3px solid var(--blue);border-radius:6px}
.article__cover{height:360px;border-radius:14px;background-size:cover;background-position:center;margin-bottom:48px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.article__body{font-size:17px;line-height:1.7;color:var(--text)}
.article__body h2{font-size:28px;font-weight:800;color:#fff;margin:48px 0 18px;letter-spacing:-.3px}
.article__body h3{font-size:21px;font-weight:700;color:#fff;margin:32px 0 14px}
.article__body p{margin-bottom:20px}
.article__body ul,.article__body ol{margin:0 0 24px 24px}
.article__body li{margin-bottom:10px}
.article__body strong{color:#fff;font-weight:600}
.article__body a{color:var(--blue-light);text-decoration:underline}
.article__body a:hover{color:#fff}
.article__table{width:100%;border-collapse:collapse;margin:24px 0;background:var(--surface);border-radius:10px;overflow:hidden;border:1px solid var(--border)}
.article__table th,.article__table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border);font-size:15px}
.article__table th{background:rgba(10,112,185,.15);color:#fff;font-weight:600}
.article__table tr:last-child td{border-bottom:0}
.article__cta{margin-top:64px;padding:40px;background:linear-gradient(135deg,rgba(10,112,185,.18),rgba(44,18,66,.4));border:1px solid var(--border);border-radius:16px;text-align:center}
.article__cta h3{font-size:24px;color:#fff;margin-bottom:12px}
.article__cta p{color:var(--muted);margin-bottom:20px}
.related{padding:80px 0;border-top:1px solid var(--border)}
.related h3{font-size:28px;font-weight:800;color:#fff;margin-bottom:32px;text-align:center}
@media(max-width:768px){
  .article h1{font-size:28px}
  .article__cover{height:220px}
  .article__body{font-size:16px}
  .article__body h2{font-size:22px}
}