/* Minification failed. Returning unminified contents.
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,23): run-time error CSS1039: Token not allowed after unary operator: '-font-sans'
(144,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(145,23): run-time error CSS1039: Token not allowed after unary operator: '-lh-body'
(146,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(147,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg'
(155,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(157,23): run-time error CSS1039: Token not allowed after unary operator: '-lh-tight'
(162,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(170,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(172,28): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(172,39): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(176,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(202,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(206,34): run-time error CSS1039: Token not allowed after unary operator: '-header-h'
(210,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(218,26): run-time error CSS1039: Token not allowed after unary operator: '-container'
(218,45): run-time error CSS1039: Token not allowed after unary operator: '-gutter'
(220,26): run-time error CSS1039: Token not allowed after unary operator: '-gutter'
(224,26): run-time error CSS1039: Token not allowed after unary operator: '-container-narrow'
(224,52): run-time error CSS1039: Token not allowed after unary operator: '-gutter'
(228,25): run-time error CSS1039: Token not allowed after unary operator: '-section-y'
(232,25): run-time error CSS1039: Token not allowed after unary operator: '-section-y-sm'
(236,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(240,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-dark'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark'
(249,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(254,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(275,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(282,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(299,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(303,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full'
(305,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(309,33): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(309,44): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(309,63): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(309,74): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(309,100): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(309,111): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(309,134): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(309,145): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(309,169): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(309,180): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(327,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(333,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-600'
(339,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(340,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(344,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(345,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(350,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(351,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(355,24): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(356,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(361,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(365,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(366,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(384,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(390,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(398,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(399,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(400,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(404,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(405,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(411,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(422,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(429,32): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(429,43): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(440,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(442,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full'
(443,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-100'
(444,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(445,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(453,22): run-time error CSS1039: Token not allowed after unary operator: '-color-reji-50'
(454,17): run-time error CSS1039: Token not allowed after unary operator: '-color-reji'
(458,22): run-time error CSS1039: Token not allowed after unary operator: '-color-meshi-50'
(459,17): run-time error CSS1039: Token not allowed after unary operator: '-color-meshi'
(463,22): run-time error CSS1039: Token not allowed after unary operator: '-color-order-50'
(464,17): run-time error CSS1039: Token not allowed after unary operator: '-color-order'
(468,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(469,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(480,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(481,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(482,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(483,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(491,32): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(491,43): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(491,67): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(491,78): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(491,104): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(491,115): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(496,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md'
(497,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(506,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(507,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(508,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(509,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(518,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(519,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(523,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(524,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(529,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(530,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(532,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(534,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(551,29): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(561,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(561,46): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(562,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(566,22): run-time error CSS1039: Token not allowed after unary operator: '-color-order'
(570,22): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(575,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(578,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(579,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(583,17): run-time error CSS1039: Token not allowed after unary operator: '-color-order'
(587,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(594,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(611,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-100'
(615,28): run-time error CSS1039: Token not allowed after unary operator: '-color-reji-50'
(620,28): run-time error CSS1039: Token not allowed after unary operator: '-color-meshi-50'
(625,28): run-time error CSS1039: Token not allowed after unary operator: '-color-order-50'
(636,26): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(649,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-xl'
(651,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(652,32): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(652,43): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(652,67): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(652,78): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(657,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-md'
(661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(676,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft'
(677,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(677,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(688,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(689,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(696,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(701,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xl'
(707,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(708,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(710,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(721,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(728,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(729,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(730,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(746,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(750,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(751,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(756,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(759,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(763,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(769,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(773,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(774,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(781,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(791,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(792,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(796,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(797,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(801,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark-muted'
(805,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-4xl'
(806,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(810,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-3xl'
(814,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(815,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(819,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark-muted'
(824,25): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(830,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(831,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(832,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(841,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(841,27): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(847,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(848,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(855,36): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(856,37): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(862,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(866,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(870,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(877,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(882,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(888,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(896,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(898,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(906,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-sm'
(907,22): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(909,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(920,30): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(921,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(923,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(924,35): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(924,46): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(924,70): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(924,81): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(931,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(953,24): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(959,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(960,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(962,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(966,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(967,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(968,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(972,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(972,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(973,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(974,22): run-time error CSS1039: Token not allowed after unary operator: '-color-danger-50'
(976,17): run-time error CSS1039: Token not allowed after unary operator: '-color-danger'
(983,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(985,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(990,32): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(995,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(996,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(997,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1003,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1009,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1022,18): run-time error CSS1039: Token not allowed after unary operator: '-header-h'
(1027,35): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1027,46): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1027,70): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1027,81): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1031,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1032,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(1040,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1046,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1047,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1052,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1069,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(1077,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(1080,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(1086,25): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(1093,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(1100,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(1107,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full'
(1108,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1109,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(1111,33): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1111,44): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1111,63): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1111,74): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1115,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1116,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1120,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1121,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(1125,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1134,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1135,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1137,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1160,17): run-time error CSS1039: Token not allowed after unary operator: '-header-h'
(1163,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1163,31): run-time error CSS1039: Token not allowed after unary operator: '-gutter'
(1163,45): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(1168,30): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1168,41): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1168,64): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1168,75): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1168,109): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1187,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1187,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1188,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1189,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1191,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(1195,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(1206,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1206,33): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1206,45): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1207,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1209,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(1214,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1214,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1215,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(1217,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1221,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1223,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1243,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-dark'
(1244,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark-muted'
(1245,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-16'
(1246,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(1250,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark-muted'
(1259,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(1260,26): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(1266,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(1272,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1280,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark-muted'
(1290,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(1293,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1299,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1315,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1319,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1319,27): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1320,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(1325,46): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(1325,75): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1327,25): run-time error CSS1039: Token not allowed after unary operator: '-section-y-sm'
(1332,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1344,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-3xl'
(1345,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1356,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1364,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1373,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1378,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(1380,32): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(1394,28): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1395,34): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1399,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(1400,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(1405,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(1413,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(1414,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1418,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(1420,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full'
(1421,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1422,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1423,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1428,44): run-time error CSS1039: Token not allowed after unary operator: '-steps'
(1429,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1434,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1443,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1447,37): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1458,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1462,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1463,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1472,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1473,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1473,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1476,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1486,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(1487,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1497,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(1498,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1502,32): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1502,43): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1515,21): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1515,33): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1515,50): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1516,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(1531,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1532,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1532,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1534,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1535,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1539,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(1546,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(1547,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(1548,33): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1558,34): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1559,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1568,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(1572,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1573,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1586,22): run-time error CSS1039: Token not allowed after unary operator: '-color-reji-50'
(1587,17): run-time error CSS1039: Token not allowed after unary operator: '-color-reji'
(1595,22): run-time error CSS1039: Token not allowed after unary operator: '-color-meshi-50'
(1596,17): run-time error CSS1039: Token not allowed after unary operator: '-color-meshi'
(1601,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1607,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(1609,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(1615,44): run-time error CSS1039: Token not allowed after unary operator: '-nodes'
(1616,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1624,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1624,35): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(1632,30): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1634,21): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1637,36): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1649,32): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1654,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(1655,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(1656,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1662,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(1668,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1683,52): run-time error CSS1039: Token not allowed after unary operator: '-shadow-lg'
(1684,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1687,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(1689,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(1693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1709,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1710,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1717,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line-strong'
(1721,22): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1729,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1750,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1751,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1757,22): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1764,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1781,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1782,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1786,41): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1787,43): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1802,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1807,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(1813,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1826,41): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1827,17): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1832,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1833,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(1845,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(1846,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1852,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1860,24): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1878,22): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1893,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(1900,41): run-time error CSS1039: Token not allowed after unary operator: '-mk-accent'
(1905,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(1944,14): run-time error CSS1039: Token not allowed after unary operator: '-color-bg'
(1949,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(1956,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(1963,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(1964,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1968,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-hero'
(1970,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(1976,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1980,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(1982,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(1984,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(1989,25): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(2034,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-xl'
(2035,46): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(2036,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2047,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2047,35): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2072,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2078,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(2086,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2091,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2093,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2093,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2095,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2096,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2103,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2104,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(2105,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2118,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2123,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2124,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2131,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2132,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2133,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-xl'
(2135,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2136,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-sm'
(2143,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2151,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-2xl'
(2156,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(2157,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(2160,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2168,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2175,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2176,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2176,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2177,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2178,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(2179,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2181,33): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(2181,44): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(2185,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-50'
(2186,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-700'
(2192,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2197,23): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2224,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2224,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2225,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-xl'
(2226,46): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft'
(2227,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2237,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-3xl'
(2238,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2238,32): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2243,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(2244,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2245,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2248,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(2252,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2257,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2259,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2259,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2260,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2261,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft'
(2262,47): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2263,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2264,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2265,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2271,17): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2281,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2286,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2291,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft'
(2292,17): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2297,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2298,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(2314,17): run-time error CSS1039: Token not allowed after unary operator: '-color-on-dark-muted'
(2320,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2326,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(2332,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(2334,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2336,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(2349,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2351,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2352,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(2354,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2365,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2370,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2379,14): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(2380,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2384,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-4xl'
(2385,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2385,32): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2390,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(2395,25): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(2401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2405,69): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2407,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2412,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(2423,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-hero'
(2425,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2429,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-md'
(2432,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2437,25): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(2445,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2446,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2452,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(2454,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full'
(2456,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2457,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2459,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2465,17): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2471,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2471,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2472,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-xl'
(2473,46): run-time error CSS1039: Token not allowed after unary operator: '-accent-soft'
(2474,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2480,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2485,22): run-time error CSS1039: Token not allowed after unary operator: '-accent'
(2492,15): run-time error CSS1039: Token not allowed after unary operator: '-header-h'
(2497,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2503,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(2507,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2517,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-full'
(2518,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2520,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text'
(2525,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(2526,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2532,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2534,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2535,32): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2539,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2545,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(2554,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-2xl'
(2555,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2561,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2561,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2562,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(2563,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(2564,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2571,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2572,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-lg'
(2574,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2580,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xs'
(2582,17): run-time error CSS1039: Token not allowed after unary operator: '-color-order'
(2584,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2588,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-lg'
(2589,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2593,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2600,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2601,25): run-time error CSS1039: Token not allowed after unary operator: '-section-y-sm'
(2602,32): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2612,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(2618,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-3xl'
(2619,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2619,32): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2624,23): run-time error CSS1039: Token not allowed after unary operator: '-font-latin'
(2625,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2626,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2629,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-1'
(2634,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2638,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2638,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2639,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2640,22): run-time error CSS1039: Token not allowed after unary operator: '-color-bg-alt'
(2641,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2646,17): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2651,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2657,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(2663,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(2670,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2674,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2675,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2680,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-12'
(2680,32): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2681,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-xl'
(2683,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line'
(2689,25): run-time error CSS1039: Token not allowed after unary operator: '-sp-5'
(2691,22): run-time error CSS1039: Token not allowed after unary operator: '-color-order-50'
(2692,17): run-time error CSS1039: Token not allowed after unary operator: '-color-order'
(2705,21): run-time error CSS1039: Token not allowed after unary operator: '-container-narrow'
(2710,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-xl'
(2711,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(2711,33): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2712,24): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2713,33): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2721,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2722,18): run-time error CSS1039: Token not allowed after unary operator: '-sp-3'
(2736,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2740,22): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2763,17): run-time error CSS1039: Token not allowed after unary operator: '-color-muted'
(2767,21): run-time error CSS1039: Token not allowed after unary operator: '-fs-sm'
(2770,26): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2771,26): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2772,26): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2773,27): run-time error CSS1039: Token not allowed after unary operator: '-sp-10'
(2774,29): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2775,29): run-time error CSS1039: Token not allowed after unary operator: '-sp-6'
(2776,29): run-time error CSS1039: Token not allowed after unary operator: '-sp-8'
(2780,16): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2783,19): run-time error CSS1039: Token not allowed after unary operator: '-sp-2'
(2783,31): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
(2784,22): run-time error CSS1039: Token not allowed after unary operator: '-color-ink'
(2786,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-md'
(2790,15): run-time error CSS1039: Token not allowed after unary operator: '-sp-4'
 */
/* ==========================================================================
   Namaste International — Design System & Site Styles
   --------------------------------------------------------------------------
   1. Tokens (CSS Variables)
   2. Reset / Base
   3. Layout (container, section, grid)
   4. Components
      4.1 Button   4.2 Badge   4.3 Card   4.4 Product Card   4.5 Section Title
      4.6 Breadcrumb   4.7 Form   4.8 Header   4.9 Footer   4.10 CTA band
      4.11 Steps / Timeline   4.12 FAQ   4.13 Flow diagram   4.14 Key-Value list
      4.15 Mockup (CSS UI illustration)   4.16 Icon
   5. Pages (hero, home, products, product detail, services, company, contact, privacy)
   6. Utilities
   7. Print
   ========================================================================== */

/* ==========================================================================
   1. Tokens
   ========================================================================== */
:root {
    /* Brand */
    --color-primary: #3B63B0;          /* logo blue (#4971B7) を少し深く */
    --color-primary-600: #2F5199;
    --color-primary-700: #24407C;
    --color-primary-100: #E4EBF8;
    --color-primary-50: #F3F6FC;

    /* Product accents */
    --color-reji: #D9537C;
    --color-reji-50: #FDF0F4;
    --color-meshi: #E8842E;
    --color-meshi-50: #FFF4EA;
    --color-order: #1F9C86;
    --color-order-50: #E9F7F4;

    /* Neutral */
    --color-ink: #141C33;
    --color-text: #3A4460;
    --color-muted: #6B7590;
    --color-line: #E2E7F0;
    --color-line-strong: #C9D2E1;
    --color-bg: #FFFFFF;
    --color-bg-alt: #F6F8FC;
    --color-bg-dark: #10192F;
    --color-on-dark: #F4F6FB;
    --color-on-dark-muted: #AEB8CE;

    /* Status */
    --color-danger: #D23F3F;
    --color-danger-50: #FDEEEE;
    --color-success: #1E9E6C;

    /* Typography */
    --font-sans: "Noto Sans JP", "Inter", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, -apple-system, sans-serif;
    --font-latin: "Inter", "Noto Sans JP", system-ui, sans-serif;
    --fs-xs: 0.75rem;     /* 12 */
    --fs-sm: 0.875rem;    /* 14 */
    --fs-md: 1rem;        /* 16 */
    --fs-lg: 1.125rem;    /* 18 */
    --fs-xl: 1.25rem;     /* 20 */
    --fs-2xl: 1.5rem;     /* 24 */
    --fs-3xl: clamp(1.625rem, 1.2rem + 1.6vw, 2.125rem);   /* 26–34 */
    --fs-4xl: clamp(1.875rem, 1.3rem + 2.4vw, 2.75rem);    /* 30–44 */
    --fs-hero: clamp(1.875rem, 1.2rem + 3vw, 3.25rem);     /* 30–52 */
    --lh-tight: 1.25;
    --lh-snug: 1.45;
    --lh-body: 1.8;

    /* Spacing (4px base) */
    --sp-1: 0.25rem;
    --sp-2: 0.5rem;
    --sp-3: 0.75rem;
    --sp-4: 1rem;
    --sp-5: 1.25rem;
    --sp-6: 1.5rem;
    --sp-8: 2rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-16: 4rem;
    --sp-20: 5rem;
    --section-y: clamp(3.5rem, 6vw, 6rem);
    --section-y-sm: clamp(2.5rem, 4vw, 4rem);

    /* Layout */
    --container: 1200px;
    --container-narrow: 860px;
    --gutter: 1rem;
    --header-h: 64px;

    /* Radius / Shadow */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 999px;
    --shadow-sm: 0 1px 2px rgba(20, 28, 51, 0.06), 0 1px 3px rgba(20, 28, 51, 0.04);
    --shadow-md: 0 6px 18px -6px rgba(20, 28, 51, 0.12), 0 2px 6px rgba(20, 28, 51, 0.05);
    --shadow-lg: 0 20px 40px -16px rgba(20, 28, 51, 0.22);

    /* Motion */
    --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
    --dur: 180ms;
}

@media (min-width: 768px) {
    :root {
        --gutter: 1.5rem;
        --header-h: 72px;
    }
}

@media (min-width: 1024px) {
    :root {
        --gutter: 2rem;
    }
}

/* ==========================================================================
   2. Reset / Base
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *, *::before, *::after {
        transition: none !important;
        animation: none !important;
    }
}

body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: var(--fs-md);
    line-height: var(--lh-body);
    color: var(--color-text);
    background: var(--color-bg);
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: var(--color-ink);
    font-weight: 700;
    line-height: var(--lh-tight);
    letter-spacing: 0.01em;
}

p {
    margin: 0 0 var(--sp-4);
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: var(--color-primary);
    text-decoration: none;
    transition: color var(--dur) var(--ease);
}

a:hover {
    color: var(--color-primary-700);
}

ul, ol {
    margin: 0;
    padding: 0;
}

img, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

button, input, select, textarea {
    font: inherit;
    color: inherit;
}

button {
    cursor: pointer;
}

:focus-visible {
    outline: 3px solid rgba(59, 99, 176, 0.45);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}

[id] {
    scroll-margin-top: calc(var(--header-h) + 16px);
}

.en {
    font-family: var(--font-latin);
}

/* ==========================================================================
   3. Layout
   ========================================================================== */
.container {
    width: 100%;
    max-width: calc(var(--container) + var(--gutter) * 2);
    margin-inline: auto;
    padding-inline: var(--gutter);
}

.container--narrow {
    max-width: calc(var(--container-narrow) + var(--gutter) * 2);
}

.section {
    padding-block: var(--section-y);
}

.section--sm {
    padding-block: var(--section-y-sm);
}

.section--alt {
    background: var(--color-bg-alt);
}

.section--dark {
    background: var(--color-bg-dark);
    color: var(--color-on-dark);
}

.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4 {
    color: #fff;
}

.section--primary {
    background: var(--color-primary-50);
}

.grid {
    display: grid;
    gap: var(--sp-6);
}

@media (min-width: 640px) {
    .grid--2, .grid--3, .grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .grid--3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .grid--4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.split {
    display: grid;
    gap: var(--sp-8);
    align-items: center;
}

@media (min-width: 900px) {
    .split {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--sp-12);
    }

    .split--reverse > :first-child {
        order: 2;
    }
}

/* ==========================================================================
   4. Components
   ========================================================================== */

/* 4.1 Button ----------------------------------------------------------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-2);
    min-height: 48px;
    padding: 0.7rem 1.5rem;
    border: 1.5px solid transparent;
    border-radius: var(--radius-full);
    font-weight: 700;
    font-size: var(--fs-md);
    line-height: 1.2;
    white-space: nowrap;
    text-align: center;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}

.btn .icon {
    width: 1.1em;
    height: 1.1em;
    flex: none;
}

.btn:hover {
    transform: translateY(-1px);
}

.btn:active {
    transform: translateY(0);
}

.btn--primary {
    background: var(--color-primary);
    color: #fff;
    box-shadow: 0 6px 16px -8px rgba(59, 99, 176, 0.7);
}

.btn--primary:hover {
    background: var(--color-primary-600);
    color: #fff;
}

.btn--secondary {
    background: #fff;
    color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn--secondary:hover {
    background: var(--color-primary-50);
    color: var(--color-primary-700);
}

.btn--ghost {
    background: transparent;
    color: var(--color-ink);
    border-color: var(--color-line-strong);
}

.btn--ghost:hover {
    border-color: var(--color-ink);
    color: var(--color-ink);
}

.btn--on-dark {
    background: #fff;
    color: var(--color-primary-700);
}

.btn--on-dark:hover {
    background: var(--color-primary-50);
    color: var(--color-primary-700);
}

.btn--outline-dark {
    background: transparent;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}

.btn--outline-dark:hover {
    border-color: #fff;
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.btn--sm {
    min-height: 40px;
    padding: 0.45rem 1.1rem;
    font-size: var(--fs-sm);
}

.btn--lg {
    min-height: 56px;
    padding: 0.9rem 2rem;
    font-size: var(--fs-lg);
}

.btn--block {
    width: 100%;
}

.btn--muted {
    background: var(--color-bg-alt);
    color: var(--color-text);
    border-color: var(--color-line);
}

.btn--muted:hover {
    background: var(--color-line);
    color: var(--color-ink);
}

.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
}

.btn-group--center {
    justify-content: center;
}

/* Text link with arrow */
.link-arrow {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    font-weight: 700;
}

.link-arrow .icon {
    width: 1em;
    height: 1em;
    transition: transform var(--dur) var(--ease);
}

.link-arrow:hover .icon {
    transform: translateX(3px);
}

/* 4.2 Badge ------------------------------------------------------------ */
.badge {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    padding: 0.2rem 0.7rem;
    border-radius: var(--radius-full);
    background: var(--color-primary-100);
    color: var(--color-primary-700);
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.6;
    white-space: nowrap;
}

.badge--reji {
    background: var(--color-reji-50);
    color: var(--color-reji);
}

.badge--meshi {
    background: var(--color-meshi-50);
    color: var(--color-meshi);
}

.badge--order {
    background: var(--color-order-50);
    color: var(--color-order);
}

.badge--neutral {
    background: var(--color-bg-alt);
    color: var(--color-muted);
}

.badge--dark {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

/* 4.3 Card ------------------------------------------------------------- */
.card {
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-lg);
    padding: var(--sp-6);
    box-shadow: var(--shadow-sm);
}

.card--flat {
    box-shadow: none;
}

.card--hover {
    transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.card--hover:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: var(--color-line-strong);
}

.card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--radius-md);
    background: var(--color-primary-50);
    color: var(--color-primary);
    margin-bottom: var(--sp-4);
}

.card__icon .icon {
    width: 24px;
    height: 24px;
}

.card__title {
    font-size: var(--fs-lg);
    margin-bottom: var(--sp-2);
}

.card__text {
    color: var(--color-text);
    font-size: var(--fs-sm);
    line-height: 1.75;
}

.card__num {
    font-family: var(--font-latin);
    font-size: var(--fs-xs);
    font-weight: 700;
    color: var(--color-primary);
    letter-spacing: 0.08em;
    margin-bottom: var(--sp-2);
}

/* Feature card (icon + title + text) */
.feature-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.feature-card .card__text {
    flex: 1;
}

/* Problem / Solution */
.ps-card {
    position: relative;
    padding-left: calc(var(--sp-6) + 6px);
}

.ps-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    border-radius: var(--radius-lg) 0 0 var(--radius-lg);
    background: var(--color-line-strong);
}

.ps-card--solution::before {
    background: var(--color-order);
}

.ps-card--problem::before {
    background: var(--color-danger);
}

.ps-card__label {
    display: inline-block;
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: 0.08em;
    margin-bottom: var(--sp-2);
    color: var(--color-muted);
}

.ps-card--solution .ps-card__label {
    color: var(--color-order);
}

.ps-card--problem .ps-card__label {
    color: var(--color-danger);
}

/* Check list */
.check-list {
    list-style: none;
    display: grid;
    gap: var(--sp-2);
}

.check-list li {
    position: relative;
    padding-left: 1.75rem;
    line-height: 1.7;
}

.check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
    background: var(--color-primary-100) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B63B0' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center / 60% no-repeat;
}

.check-list--reji li::before {
    background-color: var(--color-reji-50);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D9537C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}

.check-list--meshi li::before {
    background-color: var(--color-meshi-50);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E8842E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}

.check-list--order li::before {
    background-color: var(--color-order-50);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F9C86' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");
}

.check-list--2col {
    grid-template-columns: 1fr;
}

@media (min-width: 640px) {
    .check-list--2col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: var(--sp-6);
    }
}

/* 4.4 Product Card ----------------------------------------------------- */
.product-card {
    --accent: var(--color-primary);
    --accent-soft: var(--color-primary-50);
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.product-card--reji {
    --accent: var(--color-reji);
    --accent-soft: var(--color-reji-50);
}

.product-card--meshi {
    --accent: var(--color-meshi);
    --accent-soft: var(--color-meshi-50);
}

.product-card--order {
    --accent: var(--color-order);
    --accent-soft: var(--color-order-50);
}

.product-card__visual {
    background: var(--accent-soft);
    padding: var(--sp-6) var(--sp-6) 0;
    min-height: 168px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.product-card__body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: var(--sp-6);
    gap: var(--sp-3);
}

.product-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-2);
    flex-wrap: wrap;
}

.product-card__name {
    font-size: var(--fs-xl);
    line-height: 1.3;
}

.product-card__name small {
    display: block;
    font-family: var(--font-latin);
    font-size: var(--fs-xs);
    font-weight: 600;
    color: var(--color-muted);
    letter-spacing: 0.04em;
    margin-top: 2px;
}

.product-card__tagline {
    font-weight: 700;
    color: var(--color-ink);
}

.product-card__desc {
    font-size: var(--fs-sm);
    line-height: 1.75;
}

.product-card__list {
    list-style: none;
    display: grid;
    gap: var(--sp-1);
    font-size: var(--fs-sm);
    margin-top: var(--sp-1);
}

.product-card__list li {
    position: relative;
    padding-left: 1.2rem;
}

.product-card__list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.75em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent);
}

.product-card__note {
    font-size: var(--fs-xs);
    color: var(--color-muted);
}

.product-card__foot {
    margin-top: auto;
    padding-top: var(--sp-4);
    display: flex;
    flex-direction: column;
    gap: var(--sp-2);
}

.product-card__foot .btn--primary {
    background: var(--accent);
    box-shadow: none;
}

.product-card__foot .btn--primary:hover {
    filter: brightness(0.92);
    background: var(--accent);
}

.product-card__ext {
    font-size: var(--fs-xs);
    color: var(--color-muted);
    text-align: center;
}

/* 4.5 Section Title ---------------------------------------------------- */
.section-head {
    max-width: 760px;
    margin-bottom: var(--sp-10);
}

.section-head--center {
    margin-inline: auto;
    text-align: center;
}

.section-head__eyebrow {
    display: inline-block;
    font-family: var(--font-latin);
    font-size: var(--fs-xs);
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-primary);
    margin-bottom: var(--sp-3);
}

.section--dark .section-head__eyebrow {
    color: var(--color-on-dark-muted);
}

.section-head__title {
    font-size: var(--fs-4xl);
    margin-bottom: var(--sp-4);
}

.section-head__title--sm {
    font-size: var(--fs-3xl);
}

.section-head__lead {
    font-size: var(--fs-md);
    color: var(--color-text);
}

.section--dark .section-head__lead {
    color: var(--color-on-dark-muted);
}

@media (min-width: 768px) {
    .section-head__lead {
        font-size: var(--fs-lg);
    }
}

/* 4.6 Breadcrumb ------------------------------------------------------- */
.breadcrumb {
    padding-block: var(--sp-3);
    font-size: var(--fs-sm);
    border-bottom: 1px solid var(--color-line);
    background: #fff;
}

.breadcrumb ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--sp-1) var(--sp-2);
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-2);
    color: var(--color-muted);
}

.breadcrumb li + li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid var(--color-line-strong);
    border-bottom: 1.5px solid var(--color-line-strong);
    transform: rotate(-45deg);
    flex: none;
}

.breadcrumb a {
    color: var(--color-text);
}

.breadcrumb a:hover {
    color: var(--color-primary);
}

.breadcrumb [aria-current="page"] {
    color: var(--color-ink);
    font-weight: 600;
}

/* 4.7 Form ------------------------------------------------------------- */
.form {
    display: grid;
    gap: var(--sp-5);
}

.form-row {
    display: grid;
    gap: var(--sp-2);
}

@media (min-width: 768px) {
    .form-row {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: var(--sp-6);
        align-items: start;
    }
}

.form-label {
    display: flex;
    align-items: center;
    gap: var(--sp-2);
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.5;
    padding-top: 0.6rem;
}

.form-label .req {
    display: inline-block;
    padding: 0.05rem 0.45rem;
    border-radius: var(--radius-sm);
    background: var(--color-danger);
    color: #fff;
    font-size: var(--fs-xs);
    font-weight: 700;
    line-height: 1.5;
}

.form-control,
.form-select,
.form-textarea {
    width: 100%;
    min-height: 48px;
    padding: 0.65rem 0.9rem;
    border: 1.5px solid var(--color-line-strong);
    border-radius: var(--radius-md);
    background: #fff;
    color: var(--color-ink);
    transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}

.form-control:focus,
.form-select:focus,
.form-textarea:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(59, 99, 176, 0.18);
}

.form-textarea {
    min-height: 200px;
    resize: vertical;
    line-height: 1.7;
}

.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233A4460' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 18px;
    padding-right: 2.6rem;
}

.form-field--error .form-control,
.form-field--error .form-select,
.form-field--error .form-textarea {
    border-color: var(--color-danger);
    background: #FFFBFB;
}

.form-error {
    display: block;
    color: var(--color-danger);
    font-size: var(--fs-sm);
    font-weight: 600;
    margin-top: var(--sp-1);
}

.form-help {
    font-size: var(--fs-sm);
    color: var(--color-muted);
    margin-top: var(--sp-1);
}

.form-alert {
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--radius-md);
    background: var(--color-danger-50);
    border: 1px solid rgba(210, 63, 63, 0.3);
    color: var(--color-danger);
    font-weight: 700;
}

.form-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-3);
    justify-content: center;
    padding-top: var(--sp-4);
}

/* Confirm table */
.confirm-list {
    border-top: 1px solid var(--color-line);
}

.confirm-row {
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-4) 0;
    border-bottom: 1px solid var(--color-line);
}

@media (min-width: 768px) {
    .confirm-row {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: var(--sp-6);
    }
}

.confirm-row dt {
    font-weight: 700;
    color: var(--color-ink);
}

.confirm-row dd {
    margin: 0;
    overflow-wrap: anywhere;
}

/* 4.8 Header ----------------------------------------------------------- */
.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    height: var(--header-h);
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: saturate(160%) blur(10px);
    -webkit-backdrop-filter: saturate(160%) blur(10px);
    border-bottom: 1px solid transparent;
    transition: border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}

.site-header.is-scrolled {
    border-color: var(--color-line);
    box-shadow: var(--shadow-sm);
}

.site-header__inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-4);
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-3);
    color: var(--color-ink);
    min-width: 0;
}

.brand:hover {
    color: var(--color-ink);
}

.brand__logo {
    width: 40px;
    height: 40px;
    flex: none;
}

.brand__name {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}

.brand__name strong {
    font-size: var(--fs-sm);
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.brand__name span {
    font-family: var(--font-latin);
    font-size: 10px;
    letter-spacing: 0.08em;
    color: var(--color-muted);
    text-transform: uppercase;
}

@media (min-width: 400px) {
    .brand__name strong {
        font-size: var(--fs-md);
    }
}

.nav {
    display: none;
    align-items: center;
    gap: var(--sp-1);
}

.nav__list {
    list-style: none;
    display: flex;
    align-items: center;
    gap: var(--sp-1);
}

.nav__link {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.85rem;
    border-radius: var(--radius-full);
    color: var(--color-text);
    font-size: var(--fs-sm);
    font-weight: 600;
    transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
}

.nav__link:hover {
    background: var(--color-bg-alt);
    color: var(--color-ink);
}

.nav__link.is-active {
    color: var(--color-primary);
    background: var(--color-primary-50);
}

.nav__cta {
    margin-left: var(--sp-3);
}

.nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    background: #fff;
    color: var(--color-ink);
}

.nav-toggle .icon {
    width: 22px;
    height: 22px;
}

.nav-toggle .icon--close {
    display: none;
}

.nav-toggle[aria-expanded="true"] .icon--menu {
    display: none;
}

.nav-toggle[aria-expanded="true"] .icon--close {
    display: block;
}

/* Mobile drawer */
.nav-drawer {
    position: fixed;
    inset: var(--header-h) 0 0 0;
    z-index: 99;
    background: #fff;
    padding: var(--sp-4) var(--gutter) var(--sp-8);
    overflow-y: auto;
    transform: translateY(-8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease), visibility 0s linear var(--dur);
}

.nav-drawer.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
}

.nav-drawer__list {
    list-style: none;
    display: grid;
}

.nav-drawer__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--sp-4) var(--sp-2);
    border-bottom: 1px solid var(--color-line);
    color: var(--color-ink);
    font-weight: 700;
    font-size: var(--fs-lg);
}

.nav-drawer__list a.is-active {
    color: var(--color-primary);
}

.nav-drawer__list a .icon {
    width: 18px;
    height: 18px;
    color: var(--color-muted);
}

.nav-drawer__sub {
    list-style: none;
    padding: var(--sp-2) 0 var(--sp-3) var(--sp-4);
    border-bottom: 1px solid var(--color-line);
    display: grid;
    gap: var(--sp-1);
}

.nav-drawer__sub a {
    border: 0;
    padding: var(--sp-2) var(--sp-2);
    font-size: var(--fs-md);
    font-weight: 500;
    color: var(--color-text);
}

.nav-drawer__cta {
    margin-top: var(--sp-6);
    display: grid;
    gap: var(--sp-3);
}

body.nav-open {
    overflow: hidden;
}

@media (min-width: 1024px) {
    .nav {
        display: flex;
    }

    .nav-toggle,
    .nav-drawer {
        display: none;
    }
}

/* 4.9 Footer ----------------------------------------------------------- */
.site-footer {
    background: var(--color-bg-dark);
    color: var(--color-on-dark-muted);
    padding-top: var(--sp-16);
    font-size: var(--fs-sm);
}

.site-footer a {
    color: var(--color-on-dark-muted);
}

.site-footer a:hover {
    color: #fff;
}

.site-footer__grid {
    display: grid;
    gap: var(--sp-10);
    padding-bottom: var(--sp-12);
}

@media (min-width: 768px) {
    .site-footer__grid {
        grid-template-columns: 1.6fr 1fr 1fr 1fr;
        gap: var(--sp-8);
    }
}

.site-footer .brand {
    color: #fff;
    margin-bottom: var(--sp-4);
}

.site-footer .brand__name strong {
    white-space: normal;
}

.site-footer .brand__name span {
    color: var(--color-on-dark-muted);
}

.site-footer__desc {
    max-width: 380px;
    line-height: 1.8;
}

.site-footer__title {
    color: #fff;
    font-size: var(--fs-sm);
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: var(--sp-4);
}

.site-footer__links {
    list-style: none;
    display: grid;
    gap: var(--sp-2);
}

.site-footer__links .ext::after {
    content: "↗";
    margin-left: 0.25em;
    font-size: 0.85em;
}

.site-footer__address {
    font-style: normal;
    line-height: 1.9;
}

.site-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: var(--sp-5) 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--sp-2) var(--sp-4);
    font-size: var(--fs-xs);
}

/* 4.10 CTA band -------------------------------------------------------- */
.cta-band {
    background: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-primary) 60%, #4E7BCB 100%);
    color: #fff;
    padding-block: var(--section-y-sm);
}

.cta-band__inner {
    display: grid;
    gap: var(--sp-6);
    align-items: center;
}

@media (min-width: 900px) {
    .cta-band__inner {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

.cta-band__title {
    color: #fff;
    font-size: var(--fs-3xl);
    margin-bottom: var(--sp-2);
}

.cta-band__text {
    color: rgba(255, 255, 255, 0.85);
}

/* 4.11 Steps / Timeline ------------------------------------------------ */
.steps {
    list-style: none;
    display: grid;
    gap: var(--sp-6);
    counter-reset: step;
}

.step {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: var(--sp-4);
    counter-increment: step;
}

.step__marker {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--color-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-latin);
    font-weight: 700;
    box-shadow: 0 0 0 6px var(--color-primary-50);
    z-index: 1;
}

.step__marker::before {
    content: counter(step, decimal-leading-zero);
}

/* vertical connector (mobile) */
.step:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 21px;
    top: 44px;
    bottom: calc(-1 * var(--sp-6));
    border-left: 2px dashed var(--color-line-strong);
}

.step__title {
    font-size: var(--fs-lg);
    margin-bottom: var(--sp-1);
    padding-top: 0.55rem;
}

.step__text {
    font-size: var(--fs-sm);
    line-height: 1.75;
}

.step__tags {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-1);
    margin-top: var(--sp-2);
}

.step__tags li {
    font-size: var(--fs-xs);
    padding: 0.1rem 0.55rem;
    border-radius: var(--radius-full);
    background: var(--color-bg-alt);
    color: var(--color-text);
    border: 1px solid var(--color-line);
}

@media (min-width: 900px) {
    .steps--horizontal {
        grid-template-columns: repeat(var(--steps, 5), minmax(0, 1fr));
        gap: var(--sp-4);
    }

    .steps--horizontal .step {
        grid-template-columns: 1fr;
        gap: var(--sp-3);
    }

    .steps--horizontal .step__marker {
        margin: 0;
    }

    .steps--horizontal .step:not(:last-child)::before {
        left: 44px;
        right: calc(-1 * var(--sp-4));
        top: 21px;
        bottom: auto;
        border-left: 0;
        border-top: 2px dashed var(--color-line-strong);
    }

    .steps--horizontal .step__title {
        padding-top: 0;
    }
}

/* 4.12 FAQ ------------------------------------------------------------- */
.faq {
    display: grid;
    gap: var(--sp-3);
}

.faq__item {
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
    background: #fff;
    overflow: hidden;
}

.faq__item summary {
    list-style: none;
    display: flex;
    align-items: flex-start;
    gap: var(--sp-3);
    padding: var(--sp-4) var(--sp-5);
    cursor: pointer;
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.6;
}

.faq__item summary::-webkit-details-marker {
    display: none;
}

.faq__q {
    flex: none;
    font-family: var(--font-latin);
    color: var(--color-primary);
    font-weight: 800;
}

.faq__toggle {
    margin-left: auto;
    flex: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--color-primary-50);
    color: var(--color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--dur) var(--ease);
}

.faq__toggle .icon {
    width: 14px;
    height: 14px;
}

.faq__item[open] .faq__toggle {
    transform: rotate(45deg);
}

.faq__a {
    padding: 0 var(--sp-5) var(--sp-5) calc(var(--sp-5) + 1.6rem);
    font-size: var(--fs-sm);
    line-height: 1.8;
}

/* 4.13 Flow diagram (Reji × Meshi など) --------------------------------- */
.flow {
    list-style: none;
    display: grid;
    gap: 0;
}

.flow__node {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--sp-4);
    padding: var(--sp-4) var(--sp-5);
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.flow__node + .flow__node {
    margin-top: var(--sp-8);
}

.flow__node + .flow__node::before {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(-1 * var(--sp-8));
    height: var(--sp-8);
    border-left: 2px solid var(--color-line-strong);
}

.flow__node + .flow__node::after {
    content: "";
    position: absolute;
    left: calc(50% - 5px);
    top: -8px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--color-line-strong);
    border-bottom: 2px solid var(--color-line-strong);
    transform: rotate(45deg);
    background: #fff;
}

.flow__icon {
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-alt);
    color: var(--color-ink);
}

.flow__icon .icon {
    width: 22px;
    height: 22px;
}

.flow__node--reji {
    border-color: rgba(217, 83, 124, 0.35);
}

.flow__node--reji .flow__icon {
    background: var(--color-reji-50);
    color: var(--color-reji);
}

.flow__node--meshi {
    border-color: rgba(232, 132, 46, 0.35);
}

.flow__node--meshi .flow__icon {
    background: var(--color-meshi-50);
    color: var(--color-meshi);
}

.flow__label {
    font-weight: 700;
    color: var(--color-ink);
    line-height: 1.4;
}

.flow__label small {
    display: block;
    font-size: var(--fs-xs);
    font-weight: 500;
    color: var(--color-muted);
    margin-top: 2px;
}

@media (min-width: 900px) {
    .flow--horizontal {
        grid-template-columns: repeat(var(--nodes, 6), minmax(0, 1fr));
        gap: var(--sp-6);
        align-items: stretch;
    }

    .flow--horizontal .flow__node {
        flex-direction: column;
        text-align: center;
        justify-content: flex-start;
        padding: var(--sp-5) var(--sp-3);
    }

    .flow--horizontal .flow__node + .flow__node {
        margin-top: 0;
    }

    .flow--horizontal .flow__node + .flow__node::before {
        left: calc(-1 * var(--sp-6));
        top: 50%;
        width: var(--sp-6);
        height: 0;
        border-left: 0;
        border-top: 2px solid var(--color-line-strong);
    }

    .flow--horizontal .flow__node + .flow__node::after {
        left: -9px;
        top: calc(50% - 4px);
        transform: rotate(-45deg);
    }
}

/* 4.14 Key-Value list (会社概要) ---------------------------------------- */
.kv {
    border-top: 1px solid var(--color-line);
}

.kv__row {
    display: grid;
    gap: var(--sp-1);
    padding: var(--sp-4) 0;
    border-bottom: 1px solid var(--color-line);
}

@media (min-width: 640px) {
    .kv__row {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: var(--sp-6);
    }
}

.kv__row dt {
    font-weight: 700;
    color: var(--color-ink);
}

.kv__row dd {
    margin: 0;
    line-height: 1.8;
}

/* 4.15 Mockup — CSS-only product UI illustration ----------------------- */
.mockup {
    --mk-accent: var(--color-primary);
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.02), var(--shadow-lg);
    border: 1px solid var(--color-line);
    border-bottom: 0;
    overflow: hidden;
    font-family: var(--font-latin);
    font-size: 11px;
    color: var(--color-muted);
}

.mockup--reji {
    --mk-accent: var(--color-reji);
}

.mockup--meshi {
    --mk-accent: var(--color-meshi);
}

.mockup--order {
    --mk-accent: var(--color-order);
}

.mockup__bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--color-line);
    background: var(--color-bg-alt);
}

.mockup__bar i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-line-strong);
}

.mockup__bar i:first-child {
    background: var(--mk-accent);
}

.mockup__bar span {
    margin-left: auto;
    height: 8px;
    width: 40%;
    border-radius: 4px;
    background: var(--color-line);
}

.mockup__body {
    padding: 12px;
    display: grid;
    gap: 8px;
}

.mockup__row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.mockup__chip {
    height: 22px;
    padding: 0 8px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    background: var(--color-bg-alt);
    color: var(--color-text);
    font-weight: 600;
    white-space: nowrap;
}

.mockup__chip--accent {
    background: var(--mk-accent);
    color: #fff;
}

.mockup__line {
    height: 8px;
    border-radius: 4px;
    background: var(--color-line);
    flex: 1;
}

.mockup__line--short {
    flex: 0 0 35%;
}

.mockup__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}

.mockup__tile {
    height: 34px;
    border-radius: 6px;
    background: var(--color-bg-alt);
    border: 1px solid var(--color-line);
}

.mockup__tile--accent {
    background: color-mix(in srgb, var(--mk-accent) 18%, #fff);
    border-color: color-mix(in srgb, var(--mk-accent) 40%, #fff);
}

.mockup__table {
    display: grid;
    gap: 4px;
}

.mockup__tr {
    display: grid;
    grid-template-columns: 1.4fr 2fr 1fr 1fr;
    gap: 6px;
    align-items: center;
    padding: 5px 6px;
    border-radius: 4px;
    background: var(--color-bg-alt);
}

.mockup__tr--head {
    background: transparent;
    color: var(--color-muted);
    font-weight: 700;
    letter-spacing: 0.04em;
}

.mockup__tr b {
    color: var(--color-ink);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mockup__status {
    display: inline-block;
    padding: 1px 6px;
    border-radius: 999px;
    font-weight: 700;
    font-size: 10px;
    background: color-mix(in srgb, var(--mk-accent) 15%, #fff);
    color: var(--mk-accent);
    text-align: center;
}

.mockup__status--muted {
    background: var(--color-line);
    color: var(--color-muted);
}

.mockup__kpi {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.mockup__kpi div {
    padding: 8px;
    border-radius: 6px;
    background: var(--color-bg-alt);
    border: 1px solid var(--color-line);
}

.mockup__kpi b {
    display: block;
    font-size: 14px;
    color: var(--color-ink);
}

/* phone variant */
.mockup--phone {
    max-width: 200px;
    border-radius: 22px 22px 0 0;
    border-width: 4px 4px 0;
    border-color: var(--color-ink);
    background: #fff;
}

.mockup--phone .mockup__bar {
    justify-content: center;
    background: #fff;
    border: 0;
    padding-top: 10px;
}

.mockup--phone .mockup__bar i {
    display: none;
}

.mockup--phone .mockup__bar span {
    margin: 0;
    width: 40%;
    background: var(--color-ink);
}

.mockup__menu {
    display: grid;
    gap: 6px;
}

.mockup__menu div {
    display: grid;
    grid-template-columns: 34px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 6px;
    border-radius: 8px;
    border: 1px solid var(--color-line);
}

.mockup__menu i {
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background: color-mix(in srgb, var(--mk-accent) 25%, #fff);
}

.mockup__menu b {
    font-size: 10px;
    color: var(--color-ink);
}

/* Fallback for browsers without color-mix */
@supports not (background: color-mix(in srgb, red 10%, white)) {
    .mockup__tile--accent, .mockup__status, .mockup__menu i {
        background: var(--color-primary-100);
    }
}

/* 4.16 Icon ------------------------------------------------------------ */
.icon {
    width: 1em;
    height: 1em;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: none;
}

.icon--fill {
    fill: currentColor;
    stroke: none;
}

/* ==========================================================================
   5. Pages
   ========================================================================== */

/* Hero (home) ---------------------------------------------------------- */
.hero {
    position: relative;
    overflow: hidden;
    padding-block: clamp(3rem, 8vw, 6.5rem) clamp(3rem, 6vw, 5rem);
    background:
        radial-gradient(60% 50% at 85% 10%, rgba(59, 99, 176, 0.10) 0%, rgba(59, 99, 176, 0) 70%),
        radial-gradient(40% 40% at 10% 90%, rgba(217, 83, 124, 0.06) 0%, rgba(217, 83, 124, 0) 70%),
        var(--color-bg);
}

.hero__inner {
    display: grid;
    gap: var(--sp-10);
    align-items: center;
}

@media (min-width: 1024px) {
    .hero__inner {
        grid-template-columns: 1.05fr 0.95fr;
        gap: var(--sp-12);
    }
}

.hero__eyebrow {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-bottom: var(--sp-5);
}

.hero__title {
    font-size: var(--fs-hero);
    line-height: 1.3;
    margin-bottom: var(--sp-5);
    letter-spacing: 0.005em;
}

.hero__title em {
    font-style: normal;
    color: var(--color-primary);
}

.hero__lead {
    font-size: var(--fs-md);
    line-height: 1.9;
    color: var(--color-text);
    max-width: 560px;
    margin-bottom: var(--sp-8);
}

@media (min-width: 768px) {
    .hero__lead {
        font-size: var(--fs-lg);
    }
}

.hero__visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 300px;
}

.hero__stage {
    position: relative;
    width: 100%;
    max-width: 520px;
    aspect-ratio: 5 / 4;
}

.hero__stage .mockup {
    position: absolute;
}

.hero__stage .mockup--order {
    left: 0;
    top: 0;
    max-width: 78%;
}

.hero__stage .mockup--reji {
    right: 0;
    bottom: 8%;
    max-width: 58%;
}

.hero__stage .mockup--phone {
    left: 8%;
    bottom: 0;
    max-width: 30%;
    z-index: 2;
}

.hero__stage::before {
    content: "";
    position: absolute;
    inset: 10% 5% 0;
    border-radius: var(--radius-xl);
    background: linear-gradient(160deg, var(--color-primary-50), #fff 60%);
    border: 1px solid var(--color-line);
}

/* 狭い画面では 1 枚のモックアップだけを静的に表示（重なり防止） */
@media (max-width: 1023px) {
    .hero__visual {
        min-height: 0;
    }

    .hero__stage {
        aspect-ratio: auto;
        padding: var(--sp-6) var(--sp-4) 0;
    }

    .hero__stage::before {
        inset: 0;
    }

    .hero__stage .mockup {
        position: relative;
    }

    .hero__stage .mockup--order {
        max-width: 100%;
        margin: 0 auto;
    }

    .hero__stage .mockup--reji,
    .hero__stage .mockup--phone {
        display: none;
    }
}

/* Home: About strip ---------------------------------------------------- */
.about-strip {
    display: grid;
    gap: var(--sp-6);
}

@media (min-width: 900px) {
    .about-strip {
        grid-template-columns: 1.2fr 1fr;
        gap: var(--sp-12);
        align-items: start;
    }
}

.pillars {
    list-style: none;
    display: grid;
    gap: var(--sp-3);
}

.pillar {
    display: flex;
    gap: var(--sp-4);
    align-items: flex-start;
    padding: var(--sp-4) var(--sp-5);
    background: #fff;
    border: 1px solid var(--color-line);
    border-radius: var(--radius-md);
}

.pillar__icon {
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-md);
    background: var(--color-primary-50);
    color: var(--color-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pillar__icon .icon {
    width: 20px;
    height: 20px;
}

.pillar strong {
    display: block;
    color: var(--color-ink);
    margin-bottom: 2px;
}

.pillar span {
    font-size: var(--fs-sm);
    color: var(--color-muted);
}

/* Home: Business (2 categories) ---------------------------------------- */
.biz-card {
    display: flex;
    flex-direction: column;
    gap: var(--sp-4);
    padding: var(--sp-8);
    border-radius: var(--radius-xl);
    background: #fff;
    border: 1px solid var(--color-line);
    box-shadow: var(--shadow-sm);
    height: 100%;
}

.biz-card__head {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
}

.biz-card__head .card__icon {
    margin: 0;
}

.biz-card__title {
    font-size: var(--fs-2xl);
}

.biz-card__title small {
    display: block;
    font-family: var(--font-latin);
    font-size: var(--fs-xs);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-muted);
    font-weight: 600;
    margin-top: 2px;
}

.biz-card__list {
    list-style: none;
    display: grid;
    gap: var(--sp-2);
}

.biz-card__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sp-3);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--radius-md);
    background: var(--color-bg-alt);
    color: var(--color-ink);
    font-weight: 600;
    transition: background var(--dur) var(--ease);
}

.biz-card__list a:hover {
    background: var(--color-primary-50);
    color: var(--color-primary-700);
}

.biz-card__list .icon {
    width: 16px;
    height: 16px;
    color: var(--color-muted);
}

.biz-card__foot {
    margin-top: auto;
    padding-top: var(--sp-2);
}

/* Product feature block (home: Sakura Reji / Sakura Meshi / OMS) ------- */
.product-feature {
    --accent: var(--color-primary);
    --accent-soft: var(--color-primary-50);
}

.product-feature--reji {
    --accent: var(--color-reji);
    --accent-soft: var(--color-reji-50);
}

.product-feature--meshi {
    --accent: var(--color-meshi);
    --accent-soft: var(--color-meshi-50);
}

.product-feature--order {
    --accent: var(--color-order);
    --accent-soft: var(--color-order-50);
}

.product-feature__visual {
    display: grid;
    place-items: center;
    padding: var(--sp-8) var(--sp-6) 0;
    border-radius: var(--radius-xl);
    background: linear-gradient(160deg, var(--accent-soft), #fff 90%);
    border: 1px solid var(--color-line);
    min-height: 280px;
    overflow: hidden;
}

.product-feature__visual .mockup {
    margin-top: auto;
}

.product-feature__title {
    font-size: var(--fs-3xl);
    margin: var(--sp-3) 0 var(--sp-4);
}

.product-feature__title small {
    display: block;
    font-family: var(--font-latin);
    font-size: var(--fs-sm);
    color: var(--color-muted);
    font-weight: 600;
    letter-spacing: 0.04em;
    margin-top: var(--sp-1);
}

.product-feature__lead {
    margin-bottom: var(--sp-5);
}

.product-feature__highlight {
    display: flex;
    gap: var(--sp-3);
    align-items: flex-start;
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--radius-md);
    background: var(--accent-soft);
    border: 1px solid color-mix(in srgb, var(--accent) 25%, #fff);
    margin: var(--sp-5) 0;
    font-size: var(--fs-sm);
    color: var(--color-ink);
}

.product-feature__highlight .icon {
    width: 20px;
    height: 20px;
    color: var(--accent);
    margin-top: 3px;
}

.product-feature__highlight strong {
    display: block;
    margin-bottom: 2px;
}

.product-feature .btn--primary {
    background: var(--accent);
    box-shadow: none;
}

.product-feature .btn--primary:hover {
    background: var(--accent);
    filter: brightness(0.92);
}

.product-feature .badge {
    background: var(--accent-soft);
    color: var(--accent);
}

/* Why us --------------------------------------------------------------- */
.why-card {
    padding: var(--sp-6);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    height: 100%;
}

.why-card .card__icon {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.why-card .card__title {
    color: #fff;
}

.why-card .card__text {
    color: var(--color-on-dark-muted);
}

/* Company (home summary + page) --------------------------------------- */
.company-summary {
    display: grid;
    gap: var(--sp-8);
}

@media (min-width: 900px) {
    .company-summary {
        grid-template-columns: 1fr 1fr;
        gap: var(--sp-12);
        align-items: start;
    }
}

.map-embed {
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-line);
    aspect-ratio: 16 / 10;
    background: var(--color-bg-alt);
}

.map-embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Contact info cards --------------------------------------------------- */
.info-card {
    display: flex;
    gap: var(--sp-4);
    align-items: flex-start;
    padding: var(--sp-5);
    border-radius: var(--radius-lg);
    background: #fff;
    border: 1px solid var(--color-line);
}

.info-card .card__icon {
    margin: 0;
    width: 44px;
    height: 44px;
}

.info-card strong {
    display: block;
    color: var(--color-ink);
    margin-bottom: 2px;
}

.info-card p {
    font-size: var(--fs-sm);
    line-height: 1.8;
}

/* Page header (sub pages) ---------------------------------------------- */
.page-head {
    padding-block: clamp(2.5rem, 6vw, 4.5rem) clamp(2rem, 4vw, 3rem);
    background:
        radial-gradient(50% 60% at 90% 0%, rgba(59, 99, 176, 0.10) 0%, rgba(59, 99, 176, 0) 70%),
        var(--color-bg-alt);
    border-bottom: 1px solid var(--color-line);
}

.page-head__title {
    font-size: var(--fs-4xl);
    margin: var(--sp-3) 0 var(--sp-3);
}

.page-head__lead {
    max-width: 720px;
    font-size: var(--fs-md);
}

@media (min-width: 768px) {
    .page-head__lead {
        font-size: var(--fs-lg);
    }
}

/* Product detail hero -------------------------------------------------- */
.pd-hero {
    --accent: var(--color-order);
    --accent-soft: var(--color-order-50);
    padding-block: clamp(2.5rem, 6vw, 5rem);
    background:
        radial-gradient(55% 60% at 90% 10%, color-mix(in srgb, var(--accent) 14%, #fff) 0%, rgba(255, 255, 255, 0) 70%),
        #fff;
    border-bottom: 1px solid var(--color-line);
}

.pd-hero__inner {
    display: grid;
    gap: var(--sp-10);
    align-items: center;
}

@media (min-width: 1024px) {
    .pd-hero__inner {
        grid-template-columns: 1.05fr 0.95fr;
    }
}

.pd-hero__title {
    font-size: var(--fs-hero);
    line-height: 1.3;
    margin: var(--sp-4) 0;
}

.pd-hero__lead {
    font-size: var(--fs-md);
    line-height: 1.9;
    max-width: 560px;
    margin-bottom: var(--sp-6);
}

@media (min-width: 768px) {
    .pd-hero__lead {
        font-size: var(--fs-lg);
    }
}

.pd-hero__facts {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--sp-2);
    margin-bottom: var(--sp-6);
}

.pd-hero__facts li {
    display: inline-flex;
    align-items: center;
    gap: var(--sp-1);
    padding: 0.3rem 0.75rem;
    border-radius: var(--radius-full);
    background: #fff;
    border: 1px solid var(--color-line);
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--color-ink);
}

.pd-hero__facts .icon {
    width: 16px;
    height: 16px;
    color: var(--accent);
}

.pd-hero__visual {
    display: grid;
    place-items: end center;
    padding: var(--sp-8) var(--sp-6) 0;
    border-radius: var(--radius-xl);
    background: linear-gradient(160deg, var(--accent-soft), #fff 90%);
    border: 1px solid var(--color-line);
    min-height: 300px;
    overflow: hidden;
}

.pd-hero .btn--primary {
    background: var(--accent);
    box-shadow: none;
}

.pd-hero .btn--primary:hover {
    background: var(--accent);
    filter: brightness(0.92);
}

/* Product detail: sub nav (in-page) ------------------------------------ */
.subnav {
    position: sticky;
    top: var(--header-h);
    z-index: 50;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--color-line);
}

.subnav ul {
    list-style: none;
    display: flex;
    gap: var(--sp-1);
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-block: var(--sp-2);
}

.subnav ul::-webkit-scrollbar {
    display: none;
}

.subnav a {
    display: inline-block;
    padding: 0.4rem 0.9rem;
    border-radius: var(--radius-full);
    font-size: var(--fs-sm);
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
}

.subnav a:hover {
    background: var(--color-bg-alt);
    color: var(--color-ink);
}

/* Product detail: feature rows ----------------------------------------- */
.feature-row {
    display: grid;
    gap: var(--sp-6);
    align-items: center;
    padding: var(--sp-8) 0;
    border-top: 1px solid var(--color-line);
}

.feature-row:last-child {
    border-bottom: 1px solid var(--color-line);
}

@media (min-width: 900px) {
    .feature-row {
        grid-template-columns: minmax(0, 1fr) 380px;
        gap: var(--sp-12);
    }

    .feature-row--reverse > :first-child {
        order: 2;
    }
}

.feature-row__title {
    font-size: var(--fs-2xl);
    margin-bottom: var(--sp-3);
}

.feature-row__visual {
    display: grid;
    place-items: end center;
    padding: var(--sp-6) var(--sp-5) 0;
    border-radius: var(--radius-lg);
    background: var(--color-bg-alt);
    border: 1px solid var(--color-line);
    min-height: 220px;
    overflow: hidden;
}

/* Use cases ------------------------------------------------------------ */
.usecase {
    padding: var(--sp-6);
    border-radius: var(--radius-lg);
    background: #fff;
    border: 1px solid var(--color-line);
    height: 100%;
}

.usecase__tag {
    display: inline-block;
    font-size: var(--fs-xs);
    font-weight: 700;
    color: var(--color-order);
    letter-spacing: 0.06em;
    margin-bottom: var(--sp-2);
}

.usecase__title {
    font-size: var(--fs-lg);
    margin-bottom: var(--sp-2);
}

.usecase p {
    font-size: var(--fs-sm);
    line-height: 1.75;
}

/* Services page -------------------------------------------------------- */
.service-block {
    display: grid;
    gap: var(--sp-8);
    padding-block: var(--section-y-sm);
    border-top: 1px solid var(--color-line);
}

.service-block:first-of-type {
    border-top: 0;
}

@media (min-width: 900px) {
    .service-block {
        grid-template-columns: 1fr 1fr;
        gap: var(--sp-12);
        align-items: start;
    }
}

.service-block__title {
    font-size: var(--fs-3xl);
    margin: var(--sp-3) 0 var(--sp-4);
}

.service-block__title small {
    display: block;
    font-family: var(--font-latin);
    font-size: var(--fs-sm);
    color: var(--color-muted);
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-top: var(--sp-1);
}

.spec-list {
    display: grid;
    gap: var(--sp-3);
}

.spec {
    padding: var(--sp-4) var(--sp-5);
    border-radius: var(--radius-md);
    background: var(--color-bg-alt);
    border: 1px solid var(--color-line);
}

.spec strong {
    display: block;
    color: var(--color-ink);
    margin-bottom: 2px;
}

.spec span {
    font-size: var(--fs-sm);
}

/* Contact pages -------------------------------------------------------- */
.contact-layout {
    display: grid;
    gap: var(--sp-10);
}

@media (min-width: 1024px) {
    .contact-layout {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: var(--sp-12);
        align-items: start;
    }
}

.contact-aside {
    display: grid;
    gap: var(--sp-4);
}

.contact-note {
    font-size: var(--fs-sm);
    color: var(--color-muted);
}

.complete-box {
    text-align: center;
    padding: var(--sp-12) var(--sp-6);
    border-radius: var(--radius-xl);
    background: #fff;
    border: 1px solid var(--color-line);
}

.complete-box__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto var(--sp-5);
    border-radius: 50%;
    background: var(--color-order-50);
    color: var(--color-order);
    display: flex;
    align-items: center;
    justify-content: center;
}

.complete-box__icon .icon {
    width: 32px;
    height: 32px;
}

/* Privacy -------------------------------------------------------------- */
.prose {
    max-width: var(--container-narrow);
    margin-inline: auto;
}

.prose h2 {
    font-size: var(--fs-xl);
    margin: var(--sp-10) 0 var(--sp-3);
    padding-left: var(--sp-3);
    border-left: 4px solid var(--color-primary);
}

.prose ol {
    counter-reset: prose-item;
    list-style: none;
    padding-left: 2rem;
    display: grid;
    gap: var(--sp-2);
    margin: var(--sp-3) 0;
}

.prose ol > li {
    counter-increment: prose-item;
    position: relative;
}

.prose ol > li::before {
    content: counters(prose-item, ".") ".";
    position: absolute;
    right: 100%;
    margin-right: 0.4rem;
    white-space: nowrap;
    color: var(--color-muted);
}

.prose ol ol {
    margin-top: var(--sp-2);
}

/* ==========================================================================
   6. Utilities
   ========================================================================== */
.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.text-center {
    text-align: center;
}

.text-muted {
    color: var(--color-muted);
}

.text-sm {
    font-size: var(--fs-sm);
}

.mt-4 { margin-top: var(--sp-4); }
.mt-6 { margin-top: var(--sp-6); }
.mt-8 { margin-top: var(--sp-8); }
.mt-10 { margin-top: var(--sp-10); }
.mb-4 { margin-bottom: var(--sp-4); }
.mb-6 { margin-bottom: var(--sp-6); }
.mb-8 { margin-bottom: var(--sp-8); }

.skip-link {
    position: absolute;
    left: var(--sp-4);
    top: -100px;
    z-index: 1000;
    padding: var(--sp-2) var(--sp-4);
    background: var(--color-ink);
    color: #fff;
    border-radius: var(--radius-md);
}

.skip-link:focus {
    top: var(--sp-4);
    color: #fff;
}

/* ==========================================================================
   7. Print
   ========================================================================== */
@media print {
    .site-header, .site-footer, .nav-drawer, .subnav, .cta-band, .btn {
        display: none !important;
    }

    body {
        color: #000;
    }

    .section {
        padding-block: 1.5rem;
    }
}