KONTENEROLOGIA.COMMateriał ekspercki
.ktlg-cax{--bg:#0b1220;--panel:#111a2b;--panel2:#162238;--line:#23314a;--ice:#eaf1ff;--text:#c7d3e6;--muted:#8290a8;--blue:#4c7fd4;--green:#70b7a5;--amber:#d7a34a;--rust:#c86242;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72}
.ktlg-cax *{box-sizing:border-box}
.ktlg-cax h2,.ktlg-cax h3{color:var(--ice);line-height:1.18;letter-spacing:-.025em}
.ktlg-cax h2{font-size:clamp(1.65rem,3vw,2.25rem);margin:3.4rem 0 1.1rem}
.ktlg-cax h3{font-size:1.2rem;margin:0 0 .65rem}
.ktlg-cax p{margin:0 0 1.2rem}
.ktlg-cax strong{color:var(--ice)}
.ktlg-cax a{color:#8db3f2;text-decoration-thickness:1px;text-underline-offset:3px}
.ktlg-cax ul,.ktlg-cax ol{margin:1rem 0 1.5rem;padding-left:1.25rem}
.ktlg-cax li{margin:.4rem 0}
.ktlg-cax .ktlg-lead{font-size:1.18rem;line-height:1.72;color:var(--ice);padding:1.45rem 1.55rem;border-left:4px solid var(--blue);background:linear-gradient(90deg,rgba(76,127,212,.13),rgba(76,127,212,.02));margin:0 0 2rem}
.ktlg-cax .ktlg-note{font-size:.92rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem;margin-top:1.5rem}
.ktlg-cax .ktlg-punch{margin:2rem 0;padding:1.5rem 1.55rem;border:1px solid #315083;background:linear-gradient(135deg,#13213a,#0d1726);color:var(--ice);font-size:1.18rem;font-weight:750;line-height:1.45;border-radius:14px}
.ktlg-cax .ktlg-punch small{display:block;color:#8db3f2;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;margin-bottom:.65rem}
.ktlg-cax .ktlg-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:1.7rem 0 2.2rem}
.ktlg-cax .ktlg-fact{border:1px solid var(--line);background:var(--panel);padding:1.15rem;border-radius:12px;min-height:128px}
.ktlg-cax .ktlg-fact b{display:block;font-size:1.6rem;line-height:1;color:var(--ice);margin-bottom:.65rem}
.ktlg-cax .ktlg-fact span{font-size:.88rem;color:var(--muted);line-height:1.35}
.ktlg-cax .ktlg-route{margin:1.8rem 0 2.2rem;padding:1.45rem;border:1px solid var(--line);background:var(--panel);border-radius:14px}
.ktlg-cax .ktlg-route-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-weight:800;margin-bottom:1rem}
.ktlg-cax .ktlg-route-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--ice);font-weight:700}
.ktlg-cax .ktlg-route-line span{padding:.55rem .7rem;border:1px solid #2b3d5c;background:#0d1726;border-radius:8px}
.ktlg-cax .ktlg-route-line i{font-style:normal;color:var(--blue)}
.ktlg-cax .ktlg-vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.8rem 0 2.3rem}
.ktlg-cax .ktlg-vs-card{padding:1.4rem;border-radius:14px;border:1px solid var(--line);background:var(--panel)}
.ktlg-cax .ktlg-vs-card.bad{border-top:3px solid var(--rust)}
.ktlg-cax .ktlg-vs-card.good{border-top:3px solid var(--green)}
.ktlg-cax .ktlg-kicker{display:inline-block;font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:.7rem}
.ktlg-cax .bad .ktlg-kicker{color:#e58b70}.ktlg-cax .good .ktlg-kicker{color:#8ad0bf}
.ktlg-cax .ktlg-vs-card p:last-child{margin-bottom:0}
.ktlg-cax .ktlg-timeline{display:grid;gap:0;margin:1.8rem 0 2.2rem;border-left:2px solid #2c4771;padding-left:1.25rem}
.ktlg-cax .ktlg-step{position:relative;padding:0 0 1.35rem 1rem}
.ktlg-cax .ktlg-step:before{content:"";position:absolute;left:-1.61rem;top:.35rem;width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px #13213a}
.ktlg-cax .ktlg-step:last-child{padding-bottom:0}
.ktlg-cax .ktlg-step b{display:block;margin-bottom:.25rem}
.ktlg-cax .ktlg-step span{color:var(--muted);font-size:.93rem}
.ktlg-cax .ktlg-risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:1.5rem 0 2.3rem}
.ktlg-cax .ktlg-risk{border:1px solid var(--line);background:var(--panel);padding:1.25rem;border-radius:12px}
.ktlg-cax .ktlg-risk-num{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#1b2b45;color:#8db3f2;font-weight:850;margin-bottom:.8rem}
.ktlg-cax .ktlg-check{margin:1.6rem 0 2.3rem;padding:1.45rem;background:linear-gradient(135deg,rgba(112,183,165,.10),rgba(17,26,43,.95));border:1px solid #31594f;border-radius:14px}
.ktlg-cax .ktlg-check ol{margin-bottom:0}
.ktlg-cax .ktlg-verdict{margin:2.6rem 0 1.8rem;padding:1.7rem;border-radius:16px;border:1px solid #3a5277;background:linear-gradient(145deg,#15233a,#0b1423)}
.ktlg-cax .ktlg-verdict .label{display:block;color:var(--amber);font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;font-weight:850;margin-bottom:.7rem}
.ktlg-cax .ktlg-verdict h3{font-size:1.45rem;margin-bottom:.8rem}
.ktlg-cax .ktlg-sources{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.ktlg-cax .ktlg-sources h3{font-size:1rem}
.ktlg-cax .ktlg-sources ol{padding-left:1.15rem}
@media(max-width:760px){.ktlg-cax .ktlg-fact-grid{grid-template-columns:1fr 1fr}.ktlg-cax .ktlg-vs,.ktlg-cax .ktlg-risk-grid{grid-template-columns:1fr}.ktlg-cax .ktlg-route-line{display:grid;grid-template-columns:1fr}.ktlg-cax .ktlg-route-line i{transform:rotate(90deg);justify-self:center}}
@media(max-width:430px){.ktlg-cax .ktlg-fact-grid{grid-template-columns:1fr}.ktlg-cax .ktlg-lead,.ktlg-cax .ktlg-punch,.ktlg-cax .ktlg-verdict{padding:1.2rem}}