/* 04c · insight: tři velké karty (kbelík + talíř = co ubrat) uprostřed, pod nimi v kroku 1 jedna věta o 48 %. */
#s-insight h1 { min-height: 0; }

#s-insight .rovnice { position: absolute; left: 80px; right: 80px; top: 290px; display: grid; grid-template-columns: 1fr 80px 1fr 80px 1.15fr; align-items: stretch; }
#s-insight .operator { align-self: center; justify-self: center; font-size: 80px; font-weight: 300; color: var(--text3); }
#s-insight .clen-r { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 440px; padding: 30px; }
#s-insight .obr { flex: none; width: 190px; height: 190px; overflow: visible; }
#s-insight .slovo { font-size: 88px; font-weight: 800; letter-spacing: -0.03em; line-height: 1; margin: 18px 0 10px; }
#s-insight .pod { font-size: 30px; line-height: 1.3; color: var(--text2); }
#s-insight .kbelik .slovo { color: var(--oranz); }
#s-insight .talir .slovo { color: var(--zelena); }

/* kbelík */
#s-insight .obrys { fill: none; stroke: var(--text); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
#s-insight .napln { fill: var(--oranz2); transform-origin: 50% 182px; }
#s-insight .displej { fill: var(--text); }
#s-insight .displej-t { fill: var(--zelena-zivá); font: 700 14px var(--pismo); font-variant-numeric: tabular-nums; }
#s-insight.kresli .napln { animation: s04c-napln 1000ms var(--ven) 300ms both; }
@keyframes s04c-napln { from { transform: scaleY(0); } to { transform: none; } }

/* talíř: zbylý knedlík a trocha omáčky */
#s-insight .okraj { fill: #fff; stroke: var(--text); stroke-width: 3; }
#s-insight .vnitr { fill: none; stroke: var(--linka); stroke-width: 2; }

/* výsledek */
#s-insight .vysledek { background: var(--zelena-svetla); box-shadow: none; gap: 16px; }
#s-insight .vysledek .hlavni { font-size: 56px; font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: var(--zelena); }

/* krok 1: jedna věta */
#s-insight .paka { position: absolute; left: 80px; right: 80px; top: 790px; text-align: center; font-size: 44px; font-weight: 700; letter-spacing: -0.01em; }
#s-insight .paka b { color: var(--zelena); font-weight: 800; }

#s-insight .odkud b { color: var(--text2); }
#s-insight .knedliky ellipse { fill: #f3e7cc; stroke: #c9b088; stroke-width: 3; }