.articles-page #logo { height: 92px; }
.articles-page #maincontent.articles-main { float: left; width: 674px; max-width: 100%; background: #fff; border: #e2e2e2 1px solid; box-sizing: border-box; padding-bottom: 18px; }
.articles-page .article-header-empty { display: none; }
.article-heading { padding: 18px 16px 10px; border-bottom: 1px dotted #075877; }
.article-heading h1 { margin: 0 0 8px; color: #075a79; font: bold 21px Verdana, sans-serif; }
.article-heading p { margin: 0; color: #404040; font: 12px/1.55 Verdana, sans-serif; }
.article-aside { float: right; width: 217px; margin: 0 0 16px 9px; }
.article-aside p.products { float: none; width: auto; margin: 0; padding: 9px 0; font: 11px/1.45 Verdana, sans-serif; }
.article-product-block + .article-product-block { margin-top: 14px; padding-top: 14px; border-top: 1px dotted #d5d5d5; }
.article-product-image { margin: 8px 0 10px; text-align: center; }
.article-product-image img { display: inline-block; max-width: 130px; height: auto; }
.article-product-copy { margin: 8px 0 12px; color: #404040; font: 11px/1.45 Verdana, sans-serif; }
.article-aside-actions a { margin-bottom: 7px; }
.article-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 0 16px; }
.article-card { border: 1px solid #d6e1e7; background: #f8fbfc; }
.article-card-body { padding: 14px; }
.article-card h2 { margin: 7px 0 10px; font: bold 16px/1.35 Verdana, sans-serif; }
.article-card h2 a { color: #075a79; }
.article-source-note { margin: 6px 0 12px !important; color: #687780 !important; font-size: 10px !important; line-height: 1.45 !important; }
.article-source-note a { color: #075a79; }
.article-card p { margin: 8px 0; font: 12px/1.6 Verdana, sans-serif; color: #404040; }
.article-kicker { color: #8f2424 !important; font-weight: bold !important; text-transform: uppercase; letter-spacing: .04em; }
.article-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.article-tags span { display: inline-block; padding: 3px 6px; border: 1px solid #bdd2dc; color: #075a79; font: 10px Verdana, sans-serif; }
.article-read { font: bold 12px Verdana, sans-serif; }
.article-empty { margin: 16px; padding: 12px; border: 1px solid #d6e1e7; }
.article-feed-footer { clear: both; margin: 24px 16px 0; padding: 14px 16px; border-top: 1px solid #d6e1e7; background: #f8fbfc; }
.article-feed-footer p { margin: 6px 0; font: 11px/1.55 Verdana, sans-serif; color: #687780; }
.article-feed-footer strong { color: #075a79; font-size: 13px; }
.article-detail { padding: 22px 24px 30px; }
.article-detail h1 { margin: 8px 0; color: #075a79; font: bold 25px/1.25 Verdana, sans-serif; }
.article-breadcrumb, .article-date { color: #687780; font: 11px Verdana, sans-serif; }
.article-body { margin-top: 22px; }
.article-body p { margin: 0 0 16px; color: #404040; font: 14px/1.75 Verdana, sans-serif; }
.article-cta { margin: 28px 0 18px; padding: 16px; border-left: 4px solid #8f2424; background: #f5f9fb; }
.article-cta h2 { margin: 0 0 14px; color: #075a79; font: bold 16px/1.45 Verdana, sans-serif; }
.article-button { display: inline-block; padding: 10px 14px; background: #8f2424; color: #fff !important; font: bold 12px Verdana, sans-serif; text-decoration: none; }
.article-source { color: #687780; font: 11px Verdana, sans-serif; }
.article-originality { padding: 10px 12px; border-left: 3px solid #bdd2dc; background: #f8fbfc; color: #687780 !important; font-size: 11px !important; }
@media (max-width: 920px) { .articles-page #maincontent.articles-main, .article-aside { width: 100%; float: none; margin: 0 0 16px; } .article-list { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .article-detail { padding: 16px; } .article-detail h1 { font-size: 21px; } }