/* Sekcja /artykuly — style poradnikow. Kolory z main.css: #1c3c5e, #336291, #a30101, #cad7e4 */
.articles-page { padding: 25px 15px 40px; font-size: 16px; line-height: 1.65; color: #333; }
.articles-breadcrumb ol { list-style: none; margin: 0 0 18px; padding: 0; font-size: 13px; color: #888; }
.articles-breadcrumb li { display: inline; }
.articles-breadcrumb li + li:before { content: "\203A"; padding: 0 8px; color: #aaa; }
.articles-breadcrumb a { color: #336291; }
.articles-title { font-size: 30px; line-height: 1.25; color: #1c3c5e; margin: 0 0 12px; text-transform: none; }
.articles-lead { font-size: 17px; color: #555; margin-bottom: 28px; }
.articles-grid { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
.articles-card { -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 0 10px 20px; box-sizing: border-box; }
.articles-card > * { }
.articles-card h2 { font-size: 19px; line-height: 1.3; margin: 0 0 8px; text-transform: none; }
.articles-card h2 a { color: #1c3c5e; text-decoration: none; }
.articles-card h2 a:hover { color: #a30101; }
.articles-card p { margin: 0 0 6px; font-size: 14px; color: #555; }
.articles-card-meta { font-size: 13px; color: #888; }
.articles-card-meta a { color: #a30101; font-weight: 700; }
.articles-card { border-bottom: 1px solid #e5e5e5; }
@media (max-width: 767px) { .articles-card { -webkit-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } }

.article-column article { max-width: 100%; }
.article-column h1 { font-size: 30px; line-height: 1.25; color: #1c3c5e; margin: 0 0 14px; text-transform: none; }
.article-column h2 { font-size: 23px; line-height: 1.3; color: #1c3c5e; margin: 34px 0 12px; text-transform: none; }
.article-column h3 { font-size: 18px; line-height: 1.35; color: #1c3c5e; margin: 22px 0 8px; text-transform: none; }
.article-column p, .article-column li { font-size: 16px; }
.article-column ul, .article-column ol { padding-left: 24px; margin-bottom: 14px; }
.article-column li { margin-bottom: 5px; }
.article-column a { color: #336291; text-decoration: underline; }
.article-column a:hover { color: #a30101; }
.article-column p.lead { font-size: 18px; line-height: 1.6; color: #444; font-weight: 400; margin-bottom: 14px; }
.article-column .article-meta { font-size: 13px; color: #888; margin-bottom: 18px; }

.article-column .key-info, .article-column aside.key-info { background: #eef3f8; border-left: 4px solid #336291; padding: 16px 20px; margin: 18px 0 24px; border-radius: 0 6px 6px 0; }
.article-column .key-info h2, .article-column .key-info h3 { margin-top: 0; font-size: 18px; }
.article-column .key-info ul { margin-bottom: 0; }

.article-column .toc { background: #fafafa; border: 1px solid #e5e5e5; padding: 14px 20px; margin: 0 0 24px; border-radius: 6px; }
.article-column .toc h2 { margin-top: 0; font-size: 16px; }
.article-column .toc ol, .article-column .toc ul { margin-bottom: 0; }

.article-column .hero-cta, .article-column .mid-cta, .article-column .cta, .article-cta { background: #1c3c5e; color: #fff; padding: 20px 24px; margin: 24px 0; border-radius: 8px; }
.article-column .hero-cta h2, .article-column .mid-cta h2, .article-column .cta h2, .article-cta h2,
.article-column .hero-cta h3, .article-column .mid-cta h3, .article-column .cta h3 { color: #fff; margin-top: 0; }
.article-column .hero-cta p, .article-column .mid-cta p, .article-column .cta p, .article-cta p { color: #e6eef6; margin-bottom: 10px; }
.article-column .hero-cta a, .article-column .mid-cta a, .article-column .cta a, .article-cta a { color: #fff; }
.article-column .cta-benefits { font-size: 14px; }
.article-column .btn.btn-primary { display: inline-block; background: #a30101; border: none; color: #fff; text-decoration: none; padding: 10px 18px; border-radius: 4px; font-weight: 700; margin: 4px 0; }
.article-column .btn.btn-primary:hover { background: #e90000; color: #fff; }
.articles-hub-cta { text-align: center; margin-top: 30px; }

.article-column table { width: 100%; border-collapse: collapse; margin: 14px 0 22px; font-size: 14px; }
.article-column table caption { caption-side: top; text-align: left; font-weight: 700; color: #1c3c5e; padding: 0 0 8px; }
.article-column th, .article-column td { border: 1px solid #cad7e4; padding: 8px 10px; vertical-align: top; text-align: left; }
.article-column th { background: #eef3f8; color: #1c3c5e; }
.article-column tbody tr:nth-child(even) td { background: #fafafa; }
@media (max-width: 767px) { .article-column table { display: block; overflow-x: auto; } }

.article-column .faq h3 { font-size: 17px; margin-top: 18px; }
.article-column .faq > div { border-bottom: 1px solid #eeeeee; padding-bottom: 8px; }
.article-column article > footer { margin-top: 30px; padding-top: 14px; border-top: 1px solid #e5e5e5; font-size: 14px; color: #666; }

.article-sidebar { padding-top: 46px; }
.article-sidebar-box { background: #fafafa; border: 1px solid #e5e5e5; border-radius: 6px; padding: 16px 18px; margin-bottom: 18px; font-size: 14px; }
.article-sidebar-box h3 { margin: 0 0 10px; font-size: 16px; color: #1c3c5e; text-transform: none; }
.article-sidebar-box li { margin-bottom: 7px; }
.article-sidebar-box a { color: #336291; }
.article-sidebar-box .btn { margin-top: 8px; }
.article-sidebar-contact a { font-weight: 700; }
@media (max-width: 991px) { .article-sidebar { padding-top: 10px; } }