/* 08 · kdo z toho co má: tři hlavní karty (od y 272, výška 400), krok 1 pruh „Proč do toho jídelna půjde“ */
#s-kdo .hlavni { position: absolute; left: 80px; right: 80px; top: 272px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
#s-kdo .osoba { position: relative; display: flex; flex-direction: column; height: 468px; padding: 36px 38px 36px; }
#s-kdo .kruh { width: 96px; height: 96px; border-radius: 50%; background: var(--stranka); color: var(--text); display: grid; place-items: center; }
#s-kdo .kruh .ilu { width: 54px; height: 54px; }
#s-kdo .role { margin-top: 28px; display: flex; align-items: center; gap: 14px; font-size: 24px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: 0.06em; }
#s-kdo .osoba h2 { margin-top: 10px; font-size: 48px; line-height: 1.08; letter-spacing: -0.02em; }
#s-kdo .osoba .stitek { margin-top: auto; font-size: 27px; line-height: 1.35; }

/* městská část: budoucí plátce, zelený rámeček */
#s-kdo .platce { box-shadow: var(--stin), inset 0 0 0 3px var(--zelena); }
#s-kdo .platce .kruh { background: var(--zelena-svetla); color: var(--zelena); }
#s-kdo .odznak { position: absolute; right: 34px; top: 36px; padding: 8px 18px 9px; font-weight: 700; text-transform: uppercase; border-radius: var(--pilulka); background: var(--zelena-svetla); color: var(--zelena); font-size: 22px; letter-spacing: 0.05em; }

/* krok 1: pruh „Proč do toho jídelna půjde“ s pilulkami, které nastupují po sobě */
#s-kdo .proc-jidelna { position: absolute; left: var(--okraj-x); right: var(--okraj-x); bottom: 56px; display: flex; align-items: center; gap: 26px; padding: 18px 26px; border-radius: var(--r); background: var(--zelena-svetla); }
#s-kdo .proc-titul { flex: none; font-size: 26px; font-weight: 800; color: var(--zelena); }
#s-kdo .proc-jidelna ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 10px; }
#s-kdo .proc-jidelna li { padding: 8px 18px 10px; border-radius: var(--pilulka); background: var(--karta); font-size: 23px; font-weight: 600; color: var(--text); box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
#s-kdo .proc-jidelna.je li { animation: s08-pil 500ms var(--ven) calc(150ms + var(--n) * 90ms) both; }
#s-kdo.hned .proc-jidelna li { animation: none; }
@keyframes s08-pil { from { opacity: 0; transform: translateY(10px) scale(0.96); } to { opacity: 1; transform: none; } }
#s-kdo .proc-jidelna { bottom: 34px; gap: 20px; padding: 14px 22px; }
#s-kdo .proc-titul { font-size: 24px; }
#s-kdo .proc-jidelna ul { flex-wrap: nowrap; gap: 8px; }
#s-kdo .proc-jidelna li { font-size: 22px; padding: 7px 15px 9px; white-space: nowrap; }