/* Minification failed. Returning unminified contents.
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,89): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,38): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(37,61): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(37,92): run-time error CSS1039: Token not allowed after unary operator: '-pc-radius'
(37,122): run-time error CSS1039: Token not allowed after unary operator: '-pc-shadow'
(41,55): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-3'
(44,60): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(50,93): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(51,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(52,77): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(53,50): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(54,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(54,111): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(55,217): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(56,111): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(56,176): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(57,42): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash'
(58,228): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(58,244): run-time error CSS1039: Token not allowed after unary operator: '-p'
(58,258): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(58,275): run-time error CSS1039: Token not allowed after unary operator: '-p'
(62,174): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(63,144): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(66,76): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(66,129): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(67,83): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(67,106): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(67,134): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(68,56): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(69,121): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(70,70): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(71,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(72,89): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(72,136): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(73,187): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(80,78): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(80,124): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(81,50): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-hover'
(82,95): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(87,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(90,69): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(91,52): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(92,84): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(95,56): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(96,150): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(96,229): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(97,56): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(98,126): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(98,154): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(99,72): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(100,106): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(108,53): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(109,95): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(112,83): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(115,114): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash'
(117,102): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(122,46): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(123,86): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(124,53): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(125,50): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(126,52): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(126,82): run-time error CSS1039: Token not allowed after unary operator: '-pc-shadow'
(129,138): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(129,166): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(131,88): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(132,75): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(133,42): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(134,68): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(138,53): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(141,63): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(143,67): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(146,76): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(148,55): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(152,92): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(154,56): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(161,42): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(162,53): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(165,51): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(169,43): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(170,54): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(171,70): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(173,97): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(173,125): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(175,39): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-2'
(176,46): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-bg'
(176,80): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-line'
(179,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(181,129): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(181,279): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(182,43): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash'
(182,77): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(185,52): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(186,54): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-2'
(187,41): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(188,38): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash'
(190,100): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(190,193): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(192,50): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-3'
(193,41): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(194,70): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(194,110): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(199,54): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(201,52): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(204,89): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(204,132): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(205,102): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(205,137): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(206,120): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(215,60): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(217,136): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(229,86): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash'
(229,127): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(230,128): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(231,84): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(233,65): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(233,100): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(233,142): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(236,49): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(237,92): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(256,106): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(257,51): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(257,79): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(258,49): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(258,82): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(260,106): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-3'
(261,107): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-3'
(269,89): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(274,36): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(275,68): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(276,43): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(276,86): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(281,114): run-time error CSS1039: Token not allowed after unary operator: '-pc-stick-gap'
(288,10): run-time error CSS1030: Expected identifier, found '#leadOffer'
(288,34): run-time error CSS1031: Expected selector, found ')'
(288,34): run-time error CSS1025: Expected comma or open brace, found ')'
(291,49): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(292,91): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(293,56): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(295,186): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(296,153): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(297,93): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(297,121): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(298,63): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(299,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(300,49): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(304,126): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(308,53): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(309,69): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(317,131): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(318,57): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(319,71): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(449,36): run-time error CSS1039: Token not allowed after unary operator: '-kg-line'
(459,97): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand'
(464,25): run-time error CSS1030: Expected identifier, found '#leadOffer'
(464,49): run-time error CSS1031: Expected selector, found ')'
(464,49): run-time error CSS1025: Expected comma or open brace, found ')'
(474,30): run-time error CSS1039: Token not allowed after unary operator: '-kg-line'
(483,35): run-time error CSS1039: Token not allowed after unary operator: '-kg-line'
(484,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(503,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand-dark'
(509,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(530,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand-dark'
(538,66): run-time error CSS1039: Token not allowed after unary operator: '-kg-muted'
(543,30): run-time error CSS1039: Token not allowed after unary operator: '-kg-line'
(552,35): run-time error CSS1039: Token not allowed after unary operator: '-kg-line'
(553,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(557,72): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand'
(567,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(577,17): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand'
(588,105): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand-dark'
(589,95): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand'
(596,28): run-time error CSS1039: Token not allowed after unary operator: '-kg-brand'
(620,46): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(628,68): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(632,56): run-time error CSS1039: Token not allowed after unary operator: '-kg-ink'
(636,44): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(637,59): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(638,72): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(640,67): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-2'
(641,43): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(643,73): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(645,79): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(646,94): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(646,122): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(649,123): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(650,86): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(652,57): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(653,71): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(654,77): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(658,76): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(659,97): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(660,74): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(661,52): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(664,85): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(664,138): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(667,76): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-bg'
(667,114): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-line'
(668,74): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(671,105): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(672,85): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(673,83): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(674,39): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(677,75): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand'
(678,102): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-2'
(680,80): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(681,58): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(682,80): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(694,10): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(694,32): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(694,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(694,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(700,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-line-2'
(700,179): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(701,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(701,91): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(702,62): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(709,82): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(709,119): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(710,85): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(712,50): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(713,33): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(716,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy-wash'
(717,67): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-2'
(720,76): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(723,58): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(724,102): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(725,77): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(730,131): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(731,137): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(731,176): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(733,80): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(734,78): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(735,66): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(739,79): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(741,74): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(743,174): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(744,75): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(744,103): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(745,49): run-time error CSS1039: Token not allowed after unary operator: '-pc-red'
(746,49): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-2'
(747,74): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(750,92): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(752,43): run-time error CSS1039: Token not allowed after unary operator: '-pc-navy'
(755,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(757,38): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(760,61): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(763,58): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(764,62): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(766,30): run-time error CSS1039: Token not allowed after unary operator: '-pc-red-ink'
(771,66): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(772,47): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-2'
(772,95): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(773,48): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-bg'
(773,82): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-line'
(773,111): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-ink'
(774,46): run-time error CSS1039: Token not allowed after unary operator: '-pc-red-bg'
(774,78): run-time error CSS1039: Token not allowed after unary operator: '-pc-red-line'
(774,105): run-time error CSS1039: Token not allowed after unary operator: '-pc-red-ink'
(775,116): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(779,45): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(780,68): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(781,100): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(783,61): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-line'
(783,95): run-time error CSS1039: Token not allowed after unary operator: '-pc-amber-bg'
(786,50): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(789,52): run-time error CSS1039: Token not allowed after unary operator: '-pc-red-ink'
(811,80): run-time error CSS1039: Token not allowed after unary operator: '-pc-line'
(811,129): run-time error CSS1039: Token not allowed after unary operator: '-pc-wash-3'
(812,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(813,39): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
(821,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-2'
(822,55): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink'
(823,64): run-time error CSS1039: Token not allowed after unary operator: '-pc-brand-ink'
(825,45): run-time error CSS1039: Token not allowed after unary operator: '-pc-red'
(833,90): run-time error CSS1039: Token not allowed after unary operator: '-pc-ink-3'
 */
/* =============================================================================
   pension-calculators.css: מחשבוני הפנסיה V2
   (PensionSimulator.aspx · RetirementCalculator.aspx · RightsFixationCalculator.ascx)
   -----------------------------------------------------------------------------
   "פשוט בהתחלה": שדות מימין, תוצאה אחת משמאל, והעומק בשכבות (details.pc-layer).
   ממשיך את שפת המחשבונים המשודרגים: ירוק המותג #17765a/#198754, נייבי #224970,
   קווים #d9e6e1, Noto Sans Hebrew. שלוש סדרות הגרפים הן של מחשבון הריבית דריבית
   שבייצור (#2b5f97, #5b9bd5, #219a63; עברו validate_palette).

   תיחום: כל כלל תחת .sm-pc (שורש המחשבון) או .sm-pc-page (מעטפת דף המחשבון).
   ⚠️ .supermarkerArticle div הגלובלי מגדיר text-align:center; מאופס כאן.
   ⚠️ modern-article.css מעצב כל table בתוך .article; הטבלאות שלנו דורסות אותו
      ב-!important, כמו במחשבון הריבית דריבית.
   ⚠️ svg text { direction: ltr } חובה, אחרת תוויות הצירים מתהפכות ב-RTL.
   ⚠️ מילוי הסליידר מצויר בעצמנו (--p, מימין), כי המילוי המובנה מתהפך ב-RTL.
   ============================================================================= */
.sm-pc, .sm-pc-page {
    --pc-ink: #16302a; --pc-ink-2: #3d524a; --pc-ink-3: #64786f;
    --pc-line: #d9e6e1; --pc-line-2: #c5d6ce; --pc-wash: #eef4f1; --pc-wash-2: #eaf5ef; --pc-wash-3: #f5f9f7;
    --pc-brand: #17765a; --pc-brand-2: #198754; --pc-brand-hover: #157347; --pc-brand-ink: #14654b;
    --pc-navy: #224970; --pc-navy-hover: #1b3b5b; --pc-navy-wash: #eef3f8;
    --pc-amber-bg: #fff9ec; --pc-amber-line: #ffe69c; --pc-red: #b42318;
    --pc-s1: #2b5f97; --pc-s2: #5b9bd5; --pc-s3: #219a63;
    --pc-radius: 10px; --pc-shadow: 0 1px 2px rgba(22,48,42,.06), 0 8px 24px -12px rgba(22,48,42,.18);
}
.sm-pc { direction: rtl; color: var(--pc-ink); font-family: "Noto Sans Hebrew", Arial, sans-serif; font-size: 15px; line-height: 1.5; font-variant-numeric: tabular-nums; margin: 0 0 22px; text-align: right; }
.sm-pc, .sm-pc *, .sm-pc *::before, .sm-pc *::after { box-sizing: border-box; }
.sm-pc div, .sm-pc p, .sm-pc li, .sm-pc summary { text-align: right; }
.sm-pc p { margin: 0; }
.sm-pc ul { list-style: none; margin: 0; padding: 0; }
.sm-pc button { font-family: inherit; }
.sm-pc :focus-visible { outline: 3px solid rgba(34,73,112,.35); outline-offset: 2px; }
.sm-pc svg text { direction: ltr; font-family: "Noto Sans Hebrew", Arial, sans-serif; }
.sm-pc [hidden] { display: none !important; }

/* --- הכרטיס ------------------------------------------------------------------ */
.sm-pc .pc__card { background: #fff; border: 1px solid var(--pc-line); border-radius: var(--pc-radius); box-shadow: var(--pc-shadow); overflow: hidden; min-width: 0; }
.sm-pc .pc__grid { display: grid; grid-template-columns: minmax(0,1fr); }
.sm-pc .pc__grid > * { min-width: 0; }
.sm-pc .pc__inputs { padding: 16px; background: #fff; }
.sm-pc .pc__results { padding: 16px; background: var(--pc-wash-3); container-type: inline-size; }
@media (min-width: 900px) {
    .sm-pc .pc__grid { grid-template-columns: minmax(300px,350px) minmax(0,1fr); }
    .sm-pc .pc__inputs { border-inline-end: 1px solid var(--pc-line); }
}

/* --- שדות --------------------------------------------------------------------- */
.sm-pc .pc-field { margin: 0 0 14px; }
.sm-pc .pc-field__row { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.sm-pc .pc-field label, .sm-pc .pc-label { font-size: 14.5px; font-weight: 600; color: var(--pc-ink); margin: 0; padding: 0; float: none; width: auto; display: inline; line-height: 1.5; }
.sm-pc .pc-hint { font-size: 12px; color: var(--pc-ink-3); font-weight: 400; }
.sm-pc .pc-num { display: flex; align-items: center; border: 1px solid var(--pc-line-2); border-radius: 8px; background: #fff; height: 44px; margin-top: 6px; overflow: hidden; }
.sm-pc .pc-num:focus-within { border-color: var(--pc-navy); box-shadow: 0 0 0 3px rgba(34,73,112,.12); }
.sm-pc .pc-unit { padding: 0 10px; color: var(--pc-ink-3); font-size: 14px; border-inline-end: 1px solid var(--pc-line); height: 100%; display: flex; align-items: center; background: #fbfcfc; white-space: nowrap; }
.sm-pc .pc-num input[type=text] { border: 0; outline: 0; box-shadow: none; flex: 1 1 0; width: 0; min-width: 0; height: 100%; padding: 0 10px; margin: 0; font: inherit; font-size: 17px; font-weight: 600; color: var(--pc-navy); direction: ltr; text-align: right; background: transparent; border-radius: 0; }
.sm-pc .pc-step { border: 0; background: transparent; width: 40px; height: 100%; cursor: pointer; color: var(--pc-ink-2); font-size: 18px; border-inline-start: 1px solid var(--pc-line); padding: 0; margin: 0; border-radius: 0; }
.sm-pc .pc-step:hover { background: var(--pc-wash); }
.sm-pc .pc-field input[type=range] { -webkit-appearance: none; appearance: none; display: block; width: 100%; margin: 4px 0 0; padding: 12px 0; height: 30px; border: 0; direction: rtl; background: linear-gradient(to left, var(--pc-brand) var(--p, 0%), var(--pc-line-2) var(--p, 0%)) content-box; border-radius: 3px; cursor: pointer; box-shadow: none; }
/* ⚠️ compareTables.css הגלובלי צובע כל ::-webkit-slider-runnable-track בלבן וברוחב 300px, ומסתיר את המילוי שלנו: מאפסים אותו כאן */
.sm-pc .pc-field input[type=range]::-webkit-slider-runnable-track, .sm-pc .pc-field input[type=range]:focus::-webkit-slider-runnable-track { width: 100%; height: 6px; background: transparent; border: 0; border-radius: 3px; box-shadow: none; }
.sm-pc .pc-field input[type=range]:focus { border: 0; }
.sm-pc .pc-field input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%; background: #fff; border: 2px solid var(--pc-brand); box-shadow: 0 1px 3px rgba(22,48,42,.25); margin-top: -8px; }
.sm-pc .pc-field input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: #fff; border: 2px solid var(--pc-brand); box-shadow: 0 1px 3px rgba(22,48,42,.25); }
.sm-pc .pc-field input[type=range]::-moz-range-track { background: transparent; }
.sm-pc .pc-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.sm-pc .pc-chips button { font-size: 12.5px; font-weight: 600; color: var(--pc-ink-2); background: #fff; border: 1px solid var(--pc-line-2); border-radius: 999px; padding: 4px 10px; cursor: pointer; min-height: 30px; }
.sm-pc .pc-chips button:hover, .sm-pc .pc-chips button.is-on { border-color: var(--pc-navy); color: var(--pc-navy); background: var(--pc-navy-wash); }
.sm-pc .pc-seg { display: flex; border: 1px solid var(--pc-line-2); border-radius: 8px; overflow: hidden; margin-top: 6px; background: #fff; }
.sm-pc .pc-seg button { flex: 1 1 0; border: 0; background: transparent; font-size: 14px; font-weight: 600; color: var(--pc-ink-2); min-height: 44px; cursor: pointer; padding: 0 8px; margin: 0; border-radius: 0; }
.sm-pc .pc-seg button + button { border-inline-start: 1px solid var(--pc-line); }
.sm-pc .pc-seg button.is-on { background: var(--pc-navy); color: #fff; }
.sm-pc select.pc-select { font: inherit; font-size: 14px; font-weight: 600; color: var(--pc-ink); height: 44px; border: 1px solid var(--pc-line-2); border-radius: 8px; background-color: #fff; padding: 0 8px; width: 100%; margin: 6px 0 0; }
.sm-pc details.pc-adv > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 14.5px; color: var(--pc-navy); padding: 8px 0; min-height: 44px; }
.sm-pc details.pc-adv > summary::-webkit-details-marker { display: none; }
.sm-pc details.pc-adv > summary::after { content: "+"; font-size: 20px; font-weight: 500; }
.sm-pc details.pc-adv[open] > summary::after { content: "\2212"; }

/* כפתור החישוב והודעת "מתעדכן לבד" */
.sm-pc .pc-btn { font: inherit; font-weight: 700; font-size: 15px; border-radius: 8px; padding: 10px 18px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; cursor: pointer; border: 1px solid transparent; text-align: center; line-height: 1.3; }
.sm-pc .pc-btn--primary, .sm-pc a.pc-btn--primary:visited { background: var(--pc-brand-2); color: #fff; border-color: var(--pc-brand-2); }
.sm-pc .pc-btn--primary:hover { background: var(--pc-brand-hover); color: #fff; }
.sm-pc .pc-btn--secondary, .sm-pc a.pc-btn--secondary:visited { background: #fff; color: var(--pc-brand); border-color: rgba(23,118,90,.35); }
.sm-pc .pc-btn--secondary:hover { background: #f0faf6; }
.sm-pc .pc-btn--sm { min-height: 36px; padding: 6px 12px; font-size: 13.5px; }
.sm-pc .pc-btn--block { width: 100%; }
.sm-pc .pc-calc-btn { margin-top: 4px; }
.sm-pc .pc-live { font-size: 12px; color: var(--pc-ink-3); margin: 6px 0 0; text-align: center; }

/* --- התוצאה הפשוטה ------------------------------------------------------------ */
.sm-pc .pc-simple-result { background: #fff; border: 1px solid var(--pc-line); border-radius: 10px; padding: 14px 16px; }
.sm-pc .pc-hero-lbl { font-size: 14px; color: var(--pc-ink-2); font-weight: 600; margin: 0; }
.sm-pc .pc-hero { font-size: clamp(30px, 6vw, 44px); font-weight: 800; color: var(--pc-brand-ink); line-height: 1.1; margin: 2px 0 0; direction: ltr; text-align: right; }
.sm-pc .pc-hero--text { direction: rtl; font-size: clamp(24px, 4.6vw, 34px); }
.sm-pc .pc-hero--small { direction: rtl; font-size: 22px; }
.sm-pc .pc-hero-after { font-size: 13.5px; color: var(--pc-ink-3); margin: 4px 0 0; }
.sm-pc .pc-simple-sub { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; border-top: 1px solid var(--pc-line); margin-top: 12px; padding-top: 10px; font-size: 14.5px; color: var(--pc-ink-2); }
.sm-pc .pc-simple-sub b { font-size: 20px; color: var(--pc-navy); direction: ltr; }
.sm-pc .pc-fees-chip { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--pc-navy); background: var(--pc-navy-wash); border: 1px solid #cfe0f1; border-radius: 999px; padding: 3px 4px 3px 10px; margin-top: 8px; }
.sm-pc .pc-fees-chip button { border: 0; background: #fff; color: var(--pc-navy); border-radius: 999px; font-size: 12px; font-weight: 700; padding: 3px 9px; cursor: pointer; min-height: 26px; }
.sm-pc .pc-nextlink { display: block; margin-top: 12px; font-weight: 700; font-size: 14.5px; color: var(--pc-brand); }

/* --- גרפים -------------------------------------------------------------------- */
.sm-pc .pc-chart-wrap { margin-top: 16px; }
.sm-pc .pc-chart-title { margin: 0 0 4px; font-size: 15px; font-weight: 700; }
.sm-pc .pc-chart { position: relative; width: 100%; height: 220px; }
.sm-pc .pc-chart--sm { height: 170px; }
.sm-pc .pc-chart svg { width: 100%; height: 100%; display: block; overflow: visible; }
.sm-pc .pc-chart-cap { font-size: 12px; color: var(--pc-ink-3); margin: 6px 0 0; }
.sm-pc .pc-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--pc-ink-2); margin: 4px 0 6px; }
.sm-pc .pc-legend span { display: inline-flex; align-items: center; gap: 6px; }
.sm-pc .pc-legend i { width: 12px; height: 12px; border-radius: 3px; }
.sm-pc .pc-legend i.is-line { width: 18px; height: 0; border-top: 2px dashed var(--pc-ink-3); border-radius: 0; }
.sm-pc .pc-legend i.is-band { opacity: .3; }
.sm-pc .pc-tip { position: absolute; pointer-events: none; background: #16302a; color: #fff; font-size: 12.5px; padding: 7px 10px; border-radius: 6px; white-space: nowrap; z-index: 5; line-height: 1.5; transform: translate(-50%, -100%); margin-top: -10px; box-shadow: 0 6px 18px rgba(0,0,0,.25); text-align: right; }
.sm-pc .pc-split { display: flex; height: 26px; border-radius: 6px; overflow: hidden; gap: 2px; background: var(--pc-wash); margin: 8px 0 4px; }
.sm-pc .pc-split span { height: 100%; min-width: 0; }
.sm-pc .pc-split-leg { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 12.5px; color: var(--pc-ink-2); }
.sm-pc .pc-split-leg span { display: inline-flex; align-items: center; gap: 6px; }
.sm-pc .pc-split-leg i { width: 10px; height: 10px; border-radius: 3px; }

/* --- השכבות ------------------------------------------------------------------- */
.sm-pc .pc-more { border-top: 1px solid var(--pc-line); padding: 16px; background: #fff; }
.sm-pc .pc-more__h { font-size: 16px; font-weight: 800; margin: 0 0 2px; color: var(--pc-ink); }
.sm-pc .pc-more__s { font-size: 13.5px; color: var(--pc-ink-3); margin: 0 0 12px; }
.sm-pc details.pc-layer { border: 1px solid var(--pc-line); border-radius: 10px; margin: 0 0 8px; background: #fff; container-type: inline-size; }
.sm-pc details.pc-layer[open] { border-color: var(--pc-line-2); box-shadow: var(--pc-shadow); }
.sm-pc details.pc-layer > summary { list-style: none; cursor: pointer; padding: 11px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; }
.sm-pc details.pc-layer > summary::-webkit-details-marker { display: none; }
.sm-pc details.pc-layer > summary::after { content: "+"; flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; background: var(--pc-navy-wash); color: var(--pc-navy); font-size: 20px; font-weight: 500; display: inline-flex; align-items: center; justify-content: center; }
.sm-pc details.pc-layer[open] > summary::after { content: "\2212"; }
.sm-pc .pc-layer__t { display: block; font-weight: 700; font-size: 15.5px; color: var(--pc-ink); }
.sm-pc .pc-layer__teaser { display: block; font-size: 13.5px; color: var(--pc-ink-2); margin-top: 1px; }
.sm-pc .pc-layer__teaser b { color: var(--pc-brand-ink); }
.sm-pc .pc-layer__body { padding: 14px; border-top: 1px solid var(--pc-line); }
.sm-pc .pc-layer__cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.sm-pc .pc-layer__cols > * { min-width: 0; }
@container (min-width: 640px) { .sm-pc .pc-layer__cols { grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); } }
.sm-pc .pc-loading { font-size: 13.5px; color: var(--pc-ink-3); padding: 6px 0; }

/* "הקרן שלכם" */
.sm-pc .pc-fund { border: 1px solid #cfe0f1; background: var(--pc-navy-wash); border-radius: 10px; padding: 12px; margin: 0 0 14px; }
.sm-pc .pc-fund__t { font-size: 14.5px; font-weight: 700; margin: 0 0 2px; display: flex; align-items: center; gap: 6px; }
.sm-pc .pc-badge { font-size: 11px; font-weight: 700; color: var(--pc-navy); background: #fff; border: 1px solid #cfe0f1; border-radius: 999px; padding: 1px 8px; white-space: nowrap; }
.sm-pc .pc-fund__facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; margin: 10px 0 0; }
.sm-pc .pc-fund__facts li { background: #fff; border: 1px solid #dbe7f3; border-radius: 8px; padding: 6px 8px; min-width: 0; }
.sm-pc .pc-fund__facts span { display: block; font-size: 11px; color: var(--pc-ink-3); }
.sm-pc .pc-fund__facts b { font-size: 14.5px; direction: ltr; display: block; text-align: right; }
.sm-pc .pc-fund__src { font-size: 11.5px; color: var(--pc-ink-3); margin: 8px 0 0; }
.sm-pc .pc-switch-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 0 12px; width: 100%; }
.sm-pc .pc-switch { position: relative; width: 48px; height: 28px; flex-shrink: 0; display: inline-block; }
.sm-pc .pc-switch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; width: 100%; height: 100%; }
.sm-pc .pc-switch i { position: absolute; inset: 0; border-radius: 999px; background: var(--pc-line-2); transition: background .15s; pointer-events: none; }
.sm-pc .pc-switch i::after { content: ""; position: absolute; top: 3px; right: 3px; width: 22px; height: 22px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s; }
.sm-pc .pc-switch input:checked + i { background: var(--pc-brand-2); }
.sm-pc .pc-switch input:checked + i::after { transform: translateX(-20px); }
.sm-pc .pc-switch input:focus-visible + i { outline: 3px solid rgba(34,73,112,.35); outline-offset: 2px; }

/* אריחים, מנופים, תובנה */
.sm-pc .pc-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@container (min-width: 620px) { .sm-pc .pc-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.sm-pc .pc-tile { border: 1px solid var(--pc-line); border-radius: 8px; padding: 9px 11px; background: #fff; min-width: 0; }
.sm-pc .pc-tile__k { font-size: 12.5px; color: var(--pc-ink-3); font-weight: 600; display: flex; align-items: center; gap: 6px; }
.sm-pc .pc-tile__k i { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
.sm-pc .pc-tile__v { font-size: 18px; font-weight: 800; margin-top: 2px; white-space: nowrap; direction: ltr; text-align: right; }
.sm-pc .pc-tile__d { font-size: 12px; color: var(--pc-ink-3); margin-top: 2px; }
.sm-pc .pc-levers { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
@container (min-width: 440px) { .sm-pc .pc-levers { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (min-width: 560px) { .sm-pc .pc-levers--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sm-pc .pc-lever { border: 1px solid var(--pc-line); border-radius: 10px; padding: 10px 12px; background: #fff; display: grid; gap: 4px; min-width: 0; }
.sm-pc .pc-lever__t { font-size: 13.5px; color: var(--pc-ink-2); font-weight: 600; }
.sm-pc .pc-lever__v { font-size: 18px; font-weight: 800; color: var(--pc-brand-ink); direction: ltr; text-align: right; }
.sm-pc .pc-lever__v--text { direction: rtl; }
.sm-pc .pc-lever button { justify-self: start; font-size: 12.5px; font-weight: 700; color: var(--pc-navy); background: var(--pc-navy-wash); border: 1px solid #cfe0f1; border-radius: 999px; padding: 4px 12px; cursor: pointer; min-height: 32px; }
.sm-pc .pc-lever button:hover { background: #e2ebf5; }
.sm-pc .pc-insight { background: var(--pc-wash-2); border: 1px solid #cfe6da; border-radius: 8px; padding: 10px 12px; font-size: 14.5px; margin: 0; }
.sm-pc .pc-insight--watch { background: var(--pc-amber-bg); border-color: var(--pc-amber-line); }

/* טבלאות. ⚠️ !important: modern-article.css מעצב כל table בתוך .article */
.sm-pc .pc-scroller { overflow-x: auto; border: 1px solid var(--pc-line); border-radius: 8px; max-width: 100%; margin-top: 10px; }
.sm-pc table.pc-cmp { width: 100%; border-collapse: collapse; font-size: 13.5px !important; margin: 0 !important; min-width: 460px; border: 0 !important; background: #fff; }
.sm-pc table.pc-cmp th, .sm-pc table.pc-cmp td { padding: 8px 10px !important; border: 0 !important; border-top: 1px solid var(--pc-line) !important; text-align: center !important; white-space: nowrap; vertical-align: middle !important; background: #fff !important; color: var(--pc-ink) !important; font-weight: 400; }
.sm-pc table.pc-cmp th { background: var(--pc-wash) !important; color: var(--pc-ink-2) !important; font-weight: 700; font-size: 12.5px; border-top: 0 !important; }
.sm-pc table.pc-cmp td:first-child, .sm-pc table.pc-cmp th:first-child { text-align: right !important; white-space: normal; }
.sm-pc table.pc-cmp td.num { direction: ltr; }
.sm-pc table.pc-cmp tr.is-me td { background: var(--pc-navy-wash) !important; font-weight: 700; }
.sm-pc table.pc-cmp tr.is-best td { background: var(--pc-wash-2) !important; }
.sm-pc .pc-net { border: 1px solid var(--pc-line); border-radius: 10px; overflow: hidden; background: #fff; }
.sm-pc .pc-net__h { background: var(--pc-wash); padding: 9px 12px; font-size: 14px; font-weight: 700; display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; align-items: center; }
.sm-pc .pc-net table { width: 100%; border-collapse: collapse; font-size: 14px !important; margin: 0 !important; border: 0 !important; }
.sm-pc .pc-net td { padding: 8px 12px !important; border: 0 !important; border-top: 1px solid var(--pc-line) !important; background: #fff !important; text-align: right !important; color: var(--pc-ink) !important; font-weight: 400; }
.sm-pc .pc-net td:last-child, .sm-pc .pc-net td:nth-child(2) { direction: ltr; text-align: left !important; font-weight: 700; white-space: nowrap; }
.sm-pc .pc-net tr.is-total td { background: var(--pc-wash-3) !important; font-weight: 800; }
.sm-pc .pc-net td.is-good { color: var(--pc-brand-ink) !important; }
.sm-pc .pc-net__foot { padding: 9px 12px; border-top: 1px solid var(--pc-line); font-size: 13px; color: var(--pc-ink-2); }

/* CTA, פעולות, הנחות, מדריך */
.sm-pc .pc-cta { margin-top: 14px; background: linear-gradient(180deg,#f3f9f6,#eaf5ef); border: 1px solid #cfe6da; border-radius: 10px; padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sm-pc .pc-cta b { font-size: 16.5px; display: block; }
.sm-pc .pc-cta span { font-size: 13.5px; color: var(--pc-ink-2); }
.sm-pc .pc-cta__r { display: grid; gap: 6px; justify-items: center; }
.sm-pc .pc-cta__alt { font-size: 13px; color: var(--pc-brand); }
@media (max-width: 767.98px) { .sm-pc .pc-cta .pc-btn, .sm-pc .pc-cta__r { width: 100%; } }
.sm-pc .pc-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.sm-pc .pc-actions button { font-size: 13.5px; font-weight: 600; border: 1px solid var(--pc-line-2); background: #fff; color: var(--pc-ink-2); border-radius: 6px; padding: 7px 11px; cursor: pointer; min-height: 44px; }
.sm-pc details.pc-assump, .sm-pc details.pc-guide { margin-top: 10px; font-size: 13.5px; color: var(--pc-ink-2); border: 1px solid var(--pc-line); border-radius: 8px; padding: 0 12px; background: #fff; }
.sm-pc details.pc-assump > summary, .sm-pc details.pc-guide > summary { cursor: pointer; font-weight: 700; color: var(--pc-navy); padding: 10px 0; min-height: 44px; display: flex; align-items: center; justify-content: space-between; list-style: none; }
.sm-pc details.pc-assump > summary::-webkit-details-marker, .sm-pc details.pc-guide > summary::-webkit-details-marker { display: none; }
.sm-pc details.pc-assump > summary::after, .sm-pc details.pc-guide > summary::after { content: "+"; font-size: 20px; font-weight: 500; }
.sm-pc details.pc-assump[open] > summary::after, .sm-pc details.pc-guide[open] > summary::after { content: "\2212"; }
.sm-pc details.pc-assump ul, .sm-pc details.pc-guide ol, .sm-pc details.pc-guide ul { margin: 0 0 12px; padding-inline-start: 20px; list-style: disc; }
.sm-pc details.pc-guide ol { list-style: decimal; }
.sm-pc details.pc-assump li, .sm-pc details.pc-guide li { font-size: 14px; line-height: 1.65; margin: 0 0 4px; }
.sm-pc details.pc-guide p { font-size: 14px; line-height: 1.65; margin: 0 0 10px; }
.sm-pc details.pc-guide dl { margin: 0 0 12px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; }
.sm-pc details.pc-guide dt { font-weight: 700; color: var(--pc-ink); font-size: 14px; }
.sm-pc details.pc-guide dd { margin: 0; font-size: 14px; line-height: 1.6; }
.sm-pc details.pc-guide h4, .sm-pc details.pc-guide .pc-guide__h { font-size: 14.5px; font-weight: 800; margin: 4px 0 6px; color: var(--pc-ink); padding: 0; }
.sm-pc .pc-guide-link { font-size: 13px; margin: 10px 0 0; }

/* --- שני מצבים: מחשבון פשוט ומחשבון מתקדם (חלופה D, הכרעת רונן 2026-10-09) ----------------------
   הכרטיס: .pc-modes עם data-mode (simple / adv) ו-data-tab (הלשונית הפעילה). pension-ui.js: modes().
   ⚠️ overflow:hidden של .pc__card הופך את הכרטיס למיכל הגלילה של sticky ומבטל את ההצמדה של עמודת
   התוצאה. clip חותך את הפינות המעוגלות בלי לבטל אותה. */
.sm-pc .pc__card.pc-modes { overflow: clip; }
.sm-pc .pc-modes[data-mode="simple"] .adv-only { display: none !important; }
.sm-pc .pc-modes[data-mode="adv"] .simple-only { display: none !important; }

/* לשוניות המצב בראש הכרטיס */
.sm-pc .pc-modebar { display: flex; gap: 6px; padding: 10px 12px 0; background: var(--pc-wash); border-bottom: 1px solid var(--pc-line); }
.sm-pc .pc-modebar button { flex: 1 1 0; border: 1px solid transparent; border-bottom: 0; background: transparent; color: var(--pc-ink-2); font-weight: 800; font-size: 16px; padding: 9px 10px 8px; margin: 0; border-radius: 10px 10px 0 0; cursor: pointer; min-height: 56px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.25; text-align: center; }
.sm-pc .pc-modebar button small { font-weight: 600; font-size: 12.5px; color: var(--pc-ink-3); }
.sm-pc .pc-modebar button:hover { background: rgba(255,255,255,.6); }
.sm-pc .pc-modebar button.is-on { background: #fff; color: var(--pc-brand-ink); border-color: var(--pc-line); box-shadow: inset 0 3px 0 var(--pc-brand-2); margin-bottom: -1px; }

/* חלק בעמודת השדות שמופיע רק במתקדם */
.sm-pc .pc-adv-sec { border-top: 1px solid var(--pc-line); padding-top: 14px; margin-top: 10px; scroll-margin-top: 70px; }
.sm-pc .pc-adv-sec__t { margin: 0 0 10px; font-size: 15.5px; font-weight: 800; color: var(--pc-ink); }

/* צ'יפים מתחת לשדה (גיל פרישה, רמת סיכון, קצבת זקנה) */
.sm-pc .pc-field + .pc-chips { margin: -6px 0 14px; }

/* המספר הגדול והשינוי האחרון לידו */
.sm-pc .pc-hero-line { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 10px; }
.sm-pc .pc-hero-line .pc-hero { margin: 2px 0 0; }
.sm-pc .pc-delta { display: inline-flex; align-items: center; font-size: 13.5px; font-weight: 800; border-radius: 999px; padding: 2px 10px; direction: rtl; unicode-bidi: isolate; opacity: 0; transition: opacity .25s; white-space: nowrap; }
.sm-pc .pc-delta:empty { display: none; }
.sm-pc .pc-delta.is-on { opacity: 1; }
.sm-pc .pc-delta.is-up { background: #e3f3ec; color: #14654b; }
.sm-pc .pc-delta.is-down { background: #fef3f2; color: #912018; }

/* לשוניות התוצאה: כפתורים בולטים בשורה אחת נגללת, עם חיצי גלילה (הדפוס של מסילות הסינון בהשוואת הפנסיה והגמל).
   ⚠️ הלשוניות יושבות מתחת למספר הגדול והגרף יושב בלשונית "תוצאה" שמתחתן, כדי שהלשוניות לא יקפצו כשמחליפים לשונית. */
.sm-pc .pc-tabs-scroller { position: relative; margin: 14px 0 12px; }
.sm-pc .pc-tabs { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; scrollbar-width: none; padding: 2px 2px 4px; }
.sm-pc .pc-tabs::-webkit-scrollbar { display: none; }
.sm-pc .pc-tabs button { flex: 0 0 auto; font: inherit; font-size: 14.5px; font-weight: 700; color: var(--pc-navy); background: #fff; border: 1.5px solid #bcd0e4; border-radius: 999px; padding: 8px 15px; min-height: 44px; margin: 0; cursor: pointer; white-space: nowrap; box-shadow: 0 1px 2px rgba(34,73,112,.08); }
.sm-pc .pc-tabs button:hover { border-color: var(--pc-navy); background: var(--pc-navy-wash); }
.sm-pc .pc-tabs button.is-on { background: var(--pc-brand-2); border-color: var(--pc-brand-2); color: #fff; box-shadow: 0 2px 8px rgba(25,135,84,.25); }
.sm-pc .pc-hint-btn { display: flex; position: absolute; top: 0; bottom: 4px; width: 44px; align-items: center; border: 0; padding: 0; margin: 0; cursor: pointer; z-index: 2; transition: opacity .15s; }
.sm-pc .pc-hint-btn--fwd { left: 0; justify-content: flex-start; background: linear-gradient(90deg, var(--pc-wash-3) 45%, transparent); }
.sm-pc .pc-hint-btn--back { right: 0; justify-content: flex-end; background: linear-gradient(270deg, var(--pc-wash-3) 45%, transparent); }
.sm-pc .pc-hint-btn i { width: 30px; height: 30px; border-radius: 50%; border: 1.5px solid #bfe0d2; background: #fff; color: #0f5a47; display: grid; place-items: center; box-shadow: 0 1px 4px rgba(15,90,71,.15); }
.sm-pc .pc-hint-btn .pc-i { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.sm-pc .pc-tabs-scroller.at-end .pc-hint-btn--fwd,
.sm-pc .pc-tabs-scroller.at-start .pc-hint-btn--back,
.sm-pc .pc-tabs-scroller.no-scroll .pc-hint-btn { opacity: 0; pointer-events: none; }

/* תוכן הלשוניות */
.sm-pc .pc-pane__t { font-size: 15.5px; font-weight: 800; margin: 0 0 10px; color: var(--pc-ink); }
.sm-pc .pc-modes[data-mode="simple"] .pc-pane:not([data-pane="result"]) { display: none; }
.sm-pc .pc-tiles--3 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
@container (min-width: 460px) { .sm-pc .pc-tiles.pc-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
/* "תשואות אמת לאחור": מסבירים מה מחושב לפני המספר */
.sm-pc .pc-real { background: var(--pc-navy-wash); border: 1px solid #cfe0f1; border-radius: 10px; padding: 10px 12px; margin: 0 0 12px; }
.sm-pc .pc-real p { font-size: 14px; line-height: 1.6; color: var(--pc-ink); margin: 6px 0 0; }
.sm-pc .pc-badge--real { background: var(--pc-navy); color: #fff; border-color: var(--pc-navy); font-size: 12px; padding: 2px 10px; }

/* במתקדם, בדסקטופ: עמודת התוצאה (המספר, הלשוניות והתוכן) נצמדת למסך כגוש בגובה המסך, והשדות גוללים לידה.
   תוכן ארוך (טבלה, בדיקה לאחור) נגלל בתוך הגוש. --pc-stick-gap: מרווח לרצועת הליד הדביקה בתחתית (בסימולטור). */
@media (min-width: 900px) {
    .sm-pc .pc-modes[data-mode="adv"] .pc-res-stick { position: sticky; top: 10px; max-height: calc(100vh - var(--pc-stick-gap, 20px)); display: flex; flex-direction: column; }
    .sm-pc .pc-modes[data-mode="adv"] .pc-res-head { flex-shrink: 0; }
    .sm-pc .pc-modes[data-mode="adv"] .pc-res-panes { overflow: auto; flex: 1 1 auto; min-height: 0; overscroll-behavior: contain; padding: 0 2px 8px; }
    .sm-pc .pc-modes[data-mode="adv"] .pc-simple-result { padding: 10px 14px; }
    .sm-pc .pc-modes[data-mode="adv"] .pc-hero { font-size: 34px; }
    .sm-pc .pc-modes[data-mode="adv"] .pc-hero--text { font-size: 28px; }
}
body:has(#leadOffer.kg-lead-offer) .sm-pc { --pc-stick-gap: 90px; }

/* במצב הפשוט: רשימת מה שיש במתקדם. טקסט גלוי בטעינה, והדרך להגיע ישר ללשונית */
.sm-pc .pc-advlist { border-top: 1px solid var(--pc-line); padding: 16px; background: #fff; }
.sm-pc .pc-advlist__h { font-size: 16.5px; font-weight: 800; margin: 0 0 2px; color: var(--pc-ink); }
.sm-pc .pc-advlist__s { font-size: 13.5px; color: var(--pc-ink-3); margin: 0 0 12px; }
.sm-pc .pc-advlist__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.sm-pc .pc-advlist__item { position: relative; display: grid; gap: 3px; align-content: start; text-align: right; font: inherit; color: inherit; background: #fff; border: 1px solid var(--pc-line-2); border-radius: 10px; padding: 11px 40px 11px 12px; margin: 0; min-height: 76px; cursor: pointer; }
.sm-pc .pc-advlist__item::after { content: "\2039"; position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 24px; color: var(--pc-navy); }
.sm-pc .pc-advlist__item:hover, .sm-pc .pc-advlist__item:focus-visible { border-color: var(--pc-navy); background: var(--pc-navy-wash); }
.sm-pc .pc-advlist__item > b { font-size: 14.5px; color: var(--pc-ink); }
.sm-pc .pc-advlist__item > span { font-size: 13px; color: var(--pc-ink-2); line-height: 1.5; }
.sm-pc .pc-advlist__item > span b { color: var(--pc-brand-ink); }
.sm-pc .pc-advlist__item { padding-inline-start: 12px; padding-inline-end: 40px; }

/* פס התוצאה העליון: מופיע כשהמחשבון על המסך והמספר הגדול כבר לא (במובייל, ובדסקטופ במצב הפשוט) */
.sm-pc .pc-dock { position: fixed; top: 0; left: 0; right: 0; z-index: 1030; background: #fff; border-bottom: 1px solid var(--pc-line); box-shadow: 0 6px 18px rgba(22,48,42,.12); transform: translateY(-110%); transition: transform .2s ease; padding-top: env(safe-area-inset-top, 0px); direction: rtl; }
.sm-pc .pc-dock.is-on { transform: none; }
.sm-pc .pc-dock__in { max-width: 1320px; margin: 0 auto; padding: 8px 16px; display: flex; align-items: center; gap: 8px 14px; justify-content: space-between; }
.sm-pc .pc-dock__txt { display: flex; align-items: baseline; gap: 4px 10px; flex-wrap: wrap; min-width: 0; }
.sm-pc .pc-dock__k { font-size: 12.5px; color: var(--pc-ink-3); }
.sm-pc .pc-dock__v { font-size: 20px; font-weight: 800; color: var(--pc-brand-ink); direction: ltr; unicode-bidi: isolate; }
.sm-pc .pc-dock__v.is-text { direction: rtl; }
.sm-pc .pc-dock .pc-btn { flex-shrink: 0; }
@media (max-width: 599.98px) { .sm-pc .pc-dock__v { font-size: 18px; } }
@media print { .sm-pc .pc-dock, .sm-pc .pc-modebar, .sm-pc .pc-advlist { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .sm-pc .pc-dock, .sm-pc .pc-delta, .sm-pc .pc-hint-btn { transition: none; } }

/* פס התוצאה הדביק במובייל */
.sm-pc .pc-mobilebar { position: fixed; bottom: 0; right: 0; left: 0; z-index: 1000; background: #fff; border-top: 1px solid var(--pc-line); padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px)); display: flex; align-items: center; justify-content: space-between; gap: 10px; box-shadow: 0 -6px 18px rgba(22,48,42,.08); direction: rtl; }
.sm-pc .pc-mobilebar div { font-size: 12px; color: var(--pc-ink-3); line-height: 1.3; }
.sm-pc .pc-mobilebar b { display: block; font-size: 17px; color: var(--pc-brand-ink); direction: ltr; text-align: right; }
.sm-pc .pc-mobilebar b.is-text { direction: rtl; }
.sm-pc .pc-mobilebar.is-hidden { display: none; }
@media (min-width: 900px) { .sm-pc .pc-mobilebar { display: none; } }

@media (pointer: coarse) {
    .sm-pc .pc-chips button { min-height: 44px; padding: 8px 14px; }
    .sm-pc .pc-lever button, .sm-pc .pc-fees-chip button { min-height: 44px; }
    .sm-pc .pc-field input[type=range] { height: 44px; padding: 19px 0; }
    .sm-pc .pc-btn--sm { min-height: 44px; }
    .sm-pc .pc-nextlink, .sm-pc .pc-cta__alt { display: flex; align-items: center; min-height: 44px; }
    .sm-pc .pc-cta__alt { justify-content: center; }
    .sm-pc .pc-switch-row { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .sm-pc * { transition: none !important; animation: none !important; } }
@media print { .sm-pc .pc-mobilebar, .sm-pc .pc-cta, .sm-pc .pc-actions { display: none !important; } .sm-pc details.pc-layer { break-inside: avoid; } }

/* --- תוכן דף המחשבון (מתחת לכלי): המדריך לשדות ושאלות ותשובות ---------------- */
.sm-pc-page .pc-upd { font-size: 13px; color: #64786f; margin: 6px 0 16px; text-align: right; }
.sm-pc-page .article .pc-guide-table td:first-child, .sm-pc-page .article .pc-guide-table th:first-child { white-space: nowrap; font-weight: 700; }
@media (max-width: 600px) { .sm-pc-page .article .pc-guide-table td:first-child { white-space: normal; } }
.sm-pc-page details.pc-faq { border-top: 1px solid #d9e6e1; padding: 6px 0; text-align: right; }
.sm-pc-page details.pc-faq > summary { cursor: pointer; font-weight: 700; font-size: 16px; list-style: none; display: flex; justify-content: space-between; gap: 10px; min-height: 44px; align-items: center; color: #16302a; }
.sm-pc-page details.pc-faq > summary::-webkit-details-marker { display: none; }
.sm-pc-page details.pc-faq > summary::after { content: "+"; color: #17765a; font-weight: 800; font-size: 20px; }
.sm-pc-page details.pc-faq[open] > summary::after { content: "\2212"; }
.sm-pc-page details.pc-faq p { margin: 8px 0 0; }
/* גילוי נאות: הכרטיס האפור הניטרלי של הדפים המודרניים (כמו בהשוואת קופות הגמל, #main.kg-fbar-page),
   במקום הקופסה הזיתית של compareTables.css (‎#edf1d8, רוחב 96%). טקסט רגולטורי, לא CTA.
   ⚠️ !important על ה-p: modern-article.css מעצב כל p בתוך .article בספציפיות גבוהה יותר. */
.sm-pc-page .SMdisclaimer {
    display: block; width: 100%; max-width: 100%; height: auto; box-sizing: border-box;
    background: #f8f9fa; border: 1px solid #dce8e3; border-radius: 12px;
    padding: 1rem 1.25rem; margin: 1.5rem 0 1rem; font-family: inherit;
}
.sm-pc-page .SMdisclaimer p { margin: 0 !important; font-size: 0.85rem !important; line-height: 1.6 !important; color: #5a6e66 !important; font-family: inherit; text-align: right; }

/* --- העמודה השמאלית: אותו מראה כמו בהשוואת קרנות הפנסיה ובהשוואת קופות הגמל --------------------------
   כרטיס אשף הבדיקה, "מעדיפים שנחזור אליכם", טופס הליד V2, בלוק המחשבונים, המודל והרצועה הדביקה.
   ⚠️ הכללים הועתקו כמו שהם מ-gemel-modern.css ומ-kupat-gemel.css, מהבלוקים שתחומים ל-#main.kg-fbar-page
   ול-body.kg-fbar-body, ותורגמו ל-body.sm-pc-body #main / body.sm-pc-body (מחלקה שהדף מוסיף ל-body).
   לא טוענים את gemel-modern.css כולו: הוא מעצב גם כותרות, טבלאות ו-FAQ, ונשבור את דף המחשבון.
   כשמשנים את העמודה השמאלית בדפי ההשוואה, לעדכן גם כאן. משתני --kg-* מגיעים מ-kupat-gemel.css. */
body.sm-pc-body #leadBootstrapModal .lead-modal-content { border-radius: 16px; border: 0; overflow: hidden;
    box-shadow: 0 24px 60px rgba(15, 90, 71, .3); }
body.sm-pc-body #leadBootstrapModal .modal-body { background: linear-gradient(180deg, #f3faf7, #fff); padding: 0; }
body.sm-pc-body #leadBootstrapModal #leadMobile #lead.lead .leadH3Title { display: block; background: #17765a; color: #fff !important;
    margin: 0 -18px 16px; padding: 15px 18px 15px 50px; border: 0; border-radius: 0;
    font-family: inherit; font-size: 17px !important; font-weight: bold;
    line-height: 1.35; min-height: 0; text-align: right; }
body.sm-pc-body #leadBootstrapModal #leadMobile { width: 100% !important; }
body.sm-pc-body #leadBootstrapModal #leadMobile #lead.lead { padding: 0 18px 18px; margin: 0; border: 0; background: transparent; max-width: none;
    width: 100%; box-sizing: border-box; }
body.sm-pc-body #leadBootstrapModal .lead-modal-close { top: 14px; left: 12px; right: auto; filter: invert(1); opacity: .9;
    width: 26px; height: 26px; border-radius: 50%; padding: 6px; }
body.sm-pc-body #leadBootstrapModal .lead-modal-close:hover { opacity: 1; background-color: rgba(255, 255, 255, .18); }
body.sm-pc-body #leadBootstrapModal .lead .leadSubTitle { margin: 0 0 10px; }
body.sm-pc-body #leadBootstrapModal .lead .checkList { margin: 0 0 12px; }

/* מצב הטעינה וההצלחה של טופס הליד V2 (תיקון אחרי הפרישה, 10/10/2026).
   ⚠️ דף המחשבון עטוף ב-.sm-modern-article, ו-modern-article.css (שנבנה לליד הישן LifeInsuranceLead)
   מעצב את #loader ו-#successful לפי מזהה: padding, min-height, רקע שקוף, ובעיקר טבעת ::before משלו.
   ב-V2 ה-#loader הוא שכבה fixed ב-flex (kg-v2-submit-loader), ולכן הטבעת הנוספת הפכה לפריט flex שני:
   טבעת בודדת מצד אחד של המסך, והחלונית עם "שולחים את הפרטים" מהצד השני, בלי הרקע המעומעם.
   בדפי ההשוואה (בלי modern-article.css) הכללים האלה לא קיימים, ושם הטעינה תקינה.
   מחזירים כאן את ערכי kupat-gemel.css. שני הסלקטורים: גם הסיידבר (1,1,0) וגם המודל (#leadBootstrapModal, 2,0,0).
   display:flex !important: סגירת המודל קוראת ל-$("#loader").hide() (leads-bootstrap.js), כלומר display:none
   אינליין, ואז המחלקה --visible לבדה לא מציגה את הטעינה בשליחה הבאה. ההסתרה נעשית ב-opacity/visibility. */
body.sm-pc-body #loader.kg-v2-submit-loader,
body.sm-pc-body #leadBootstrapModal #loader.kg-v2-submit-loader {
    display: flex !important; width: auto; height: auto; min-width: 0; max-width: none; min-height: 0;
    padding: 1.5rem; background: rgba(31, 58, 51, .42); text-align: center; }
body.sm-pc-body #loader.kg-v2-submit-loader::before,
body.sm-pc-body #leadBootstrapModal #loader.kg-v2-submit-loader::before { content: none; display: none; animation: none; }
body.sm-pc-body #successful.kg-v2-success,
body.sm-pc-body #leadBootstrapModal #successful.kg-v2-success {
    min-width: 0; min-height: 0; padding: 1rem .75rem; background: transparent; }

/* שדות טופס הליד V2 (תיקון אחרי הפרישה, 10/10/2026): אותה דליפה מ-modern-article.css, ועוד היפוך RTL חסר.
   ⚠️ modern-article.css מעצב את הליד הישן לפי .sm-modern-article .lead / #leadBootstrapModal .lead:
   כל label נהיה display:block עם margin, 14px ו-600 (תיבות "מה מעניין אותך לבדוק" איבדו את ה-inline-flex
   של kupat-gemel.css ויצאו לא מיושרות), #cbTnaim מוגדל ל-18px, ו-#btnSendLid מקבל max-width:280px ו-padding אחר.
   ⚠️ ובכיוון השני: היפוך ה-RTL של .form-select (ריפוד 2.25rem משמאל) יושב ב-gemel-modern.css, שלא נטען כאן,
   ולכן "בחר את סוג הפנייה" נדחף 36px פנימה מימין. הערכים כאן = המחושבים בטופס של השוואת קרנות הפנסיה.
   כל כלל פעמיים: בסיידבר (.sm-modern-article 0,2,1 / #getOffer 2,1,0) ובמודל (#leadBootstrapModal 1,1,1 / 3,0,0).
   line-height של הכפתור ב-!important: modern-article.css כותב font: 700 .9375rem/1.3 !important על input[type=submit].
   משרת גם את מחשבון דמי הניהול, שטוען את הגיליון הזה ומסמן את ה-body ב-sm-pc-body. */
body.sm-pc-body .kg-lead-form-v2 .form-select { padding-right: .75rem; padding-left: 2.25rem; }
body.sm-pc-body .sm-modern-article .kg-lead-form-v2 .kg-v2-field .form-floating > label,
body.sm-pc-body #leadBootstrapModal .kg-lead-form-v2 .kg-v2-field .form-floating > label {
    display: inline-block; margin: 0; font-size: .88rem; font-weight: inherit; line-height: 1.5; color: #667770; }
body.sm-pc-body .sm-modern-article .kg-lead-form-v2 .form-floating > .form-control:focus ~ label,
body.sm-pc-body .sm-modern-article .kg-lead-form-v2 .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.sm-pc-body #leadBootstrapModal .kg-lead-form-v2 .form-floating > .form-control:focus ~ label,
body.sm-pc-body #leadBootstrapModal .kg-lead-form-v2 .form-floating > .form-control:not(:placeholder-shown) ~ label { color: rgba(33, 37, 41, .65); }
body.sm-pc-body .sm-modern-article .kg-lead-form-v2 label.kg-v2-purpose__opt,
body.sm-pc-body #leadBootstrapModal .kg-lead-form-v2 label.kg-v2-purpose__opt {
    display: inline-flex; margin: 0; font-size: inherit; font-weight: inherit; line-height: inherit; color: #2d3a38; }
body.sm-pc-body #getOffer #cbTnaim,
body.sm-pc-body #leadBootstrapModal #getOffer #cbTnaim { width: auto; height: auto; margin: .2rem 0 0 0; }
body.sm-pc-body #getOffer #btnSendLid.kg-v2-submit__btn,
body.sm-pc-body #leadBootstrapModal #getOffer #btnSendLid.kg-v2-submit__btn { max-width: none; min-height: 0; padding: .85rem 1rem; line-height: 1.2 !important; }
/* בסיידבר בלבד: #lead.lead יורש line-height:30px מהכלל המיובא למעלה (topLeft), ו-.sm-modern-article #lead ul/li
   (modern-article.css) מעצב את רשימת האמון כמו רשימת התבליטים של הליד הישן. */
body.sm-pc-body .sm-modern-article #lead .kg-lead-form-v2 { line-height: 1.5; }
body.sm-pc-body .sm-modern-article #lead ul.kg-v2-trust { margin: .7rem 0 0; padding-right: 0; padding-left: 0; }
body.sm-pc-body .sm-modern-article #lead ul.kg-v2-trust li { margin-bottom: 0; font-size: .9rem; line-height: 1.35; color: #435f56; }
@media (max-width: 480px) {
    body.sm-pc-body .sm-modern-article .kg-lead-form-v2 .kg-v2-field .form-floating > label,
    body.sm-pc-body #leadBootstrapModal .kg-lead-form-v2 .kg-v2-field .form-floating > label { font-size: .74rem; }
    body.sm-pc-body .sm-modern-article #lead ul.kg-v2-trust li { font-size: .82rem; }
    /* #main: גובר על body.sm-pc-body #main .topLeft #btnSendLid שבהמשך הקובץ (2,2,1 ומאוחר יותר) */
    body.sm-pc-body #main #getOffer #btnSendLid.kg-v2-submit__btn,
    body.sm-pc-body #leadBootstrapModal #getOffer #btnSendLid.kg-v2-submit__btn { padding: .72rem .85rem; border-radius: 6px; }
}

@media (min-width: 992px) {
    body.sm-pc-body #leadOffer.kg-lead-offer.kg-lead-offer--v2 { display: flex !important;
        border-radius: 0;
        z-index: 1040;
        box-sizing: border-box;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important; }
    body.sm-pc-body #leadOffer.kg-lead-offer.kg-lead-offer--v2,
body.sm-pc-body #leadOffer.kg-lead-offer.kg-lead-offer--v2:hover { background-color: #fff !important;
        border: 0;
        border-top: 1px solid var(--kg-line);
        box-shadow: 0 -6px 20px rgba(15, 90, 71, .10);
        min-height: 58px; }
    body.sm-pc-body #leadOffer.kg-lead-offer .kg-lead-offer__split { max-width: 620px;
        margin: 0 auto;
        gap: 10px;
        padding: 0 12px; }
    body.sm-pc-body #leadOffer.kg-lead-offer .kg-lead-offer__opt { border-radius: 10px;
        min-height: 42px;
        font-weight: bold; }
    body.sm-pc-body #leadOffer.kg-lead-offer .kg-lead-offer__opt--call { background-color: var(--kg-brand) !important;
        color: #fff !important; }
    body.sm-pc-body #leadOffer.kg-lead-offer .kg-lead-offer__opt--email { background-color: #eef3fd !important;
        color: #1f52ab !important; }
    body.sm-pc-body #leadOffer.kg-lead-offer .kg-lead-offer__opt--email:hover { background-color: #e2ebfb !important; }
    body.sm-pc-body:has(#leadOffer.kg-lead-offer) { padding-bottom: 70px !important; }
}
body.sm-pc-body #leadOffer.kg-lead-offer.kg-lead-offer--busy { transform: translateY(120%);
    opacity: 0;
    pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
    body.sm-pc-body #leadOffer.kg-lead-offer.kg-lead-offer--busy { transform: none; visibility: hidden; }
}
body.sm-pc-body #main .topLeft .articlesBox,
body.sm-pc-body #main .topLeft #checkList { background: #fff;
    border: 1.5px solid var(--kg-line);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 14px; }
body.sm-pc-body #main .topLeft .h3Heading { display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 6px !important;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--kg-line);
    color: var(--kg-ink);
    font-size: 15px !important;
    font-weight: bold;
    line-height: 1.3; }
body.sm-pc-body #main .topLeft .h3Heading span { line-height: 1.3 !important; }
body.sm-pc-body #main .topLeft .h3Heading .calc-heading-icon { display: none; }
body.sm-pc-body #main .topLeft .border-box { display: none !important; }
body.sm-pc-body #main .topLeft .calcTD td { padding: 0 !important; background: none !important; }
body.sm-pc-body #main .topLeft .calcTD a { display: flex;
    align-items: center;
    min-height: 38px;
    text-decoration: none;
    border-bottom: 1px solid #eef2f0;
    border-radius: 8px;
    padding: 4px 4px; }
body.sm-pc-body #main .topLeft .calcTD:last-child a { border-bottom: 0; }
body.sm-pc-body #main .topLeft .calcTD a:hover { background: #f6f9f8; }
body.sm-pc-body #main .topLeft .calcLinks { background: none !important;
    padding: 0 !important;
    color: var(--kg-brand-dark) !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    height: auto !important;
    display: block !important; }
body.sm-pc-body #main .topLeft #checkList ul { font: 400 13.5px 'Noto Sans Hebrew', Arial, sans-serif !important;
    color: var(--kg-ink);
    margin: 0;
    padding-inline-start: 18px;
    display: grid;
    gap: 6px; }
body.sm-pc-body #main .topLeft #lead.lead { background: linear-gradient(180deg, #f3faf7, #fff) !important;
    border: 1.5px solid #bfe0d2 !important;
    border-radius: 14px !important;
    padding: 14px 16px;
    margin-bottom: 14px; }
body.sm-pc-body #main .topLeft #lead.lead { width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    height: auto !important;

    margin-left: 0;
    margin-right: 0; }
body.sm-pc-body #main .topLeft #lead .leadH3Title,
body.sm-pc-body #main .topLeft #lead .h3Title { background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--kg-brand-dark) !important;
    width: auto !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    padding: 0 0 4px !important;
    margin: 0 0 2px !important;
    text-align: center; }
body.sm-pc-body #main .topLeft #lead .leadSubTitle { color: var(--kg-muted) !important;
    font-size: 13.5px !important;
    text-align: center;
    margin: 0 0 8px !important; }
body.sm-pc-body #main #calcs.pm-calcs { background: #fff;
    border: 1.5px solid var(--kg-line);
    border-radius: 14px;
    padding: 14px 16px;
    margin-bottom: 14px; }
body.sm-pc-body #main #calcs.pm-calcs .pm-calcs__title { display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--kg-line);
    color: var(--kg-ink);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3; }
body.sm-pc-body #main #calcs.pm-calcs .pm-calcs__title i { color: var(--kg-brand); font-size: 1.15rem; }
body.sm-pc-body #main #calcs.pm-calcs a.pm-calcs__item { display: flex;
    align-items: center;
    gap: 10px;
    height: auto;
    min-height: 44px;
    line-height: 1.35;
    padding: 5px 4px;
    border-bottom: 1px solid #eef2f0;
    border-radius: 8px;
    color: var(--kg-ink);
    font-size: 0.9rem;
    text-decoration: none;
    transition: background-color 0.12s ease; }
body.sm-pc-body #main #calcs.pm-calcs a.pm-calcs__item:last-child { border-bottom: 0; }
body.sm-pc-body #main #calcs.pm-calcs .pm-calcs__icon { flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #f6f9f8;
    color: var(--kg-brand);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem; }
body.sm-pc-body #main #calcs.pm-calcs .pm-calcs__label { flex: 1 1 auto; }
body.sm-pc-body #main #calcs.pm-calcs .pm-calcs__chevron { flex: 0 0 auto;
    color: #9db3ab;
    font-size: 0.78rem;
    transition: transform 0.12s ease, color 0.12s ease; }
body.sm-pc-body #main #calcs.pm-calcs a.pm-calcs__item:hover,
body.sm-pc-body #main #calcs.pm-calcs a.pm-calcs__item:focus-visible { background: #f6f9f8; color: var(--kg-brand-dark); }
body.sm-pc-body #main #calcs.pm-calcs a.pm-calcs__item:hover .pm-calcs__chevron { color: var(--kg-brand); transform: translateX(-3px); }
body.sm-pc-body #main #calcs.pm-calcs a.pm-calcs__item:hover .pm-calcs__icon { background: #e8f3ef; }
body.sm-pc-body #main .topLeft .articlesBox,
body.sm-pc-body #main .topLeft #checkList,
body.sm-pc-body #main #calcs.pm-calcs { background: transparent; border-color: transparent; padding: 6px 4px; }
body.sm-pc-body #main .topLeft #lead.lead,
body.sm-pc-body #main #leadMobile #lead.lead { background: #fff !important;
    border: 2px solid var(--kg-brand) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(23, 118, 90, .16);
    padding: 16px 18px 18px; }
body.sm-pc-body #main .topLeft #lead .leadH3Title,
body.sm-pc-body #main #leadMobile #lead .leadH3Title { text-align: right !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    text-wrap: balance; }
body.sm-pc-body #main .topLeft #lead .leadSubTitle,
body.sm-pc-body #main #leadMobile #lead .leadSubTitle { text-align: right !important; margin: 0 0 10px !important; }
body.sm-pc-body #main .topLeft #lead > .checkList,
body.sm-pc-body #main #leadMobile #lead > .checkList,
body.sm-pc-body #leadBootstrapModal #lead > .checkList { display: none !important; }
body.sm-pc-body #main .topLeft #lead .kg-v2-trust,
body.sm-pc-body #main #leadMobile #lead .kg-v2-trust { display: flex; flex-wrap: wrap; gap: 4px 12px; }
body.sm-pc-body #main .topLeft #lead > .checkList,
body.sm-pc-body #main #leadMobile #lead > .checkList,
body.sm-pc-body #leadBootstrapModal #lead > .checkList { display: block !important; }
body.sm-pc-body #main .topLeft #lead[data-lead-copy="variant"] > .checkList,
body.sm-pc-body #main #leadMobile #lead[data-lead-copy="variant"] > .checkList,
body.sm-pc-body #leadBootstrapModal #lead[data-lead-copy="variant"] > .checkList { display: none !important; }
/* modern-article.css מעצב את כרטיס האשף של המאמרים (.sm-modern-article): כפתור קטן יותר ובגוון אחר.
   כאן מחזירים את מידות דפי ההשוואה (נמדד מול ComparePensionFunds.aspx ב-1366px), כדי שהעמודה תהיה זהה. */
body.sm-pc-body #main .topLeft { color: var(--kg-ink); }
body.sm-pc-body #main .topLeft .kg-sidebar-wizard__primary { margin: 16px 0 .55rem; }
body.sm-pc-body #main .topLeft a.kg-sidebar-wizard__primary-link,
body.sm-pc-body #main .topLeft a.kg-sidebar-wizard__primary-link:link,
body.sm-pc-body #main .topLeft a.kg-sidebar-wizard__primary-link:visited { background-color: #198754 !important; border-radius: 5px; font-size: 20px; font-weight: 700; line-height: normal; padding: 14px 25px; }
body.sm-pc-body #main .topLeft a.kg-sidebar-wizard__primary-link:hover { background-color: #157347 !important; }
body.sm-pc-body #main .topLeft .kg-cta-time { font-size: .9rem; line-height: 1.1; }
body.sm-pc-body #main .topLeft #lead > .checkList { padding-right: 40px; margin-bottom: 16px; }
body.sm-pc-body #main .topLeft #lead > .checkList li { color: var(--kg-ink); line-height: 20px; margin-bottom: 1px; }
/* גם הגופן הבסיסי של כרטיס הליד וכפתור השליחה: modern-article.css מאפס אותם בתוך המאמר */
body.sm-pc-body #main .topLeft #lead.lead { font-size: 20px; font-weight: 300; line-height: 30px; }
body.sm-pc-body #main .topLeft #btnSendLid { padding: .85rem 1rem; line-height: 1.2; }
body.sm-pc-body #leadOffer.kg-lead-offer { color: var(--kg-ink); }

/* --- "מה אם?": התוכנית מול תרחיש (SMPensionUI.scenario) ------------------------------------------ */
.sm-pc .pc-sc-cmp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0 0 12px; }
.sm-pc .pc-sc-box { border: 1px solid var(--pc-line); border-radius: 10px; background: #fff; padding: 9px 12px; display: grid; gap: 2px; align-content: start; min-width: 0; }
.sm-pc .pc-sc-box > span { font-size: 12.5px; color: var(--pc-ink-3); font-weight: 600; }
.sm-pc .pc-sc-box > b { font-size: 20px; font-weight: 800; color: var(--pc-ink); direction: ltr; text-align: right; unicode-bidi: isolate; }
.sm-pc .pc-sc-box > b.is-text { direction: rtl; font-size: 17px; }
.sm-pc .pc-sc-box.is-sc { border-color: #9fd2bb; background: var(--pc-wash-2); }
.sm-pc .pc-sc-box.is-sc > b { color: var(--pc-brand-ink); }
.sm-pc .pc-sc-box .pc-delta { justify-self: start; margin-top: 2px; }
.sm-pc .pc-sc-same { font-style: normal; font-size: 12.5px; color: var(--pc-ink-3); }
.sm-pc .pc-sc-presets { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 10px; }
.sm-pc .pc-sc-presets > span { font-size: 13px; font-weight: 700; color: var(--pc-ink-2); }
.sm-pc .pc-sc-presets button { font: inherit; font-size: 13px; font-weight: 700; color: var(--pc-navy); background: var(--pc-navy-wash); border: 1px solid #cfe0f1; border-radius: 999px; padding: 6px 12px; min-height: 36px; margin: 0; cursor: pointer; }
.sm-pc .pc-sc-presets button:hover { background: #e2ebf5; }
.sm-pc ul.pc-sc-rows { display: grid; gap: 6px; margin: 0 0 10px; }
.sm-pc .pc-sc-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--pc-line); border-radius: 10px; background: #fff; padding: 8px 10px 8px 8px; }
.sm-pc .pc-sc-row.is-changed { border-color: #9fd2bb; box-shadow: inset 3px 0 0 var(--pc-brand-2); }
.sm-pc .pc-sc-row__t { display: grid; gap: 1px; min-width: 0; }
.sm-pc .pc-sc-row__t > b { font-size: 14px; color: var(--pc-ink); }
.sm-pc .pc-sc-row__v { font-size: 15px; font-weight: 700; color: var(--pc-navy); }
.sm-pc .pc-sc-row__v small { font-size: 12px; font-weight: 600; color: var(--pc-ink-3); }
.sm-pc .pc-sc-row__e { font-size: 12.5px; font-weight: 700; }
.sm-pc .pc-sc-row__e.is-up { color: #14654b; }
.sm-pc .pc-sc-row__e.is-down { color: #912018; }
.sm-pc .pc-sc-step { display: flex; flex-shrink: 0; border: 1px solid var(--pc-line-2); border-radius: 10px; overflow: hidden; }
.sm-pc .pc-sc-step button { width: 46px; height: 44px; border: 0; background: #fff; color: var(--pc-navy); font-size: 22px; font-weight: 600; line-height: 1; padding: 0; margin: 0; cursor: pointer; }
.sm-pc .pc-sc-step button + button { border-inline-start: 1px solid var(--pc-line); }
.sm-pc .pc-sc-step button:hover { background: var(--pc-navy-wash); }
.sm-pc .pc-sc-step button:disabled { color: #b8c7c0; cursor: default; background: #fafcfb; }
.sm-pc .pc-sc-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.sm-pc .pc-sc-reset { font: inherit; font-size: 14px; font-weight: 700; color: var(--pc-ink-2); background: #fff; border: 1px solid var(--pc-line-2); border-radius: 8px; padding: 8px 14px; min-height: 44px; margin: 0; cursor: pointer; }
.sm-pc .pc-sc-reset:disabled, .sm-pc .pc-sc-actions .pc-btn:disabled { opacity: .45; cursor: default; }
.sm-pc .pc-sc-actions .pc-btn { min-height: 44px; }
.sm-pc .pc-sc-undo { margin: 10px 0 0; font-size: 13.5px; background: var(--pc-amber-bg); border: 1px solid var(--pc-amber-line); border-radius: 8px; padding: 6px 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sm-pc .pc-sc-undo button { font: inherit; font-weight: 800; color: var(--pc-navy); background: transparent; border: 0; text-decoration: underline; cursor: pointer; min-height: 36px; padding: 0 4px; margin: 0; }

/* --- הגשרים בין המחשבונים (תחת הגרף בלשונית "תוצאה") והיעד שהגיע ממחשבון הפרישה ------------------- */
.sm-pc .pc-bridge2 { margin-top: 14px; border: 1px solid #cfe0f1; border-radius: 10px; background: var(--pc-navy-wash); padding: 12px 14px; display: grid; gap: 6px; }
.sm-pc .pc-bridge2__t { margin: 0; font-size: 15.5px; font-weight: 800; color: var(--pc-ink); }
.sm-pc .pc-bridge2__s { margin: 0; font-size: 14px; line-height: 1.6; color: var(--pc-ink-2); }
.sm-pc .pc-bridge2__s b { color: var(--pc-navy); white-space: nowrap; }
.sm-pc .pc-bridge2__a { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin-top: 2px; }
.sm-pc .pc-bridge2__a .pc-btn { min-height: 44px; }
.sm-pc a.pc-bridge2__alt { font-size: 14px; font-weight: 700; color: var(--pc-brand); display: inline-flex; align-items: center; min-height: 44px; }
.sm-pc .pc-goal { margin-top: 14px; border: 1px solid #9fd2bb; border-radius: 10px; background: var(--pc-wash-2); padding: 12px 14px; display: grid; gap: 6px; }
.sm-pc .pc-goal[hidden] { display: none; }
.sm-pc .pc-goal__t { margin: 0; font-size: 15px; font-weight: 800; color: var(--pc-ink); }
.sm-pc .pc-goal__t b, .sm-pc .pc-goal__s b { color: var(--pc-brand-ink); white-space: nowrap; }
.sm-pc .pc-goal__s { margin: 0; font-size: 14px; line-height: 1.6; color: var(--pc-ink-2); }
.sm-pc .pc-goal .pc-btn { justify-self: start; min-height: 44px; }
@media (max-width: 767.98px) { .sm-pc .pc-bridge2__a .pc-btn, .sm-pc .pc-goal .pc-btn { width: 100%; } }

/* =============================================================================
   fees-calculator.css: מחשבון דמי הניהול (Calculators/Fees/ManagementFeesCalculator.aspx)
   -----------------------------------------------------------------------------
   נטען אחרי pension-calculators.css (שפת המחשבונים V2: .sm-pc, הכרטיס, השדות, שני המצבים, הפס העליון,
   הלשוניות, העמודה השמאלית) ומוסיף רק את מה שייחודי לדמי הניהול. תיחום: כל כלל תחת .sm-fc (שורש המחשבון)
   או .fc-page / .fc-article (מעטפת הדף והמאמר). ⚠️ בלי מקף רחב בטקסט, ו-₪ תמיד משמאל למספר (LRI ב-JS ובשרת).
   איפוס ה-track של הסליידר מול compareTables.css כבר ב-pension-calculators.css (.sm-pc .pc-field input[type=range]).
   ============================================================================= */
.sm-fc { --pc-red-bg: #fef3f2; --pc-red-line: #fecdca; --pc-red-ink: #912018; --pc-amber-ink: #8a5a00; }

/* בורר סוג החיסכון: 5 כפתורים, 3 בשורה מתחת ל-420px */
.sm-fc .fc-seg { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-top: 6px; }
@media (max-width: 420px) { .sm-fc .fc-seg { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 900px) and (max-width: 1199.98px) { .sm-fc .fc-seg { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sm-fc .fc-seg button { border: 1px solid var(--pc-line-2); background: #fff; border-radius: 8px; min-height: 44px; font: inherit; font-size: 13px; font-weight: 700; color: var(--pc-ink-2); cursor: pointer; padding: 4px 6px; margin: 0; line-height: 1.2; text-align: center; }
.sm-fc .fc-seg button.is-on { background: var(--pc-navy); color: #fff; border-color: var(--pc-navy); }
.sm-fc .fc-seg button:hover:not(.is-on) { border-color: var(--pc-navy); }

/* בלי דמי ניהול מהפקדה (השתלמות, גמל להשקעה): השדה וצ'יפי ההצעה מוסתרים */
.sm-fc .pc-modes[data-has-dep="0"] .fc-dep-only { display: none; }
.sm-fc .fc-salary[hidden] { display: none; }
.sm-fc .pc-field + .fc-salary { margin: -6px 0 14px; }

.sm-fc .fc-h { margin: 6px 0 8px; font-size: 15px; font-weight: 800; color: var(--pc-ink); border-top: 1px solid var(--pc-line); padding-top: 12px; }
.sm-fc .fc-h small { display: block; font-size: 12px; font-weight: 500; color: var(--pc-ink-3); }
.sm-fc .fc-fchips { margin: -6px 0 10px; }
.sm-fc .fc-note { font-size: 12.5px; color: var(--pc-ink-3); margin: 6px 0 10px; line-height: 1.5; }
.sm-fc .fc-note b { color: var(--pc-ink-2); }

/* "הקרן שלכם" ו"ההצעה שקיבלתם" */
.sm-fc .fc-block { border: 1px solid #cfe0f1; background: var(--pc-navy-wash); border-radius: 10px; padding: 12px; margin: 0 0 6px; }
.sm-fc .fc-block--offer { border-color: #cfe6da; background: var(--pc-wash-2); }
.sm-fc .fc-block[hidden] { display: none; }
.sm-fc .fc-block__t { font-size: 14.5px; font-weight: 800; margin: 0 0 4px; display: flex; justify-content: space-between; align-items: center; gap: 8px; flex-wrap: wrap; }
.sm-fc .fc-block__t small { font-weight: 600; font-size: 12px; color: var(--pc-ink-3); }
.sm-fc .fc-block .pc-field { margin-bottom: 10px; }
.sm-fc .fc-block select.pc-select { background-color: #fff; }
.sm-fc .fc-block select.pc-select:disabled { color: var(--pc-ink-3); background-color: #f6f8f7; }
.sm-fc .fc-fundfacts { display: flex; gap: 4px 12px; flex-wrap: wrap; font-size: 12.5px; color: var(--pc-ink-2); margin: 8px 0 0; }
.sm-fc .fc-fundfacts b { direction: ltr; unicode-bidi: isolate; color: var(--pc-ink); }
.sm-fc .fc-fundfacts small { color: #8a5a00; }
.sm-fc .fc-fundfacts:empty { display: none; }

/* הפירוק */
.sm-fc .fc-breakdown { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; background: #fff; border: 1px solid var(--pc-line); border-radius: 10px; padding: 10px 14px; }
.sm-fc .fc-breakdown li { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font-size: 14px; color: var(--pc-ink-2); border-top: 1px solid var(--pc-line); padding-top: 6px; }
.sm-fc .fc-breakdown li:first-child { border-top: 0; padding-top: 0; }
.sm-fc .fc-breakdown li b { direction: ltr; unicode-bidi: isolate; color: var(--pc-ink); font-size: 15px; white-space: nowrap; }
.sm-fc .fc-breakdown li small { display: block; font-size: 12px; color: var(--pc-ink-3); font-weight: 400; }
.sm-fc .fc-breakdown li.is-total { font-weight: 800; color: var(--pc-ink); }
.sm-fc .pc-hero-after bdi { direction: ltr; unicode-bidi: isolate; }

/* "איפה אתם מול השוק": הרבעון הזול, הממוצע, אתם, התקרה */
.sm-fc .fc-bench { margin: 14px 0 0; background: #fff; border: 1px solid var(--pc-line); border-radius: 10px; padding: 12px 14px 8px; }
.sm-fc .fc-bench__t { font-size: 14px; font-weight: 700; margin: 0 0 6px; }
.sm-fc .fc-bench__t span { display: block; font-weight: 500; color: var(--pc-ink-3); font-size: 12.5px; }
.sm-fc .fc-bench__bar { position: relative; height: 12px; border-radius: 6px; background: linear-gradient(to left, #cfe6da 0%, #ffe69c 55%, #fecdca 100%); margin: 40px 34px 44px; }
.sm-fc .fc-bench__m { position: absolute; top: 50%; transform: translate(50%, -50%); width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid var(--pc-ink-3); }
.sm-fc .fc-bench__m.is-me { width: 22px; height: 22px; border-color: var(--pc-navy); background: var(--pc-navy); z-index: 2; box-shadow: 0 0 0 3px #fff; }
.sm-fc .fc-bench__m.is-cap { border-color: var(--pc-red); }
.sm-fc .fc-bench__m.is-low { border-color: var(--pc-brand-2); }
.sm-fc .fc-bench__l { position: absolute; font-size: 11.5px; color: var(--pc-ink-2); white-space: nowrap; transform: translateX(50%); line-height: 1.2; text-align: center; }
.sm-fc .fc-bench__l.is-top { bottom: 100%; margin-bottom: 8px; }
.sm-fc .fc-bench__l.is-bottom { top: 100%; margin-top: 8px; }
.sm-fc .fc-bench__l b { display: block; direction: ltr; unicode-bidi: isolate; color: var(--pc-ink); text-align: center; }
.sm-fc .fc-bench__l.is-me { z-index: 3; }
.sm-fc .fc-bench__l.is-me b { color: var(--pc-navy); font-size: 13px; }
.sm-fc .fc-bench__l.is-bottom2 { top: 100%; margin-top: 42px; }
.sm-fc .fc-bench__bar.has-row3 { margin-bottom: 78px; }
.sm-fc .fc-rank-line { font-size: 14px; margin: 0; color: var(--pc-ink-2); line-height: 1.55; }
.sm-fc .fc-rank-line:empty { display: none; }
.sm-fc .fc-rank-line b { color: var(--pc-ink); }

/* "כמה זה מצטבר": אופק + סכום */
.sm-fc .fc-until { margin-top: 14px; border: 1px solid var(--pc-line); border-radius: 10px; padding: 12px 14px; background: #fff; }
.sm-fc .fc-until .pc-field { margin: 0 0 10px; }
.sm-fc .fc-until__body { display: grid; gap: 4px; }
.sm-fc .fc-until b.fc-big { font-size: 24px; color: var(--pc-brand-ink); direction: ltr; unicode-bidi: isolate; text-align: right; display: block; }
.sm-fc .fc-until p { margin: 0; font-size: 14px; color: var(--pc-ink-2); line-height: 1.55; }
.sm-fc .fc-until .pc-hint { display: block; margin-top: 6px; }
.sm-fc .fc-red { color: var(--pc-red-ink); }

/* פסק דין להצעה */
.sm-fc .pc-verdict { border-radius: 10px; padding: 14px 16px; border: 1px solid; margin: 0 0 12px; }
.sm-fc .pc-verdict > b { display: block; font-size: 18px; line-height: 1.3; margin-bottom: 4px; }
.sm-fc .pc-verdict > p { margin: 0; font-size: 14px; color: var(--pc-ink-2); }
.sm-fc .pc-verdict.is-good { background: var(--pc-wash-2); border-color: #cfe6da; color: var(--pc-brand-ink); }
.sm-fc .pc-verdict.is-watch { background: var(--pc-amber-bg); border-color: var(--pc-amber-line); color: var(--pc-amber-ink); }
.sm-fc .pc-verdict.is-bad { background: var(--pc-red-bg); border-color: var(--pc-red-line); color: var(--pc-red-ink); }
.sm-fc .fc-reasons { margin: 6px 0 0; padding-inline-start: 18px; list-style: disc; font-size: 13.5px; color: var(--pc-ink-2); }
.sm-fc .fc-reasons li { margin: 3px 0; }
.sm-fc .fc-reasons bdi, .sm-fc .fc-until bdi { direction: ltr; unicode-bidi: isolate; }
.sm-fc .fc-ask { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.sm-fc .fc-ask div { border: 1px solid var(--pc-line); border-radius: 8px; padding: 8px 10px; background: #fff; min-width: 0; }
.sm-fc .fc-ask span { display: block; font-size: 12px; color: var(--pc-ink-3); }
.sm-fc .fc-ask b { display: block; font-size: 16px; direction: ltr; text-align: right; color: var(--pc-ink); }
.sm-fc .fc-ask b.is-text { direction: rtl; font-size: 14px; }
.sm-fc .fc-check { margin: 0 0 12px; border: 1px solid var(--pc-amber-line); background: var(--pc-amber-bg); border-radius: 10px; padding: 10px 12px; font-size: 13.5px; }
.sm-fc .fc-check b { display: block; margin-bottom: 4px; }
.sm-fc .fc-check ul { margin: 0; padding-inline-start: 18px; list-style: disc; }
.sm-fc .fc-check li { margin: 2px 0; color: var(--pc-ink-2); }

/* במובייל ובמצב הפשוט המספר הגדול הוא העלות; במתקדם בדסקטופ הוא צמוד עם הלשוניות */
.sm-fc .pc-tiles .pc-tile__v .fc-red { color: var(--pc-red-ink); }
.sm-fc .pc-tile__d bdi { direction: ltr; unicode-bidi: isolate; }

/* ===================== מעטפת הדף: פסקת התשובה, המאמר וה-FAQ ===================== */
.fc-page .fc-answer { font-size: 16px; line-height: 1.7; color: #16302a; background: #f5f9f7; border: 1px solid #d9e6e1; border-radius: 10px; padding: 12px 16px; margin: 0 0 18px; text-align: right; }
.fc-page .fc-article .fc-table-wrap { overflow-x: auto; max-width: 100%; margin: 10px 0 6px; -webkit-overflow-scrolling: touch; }
.fc-page .fc-article .fc-table-wrap table.tableArticle { min-width: 640px; margin: 0; }
.fc-page .fc-article p.chart-source { font-size: 13px; color: #64786f; }
.fc-page .fc-art-cta { border: 1px solid #cfe6da; background: linear-gradient(180deg, #f3f9f6, #eaf5ef); border-radius: 10px; padding: 14px 16px; margin: 16px 0; text-align: right; }
.fc-page .fc-art-cta p { margin: 0 0 10px; }
.fc-page .fc-art-cta a.fc-art-cta__btn, .fc-page .fc-art-cta a.fc-art-cta__btn:visited { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border-radius: 8px; background: #198754; color: #fff; font-weight: 700; text-decoration: none; }
.fc-page .fc-art-cta a.fc-art-cta__btn:hover { background: #157347; color: #fff; }
.fc-page .fc-faq .faq-question { min-height: 44px; }
.fc-page .fc-faq .faq-question:focus-visible { outline: 3px solid rgba(34,73,112,.35); outline-offset: -3px; }
.fc-page .fc-faq .faq-answer p.fc-faq-links { padding-top: 0; font-size: 14px; }
.fc-page .fc-faq { display: grid; gap: 10px; }
.sm-pc-body .lead .fc-leadctx { font-size: 13px !important; line-height: 1.5 !important; color: #3d524a; background: #f5f9f7; border: 1px dashed #c5d6ce; border-radius: 8px; padding: 6px 10px; margin: 0 0 10px !important; text-align: right; }
.sm-pc-body .lead .fc-leadctx b { font-weight: 700; }
@media (max-width: 767.98px) { .fc-page .fc-art-cta a.fc-art-cta__btn { width: 100%; } }

/* "דרגו את המחשבון" (הכרעה 4): 5 כוכבים כפתורים של 44px, מימין לשמאל (הכוכב הראשון מימין). is-on = מלא
   (הממוצע בטעינה, או הבחירה), is-hover = תצוגה מקדימה בריחוף/מיקוד, is-voted = אחרי הצבעה (לא לחיץ). */
.sm-fc .fc-rate { margin-top: 14px; padding: 12px 14px; border: 1px solid var(--pc-line); border-radius: 10px; background: var(--pc-wash-3); display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; }
.sm-fc .fc-rate__q { margin: 0; font-size: 14.5px; color: var(--pc-ink); flex: 1 1 100%; }
.sm-fc .fc-rate__q span { color: var(--pc-ink-3); font-size: 13px; }
.sm-fc .fc-rate__stars { display: flex; gap: 0; }
.sm-fc .fc-rate__star { width: 44px; height: 44px; padding: 0; margin: 0; border: 0; background: transparent; color: #c9d3cf; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; transition: color .12s ease, transform .12s ease; }
.sm-fc .fc-rate__star svg { fill: currentColor; display: block; }
.sm-fc .fc-rate__star.is-on, .sm-fc .fc-rate__stars .fc-rate__star.is-hover { color: #e9a800; }
.sm-fc .fc-rate__stars.is-hovering .fc-rate__star:not(.is-hover) { color: #c9d3cf; }
.sm-fc .fc-rate__star:hover { transform: scale(1.08); }
.sm-fc .fc-rate.is-voted .fc-rate__star { cursor: default; transform: none; }
.sm-fc .fc-rate__sum { margin: 0; font-size: 13px; color: var(--pc-ink-2); }
.sm-fc .fc-rate__sum b { font-size: 15px; color: var(--pc-ink); font-variant-numeric: tabular-nums; }
.sm-fc .fc-rate__msg { margin: 0; font-size: 13px; color: var(--pc-brand-ink); font-weight: 700; flex: 1 1 100%; }
.sm-fc .fc-rate__msg:empty { display: none; }
.sm-fc .fc-rate__msg.is-error { color: var(--pc-red); }
@media (prefers-reduced-motion: reduce) { .sm-fc .fc-rate__star { transition: none; } .sm-fc .fc-rate__star:hover { transform: none; } }
@media print { .sm-fc .fc-rate { display: none; } }

/* ה-CTA הראשי אחרי התוצאה: אשף הבדיקה המקיפה (רונן 10/10/2026), מתחת לסרגל "מול השוק" */
.sm-fc .fc-wizcta { margin: 12px 0 4px; text-align: center; }
.sm-fc .fc-wizcta[hidden] { display: none; }
.sm-fc .fc-wizcta .fc-wizcta__btn { min-height: 48px; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1.3; white-space: normal; }
.sm-fc .fc-wizcta__sub { display: block; margin-top: 4px; font-size: 12.5px; color: var(--pc-ink-3); }