/* ============ BREADCRUMBS ============ */
.breadcrumbs{background:#fff;border-bottom:1px solid var(--gray-light);padding:14px 0;font-size:.86rem}
.breadcrumbs a{color:var(--gray);text-decoration:none}
.breadcrumbs a:hover{color:var(--green)}
.breadcrumbs__sep{color:var(--gray-light);margin:0 4px}
.breadcrumbs span[aria-current]{color:var(--dark);font-weight:600}

/* ============ ARTICLE ============ */
.article{padding:40px 0 60px;background:var(--bg)}
.article__h1{font-size:clamp(1.7rem,3.5vw,2.4rem);line-height:1.2;margin-bottom:18px;color:var(--dark)}
.article__lead{font-size:1.1rem;color:#444;line-height:1.65;margin-bottom:28px;padding:18px 22px;background:var(--green-light);border-left:4px solid var(--green);border-radius:6px}
.article__lead strong{color:var(--green-dark)}

/* Editorial review block */
.editorial{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 32px;background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm)}
@media(max-width:720px){.editorial{grid-template-columns:1fr;gap:14px}}
.editorial__col{display:flex;gap:14px;align-items:flex-start}
.editorial__col img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--green-light)}
.editorial__label{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.5px;color:var(--orange);font-weight:700;margin-bottom:2px}
.editorial__col strong{display:block;font-size:1rem;color:var(--dark);font-family:'Montserrat',sans-serif}
.editorial__role{display:block;color:var(--green);font-size:.84rem;font-weight:600;margin-bottom:6px}
.editorial__col p{font-size:.86rem;color:var(--gray);line-height:1.5}

/* TOC */
.article__toc{background:#fff;border:1px solid var(--gray-light);border-radius:var(--radius);padding:18px 22px;margin-bottom:30px}
.article__toc strong{display:block;font-family:'Montserrat',sans-serif;color:var(--dark);margin-bottom:10px;font-size:.95rem}
.article__toc ol{padding-left:22px;margin:0}
.article__toc li{padding:3px 0}
.article__toc a{color:var(--green-dark);text-decoration:none;font-size:.92rem}
.article__toc a:hover{color:var(--orange);text-decoration:underline}

/* Article sections */
.article__section{background:#fff;border-radius:var(--radius);padding:30px 32px;margin-bottom:22px;box-shadow:var(--shadow-sm);scroll-margin-top:80px}
@media(max-width:640px){.article__section{padding:22px 18px}}
.article__section h2{font-size:1.4rem;margin-bottom:16px;color:var(--dark);line-height:1.3}
.article__section h3{font-size:1.1rem;margin:20px 0 10px;color:var(--green-dark)}
.article__section p{color:#33403a;line-height:1.7;margin-bottom:12px}
.article__section ul,.article__section ol{margin:8px 0 14px;padding-left:24px}
.article__section li{padding:4px 0;line-height:1.6;color:#33403a}
.article__section li strong{color:var(--dark)}
.article__section a{color:var(--green-dark);text-decoration:underline;text-decoration-color:rgba(46,125,50,.4)}
.article__section a:hover{text-decoration-color:var(--green)}
.article__section em{font-style:italic;color:#445}

/* Tables */
.table-wrap{overflow-x:auto;margin:14px 0 18px;border-radius:8px;border:1px solid var(--gray-light)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff;min-width:480px}
.table-wrap th{background:var(--green);color:#fff;text-align:left;padding:12px 14px;font-family:'Montserrat',sans-serif;font-size:.88rem;font-weight:700}
.table-wrap td{padding:11px 14px;border-bottom:1px solid #eee;vertical-align:top}
.table-wrap tr:last-child td{border-bottom:none}
.table-wrap tr:nth-child(even) td{background:#fafbf9}
.table-wrap strong{color:var(--green-dark)}

/* Internal links highlight */
.article__internal{background:var(--green-light);border-radius:8px;padding:14px 18px;margin-top:18px;font-size:.92rem;color:var(--green-dark)}
.article__internal a{color:var(--green-dark);font-weight:600}

/* Article FAQ */
.article__faq{background:#fff;border-radius:var(--radius);padding:30px 32px;margin:22px 0;box-shadow:var(--shadow-sm)}
@media(max-width:640px){.article__faq{padding:22px 18px}}
.article__faq h2{font-size:1.4rem;margin-bottom:16px}

/* Article CTA */
.article__cta{background:linear-gradient(135deg,#fff 0%,var(--green-light) 100%);border-radius:var(--radius-lg);padding:36px 32px;margin:22px 0;border:2px solid var(--green-light)}
.article__cta__inner{display:grid;grid-template-columns:200px 1fr;gap:30px;align-items:center}
@media(max-width:640px){.article__cta__inner{grid-template-columns:1fr;text-align:center}.article__cta{padding:24px 18px}}
.article__cta img{width:100%;max-width:200px;height:auto;margin:0 auto;display:block}
.article__cta h2{font-size:1.35rem;margin-bottom:10px;color:var(--dark)}
.article__cta p{color:#33403a;margin-bottom:14px;line-height:1.6}
.article__cta__trust{font-size:.84rem;color:var(--gray);margin-top:10px;text-align:center}

/* References */
.article__refs{background:#f1f4f0;border-radius:var(--radius);padding:16px 20px;margin:18px 0 8px;font-size:.84rem;color:var(--gray);line-height:1.6}
.article__refs strong{color:var(--dark)}

/* HUB cards (poradnik index) */
.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px}
@media(max-width:720px){.hub-grid{grid-template-columns:1fr}}
.hub-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.hub-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.hub-card img{width:100%;aspect-ratio:2/1;object-fit:cover}
.hub-card>div{padding:18px 20px}
.hub-card h3{font-size:1.05rem;margin-bottom:6px;color:var(--green-dark);line-height:1.3}
.hub-card p{font-size:.88rem;color:var(--gray);line-height:1.5}