@import url('./feature-pages.css');
.article-meta { margin: 0 0 18px; color: #7b8794; font-size: 12px; }
.article-body { width: min(780px, 100%); }
.article-body section { margin-bottom: 44px; }
.article-body h2 { padding-bottom: 8px; border-bottom: 2px solid #e8edf2; }
.article-body h3 { margin-top: 26px; }
.article-body p, .article-body li { color: #49596a; }
.article-body li { margin-bottom: 8px; }
.article-image-placeholder { display: grid; place-items: center; min-height: 230px; margin: 24px 0; padding: 24px; border: 2px dashed #9ccfea; border-radius: 12px; background: #f1faff; color: #33779c; text-align: center; font-weight: 700; }
.article-media { margin: 24px 0; }
.article-media img, .article-media video { display: block; width: 100%; height: auto; max-height: 680px; object-fit: contain; border: 1px solid #dfe5ec; border-radius: 12px; background: #f5f7fa; }
.article-media figcaption { margin-top: 9px; color: #667085; font-size: 12px; line-height: 1.6; text-align: center; }
.article-warning { padding: 18px 20px; border-left: 4px solid #e67e22; border-radius: 8px; background: #fff6e9; color: #6f4516; }
.article-checklist { padding: 20px 24px 12px 42px; border: 1px solid #dfe5ec; border-radius: 12px; background: #fff; }
.article-source { font-size: 13px; }
.article-source a { word-break: break-word; }
.article-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.article-nav a { padding: 16px; border: 1px solid #dfe5ec; border-radius: 10px; background: #fff; text-decoration: none; font-weight: 700; }
@media (max-width:720px) { .article-nav { grid-template-columns: 1fr; } .article-image-placeholder { min-height: 170px; } .article-media { margin: 18px 0; } }