/* CCIT Slownik — uzupelnienie arkusza bazowego ccit-slownik.php
   Domyka struktury uzywane w haslach: <b>/<span> w kafelkach, <p> w FAQ,
   <b> jako naglowki blokow, przyciski .btn/.btn2 oraz komponenty wizualne.
   UWAGA: .sl-bar w arkuszu bazowym to kreska pod H1 — wykres uzywa .sl-wykres. */

.ccit-sl .sl-def strong{color:#fff}
.ccit-sl .sl-def a{color:#fff;text-decoration-color:rgba(255,255,255,.5)}

.ccit-sl .sl-fakt b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6b6480;margin-bottom:6px;line-height:1.35}
.ccit-sl .sl-fakt span{display:block;font-size:.94rem;font-weight:600;color:#3D2E7C;line-height:1.5}
.ccit-sl .sl-fakty{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media(max-width:600px){.ccit-sl .sl-fakty{grid-template-columns:1fr}}

.ccit-sl .sl-ustawa>b,.ccit-sl .sl-powiazane>b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.ccit-sl .sl-ustawa>b{color:#8a5f10}
.ccit-sl .sl-powiazane>b{color:#6b6480}

.ccit-sl .sl-faq details>p{padding:0 1.2rem 1.05rem;font-size:.95rem;line-height:1.75;color:#3a3a4a;margin:0}
.ccit-sl .sl-faq details[open] summary{margin-bottom:.9rem}
.ccit-sl .sl-faq summary{line-height:1.45}
.ccit-sl .sl-faq summary::after{margin-left:12px}

.ccit-sl .sl-cta>b{display:block;font-size:1.1rem;font-weight:700;color:#3D2E7C;margin-bottom:.6rem;line-height:1.35}
.ccit-sl .sl-cta p:last-child{margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:10px}
.ccit-sl .sl-cta .btn,.ccit-sl .sl-cta .btn2{display:inline-block;padding:.7rem 1.35rem;border-radius:8px;font-size:.92rem;font-weight:700;text-decoration:none;line-height:1.3}
.ccit-sl .sl-cta .btn{background:#3D2E7C;color:#fff;border:1px solid #3D2E7C}
.ccit-sl .sl-cta .btn:hover{background:#6A3A98;border-color:#6A3A98;color:#fff}
.ccit-sl .sl-cta .btn2{background:#fff;color:#3D2E7C;border:1px solid #e0d9f5}
.ccit-sl .sl-cta .btn2:hover{border-color:#6A3A98;color:#6A3A98}

/* --- os etapow --- */
.ccit-sl .sl-osi{display:flex;flex-wrap:wrap;margin:0 0 1.75rem;border:1px solid #e8e5f0;border-radius:12px;overflow:hidden}
.ccit-sl .sl-osi>div{flex:1 1 160px;min-width:160px;padding:1.05rem 1rem;border-top:4px solid #cfc7e6;border-right:1px solid #e8e5f0;background:#fff}
.ccit-sl .sl-osi>div:last-child{border-right:0}
.ccit-sl .sl-osi b{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#6b6480;margin-bottom:6px}
.ccit-sl .sl-osi strong{display:block;font-size:.98rem;color:#1a1a2e;margin-bottom:6px;line-height:1.3}
.ccit-sl .sl-osi span{display:block;font-size:.86rem;line-height:1.55;color:#6b6480}
.ccit-sl .sl-osi .t1{border-top-color:#3D2E7C;background:#faf9fd}
.ccit-sl .sl-osi .t2{border-top-color:#6A3A98;background:#faf9fd}
.ccit-sl .sl-osi .t3{border-top-color:#c4881a;background:#fffcf6}
.ccit-sl .sl-osi .t4{border-top-color:#d9633a;background:#fff9f6}
.ccit-sl .sl-osi .t5{border-top-color:#b3382c;background:#fff7f6}

/* --- wykres slupkowy (NIE .sl-bar — kolizja z kreska pod H1) --- */
.ccit-sl .sl-wykres{margin:0 0 1.75rem;padding:1.35rem 1.5rem;border:1px solid #e8e5f0;border-radius:12px;background:#fff}
.ccit-sl .sl-wykres .b{display:grid;grid-template-columns:190px 1fr 80px;gap:14px;align-items:center;margin-bottom:.7rem;font-size:.92rem}
.ccit-sl .sl-wykres .b:last-of-type{margin-bottom:0}
.ccit-sl .sl-wykres .b i{font-style:normal;color:#3a3a4a}
.ccit-sl .sl-wykres .b u{text-decoration:none;display:block;height:22px;border-radius:5px;background:linear-gradient(90deg,#3D2E7C,#6A3A98);min-width:5px}
.ccit-sl .sl-wykres .b em{font-style:normal;font-weight:700;color:#3D2E7C;text-align:right}
.ccit-sl .sl-wykres .opis{font-size:.85rem;color:#6b6480;margin:1.1rem 0 0;padding-top:1rem;border-top:1px solid #f0edf8;line-height:1.7}
@media(max-width:640px){.ccit-sl .sl-wykres .b{grid-template-columns:1fr auto;gap:6px 12px;margin-bottom:1rem}.ccit-sl .sl-wykres .b u{grid-column:1/-1}}

/* --- listy tak / nie --- */
.ccit-sl .sl-tak,.ccit-sl .sl-nie{margin:0 0 1.75rem;padding:1.35rem 1.6rem;border-radius:0 11px 11px 0;border:1px solid;border-left-width:4px}
.ccit-sl .sl-tak{background:#f4fbf6;border-color:#cfe8d8;border-left-color:#2f8f57}
.ccit-sl .sl-nie{background:#fef8f7;border-color:#f0d5d0;border-left-color:#b3382c}
.ccit-sl .sl-tak>b,.ccit-sl .sl-nie>b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px}
.ccit-sl .sl-tak>b{color:#1f6b40}
.ccit-sl .sl-nie>b{color:#8f2d23}
.ccit-sl .sl-tak ul,.ccit-sl .sl-nie ul{margin:0;padding-left:1.3rem}
.ccit-sl .sl-tak li,.ccit-sl .sl-nie li{font-size:.95rem;line-height:1.7;margin-bottom:.55rem}
.ccit-sl .sl-tak li:last-child,.ccit-sl .sl-nie li:last-child{margin-bottom:0}
.ccit-sl .sl-tak li::marker{color:#2f8f57}
.ccit-sl .sl-nie li::marker{color:#b3382c}

/* --- numerowane kroki --- */
.ccit-sl ol.sl-krok{counter-reset:k;margin:0 0 1.75rem;padding:0;list-style:none}
.ccit-sl ol.sl-krok li{counter-increment:k;position:relative;padding:0 0 1.3rem 3.2rem;margin:0 0 0 1.05rem;border-left:2px solid #e8e5f0;font-size:.97rem;line-height:1.75}
.ccit-sl ol.sl-krok li:last-child{border-left-color:transparent;padding-bottom:0}
.ccit-sl ol.sl-krok li::before{content:counter(k);position:absolute;left:-1.1rem;top:-.2rem;width:2.15rem;height:2.15rem;border-radius:50%;background:#3D2E7C;color:#fff;font-weight:700;font-size:.88rem;display:flex;align-items:center;justify-content:center}
.ccit-sl ol.sl-krok li::marker{content:none}
.ccit-sl ol.sl-krok strong{display:block;margin-bottom:.3rem;color:#1a1a2e;font-size:1rem}

/* --- osierocone litery: dzielenie wyrazow zamiast lamania w polowie --- */
.ccit-sl .sl-osi strong,.ccit-sl .sl-osi span,.ccit-sl .sl-osi b{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;word-break:normal}
.ccit-sl .sl-osi strong{font-size:.94rem}
.ccit-sl .sl-osi>div{flex:1 1 168px;min-width:168px;padding:1rem .85rem}
.ccit-sl .sl-fakt b,.ccit-sl .sl-fakt span{hyphens:auto;-webkit-hyphens:auto;word-break:normal}
.ccit-sl td,.ccit-sl th{hyphens:auto;-webkit-hyphens:auto;word-break:normal}