/* Blog: rozszerzenie istniejących kolorów, fontów i przycisków ProcesON. */
.blog-container{width:100%;max-width:1280px;margin-inline:auto;padding-inline:32px}
.blog-reading-width{max-width:850px;margin-inline:auto;padding-inline:32px}
.blog-page a:focus-visible,.blog-page button:focus-visible,.article-table-wrap:focus-visible{outline:3px solid var(--color-primary);outline-offset:5px}
.blog-skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 20px;background:#fff;color:var(--color-primary);border:2px solid currentColor;border-radius:8px}
.blog-skip:focus{top:12px}
.blog-breadcrumbs{padding-block:22px;font-size:.75rem;color:#64748b}
.blog-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px 0;list-style:none}
.blog-breadcrumbs li{max-width:100%;overflow-wrap:anywhere}
.blog-breadcrumbs li+li:before{content:'/';margin:0 10px;color:#94a3b8}
.blog-breadcrumbs a:hover{color:var(--color-primary);text-decoration:underline}
.blog-eyebrow{display:flex;align-items:center;gap:10px;color:var(--color-primary-hover);font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;line-height:1.65}
.blog-hero{padding:46px 0 62px;border-bottom:1px solid var(--color-border)}
.blog-hero h1{max-width:900px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;line-height:1.13;color:var(--color-text-main);margin:20px 0}
.blog-intro{max-width:730px;color:#475569;font-size:1.125rem;line-height:1.85}
.blog-categories{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.blog-category-link{display:inline-flex;align-items:center;gap:24px;font-size:.875rem;font-weight:600;border:1px solid #cbd5e1;border-radius:12px;padding:12px 18px;background:#fff}
.blog-category-link:hover{color:var(--color-primary);border-color:var(--color-primary)}
.blog-library{padding-block:56px 80px}.blog-section+.blog-section{margin-top:64px}
.blog-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.blog-section h2,.article-related>h2{font-size:clamp(1.55rem,3vw,2rem);font-weight:800;color:var(--color-text-main);line-height:1.3}
.blog-section-heading>p{max-width:300px;color:#64748b;font-size:.875rem;line-height:1.6}
.blog-section-heading .blog-eyebrow{margin-bottom:8px}
.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.blog-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:24px}
.blog-card{position:relative;overflow:hidden;display:flex;flex-direction:column}
.blog-card-content{padding:30px;display:flex;flex-direction:column;flex:1;gap:18px}
.blog-card h3{font-size:1.25rem;line-height:1.5;font-weight:800;color:var(--color-text-main)}
.blog-card h3 a:after{content:'';position:absolute;inset:0}.blog-card h3 a:hover{color:var(--color-primary)}
.blog-card-content>p:not(.blog-eyebrow){color:#475569;font-size:.92rem;line-height:1.85}
.blog-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#f8fafc}
.blog-card-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:auto;padding-top:10px;font-size:.75rem;color:#64748b}
.blog-read{color:var(--color-primary);font-weight:700}
.blog-card-featured{border-color:#bfdbfe;background:linear-gradient(115deg,#eff6ff 0%,#fff 70%)}
.blog-card-featured .blog-card-content{padding:40px}.blog-card-featured h3{font-size:clamp(1.5rem,3vw,2rem);max-width:900px;line-height:1.4}
.blog-card-featured .blog-card-content>p{max-width:850px}.blog-card-featured .blog-card-bottom{max-width:850px}
@media(min-width:1024px){.blog-card-featured.blog-card-with-image:only-child{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;padding:24px}.blog-card-featured.blog-card-with-image:only-child .blog-card-image{border-radius:14px}.blog-card-featured.blog-card-with-image:only-child .blog-card-content{padding:16px 12px 16px 32px}}
.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-top:32px;font-size:.85rem}
.blog-empty{padding:30px;border:1px solid var(--color-border);border-radius:16px;color:#64748b}
.blog-article-header{padding:28px 0 42px;border-bottom:1px solid var(--color-border)}
.blog-article-header h1{font-size:clamp(2rem,4.2vw,3.15rem);font-weight:800;line-height:1.2;color:var(--color-text-main);margin:18px 0 24px;overflow-wrap:break-word}
.blog-dates{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.75rem;color:#64748b;line-height:1.7}
.article-lead{font-size:1.16rem;line-height:1.9;color:#334155;margin:28px 0 0}
.blog-article-body{padding-block:44px 72px}
.article-content{font-size:1.04rem;line-height:1.95;color:#334155;overflow-wrap:break-word}
.article-content h2{font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.35;font-weight:800;color:var(--color-text-main);margin:52px 0 20px;scroll-margin-top:110px}
.article-content>h2:first-child{margin-top:0}
.article-content h3{font-size:1.25rem;line-height:1.5;font-weight:800;color:var(--color-text-main);margin:30px 0 14px}
.article-content h4{font-size:1.06rem;font-weight:800;margin:24px 0 12px}
.article-content p{margin:0 0 20px}.article-content strong{font-weight:800;color:var(--color-text-main)}
.article-content a:not(.btn-primary):not(.btn-secondary){color:var(--color-primary-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.article-content a:hover{text-decoration-thickness:2px}
.article-content ul,.article-content ol{padding-left:24px;margin:18px 0 26px;list-style:disc}
.article-content ol{list-style:decimal}.article-content li{padding-left:5px;margin:8px 0}
.article-content img{max-width:100%;height:auto}
.article-content [id^="zrodlo-"],.article-content sup[id]{scroll-margin-top:110px}
.article-callout{border:1px solid #bfdbfe;border-left:4px solid var(--color-primary);background:var(--color-primary-light);padding:24px 28px;border-radius:0 14px 14px 0;margin:32px 0}
.article-callout p:last-child{margin-bottom:0}.article-callout h3{margin-top:0;font-size:1.1rem}
.article-callout-important{background:#fffbeb;border-color:#fde68a;border-left-color:#b45309}
.article-callout-conclusion{background:#f0fdf4;border-color:#bbf7d0;border-left-color:#15803d}
.article-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--color-border);border-radius:14px;margin:26px 0 12px}
.article-table{width:100%;min-width:580px;border-collapse:collapse;text-align:left;font-size:.86rem;line-height:1.75}
.article-table caption{text-align:left;padding:18px 20px;font-weight:800;color:var(--color-text-main);background:#f8fafc}
.article-table th{font-weight:800;background:#eff6ff;color:#1e3a8a}.article-table th,.article-table td{padding:16px 18px;border-bottom:1px solid var(--color-border);vertical-align:top}
.article-table tbody tr:last-child td,.article-table tbody tr:last-child th{border-bottom:0}.article-table tbody tr:nth-child(even) td{background:#f8fafc}
.article-table-comparison{min-width:700px}.article-table-comparison th:first-child{width:20%}
.article-source{font-size:.76rem;line-height:1.7;color:#64748b;margin:8px 0 28px!important}
.article-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}
.article-tile{padding:22px;border:1px solid var(--color-border);border-radius:14px;background:#f8fafc;font-size:.9rem}
.article-tile h3{font-size:1rem;margin:0 0 12px}.article-tile p:last-child{margin:0}
.article-content .article-process{list-style:none;padding:0;counter-reset:step;margin:28px 0}
.article-process>li{counter-increment:step;position:relative;padding:0 0 24px 58px;margin:0;border-left:1px solid #bfdbfe;margin-left:18px}
.article-process>li:last-child{border-left-color:transparent;padding-bottom:0}
.article-process>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:-19px;top:0;width:38px;height:38px;display:grid;place-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;font-size:.8rem;font-weight:800;color:var(--color-primary)}
.article-process h3{margin:0 0 8px;font-size:1.1rem}.article-process p{margin:0}
.article-figure{margin:32px 0}.article-figure img{display:block;width:100%;height:auto;border-radius:14px;background:#f8fafc;border:1px solid var(--color-border)}
.article-figure figcaption{font-size:.77rem;line-height:1.75;color:#64748b;margin-top:12px}
.article-featured{margin:0 0 40px}
.article-figure-diagram img{max-width:600px;margin-inline:auto}
.article-figure-wide{width:calc(100% + 128px);max-width:calc(100vw - 64px);margin-left:-64px}
.article-quote{border-left:3px solid var(--color-primary);padding:8px 0 8px 24px;margin:32px 0;font-size:1.2rem;font-weight:500;color:#1e3a8a}
.article-quote p:last-child{margin:0}.article-quote cite{font-size:.8rem;font-style:normal;color:#64748b}
.article-content .article-checklist{list-style:none;padding:0;margin:26px 0}
.article-checklist li{position:relative;margin:0;padding:14px 16px 14px 44px;border-bottom:1px solid var(--color-border)}
.article-checklist li:before{content:'✓';position:absolute;left:12px;color:#15803d;font-weight:800}
.article-cta{margin:48px 0 0;padding:36px;background:#0f172a;color:#cbd5e1;border-radius:20px;display:flex;align-items:start;flex-direction:column;gap:24px;line-height:1.85}
.article-cta h2,.article-content .article-cta h2{font-size:1.6rem;line-height:1.4;color:#fff;margin:0 0 14px;font-weight:800}
.article-cta p{margin:0;max-width:740px}.article-cta .blog-eyebrow{color:#93c5fd;margin-bottom:10px}
.article-cta .btn-primary{color:#fff;text-decoration:none;font-size:.9rem;max-width:100%}
.article-related{margin:0 auto 72px}.article-related>h2{margin:8px 0 24px}
.article-content .article-related{margin:38px 0;padding:26px;background:#f8fafc;border:1px solid var(--color-border);border-radius:14px}
@media(min-width:1024px) and (max-width:1199px){.blog-page #main-nav nav{gap:12px}.blog-page #main-nav .btn-primary{padding-inline:12px;font-size:.75rem}}
@media(max-width:767px){.blog-container,.blog-reading-width{padding-inline:20px}.blog-hero{padding:28px 0 40px}.blog-library{padding-block:36px 48px}.blog-section+.blog-section{margin-top:40px}.blog-section-heading{align-items:start;flex-direction:column;gap:10px}.blog-card-grid{grid-template-columns:1fr}.blog-card-content,.blog-card-featured .blog-card-content{padding:24px}.blog-card .blog-eyebrow{flex-wrap:wrap;gap:6px;font-size:.65rem}.blog-article-header{padding-top:18px}.blog-article-body{padding-block:32px 48px}.article-content{font-size:1rem;line-height:1.85}.article-lead{font-size:1.06rem}.article-content h2{margin-top:38px}.article-tiles{grid-template-columns:1fr}.article-callout{padding:20px}.article-figure-wide{width:100%;max-width:100%;margin-left:0}.article-cta{padding:26px}.article-cta h2{font-size:1.4rem}.blog-breadcrumbs{padding-block:16px}.blog-breadcrumbs li:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-process>li{padding-left:38px}.article-related{margin-bottom:48px}}
@media(prefers-reduced-motion:reduce){.blog-page .premium-card,.blog-page .btn-primary{transition:none;transform:none}.blog-page .power-indicator{animation:none}}