.article-header {  margin-bottom: 24px;}
.article-header .section-label { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #2e7fc1; margin-bottom: 8px; text-decoration: none;}
.article-header .section-label:hover { color: #1a3a6b; text-decoration: underline;}
.article-header h2 { font-size: 22px; font-weight: 700; color: #1a3a6b; line-height: 1.3; margin-bottom: 10px;}
.article-meta { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 22px;}
.article-tag { background: #eaf4fb; color: #2e7fc1; border-radius: 5px; padding: 3px 11px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;}
.article-date { font-size: 13px; color: #6e8a9e;}

.article-body p { font-size: 15.5px; line-height: 1.7; color: #2a3d4f; margin-bottom: 16px;}
.article-body a { color: #2e7fc1; text-decoration: underline;}
.article-body a:hover { color: #1a3a6b;}

.article-highlight { background: #eaf4fb; border-left: 5px solid #2e7fc1; border-radius: 6px; padding: 16px 20px; margin: 20px 0; font-size: 15.5px; color: #1a3a6b; font-weight: 600; line-height: 1.5;}

.article-body video { width: 100%; border-radius: 8px; margin: 18px 0;}

.pdf-link { display: inline-flex; align-items: center; gap: 8px; background: #1a3a6b; color: #fff; border-radius: 20px; padding: 8px 18px; font-size: 14px; font-weight: 700; text-decoration: none; margin-top: 10px; transition: background .18s;}
.pdf-link:hover { background: #2e7fc1; color: #fff; text-decoration: none;}

.article-nav { margin-bottom: 22px;}
.article-nav a { display: inline-flex; align-items: center; gap: 6px; color: #2e7fc1; font-size: 14px; font-weight: 600; text-decoration: none;}
.article-nav a:hover { color: #1a3a6b; text-decoration: underline;}
.article-nav-bottom { margin-top: 32px; padding-top: 20px; border-top: 1px solid #d8eaf5;}