/* Emerytura na B2B i na etacie: tylko to, czego nie ma we wspólnych arkuszach (shared/public/css/). */

/* Suwak kwoty: z lewej B2B (tam daje wyższą emeryturę), od punktu przecięcia etat; odwrotnie niż w kalkulatorze B2B */
.slider.options { --before: var(--opt-2); --after: var(--opt-1); }

/* Wynik: dwie emerytury obok siebie (decyzja właściciela), każda z kreską w kolorze opcji; pod nimi plakietka */
.pair { flex: 1 1 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.pair > div { display: grid; gap: 4px; align-content: start; padding-left: 12px; border-left: 4px solid var(--opt); }
.pair .big { font-size: clamp(32px, 7vw, 52px); }
.verdict { flex: 1 1 100%; display: grid; gap: 6px; justify-items: start; }

/* Stan konta w ZUS: ustawienie dla tych, którzy go znają, domyślnie zwinięte */
.account summary { cursor: pointer; font-size: 14px; color: var(--accent); }
.account summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.account[open] summary { margin-bottom: 10px; }
.account > * + * { margin-top: 10px; }

/* Trzy warianty ZUS nie mieszczą się w rzędzie na telefonie: przechodzą do nowej linii zamiast łamać napisy */
.toggle { flex-wrap: wrap; }
.toggle span { white-space: nowrap; }