.article-figure{margin:32px 0}.article-figure img{width:100%;height:auto;border:1px solid var(--border);border-radius:10px}.article-figure figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
.article-table-scroll{width:100%;overflow-x:auto;margin:28px 0;border:1px solid var(--border);border-radius:12px}
.article-table-scroll table{width:100%;border-collapse:collapse;font-size:.96rem}.article-table-scroll th,.article-table-scroll td{padding:13px 15px;text-align:left;border-bottom:1px solid var(--border)}
.article-table-scroll thead{background:var(--blue);color:#fff}.article-table-scroll tbody th{font-weight:400}.article-table-scroll tbody tr:last-child{background:var(--gold-pale)}.article-table-scroll td{white-space:nowrap}
.article-table-scroll .article-comparison-table{table-layout:fixed;min-width:720px}
.article-table-scroll .article-comparison-table th,.article-table-scroll .article-comparison-table td{vertical-align:top;white-space:normal;overflow-wrap:normal;word-break:normal}
.article-table-scroll .article-comparison-table tr>:first-child{width:20%}
.article-content a[href="/kalkulator/cash-flow/"]{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border-radius:9px;background:var(--gold);color:var(--blue);font-weight:700;text-decoration:none;min-height:48px}
.article-content a[href="/kalkulator/cash-flow/"]:hover{background:var(--gold-light)}
.article-author{margin:32px 0;padding:24px;background:var(--cream);border:1px solid var(--border);border-radius:12px}.article-author p{margin:0}
.calc-nav{position:relative;color:var(--blue);font-size:.95rem;font-weight:700}.calc-nav summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}.calc-nav summary::-webkit-details-marker{display:none}.calc-nav summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.calc-submenu{position:absolute;top:100%;left:-16px;min-width:250px;padding:12px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.blog-nav .calc-submenu a{display:block;padding:9px 12px;border-radius:6px;line-height:1.35}.blog-nav .calc-submenu a:hover{background:var(--gold-pale);color:var(--blue)}
@media(max-width:900px){.blog-nav{max-height:calc(100dvh - 86px);overflow-y:auto}.calc-submenu{position:static;box-shadow:none;min-width:0;background:var(--cream);margin-top:8px}}
@media(max-width:640px){.article-table-scroll table{font-size:.87rem}.article-table-scroll th,.article-table-scroll td{padding:10px 9px}.article-figure{margin-inline:0}.blog-nav{max-height:calc(100dvh - 74px)}}

/* Long article titles must fit narrow screens without changing the text. */
.article-hero h1{overflow-wrap:anywhere}

.article-content .article-cta{margin:40px 0;padding:28px;background:#f5f1e8;border:1px solid var(--border);border-radius:12px}
.article-content .article-cta h2{margin:0 0 22px;color:var(--blue);font-size:1.4rem;line-height:1.4;overflow-wrap:anywhere}
.article-cta-actions{display:flex;gap:12px;align-items:stretch}
.article-content .article-cta-button,.article-content .article-cta-button:visited{display:flex;flex:1;align-items:center;justify-content:center;min-height:48px;padding:13px 16px;border:2px solid var(--gold);border-radius:8px;color:var(--blue);font-weight:700;font-size:1rem;line-height:1.4;text-align:center;text-decoration:none;overflow-wrap:anywhere}
.article-content .article-cta-primary{background:var(--gold)}
.article-content .article-cta-secondary{background:transparent}
.article-content .article-cta-button:hover{background:var(--gold-light);color:var(--blue)}
.article-content .article-cta-button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.article-content .article-cta-note{margin:16px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}
@media(max-width:640px){.article-content .article-cta{padding:22px 18px}.article-content .article-cta h2{font-size:1.25rem}.article-cta-actions{flex-direction:column}}