/* 87 · odkud máme čísla: 4 × 2 karty podle zdroje; barva proužku = typ (zelená převzato, oranžová náš výpočet, šedá ukázka a plán) */
#s-zdroje-cisel .zc-legenda { position: absolute; right: 190px; top: 84px; margin: 0; display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 600; color: var(--text3); }
#s-zdroje-cisel .zc-tecka { width: 18px; height: 18px; border-radius: 50%; margin-left: 18px; }
#s-zdroje-cisel .zc-tecka:first-child { margin-left: 0; }
#s-zdroje-cisel .zc-tecka.vyzkum { background: var(--zelena); }
#s-zdroje-cisel .zc-tecka.vypocet { background: var(--oranz); }
#s-zdroje-cisel .zc-tecka.ukazka { background: var(--linka2); }
#s-zdroje-cisel .zc-mrizka { position: absolute; left: var(--okraj-x); right: var(--okraj-x); top: 210px; bottom: 44px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr 1fr; gap: 22px; }
#s-zdroje-cisel .zc-karta { position: relative; display: flex; flex-direction: column; padding: 20px 26px 16px; border-radius: var(--r); background: var(--karta); box-shadow: var(--stin); overflow: hidden; }
#s-zdroje-cisel .zc-karta::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7px; background: var(--zelena); }
#s-zdroje-cisel .zc-karta.vypocet::before { background: var(--oranz); }
#s-zdroje-cisel .zc-karta.ukazka::before { background: var(--linka2); }
#s-zdroje-cisel .zc-typ { margin: 0; font-size: 20px; font-weight: 700; color: var(--zelena); text-transform: uppercase; letter-spacing: 0.06em; }
#s-zdroje-cisel .vypocet .zc-typ { color: var(--oranz); }
#s-zdroje-cisel .ukazka .zc-typ { color: var(--text3); }
#s-zdroje-cisel h2 { margin: 4px 0 0; font-size: 30px; line-height: 1.1; letter-spacing: -0.01em; }
#s-zdroje-cisel .zc-kdo { margin: 4px 0 0; font-size: 22px; line-height: 1.25; color: var(--text3); }
#s-zdroje-cisel ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
#s-zdroje-cisel li { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 12px; }
#s-zdroje-cisel li b { font-size: 30px; font-weight: 800; letter-spacing: -0.02em; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--text); }
#s-zdroje-cisel .vyzkum li b { color: var(--zelena); }
#s-zdroje-cisel .vypocet li b { color: var(--oranz); }
#s-zdroje-cisel .firmy li b { font-size: 24px; min-width: 110px; color: var(--text); }
#s-zdroje-cisel li span { font-size: 22px; line-height: 1.22; color: var(--text2); }
#s-zdroje-cisel i { font-style: normal; font-size: 20px; font-weight: 700; color: var(--text3); white-space: nowrap; padding-left: 4px; }
#s-zdroje-cisel .zc-url { margin: auto 0 0; padding-top: 8px; font-size: 20px; line-height: 1.3; color: var(--text3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }