.article-tool{margin:52px 0;padding:clamp(26px,5vw,48px);background:#071827;color:#fff;border-top:4px solid #2878ff;box-shadow:0 24px 70px #0718271c}.article-tool-kicker{margin:0 0 13px!important;color:#64a6ff!important;font:700 10px/1.4 "Manrope SFXM",Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase}.article-tool h3{margin:0 0 12px!important;color:#fff!important;font-size:clamp(27px,4vw,40px)!important;line-height:1.08!important}.article-tool-intro{max-width:720px;margin:0 0 28px!important;color:#b9c9da!important;font-size:15px!important}.article-tool-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin:0}.article-tool-list label{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #ffffff18;color:#eef5ff;cursor:pointer;font:500 14px/1.5 "Manrope SFXM",Arial,sans-serif}.article-tool-list input{flex:0 0 20px;width:20px;height:20px;margin-top:1px;accent-color:#2878ff}.article-tool-output{display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center;margin-top:28px;padding-top:24px;border-top:1px solid #ffffff25}.article-tool-output strong{color:#64a6ff;font-size:22px}.article-tool-track{height:7px;overflow:hidden;background:#ffffff15}.article-tool-track i{display:block;width:0;height:100%;background:#2878ff;transition:width .25s}.article-tool-output p{grid-column:1/-1;margin:0!important;color:#d8e4f0!important;font-size:15px!important}.article-tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.article-tool-actions button{min-height:44px;padding:0 18px;border:1px solid #ffffff38;background:transparent;color:#fff;font:700 12px "Manrope SFXM",Arial,sans-serif;cursor:pointer}.article-tool-actions button:first-child{border-color:#2878ff;background:#2878ff}.article-tool-status{display:block;min-height:18px;margin-top:12px;color:#8fbdff;font-size:11px}.article-tool-note{display:block;margin-top:17px;color:#8196ac;font-size:11px}.article-tool input:focus-visible,.article-tool button:focus-visible{outline:2px solid #9bc5ff;outline-offset:3px}@media(max-width:700px){.article-tool-list{grid-template-columns:1fr}.article-tool-output{grid-template-columns:1fr}.article-tool-output p{grid-column:auto}.article-tool-actions{flex-direction:column}.article-tool-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.article-tool-track i{transition:none}}
.article-cluster-links{display:flex;flex-wrap:wrap;gap:12px 25px;align-items:center;margin:54px 0 0;padding:25px 0;border-top:1px solid #ded4ca;border-bottom:1px solid #ded4ca}.article-cluster-links strong{color:#172535;font:700 10px/1.5 "Manrope SFXM",Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}.article-cluster-links a{color:#8d492e;font:600 13px/1.5 "Manrope SFXM",Arial,sans-serif;text-decoration:underline;text-decoration-color:#8d492e55;text-underline-offset:4px}@media(max-width:700px){.article-cluster-links{align-items:flex-start;flex-direction:column}}

/* SFXM 3.0.52 — sector tools */

.sfxm-lead{font-size:1.22em;line-height:1.65;color:#172638}
.sfxm-blog-cta,.sfxm-tool{margin:56px 0;padding:clamp(28px,5vw,56px);border-radius:18px}
.sfxm-blog-cta{background:#071526;color:#fff}
.sfxm-blog-cta h2{color:#fff;margin:.25em 0}
.sfxm-blog-cta p{color:#c8d6e5;max-width:760px}
.sfxm-blog-cta a,.sfxm-tool-button{display:inline-flex;align-items:center;gap:.55em;margin-top:18px;padding:13px 20px;border:0;border-radius:999px;background:#2676ff;color:#fff;text-decoration:none;font-weight:700;cursor:pointer}
.sfxm-kicker{font-size:.75rem!important;letter-spacing:.14em;text-transform:uppercase;color:#6fa4ff!important;font-weight:800}
.sfxm-tool{background:#f3f7fb;border:1px solid #dce6f0}
.sfxm-tool h2{margin:.25em 0}
.sfxm-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.sfxm-tool label{display:grid;gap:8px;font-weight:700;color:#172638}
.sfxm-tool select{width:100%;padding:12px;border:1px solid #b9c9da;border-radius:10px;background:#fff;color:#172638}
.sfxm-tool-result{margin-top:20px;padding:18px;border-left:4px solid #2676ff;background:#fff;font-weight:650}
@media(max-width:760px){.sfxm-tool-grid{grid-template-columns:1fr}}


/* SFXM 3.0.60 — globalna poprawa kontrastu CTA w artykułach */
.knowledge-article .article-content .sfxm-blog-cta,
.article-content .sfxm-blog-cta,
.sfxm-blog-cta {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(135deg, #071526 0%, #0a1a2f 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(143, 184, 255, .22);
    box-shadow: 0 24px 70px rgba(7, 21, 38, .18);
}
.knowledge-article .article-content .sfxm-blog-cta::before,
.article-content .sfxm-blog-cta::before,
.sfxm-blog-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle at 88% 15%, rgba(38,118,255,.15), transparent 40%);
    pointer-events: none;
}
.knowledge-article .article-content .sfxm-blog-cta h2,
.article-content .sfxm-blog-cta h2,
.sfxm-blog-cta h2 {
    margin: 22px 0 18px !important;
    color: #ffffff !important;
    opacity: 1 !important;
    text-shadow: none !important;
    font-size: clamp(32px, 4.3vw, 54px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
}
.knowledge-article .article-content .sfxm-blog-cta p,
.article-content .sfxm-blog-cta p,
.sfxm-blog-cta p {
    margin: 0 !important;
    color: #dce7f7 !important;
    opacity: 1 !important;
    font-size: clamp(16px, 1.7vw, 19px) !important;
    line-height: 1.75 !important;
}
.knowledge-article .article-content .sfxm-blog-cta .sfxm-kicker,
.article-content .sfxm-blog-cta .sfxm-kicker,
.sfxm-blog-cta .sfxm-kicker {
    margin: 0 !important;
    color: #8fb8ff !important;
    opacity: 1 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: .15em !important;
}
.knowledge-article .article-content .sfxm-blog-cta a,
.article-content .sfxm-blog-cta a,
.sfxm-blog-cta a,
.knowledge-article .article-content .sfxm-blog-cta a:visited,
.article-content .sfxm-blog-cta a:visited,
.sfxm-blog-cta a:visited {
    margin-top: 28px !important;
    background: #2676ff !important;
    color: #ffffff !important;
    opacity: 1 !important;
    border: 1px solid #4f91ff !important;
    box-shadow: 0 10px 30px rgba(38,118,255,.28);
}
.knowledge-article .article-content .sfxm-blog-cta a:hover,
.article-content .sfxm-blog-cta a:hover,
.sfxm-blog-cta a:hover,
.knowledge-article .article-content .sfxm-blog-cta a:focus-visible,
.article-content .sfxm-blog-cta a:focus-visible,
.sfxm-blog-cta a:focus-visible {
    background: #4b8eff !important;
    color: #ffffff !important;
}
@media (max-width: 700px) {
    .knowledge-article .article-content .sfxm-blog-cta,
    .article-content .sfxm-blog-cta,
    .sfxm-blog-cta {
        margin: 42px 0;
        padding: 30px 24px;
        border-radius: 14px;
    }
    .knowledge-article .article-content .sfxm-blog-cta h2,
    .article-content .sfxm-blog-cta h2,
    .sfxm-blog-cta h2 {
        font-size: clamp(29px, 9vw, 40px) !important;
    }
    .knowledge-article .article-content .sfxm-blog-cta a,
    .article-content .sfxm-blog-cta a,
    .sfxm-blog-cta a {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

/* SFXM 3.1.03 — interactive automotive Insights */
.article-reading-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:4px;background:rgba(7,21,38,.08);pointer-events:none}.article-reading-progress i{display:block;width:0;height:100%;background:#2676ff;transition:width .08s linear}.article-toc{margin-top:32px;padding-top:22px;border-top:1px solid #dbe3ec}.article-toc button{display:flex;justify-content:space-between;gap:16px;width:100%;padding:0;border:0;background:transparent;color:#172535;font:800 11px/1.4 "Manrope SFXM",Arial,sans-serif;letter-spacing:.12em;text-align:left;text-transform:uppercase;cursor:pointer}.article-toc ol{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.article-toc li{margin:0}.article-toc a{display:block;color:#66758a;font:600 12px/1.45 "Manrope SFXM",Arial,sans-serif}.article-toc a:hover,.article-toc a:focus-visible{color:#2676ff}.article-toc.is-collapsed ol{display:none}.article-content h2[id],.article-content h3[id]{scroll-margin-top:95px}.article-interactive-faq{margin:64px 0}.article-interactive-faq>h2{margin-top:8px!important}.article-faq-list{border-top:1px solid #dbe3ec}.article-faq-list details{border-bottom:1px solid #dbe3ec}.article-faq-list summary{display:flex;justify-content:space-between;gap:22px;padding:21px 0;color:#172535;font:750 16px/1.45 "Manrope SFXM",Arial,sans-serif;cursor:pointer;list-style:none}.article-faq-list summary::-webkit-details-marker{display:none}.article-faq-list summary span{flex:0 0 auto;color:#2676ff;font-size:24px;line-height:1;transition:transform .2s}.article-faq-list details[open] summary span{transform:rotate(45deg)}.article-faq-list details>div{padding:0 42px 22px 0}.article-faq-list p{margin:0!important;color:#526276!important}.automotive-insight .article-related{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:980px){.article-toc{margin:24px 0}.automotive-insight .article-related{grid-template-columns:1fr}}@media(max-width:700px){.article-reading-progress{height:3px}.article-interactive-faq{margin:48px 0}.article-faq-list summary{font-size:15px}.article-faq-list details>div{padding-right:0}}

/* SFXM 3.1.04 — fixed automotive article sidebar / TOC layout */
.automotive-insight .article-layout{
    grid-template-columns:240px minmax(0,780px);
    gap:52px;
}
.automotive-insight .article-rail{
    min-width:0;
    width:100%;
}
.automotive-insight .article-toc{
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    margin:8px 0 0;
    padding:22px 0 0;
    overflow:visible;
    background:transparent;
    border-left:0;
    border-top:1px solid #dbe3ec;
}
.automotive-insight .article-toc ol{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    margin:18px 0 0;
    padding:0;
    list-style:none;
}
.automotive-insight .article-toc li,
.automotive-insight .article-toc a{
    min-width:0;
    max-width:100%;
}
.automotive-insight .article-toc a{
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
}
.automotive-insight .article-content{
    min-width:0;
    width:100%;
}
@media(max-width:1180px){
    .automotive-insight .article-layout{
        grid-template-columns:1fr;
        gap:30px;
    }
    .automotive-insight .article-rail{
        position:static;
        display:grid;
        grid-template-columns:1fr;
        gap:16px;
        max-width:780px;
        margin:0 auto;
    }
    .automotive-insight .article-toc{
        margin:0;
        padding:22px 24px;
        background:#f4f7fb;
        border:1px solid #dbe3ec;
        border-left:3px solid #2676ff;
    }
    .automotive-insight .article-toc ol{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px 24px;
    }
}
@media(max-width:700px){
    .automotive-insight .article-toc{
        padding:20px;
    }
    .automotive-insight .article-toc ol{
        grid-template-columns:1fr;
    }
}
