/* BLOG — theme v2 */
.breadcrumbs-container{max-width:820px;margin:0 auto;padding:190px 24px 0}
.breadcrumbs{font-size:.8rem;color:var(--text-dimmer)}
.breadcrumbs a{color:var(--text-dim);text-decoration:none}
.breadcrumbs a:hover{color:var(--accent-2)}
.breadcrumbs-separator{margin:0 8px}
.article-container{max-width:820px;margin:0 auto;padding:24px 24px 60px}
.article-hero{margin-bottom:28px}
.article-hero h1{margin-bottom:14px}
.article-meta{display:flex;gap:14px;align-items:center;font-size:.82rem;color:var(--text-dimmer);margin-bottom:18px}
.category-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent-2);border-radius:50px;padding:4px 12px}
.featured-image{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-md);margin:24px 0 36px}
.featured-image img{width:100%}
.article-content{color:var(--text)}
.article-content p{margin-bottom:1.1em;color:var(--text-dim)}
.article-content .lead{font-size:1.12rem;color:var(--text)}
.article-content h2{margin:1.6em 0 .6em}
.article-content h3{margin:1.4em 0 .5em}
.article-content ul,.article-content ol{margin:0 0 1.2em 1.3em;color:var(--text-dim)}
.article-content li{margin-bottom:.4em}
.article-content a{color:var(--accent-2)}
.article-content img{border-radius:12px;margin:1.2em 0}
.highlight-box{background:var(--bg-soft);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:12px;padding:20px 22px;margin:1.4em 0}
.related-service-box{background:var(--bg-soft);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:12px;padding:24px 26px;margin:2em 0}
.related-service-box p{color:var(--text-dim);font-size:.95rem;margin:0 0 20px;line-height:1.6}
.related-service-box p:first-of-type{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-2);font-weight:700;margin:0 0 8px}
.related-service-box h3{font-size:1.3rem;font-weight:700;color:var(--text);margin:0 0 12px}
.article-cta{text-align:center;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:20px;padding:clamp(30px,5vw,48px);margin-top:48px}
.article-cta h2,.article-cta h3{margin-bottom:12px}
.article-cta p{color:var(--text-dim);margin-bottom:22px}
/* Lista wpisów (blog/index) */
.blog-hero{padding-top:190px}
.blog-list-container{max-width:1140px;margin:0 auto;padding:130px 24px 60px}
.blog-grid,.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-card,.article-card{display:block;text-decoration:none;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.blog-card:hover,.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
@media(max-width:900px){.blog-grid,.articles-grid{grid-template-columns:1fr}}

/* Karty artykułów — zakresowane pod .article-card, bo te klasy powtarzają się w layoucie pojedynczego artykułu */
.container{max-width:1140px;margin:0 auto;padding:40px 24px 60px}
.article-card .article-image{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft)}
.article-card .article-image img{width:100%;height:100%;object-fit:cover}
.article-card .article-content{padding:22px 22px 26px;color:var(--text)}
.article-card .article-category{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent-2);border-radius:50px;padding:4px 12px;margin-bottom:12px}
.article-card .article-title{font-size:1.15rem;color:var(--text);margin-bottom:10px}
.article-card .article-excerpt{font-size:.92rem;color:var(--text-dim);margin-bottom:16px}
.article-card .article-meta{margin-bottom:0}
.article-card .article-date{color:var(--text-dimmer)}
.article-card .read-more{color:var(--accent-2);font-weight:600}