/* kb.css — style bazy wiedzy (uzupelnienie site.css) */
/* logo w pasku i stopce KB: gradient markowy na masce (spojne z home) */
.brand .brand-logo,.foot-brand .brand-logo{display:block;height:20px;width:35px;flex:none;background:linear-gradient(120deg,#2AD8E6,#9D7BFF);-webkit-mask:url(/logomask.png) center/contain no-repeat;mask:url(/logomask.png) center/contain no-repeat}
.post .wrap{max-width:800px}      /* artykuły i landing: szerzej niż 720, wciąż czytelny wiersz */
.post .kbwide{max-width:1160px}   /* hub i klastry: pełny środkowy kontener, kafle na całą szerokość */
.crumbs{font-size:.8rem;color:var(--pmuted);margin:0 0 20px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.crumbs a{color:var(--pmuted);text-decoration:none}
.crumbs a:hover{color:var(--pcyan)}
.crumbs span{opacity:.45}
.post .lead{font-size:1.12rem;line-height:1.6;color:var(--ptxt);margin:6px 0 4px}
.toc{background:var(--psurface);border:1px solid var(--pline);border-radius:14px;padding:18px 22px;margin:24px 0 8px}
.toc .lbl{font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--pdim);margin:0 0 12px}
.toc ol{margin:0;padding-left:20px;display:grid;gap:8px}
.toc a{color:var(--ptxt);text-decoration:none;border-bottom:1px solid transparent}
.toc a:hover{color:var(--pcyan);border-color:var(--pcyan)}
.kb-clusters{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:32px 0 24px}
/* krótkie strony KB: bez martwej przestrzeni z .post{min-height:100vh}, ale kolor sekcji (--pbg) ma iść jeszcze kawałek za ostatnimi kaflami, a stopka przylega czysto */
main.post{min-height:auto;padding-bottom:clamp(80px,9vw,120px)}
main.post + footer{margin-top:0}
.kb-services{margin-top:44px}
.kb-services h2{font-size:1.16rem;margin:0 0 14px;color:var(--ptxt)}
.bcard.svc{border-color:color-mix(in srgb,var(--pcyan) 30%,var(--pline))}
.bcard.svc .bk{color:var(--pcyan)}
.kb-cl{display:block;background:var(--psurface);border:1px solid var(--pline);border-radius:16px;padding:24px;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.kb-cl:hover{border-color:var(--pcyan);transform:translateY(-2px)}
.kb-cl h2{font-size:1.16rem;margin:0 0 9px;color:var(--ptxt)}
.kb-cl p{margin:0;color:var(--pmuted);font-size:.93rem;line-height:1.5}
.kb-cl .tag{display:inline-block;font-size:.74rem;color:var(--pcyan);margin-top:14px;font-weight:600}
.suite-cl .suite-ico{height:120px;width:auto;max-width:100%;object-fit:contain;display:block;margin:-6px 0 12px}
.post .suite-hero-ico{height:180px;width:auto;max-width:100%;object-fit:contain;display:block;margin:16px 0 4px}
.kb-cl.soon{opacity:.5}
.kb-cl.soon .tag{color:var(--pdim)}
.kb-src{margin-top:38px}
.kb-src h2{font-size:1.1rem}
.kb-src ul{padding-left:18px}
.kb-src li{color:var(--pmuted);font-size:.9rem;margin:4px 0}
.kb-updated{font-size:.82rem;color:var(--pdim);margin-top:44px;border-top:1px solid var(--pline);padding-top:16px}
.kb-updated a{color:var(--pmuted)}
.suite-flow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 8px}
.suite-flow .sf-step{display:flex;align-items:center;gap:9px;background:var(--psurface);border:1px solid var(--pline);border-radius:999px;padding:9px 15px;font-size:.9rem;color:var(--ptxt)}
.suite-flow .sf-n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(120deg,#2AD8E6,#9D7BFF);color:#06070d;font-size:.78rem;font-weight:700;flex:none}
.suite-flow .sf-arrow{color:var(--pdim)}
.suite-agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:22px 0}
.suite-agent{background:var(--psurface);border:1px solid var(--pline);border-radius:14px;padding:16px 18px}
.suite-agent b{display:block;color:var(--ptxt);margin-bottom:5px;font-size:.98rem}
.suite-agent span{color:var(--pmuted);font-size:.88rem;line-height:1.5}
.suite-chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}
.suite-chips span{background:color-mix(in srgb,var(--pcyan) 8%,var(--psurface));border:1px solid color-mix(in srgb,var(--pcyan) 22%,var(--pline));border-radius:999px;padding:7px 14px;font-size:.85rem;color:var(--ptxt)}