.article-page { padding: var(--space-7) 0 var(--space-9); background: var(--dpi-white); font-family: var(--font-fa); font-weight: 400; }
.article-page .wrap { max-width: 780px; }
.article-meta { margin-bottom: var(--space-5); }
.article-meta .breadcrumb { font-size: var(--text-xs); font-weight: 100; color: var(--dpi-gray-600); margin-bottom: var(--space-3); }
.article-meta .breadcrumb a { color: var(--dpi-blue); text-decoration: none; }
.article-page h1 { font-size: clamp(26px, 4vw, 34px); font-weight: 400; color: var(--dpi-navy); line-height: 1.45; margin-bottom: var(--space-4); }
.article-page h2 { font-size: var(--text-lg); font-weight: 400; color: var(--dpi-navy); margin: var(--space-6) 0 var(--space-3); }
.article-page h3 { font-size: var(--text-md); font-weight: 400; color: var(--dpi-gray-800); margin: var(--space-4) 0 var(--space-2); }
.article-page p { font-size: 17px; font-weight: 100; color: var(--dpi-gray-800); line-height: 2; margin-bottom: var(--space-4); }
.article-page ul { margin: 0 0 var(--space-4); padding-right: 1.2rem; }
.article-page li { margin-bottom: var(--space-2); line-height: 1.9; font-weight: 100; color: var(--dpi-gray-800); }
.article-page figure { margin: var(--space-5) 0; border: var(--border-default); border-radius: var(--radius-lg); overflow: hidden; }
.article-page figure img { width: 100%; height: auto; display: block; }
.article-page figcaption { padding: var(--space-3) var(--space-4); font-size: var(--text-sm); font-weight: 100; color: var(--dpi-gray-600); border-top: var(--border-default); }
.article-back { display: inline-flex; align-items: center; gap: 8px; margin-top: var(--space-7); font-weight: 400; color: var(--dpi-blue); text-decoration: none; min-height: 44px; }