/* Minification failed. Returning unminified contents.
(17,9): run-time error CSS1030: Expected identifier, found ':'
(17,10): run-time error CSS1031: Expected selector, found 'not('
(17,10): run-time error CSS1025: Expected comma or open brace, found 'not('
(125,8): run-time error CSS1030: Expected identifier, found '['
(125,15): run-time error CSS1031: Expected selector, found ']'
(125,15): run-time error CSS1025: Expected comma or open brace, found ']'
(130,8): run-time error CSS1030: Expected identifier, found '['
(130,24): run-time error CSS1031: Expected selector, found ']'
(130,24): run-time error CSS1025: Expected comma or open brace, found ']'
(138,8): run-time error CSS1030: Expected identifier, found '['
(138,18): run-time error CSS1031: Expected selector, found '='
(138,18): run-time error CSS1025: Expected comma or open brace, found '='
(150,19): run-time error CSS1030: Expected identifier, found '>'
(150,32): run-time error CSS1031: Expected selector, found ')'
(150,32): run-time error CSS1025: Expected comma or open brace, found ')'
(158,6): run-time error CSS1030: Expected identifier, found '>'
(158,19): run-time error CSS1031: Expected selector, found ')'
(158,19): run-time error CSS1025: Expected comma or open brace, found ')'
(169,22): run-time error CSS1039: Token not allowed after unary operator: '-svg-size'
(180,26): run-time error CSS1039: Token not allowed after unary operator: '-svg-external-link-size'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,16): run-time error CSS1039: Token not allowed after unary operator: '-svg-success-colour'
(215,16): run-time error CSS1039: Token not allowed after unary operator: '-svg-warning-colour'
(219,16): run-time error CSS1039: Token not allowed after unary operator: '-svg-critical-colour'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,37): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-decoration-height'
(248,33): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-decoration-colour'
(254,44): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-transition-duration-decoration'
(254,95): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-transition-timing-function'
(260,37): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-decoration-colour-hover'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,18): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-border-width'
(275,65): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-border-colour'
(276,25): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-border-radius'
(277,28): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-background-colour'
(278,19): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-padding-vertical'
(278,64): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-padding-horizontal'
(279,21): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-font-size'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,25): run-time error CSS1039: Token not allowed after unary operator: '-anchor-border-radius'
(317,23): run-time error CSS1039: Token not allowed after unary operator: '-anchor-font-weight'
(319,17): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour'
(320,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-duration-colour'
(320,69): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-timing-function'
(326,21): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour-hover'
(332,21): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour-focus'
(337,21): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour-active'
(353,36): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-height'
(355,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-height'
(356,27): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-height'
(357,29): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-border-radius'
(363,35): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-duration-decoration'
(364,42): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-timing-function'
(366,37): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-duration-decoration'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-colour-focus'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-colour-hover'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-colour-active'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,22): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow'
(452,18): run-time error CSS1039: Token not allowed after unary operator: '-button-border-width'
(452,51): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour'
(453,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius'
(454,28): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour'
(455,19): run-time error CSS1039: Token not allowed after unary operator: '-button-padding'
(456,21): run-time error CSS1039: Token not allowed after unary operator: '-button-font-size'
(457,23): run-time error CSS1039: Token not allowed after unary operator: '-button-font-weight'
(464,17): run-time error CSS1039: Token not allowed after unary operator: '-button-colour'
(466,31): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-duration'
(467,38): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-timing-function'
(474,35): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-duration'
(475,42): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-timing-function'
(481,26): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow-hover'
(482,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-hover'
(483,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-hover'
(484,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-hover'
(490,26): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow-focus'
(491,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-focus'
(492,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-focus'
(493,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-focus'
(498,26): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow-active'
(499,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-active'
(500,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-active'
(501,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-active'
(507,29): run-time error CSS1039: Token not allowed after unary operator: '-button-transform-active'
(513,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-disabled'
(514,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-disabled'
(515,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-disabled'
(528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(554,28): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap-bottom'
(555,18): run-time error CSS1039: Token not allowed after unary operator: '-aside-border-width'
(556,24): run-time error CSS1039: Token not allowed after unary operator: '-aside-border-colour'
(557,25): run-time error CSS1039: Token not allowed after unary operator: '-aside-border-radius'
(558,28): run-time error CSS1039: Token not allowed after unary operator: '-aside-background-colour'
(559,19): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(559,40): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(559,61): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(559,87): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(559,111): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(562,31): run-time error CSS1039: Token not allowed after unary operator: '-aside-transition-duration'
(563,38): run-time error CSS1039: Token not allowed after unary operator: '-aside-transition-timing-function'
(568,32): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap-bottom-last-item'
(575,19): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap'
(576,32): run-time error CSS1039: Token not allowed after unary operator: '-aside-row-gap-bottom'
(583,27): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap'
(588,26): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-gap-bottom'
(589,21): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-size'
(590,24): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-stretch'
(591,23): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-weight'
(592,35): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-variation-settings'
(593,26): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-letter-spacing'
(594,23): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-line-height'
(595,17): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-colour'
(618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(639,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-background-colour'
(641,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-transition-duration-fade-out'
(642,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-transition-timing-function'
(646,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-image-width'
(647,23): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-image-opacity'
(656,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-transition-duration-fade-in'
(665,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 '-'
(668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(670,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 '-'
(673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(741,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-shadow'
(742,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-width'
(742,63): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-colour'
(743,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-radius'
(744,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-radius'
(745,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(747,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(748,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(755,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(768,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-size'
(769,24): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-stretch'
(770,23): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-weight'
(771,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-letter-spacing'
(780,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-max-width'
(786,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-vertical'
(786,52): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(791,51): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(796,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(797,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(798,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(799,29): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-border-radius'
(808,30): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(811,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-shadow'
(812,18): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-width'
(812,58): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-colour'
(813,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(814,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(815,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(816,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-vertical'
(816,62): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-horizontal'
(820,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(821,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(828,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(833,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(847,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(848,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-decoration-padding'
(848,78): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-ascender-height'
(849,34): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-decoration-padding'
(849,76): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-decender-height'
(849,115): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(856,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-height'
(866,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-gap-horizontal'
(876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(917,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-gap-horizontal'
(918,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-gap-horizontal'
(937,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-backdrop-colour'
(939,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(940,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(942,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(943,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(952,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(952,71): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width'
(954,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-banner-current-height'
(954,82): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(956,42): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(958,41): run-time error CSS1039: Token not allowed after unary operator: '-navigate-banner-current-height'
(958,89): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(963,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-shadow'
(965,18): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-width'
(965,58): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-colour'
(966,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(967,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(968,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-vertical'
(968,62): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-horizontal'
(973,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(974,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(978,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(979,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(994,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1002,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-overflow-height'
(1004,16): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-overflow-colour'
(1068,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-vertical'
(1070,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1071,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-vertical'
(1073,51): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1083,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1088,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1089,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1090,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1091,29): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-border-radius'
(1133,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1135,24): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1135,68): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1143,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-width'
(1144,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1145,27): run-time error CSS1039: Token not allowed after unary operator: '-site-navigate-popup-menu-toggle-bar-height'
(1146,34): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1147,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour'
(1149,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1149,79): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-toggle-bar'
(1149,127): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-toggle-bar'
(1150,42): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1159,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1184,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-hover'
(1192,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-focus'
(1199,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-active'
(1211,45): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1211,92): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1212,37): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1212,84): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1217,46): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1217,93): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1218,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1218,85): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1227,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1228,17): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour'
(1230,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1230,71): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1236,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-hover'
(1242,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-focus'
(1247,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-active'
(1254,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-account-svg-size'
(1255,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-account-svg-size'
(1263,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1263,71): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1271,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour'
(1278,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour-hover'
(1285,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour-focus'
(1291,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour-active'
(1303,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1305,30): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1306,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1307,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-border-radius'
(1313,39): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-decoration'
(1314,46): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1316,41): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1321,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-selected-decoration-colour'
(1336,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1340,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1349,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1351,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1353,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1387,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-shadow'
(1388,30): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-width'
(1388,63): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-colour'
(1389,37): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-radius'
(1390,35): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-radius'
(1391,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-background-colour'
(1392,21): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-size'
(1395,31): run-time error CSS1039: Token not allowed after unary operator: '-footer-transition-duration'
(1396,38): run-time error CSS1039: Token not allowed after unary operator: '-footer-transition-timing-function'
(1400,31): run-time error CSS1039: Token not allowed after unary operator: '-footer-max-width'
(1403,23): run-time error CSS1039: Token not allowed after unary operator: '-footer-padding'
(1411,32): run-time error CSS1039: Token not allowed after unary operator: '-footer-menu-gap'
(1412,25): run-time error CSS1039: Token not allowed after unary operator: '-footer-menu-font-size'
(1425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1441,12): run-time error CSS1030: Expected identifier, found ':'
(1441,19): run-time error CSS1031: Expected selector, found ')'
(1441,19): run-time error CSS1025: Expected comma or open brace, found ')'
(1447,16): run-time error CSS1030: Expected identifier, found ':'
(1447,23): run-time error CSS1031: Expected selector, found ')'
(1447,23): run-time error CSS1025: Expected comma or open brace, found ')'
(1459,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-bar-width'
(1460,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-bar-colour'
(1460,52): run-time error CSS1039: Token not allowed after unary operator: '-scroll-bar-background-colour'
(1467,38): run-time error CSS1039: Token not allowed after unary operator: '-scroll-padding-top'
(1471,37): run-time error CSS1039: Token not allowed after unary operator: '-scroll-gap-top'
(1493,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1498,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1498,66): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-colour'
(1499,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-colour'
(1503,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1509,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1511,30): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-animation-duration'
(1512,37): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-animation-timing-function'
(1513,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-animation-delay'
(1521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1552,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-gap-horizontal'
(1553,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-gap-vertical'
(1557,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow'
(1558,18): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-width'
(1558,58): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour'
(1559,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-radius'
(1560,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-background-colour'
(1561,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour'
(1563,40): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-backdrop-blur'
(1564,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-backdrop-blur'
(1566,37): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(1566,65): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-gap-horizontal'
(1568,31): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(1568,78): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(1568,125): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(1568,172): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-slow'
(1568,219): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-slow'
(1568,266): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-slow'
(1569,38): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-timing-function'
(1584,43): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-background-colour'
(1592,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow-hover'
(1593,24): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour-hover'
(1594,39): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-background-colour'
(1595,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour-hover'
(1601,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow-focus'
(1602,24): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour-focus'
(1603,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour-focus'
(1608,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow-active'
(1609,24): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour-active'
(1610,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour-active'
(1616,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(1617,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(1618,23): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(1621,30): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-drop-shadow'
(1623,31): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(1624,38): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-timing-function'
(1629,21): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transform-active'
(1643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1653,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-height'
(1661,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-background-colour'
(1666,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-background-colour'
(1670,26): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-shadow'
(1671,29): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-border-radius'
(1672,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-colour'
(1677,29): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-border-radius'
(1678,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-colour'
(1721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1760,31): run-time error CSS1039: Token not allowed after unary operator: '-dialog-max-width'
(1760,69): run-time error CSS1039: Token not allowed after unary operator: '-dialog-gap'
(1762,41): run-time error CSS1039: Token not allowed after unary operator: '-dialog-gap'
(1766,24): run-time error CSS1039: Token not allowed after unary operator: '-dialog-gap'
(1767,18): run-time error CSS1039: Token not allowed after unary operator: '-dialog-border-width'
(1767,51): run-time error CSS1039: Token not allowed after unary operator: '-dialog-border-colour'
(1768,25): run-time error CSS1039: Token not allowed after unary operator: '-dialog-border-radius'
(1769,28): run-time error CSS1039: Token not allowed after unary operator: '-dialog-background-colour'
(1770,19): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding'
(1772,33): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(1772,67): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(1776,32): run-time error CSS1039: Token not allowed after unary operator: '-dialog-backdrop-colour'
(1779,37): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(1779,71): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(1781,44): run-time error CSS1039: Token not allowed after unary operator: '-dialog-backdrop-blur'
(1782,36): run-time error CSS1039: Token not allowed after unary operator: '-dialog-backdrop-blur'
(1792,41): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(1792,75): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(1798,45): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(1798,79): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(1818,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog-svg-gap'
(1819,25): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-size'
(1820,28): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-stretch'
(1821,27): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-weight'
(1822,39): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-variation-settings'
(1823,30): run-time error CSS1039: Token not allowed after unary operator: '-site-font-letter-spacing-heading'
(1824,27): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-line-height'
(1825,21): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-colour'
(1830,30): run-time error CSS1039: Token not allowed after unary operator: '-dialog-svg-size'
(1847,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog-background-colour'
(1849,39): run-time error CSS1039: Token not allowed after unary operator: '-dialog-background-colour'
(1851,50): run-time error CSS1039: Token not allowed after unary operator: '-dialog-body-overflow-indicator-colour'
(1853,53): run-time error CSS1039: Token not allowed after unary operator: '-dialog-body-overflow-indicator-colour'
(1857,31): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding'
(1867,31): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding'
(1872,24): run-time error CSS1039: Token not allowed after unary operator: '-dialog-button-width'
(1917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1926,27): run-time error CSS1039: Token not allowed after unary operator: '-responsive-max-width'
(1929,26): run-time error CSS1039: Token not allowed after unary operator: '-responsive-padding-horizontal'
(1961,26): run-time error CSS1039: Token not allowed after unary operator: '-responsive-column-gap'
(1966,28): run-time error CSS1039: Token not allowed after unary operator: '-responsive-column-right-width-medium'
(1986,24): run-time error CSS1039: Token not allowed after unary operator: '-responsive-column-right-width-large'
(2053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2066,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(2205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2206,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 '-'
(2209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2211,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 '-'
(2214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2216,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 '-'
(2220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2400,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 '-'
(2403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2448,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2450,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2452,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2453,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2454,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2455,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2463,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2465,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2467,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2468,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2469,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2470,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2476,28): run-time error CSS1039: Token not allowed after unary operator: '-site-selection-background-colour'
(2478,17): run-time error CSS1039: Token not allowed after unary operator: '-site-selection-colour'
(2483,25): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-style'
(2484,25): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-width'
(2485,25): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-colour'
(2486,26): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-offset'
(2492,23): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-grey'
(2502,28): run-time error CSS1039: Token not allowed after unary operator: '-site-background-colour'
(2503,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-family'
(2503,48): run-time error CSS1039: Token not allowed after unary operator: '-site-font-family-fallback'
(2504,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size'
(2505,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch'
(2506,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-weight'
(2507,35): run-time error CSS1039: Token not allowed after unary operator: '-site-font-ascender-height'
(2508,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-letter-spacing'
(2509,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour'
(2517,25): run-time error CSS1039: Token not allowed after unary operator: '-site-border-radius'
(2528,26): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(2529,25): run-time error CSS1039: Token not allowed after unary operator: '-site-border-radius'
(2530,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-weight-heading'
(2531,35): run-time error CSS1039: Token not allowed after unary operator: '-site-font-ascender-height-heading'
(2531,77): run-time error CSS1039: Token not allowed after unary operator: '-site-font-descender-depth-heading'
(2531,119): run-time error CSS1039: Token not allowed after unary operator: '-site-font-uppercase-height-heading'
(2532,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-letter-spacing-heading'
(2536,30): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(2537,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-1'
(2538,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-1'
(2539,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-1'
(2540,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-1'
(2544,35): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(2545,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-2'
(2546,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-2'
(2547,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-2'
(2548,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-2'
(2552,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-3'
(2553,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-3'
(2554,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-3'
(2555,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-3'
(2559,35): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(2560,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-4'
(2561,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-4'
(2562,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-4'
(2563,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-4'
(2567,22): run-time error CSS1039: Token not allowed after unary operator: '-site-line-size'
(2568,30): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(2569,28): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(2570,27): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(2571,30): run-time error CSS1039: Token not allowed after unary operator: '-site-line-size'
(2572,28): run-time error CSS1039: Token not allowed after unary operator: '-site-line-colour'
(2577,28): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(2578,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height'
(2582,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-b-stretch'
(2583,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-b-weight'
(2584,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-b-letter-spacing'
(2588,24): run-time error CSS1039: Token not allowed after unary operator: '-site-em-font-stretch'
(2589,23): run-time error CSS1039: Token not allowed after unary operator: '-site-em-font-weight'
(2590,42): run-time error CSS1039: Token not allowed after unary operator: '-site-font-em-slant'
(2591,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-em-letter-spacing'
(2595,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-stretch'
(2596,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-weight'
(2597,42): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-slant'
(2598,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-letter-spacing'
(2602,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-strong-stretch'
(2603,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-strong-weight'
(2604,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-strong-letter-spacing'
(2609,31): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size'
(2626,22): run-time error CSS1039: Token not allowed after unary operator: '-site-shadow'
(2632,23): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(2658,38): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(2668,38): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(2670,42): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
 */
/* Ignore Spelling: color /matchCase */

/**
 * @file reset.css - CSS classes for resetting default browser styles
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 *
 * This is a modified version of The New CSS Reset
 * GitHub page: https://github.com/elad2412/the-new-css-reset
 */

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio, pre, dialog:modal):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    /* No bold, italic, or small-caps typeface may be synthesised */
    font-synthesis: none;
    /* Apply hanging punctuation. See https://chriscoyier.net/2023/11/27/the-hanging-punctuation-property-in-css and https://www.tonymottaz.com/blog/oh-no-my-json. Note that below we remove it from pre. */
    hanging-punctuation: first allow-end last;
    /* Prevent adjustments of font size on mobile devices. See https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably, https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably, https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust and https://caniuse.com/?search=text-size-adjust */
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    /* See https://developer.mozilla.org/en-US/docs/web/css/-webkit-tap-highlight-color and https://caniuse.com/?search=-webkit-tap-highlight-color. The recommendation is to not use the -webkit-tap-highlight-color property, however if it is not used many mobile browsers will show an ugly coloured highlight on any element when it is tapped. */
    -webkit-tap-highlight-color: transparent;
}

/* Balance the text in headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

/* Make the text pretty */
p, li, blockquote, figcaption {
    text-wrap: pretty;
}

/* Reapply the pointer cursor for anchor tags */
a,
button {
    cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu,
summary {
    list-style: none;
}

/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol {
    counter-reset: revert;
}

/* Remove details summary webkit styles. See https://caniuse.com/?search=webkit-details-marker */
::-webkit-details-marker {
    display: none;
}

img {
    /* Remove the small space below the image */
    vertical-align: middle;
    /* For images to not be able to exceed their container */
    max-inline-size: 100%;
    max-block-size: 100%;
    /* Make the image alternate text italic */
    font-style: italic;
}

/* Removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't work */
input,
textarea {
    -webkit-user-select: auto;
}

/* Revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* Remove the hanging punctuation */
pre {
    hanging-punctuation: none;
}

/* Minimum style to allow to style meter element */
meter {
    -webkit-appearance: revert;
    appearance: revert;
}

/* Reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

/* Fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
    display: none;
}

/* Revert for bug in Chromium browsers, where the content editable attribute will not work properly. webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */
:where([contenteditable]:not([contenteditable="false"])) {
    overflow-wrap: break-word;
    -webkit-user-modify: read-write;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

/* Reapply the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}

/* Ignore Spelling: defs dialog /matchCase */

/**
 * @file svg.css - CSS classes for SVG elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.svg-inline, :has(> .svg-inline) {
    /* Metrics ----------------------- */
    --svg-external-link-size: var(--site-svg-external-link-size);
    --svg-gap: var(--site-svg-gap);
    --svg-size: var(--site-svg-size);
}

/* SVG inline container ---------- */
:has(> .svg-inline) {
    display: inline-flex;
    align-items: baseline;
    column-gap: var(--svg-gap);
    line-height: normal;
}

/* SVG inline -------------------- */
.svg-inline {
    /* Set the height, width will be auto calculated */
    inline-size: auto;
    block-size: var(--svg-size);
    /* Stop the SVG column from shrinking */
    flex-shrink: 0;
    /* Align the SVG */
    align-self: center;
    fill: currentColor;
}

    /* SVG external link ------------- */
    /* Format the external-link image */
    .svg-inline.svg-external-link {
        block-size: var(--svg-external-link-size);
        /* Align the SVG with the text */
        align-self: baseline;
    }

/* SVG hidden -------------------- */
/* This is used to hide a SVG such as SVGs that contain symbol elements. Note that the SVG element does not support the hidden attribute. */
.svg-hidden {
    display: none;
}

/* This is used to make a SVG appear hidden, such as a SVG that contains nothing other than defs elements, that will fail to be available if the SVG is actually hidden. */
.svg-not-visible {
    display: block;
    position: absolute;
    inline-size: 0;
    block-size: 0;
}

/* ------------------------------- */
/* Colour for SVGs in dialog boxes */
.svg-success,
.svg-warning,
.svg-critical {
    /* Colour ------------------------ */
    --svg-critical-colour: var(--site-svg-critical-colour);
    --svg-success-colour: var(--site-svg-success-colour);
    --svg-warning-colour: var(--site-svg-warning-colour);
}

.svg-success {
    fill: var(--svg-success-colour);
}

.svg-warning {
    fill: var(--svg-warning-colour);
}

.svg-critical {
    fill: var(--svg-critical-colour);
}

/* Ignore Spelling: abbr tooltip /matchCase */

/**
 * @file abbreviation.css - CSS classes for abbreviation <abbr> elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

abbr[title] {
    /* Colour ------------------------ */
    --abbreviation-decoration-colour: var(--site-abbreviation-decoration-colour);
    --abbreviation-decoration-colour-hover: var(--site-abbreviation-decoration-colour-hover);
    /* Metrics ----------------------- */
    --abbreviation-decoration-height: var(--site-abbreviation-decoration-height);
    /* Transition -------------------- */
    --abbreviation-transition-duration-decoration: var(--site-abbreviation-transition-duration-decoration);
    --abbreviation-transition-timing-function: var(--site-abbreviation-transition-timing-function);
    /* ------------------------------- */
    position: relative;
    /* Isolate so the z-index change of the after pseudo element stays within this element */
    isolation: isolate;
    cursor: help;
    /* Decoration */
    text-decoration-style: dotted;
    text-decoration-line: underline;
    text-decoration-thickness: var(--abbreviation-decoration-height);
    text-decoration-color: var(--abbreviation-decoration-colour);
    text-decoration-skip-ink: auto;
    /* Position the decoration under the text descenders */
    text-underline-position: under;
    /* Position the decoration an extra pixel away from the text */
    text-underline-offset: 1px;
    transition: text-decoration-color var(--abbreviation-transition-duration-decoration) var(--abbreviation-transition-timing-function);
}

/* Hover ------------------------- */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
    abbr[title]:hover {
        text-decoration-color: var(--abbreviation-decoration-colour-hover);
    }
/*}*/

/* Touch tooltip for abbr elements */
#abbreviation-tooltip {
    --abbreviation-tooltip-background-colour: var(--site-abbreviation-tooltip-background-colour);
    --abbreviation-tooltip-border-colour: var(--site-abbreviation-tooltip-border-colour);
    --abbreviation-tooltip-border-radius: var(--site-abbreviation-tooltip-border-radius);
    --abbreviation-tooltip-border-width: var(--site-abbreviation-tooltip-border-width);
    --abbreviation-tooltip-font-size: var(--site-abbreviation-tooltip-font-size);
    --abbreviation-tooltip-padding-vertical: var(--site-abbreviation-tooltip-padding-vertical);
    --abbreviation-tooltip-padding-horizontal: var(--site-abbreviation-tooltip-padding-horizontal);
    /* ------------------------------- */
    position: absolute;
    border: var(--abbreviation-tooltip-border-width) solid var(--abbreviation-tooltip-border-colour);
    border-radius: var(--abbreviation-tooltip-border-radius);
    background-color: var(--abbreviation-tooltip-background-colour);
    padding: var(--abbreviation-tooltip-padding-vertical) var(--abbreviation-tooltip-padding-horizontal);
    font-size: var(--abbreviation-tooltip-font-size);
}

/* Ignore Spelling: /matchCase */

/**
 * @file anchor.css - CSS classes for anchor <a> elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.anchor {
    /* Border ------------------------ */
    --anchor-border-radius: var(--site-anchor-border-radius);
    /* Colour ------------------------ */
    --anchor-colour: var(--site-anchor-colour);
    --anchor-colour-active: var(--site-anchor-colour-active);
    --anchor-colour-focus: var(--site-anchor-colour-focus);
    --anchor-colour-hover: var(--site-anchor-colour-hover);
    --anchor-decoration-colour-active: var(--site-anchor-decoration-colour-active);
    --anchor-decoration-colour-focus: var(--site-anchor-decoration-colour-focus);
    --anchor-decoration-colour-hover: var(--site-anchor-decoration-colour-hover);
    /* Font -------------------------- */
    --anchor-font-weight: var(--site-anchor-font-weight);
    /* Metrics ----------------------- */
    --anchor-decoration-height: var(--site-anchor-decoration-height);
    --anchor-decoration-border-radius: var(--site-anchor-decoration-border-radius);
    /* Transition -------------------- */
    --anchor-transition-duration-colour: var(--site-anchor-transition-duration-colour);
    --anchor-transition-duration-decoration: var(--site-anchor-transition-duration-decoration);
    --anchor-transition-timing-function: var(--site-anchor-transition-timing-function);
    /* ------------------------------- */
    /* Stop the anchor from being double-tapped */
    touch-action: manipulation;
    position: relative;
    /* Isolate so the z-index change of the after pseudo element stays within this element */
    isolation: isolate;
    border-radius: var(--anchor-border-radius);
    font-weight: var(--anchor-font-weight);
    text-decoration: none;
    color: var(--anchor-colour);
    transition: color var(--anchor-transition-duration-colour) var(--anchor-transition-timing-function);
}

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .anchor:hover {
        color: var(--anchor-colour-hover);
    }
    /*}*/

    /* Focus ------------------------- */
    .anchor:focus {
        color: var(--anchor-colour-focus);
    }

    /* Active ------------------------ */
    .anchor:active {
        color: var(--anchor-colour-active);
        transition-duration: 0s;
    }

    /* ------------------------------- */
    .anchor * {
        /* Stop any child elements from processing click events, etc., so the parent anchor element will get the events */
        pointer-events: none;
    }

    /* Decoration -------------------- */
    .anchor::after {
        position: absolute;
        /* Set the decoration to be behind the text, just in case some text descenders overlap the decoration */
        z-index: -1;
        inset-inline-start: 0;
        inset-block-end: calc(var(--anchor-decoration-height) * -1);
        inline-size: 100%;
        block-size: var(--anchor-decoration-height);
        border: calc(var(--anchor-decoration-height) / 2) solid transparent;
        border-radius: var(--anchor-decoration-border-radius);
        background-color: transparent;
        content: '';
        transform: scaleX(0);
        transform-origin: center;
        transition-property: background-color, transform;
        transition-duration: var(--anchor-transition-duration-decoration);
        transition-timing-function: var(--anchor-transition-timing-function);
        /* This delay is needed to slow the decoration background colour transition, otherwise it reaches transparent too quickly. */
        transition-delay: calc(var(--anchor-transition-duration-decoration) * 0.5), 0s;
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .anchor::after {
        /* Set the transition duration to zero so the transitions happen instantly */
        transition-duration: 0s;
    }
}

/* Focus ------------------------- */
.anchor:focus::after {
    background-color: var(--anchor-decoration-colour-focus);
    transform: scaleX(1);
    transition-delay: 0s;
}

/* Hover ------------------------- */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
.anchor:hover::after {
    background-color: var(--anchor-decoration-colour-hover);
    transform: scaleX(1);
    transition-delay: 0s;
}
/*}*/

/* Active ------------------------ */
.anchor:active::after {
    background-color: var(--anchor-decoration-colour-active);
    transform: scaleX(1);
    /* Remove the transition-duration for the active state, we want the changes to show instantly */
    transition-duration: 0s;
    transition-delay: 0s;
}

/* Ignore Spelling: /matchCase */

/**
 * @file button.css - CSS classes for button elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* Button ------------------------ */
.button {
    /* Background -------------------- */
    --button-background-colour: var(--site-button-background-colour);
    --button-background-colour-active: var(--site-button-background-colour-active);
    --button-background-colour-disabled: var(--site-button-background-colour-disabled);
    --button-background-colour-focus: var(--site-button-background-colour-focus);
    --button-background-colour-focus: var(--site-button-background-colour-focus);
    --button-background-colour-hover: var(--site-button-background-colour-hover);
    /* Border ------------------------ */
    --button-border-colour: var(--site-button-border-colour);
    --button-border-colour-active: var(--site-button-border-colour-active);
    --button-border-colour-disabled: var(--site-button-border-colour-disabled);
    --button-border-colour-focus: var(--site-button-border-colour-focus);
    --button-border-colour-hover: var(--site-button-border-colour-hover);
    --button-border-radius: var(--site-button-border-radius);
    --button-border-width: var(--site-button-border-width);
    /* Colour ------------------------ */
    --button-colour: var(--site-button-colour);
    --button-colour-disabled: var(--site-button-colour-disabled);
    --button-colour-active: var(--site-button-colour-active);
    --button-colour-focus: var(--site-button-colour-focus);
    --button-colour-hover: var(--site-button-colour-hover);
    /* Font -------------------------- */
    --button-font-size: var(--site-button-font-size);
    --button-font-weight: var(--site-button-font-weight);
    /* Metrics ----------------------- */
    --button-padding: var(--site-button-padding);
    /* Shadow ------------------------ */
    --button-shadow: var(--site-button-shadow);
    --button-shadow-active: var(--site-button-shadow-active);
    --button-shadow-focus: var(--site-button-shadow-focus);
    --button-shadow-hover: var(--site-button-shadow-hover);
    /* Transition -------------------- */
    --button-transform-active: var(--site-button-transform-active);
    --button-transition-duration: var(--site-button-transition-duration);
    --button-transition-timing-function: var(--site-button-transition-timing-function);
    /* ------------------------------- */
    /* Stop the button from being double-tapped */
    touch-action: manipulation;
    cursor: pointer;
    box-shadow: var(--button-shadow);
    border: var(--button-border-width) solid var(--button-border-colour);
    border-radius: var(--button-border-radius);
    background-color: var(--button-background-colour);
    padding: var(--button-padding);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    letter-spacing: inherit;
    line-height: 1;
    text-align: center;
    /* Stop the text contents from being selected by the user */
    -webkit-user-select: none;
    user-select: none;
    color: var(--button-colour);
    transition-property: box-shadow, border-color, background-color;
    transition-duration: var(--button-transition-duration);
    transition-timing-function: var(--button-transition-timing-function);
}

    /* Button content container -- */
    .button > span {
        display: block;
        transition-property: color, transform;
        transition-duration: var(--button-transition-duration);
        transition-timing-function: var(--button-transition-timing-function);
    }

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .button:hover:not(:disabled) {
        box-shadow: var(--button-shadow-hover);
        border-color: var(--button-border-colour-hover);
        background-color: var(--button-background-colour-hover);
        color: var(--button-colour-hover);
    }
    /*}*/

    /* Focus --------------------- */
    .button:focus:not(:disabled) {
        box-shadow: var(--button-shadow-focus);
        border-color: var(--button-border-colour-focus);
        background-color: var(--button-background-colour-focus);
        color: var(--button-colour-focus);
    }

    /* Active -------------------- */
    .button:active:not(:disabled) {
        box-shadow: var(--button-shadow-active);
        border-color: var(--button-border-colour-active);
        background-color: var(--button-background-colour-active);
        color: var(--button-colour-active);
    }

        /* Content active */
        .button:active:not(:disabled) > span {
            /* Transform the button content. This is intended to be used to scale the button content down when the button is pressed. */
            transform: var(--button-transform-active);
        }

    /* Disabled ------------------ */
    .button:disabled {
        cursor: not-allowed;
        border-color: var(--button-border-colour-disabled);
        background-color: var(--button-background-colour-disabled);
        color: var(--button-colour-disabled);
    }

/* Ignore Spelling: /matchCase */

/**
 * @file aside.css - CSS classes for aside elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.aside {
    /* Background -------------------- */
    --aside-background-colour: var(--site-aside-background-colour);
    /* Border ------------------------ */
    --aside-border-colour: var(--site-aside-border-colour);
    --aside-border-radius: var(--site-aside-border-radius);
    --aside-border-width: var(--site-aside-border-width);
    /* Metrics ----------------------- */
    --aside-gap: var(--site-aside-gap);
    --aside-gap-bottom: var(--site-aside-gap-bottom);
    --aside-gap-bottom-last-item: var(--site-aside-gap-bottom-last-item);
    --aside-padding: var(--site-aside-padding);
    --aside-row-gap-bottom: var(--site-aside-row-gap-bottom);
    /* Heading ----------------------- */
    --aside-heading-font-colour: var(--site-aside-heading-colour);
    --aside-heading-font-letter-spacing: var(--site-aside-heading-font-letter-spacing);
    --aside-heading-font-line-height: var(--site-aside-heading-font-line-height);
    --aside-heading-font-size: var(--site-aside-heading-font-size);
    --aside-heading-font-stretch: var(--site-aside-heading-font-stretch);
    --aside-heading-font-variation-settings: var(--site-aside-heading-font-variation-settings);
    --aside-heading-font-weight: var(--site-aside-heading-font-weight);
    --aside-heading-gap-bottom: var(--site-aside-heading-gap-bottom);
    /* Transitions ------------------- */
    --aside-transition-duration: var(--site-aside-transition-duration);
    --aside-transition-timing-function: var(--site-aside-transition-timing-function);
    /* ------------------------------- */
    display: block;
    overflow: hidden;
    margin-block-end: var(--aside-gap-bottom);
    border: var(--aside-border-width) solid;
    border-color: var(--aside-border-colour);
    border-radius: var(--aside-border-radius);
    background-color: var(--aside-background-colour);
    padding: var(--aside-padding) var(--aside-padding) var(--aside-padding) calc(var(--aside-padding) + (var(--aside-padding) / 2));
    /* Set the transition for changing to and from dark mode */
    transition-property: border-color, background-color;
    transition-duration: var(--aside-transition-duration);
    transition-timing-function: var(--aside-transition-timing-function);
}

    /* Set the default bottom margin of the last element in the aside */
    .aside > :last-child {
        margin-block-end: var(--aside-gap-bottom-last-item);
    }

    /* Rows and columns -------------- */
    .aside > .aside-row {
        display: flex;
        flex-flow: row wrap;
        gap: var(--aside-gap);
        margin-block-end: var(--aside-row-gap-bottom);
    }

        .aside > .aside-row > .aside-column {
            display: flex;
            flex-flow: column wrap;
            align-items: flex-start;
            row-gap: var(--aside-gap);
        }

.aside-heading {
    margin-inline: 0;
    margin-block: 0 var(--aside-heading-gap-bottom);
    font-size: var(--aside-heading-font-size);
    font-stretch: var(--aside-heading-font-stretch);
    font-weight: var(--aside-heading-font-weight);
    font-variation-settings: var(--aside-heading-font-variation-settings);
    letter-spacing: var(--aside-heading-font-letter-spacing);
    line-height: var(--aside-heading-font-line-height);
    color: var(--aside-heading-font-colour);
}

/* Ignore Spelling: max Popup popup viewport webkit /matchCase */

/**
 * @file navigate.css - CSS classes for site navigation
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* Notes:
    Some rules interact with elements and rules managed in anchor.css. Example: span.anchor-decoration.
    Use caution when working with z-index.
    The navigate-page-change-panel has a z-index of 1 so that is appears above the content of the page.
    The navigate-popup-menu-container class has a z-index of 2 so that it appears above both the content and the navigate-page-change-panel.
    The navigate-banner class has a z-index of 3 so that it appears above both the content, navigate-page-change-panel and the navigate-popup-menu-container.
*/

/* ------------------------------- */
/* Navigate page transition panel  */
.navigate-page-change-panel {
    /* Background -------------------- */
    --navigate-page-change-panel-background-colour: var(--site-navigate-page-change-panel-background-colour);
    /* Image ------------------------- */
    --navigate-page-change-panel-image-opacity: var(--site-navigate-page-change-panel-image-opacity);
    --navigate-page-change-panel-image-width: var(--site-navigate-page-change-panel-image-width);
    /* Transitions ------------------- */
    --navigate-page-change-panel-transition-duration-fade-in: var(--site-navigate-page-change-panel-transition-duration-fade-in);
    --navigate-page-change-panel-transition-duration-fade-out: var(--site-navigate-page-change-panel-transition-duration-fade-out);
    --navigate-page-change-panel-transition-timing-function: var(--site-navigate-page-change-panel-transition-timing-function);
    /* ------------------------------- */
    display: flex;
    position: fixed;
    z-index: 1;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100vw;
    block-size: 100dvh;
    visibility: hidden;
    opacity: 0;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: var(--navigate-page-change-panel-background-colour);
    transition-property: opacity, visibility;
    transition-duration: var(--navigate-page-change-panel-transition-duration-fade-out);
    transition-timing-function: var(--navigate-page-change-panel-transition-timing-function);
}
    /* Image */
    .navigate-page-change-panel svg {
        inline-size: var(--navigate-page-change-panel-image-width);
        opacity: var(--navigate-page-change-panel-image-opacity);
        flex: 0 1 auto;
        /*block-size: auto;*/
    }

    /* Show the panel */
    .navigate-page-change-panel[data-show] {
        visibility: visible;
        opacity: 1;
        transition-duration: var(--navigate-page-change-panel-transition-duration-fade-in);
    }

/* ------------------------------- */
/* Navigate */
.navigate-banner,
.navigate-popup-menu-container,
.navigate-popup-menu-backdrop {
    /* Background -------------------- */
    --navigate-backdrop-blur: var(--site-navigate-backdrop-blur);
    --navigate-background-colour: var(--site-navigate-background-colour);
    /* Border ------------------------ */
    --navigate-border-colour: var(--site-navigate-border-colour);
    --navigate-border-radius: var(--site-navigate-border-radius);
    --navigate-border-width: var(--site-navigate-border-width);
    --navigate-menu-border-colour: var(--site-navigate-menu-border-colour);
    --navigate-menu-border-radius: var(--site-navigate-menu-border-radius);
    --navigate-menu-border-width: var(--site-navigate-menu-border-width);
    /* Font -------------------------- */
    --navigate-font-letter-spacing: var(--site-navigate-font-letter-spacing);
    --navigate-font-size: var(--site-navigate-font-size);
    --navigate-font-stretch: var(--site-navigate-font-stretch);
    --navigate-font-weight: var(--site-navigate-font-weight);
    /* Logo -------------------------- */
    --navigate-logo-ascender-height: var(--site-navigate-logo-ascender-height);
    --navigate-logo-decender-height: var(--site-navigate-logo-decender-height);
    --navigate-logo-decoration-padding: var(--site-navigate-logo-decoration-padding);
    --navigate-logo-height: var(--site-navigate-logo-height);
    /* Menu items -------------------- */
    --navigate-menu-item-colour: var(--site-navigate-menu-item-colour);
    --navigate-menu-item-colour-active: var(--site-navigate-menu-item-colour-active);
    --navigate-menu-item-colour-focus: var(--site-navigate-menu-item-colour-focus);
    --navigate-menu-item-colour-hover: var(--site-navigate-menu-item-colour-hover);
    --navigate-menu-item-decoration-border-radius: var(--site-navigate-menu-item-decoration-border-radius);
    --navigate-menu-item-selected-decoration-colour: var(--site-navigate-menu-item-selected-decoration-colour);
    --navigate-menu-item-decoration-height: var(--site-navigate-menu-item-decoration-height);
    --navigate-menu-item-gap-horizontal: var(--site-navigate-menu-item-gap-horizontal);
    --navigate-menu-item-padding-horizontal: var(--site-navigate-menu-item-padding-horizontal);
    --navigate-menu-item-padding-vertical: var(--site-navigate-menu-item-padding-vertical);
    /* Popup menu ------------------- */
    --navigate-popup-menu-backdrop-colour: var(--site-navigate-popup-menu-backdrop-colour);
    --navigate-popup-menu-overflow-colour: var(--site-navigate-popup-menu-overflow-colour);
    --navigate-popup-menu-overflow-height: var(--site-navigate-popup-menu-overflow-height);
    --navigate-popup-menu-toggle-bar-height: var(--site-navigate-popup-menu-toggle-bar-height);
    --navigate-popup-menu-toggle-bar-gap: var(--site-navigate-popup-menu-toggle-bar-gap);
    --navigate-popup-menu-toggle-bar-width: var(--site-navigate-popup-menu-toggle-bar-width);
    /* Shadow ------------------------ */
    --navigate-shadow: var(--site-navigate-shadow);
    /* Small menu -------------------- */
    --navigate-small-menu-item-colour: var(--site-navigate-small-menu-item-colour);
    --navigate-small-menu-item-colour-active: var(--site-navigate-small-menu-item-colour-active);
    --navigate-small-menu-item-colour-focus: var(--site-navigate-small-menu-item-colour-focus);
    --navigate-small-menu-item-colour-hover: var(--site-navigate-small-menu-item-colour-hover);
    /* Account ----------------------- */
    --navigate-account-svg-size: var(--site-navigate-account-svg-size);
    /* Metrics ----------------------- */
    --navigate-padding-horizontal: var(--site-navigate-padding-horizontal);
    --navigate-padding-vertical: var(--site-navigate-padding-vertical);
    --navigate-max-width: var(--site-navigate-max-width);
    /* Transitions ------------------- */
    --navigate-transition-duration-toggle-bar: var(--site-navigate-transition-duration-toggle-bar);
    --navigate-transition-duration-popup: var(--site-navigate-transition-duration-popup);
    --navigate-transition-duration-colour: var(--site-navigate-transition-duration-colour);
    --navigate-transition-duration-decoration: var(--site-navigate-transition-duration-decoration);
    --navigate-transition-timing-function: var(--site-navigate-transition-timing-function);
}

/* ------------------------------- */
/* Navigate banner */
.navigate-banner {
    overflow: hidden;
    /* ------------------------------- */
    /* Note: April 2023. Position sticky (position: sticky) has a number of bugs, mostly in Chrome but also some in Firefox. The bugs mostly are visible when tabbing around the elements on the navigate-banner. It causes the page to scroll. See the workaround below. */
    position: -webkit-sticky; /* Older Safari */
    position: sticky;
    /* ------------------------------- */
    /* This is the workaround for the position sticky bugs. Use position fixed instead. See also the rule for the <main> element below. See https://codepen.io/maddesigns/pen/XWbRZbb */
    /*position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;*/
    /* ------------------------------- */
    z-index: 3;
    inset-block-start: 0;
    /* Add a shadow. It will only be visible on the bottom border */
    box-shadow: var(--navigate-shadow);
    border-block-end: var(--navigate-border-width) solid var(--navigate-border-colour);
    border-end-start-radius: var(--navigate-border-radius);
    border-end-end-radius: var(--navigate-border-radius);
    background-color: var(--navigate-background-colour);
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--navigate-backdrop-blur));
    backdrop-filter: blur(var(--navigate-backdrop-blur));
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .navigate-banner {
        /* Remove the transparency on the background colour */
        background-color: oklch(from var(--navigate-background-colour) l c h / 100%);
    }
}

/* This is part of the workaround for the position sticky bugs. */
/*main {
    /* Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
/*padding-block-start: calc(var(--navigate-banner-current-height) * 1px);
}*/

/* Set the font for all anchors */
.navigate-banner .anchor,
.navigate-popup-menu-container .anchor {
    font-size: var(--navigate-font-size);
    font-stretch: var(--navigate-font-stretch);
    font-weight: var(--navigate-font-weight);
    letter-spacing: var(--navigate-font-letter-spacing);
}

/* ------------------------------- */
/* Navigate container */
.navigate-container {
    /*    container-type: inline-size;
    container-name: navigate-container;*/
    display: flex;
    max-inline-size: var(--navigate-max-width);
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
    margin-block: 0;
    padding: var(--navigate-padding-vertical) var(--navigate-padding-horizontal);
    /* Stop the text contents from being selected by the user */
    -webkit-user-select: none;
    user-select: none;
    /* Add a glow filter to the visible elements within the menu, so they are more easily distinguished from the blurred background */
    filter: drop-shadow(0 0 0.1em oklch(from var(--navigate-background-colour) l c h / 100%));
}

    /* Modify the decorations of all anchors within the navigate container */
    .navigate-container .anchor::after {
        inset-block-end: calc(var(--navigate-menu-item-decoration-height) * -1);
        block-size: var(--navigate-menu-item-decoration-height);
        border-width: calc(var(--navigate-menu-item-decoration-height) / 2);
        border-radius: var(--navigate-menu-item-decoration-border-radius);
    }

/* ------------------------------- */
/* Navigation skip link */
.navigate-skip-link {
    contain: paint;
    position: absolute;
    z-index: 1;
    inset-inline-start: var(--navigate-padding-horizontal);
    inset-block-start: 0;
    opacity: 0;
    box-shadow: var(--navigate-shadow);
    border: var(--navigate-menu-border-width) solid var(--navigate-menu-border-colour);
    border-end-start-radius: var(--navigate-menu-border-radius);
    border-end-end-radius: var(--navigate-menu-border-radius);
    background-color: var(--navigate-background-colour);
    padding: var(--navigate-menu-item-padding-vertical) var(--navigate-menu-item-padding-horizontal);
    /* Move the element off screen */
    transform: translateY(-100%);
    transition-property: transform, opacity;
    transition-duration: var(--navigate-transition-duration-popup);
    transition-timing-function: var(--navigate-transition-timing-function);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* We need to transform the skip link without the user seeing it, so when transitioning-out delay the transform till the opacity change has completed. */
    .navigate-skip-link {
        transition-delay: var(--navigate-transition-duration-popup), 0s;
    }

        /* When transitioning-in, remove the delay and change the duration of the transform to zero so it happens immediately. */
        .navigate-skip-link:focus-within {
            transition-duration: 0s, var(--navigate-transition-duration-popup);
            transition-delay: 0s;
        }
}

/* Show the skip link */
.navigate-skip-link:focus-within {
    opacity: 1;
    transform: translateY(0);
}

/* ------------------------------- */
/* Logo */
.navigate-logo {
    margin-block-end: var(--navigate-menu-item-decoration-height);
    padding-block-start: calc(var(--navigate-logo-decoration-padding) - var(--navigate-logo-ascender-height));
    padding-block-end: calc(var(--navigate-logo-decoration-padding) - var(--navigate-logo-decender-height) - var(--navigate-menu-item-decoration-height));
    line-height: 0;
}

    .navigate-logo svg {
        /* Set the height, width will be auto calculated */
        inline-size: auto;
        block-size: var(--navigate-logo-height);
    }

/* ------------------------------- */
/* Large menu */
.navigate-large-menu {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: var(--navigate-menu-item-gap-horizontal);
    /*margin-inline-start: var(--navigate-menu-item-gap-horizontal);*/
}

    .navigate-large-menu[data-show] {
        display: flex;
    }

.navigate-large-menu-dummy-small {
    /* Font ---------------------- */
    --navigate-font-size: var(--site-navigate-font-size);
    display: flex;
    position: absolute;
    visibility: hidden;
}

.navigate-large-menu-dummy-medium {
    /* Font ---------------------- */
    --navigate-font-size: calc(var(--site-navigate-font-size) * 1.1);
}

.navigate-large-menu-dummy-large {
    /* Font ---------------------- */
    --navigate-font-size: calc(var(--site-navigate-font-size) * 1.2);
}

.navigate-logo-dummy-small {
    /* Font ---------------------- */
    --navigate-logo-height: var(--site-navigate-logo-height);
    display: flex;
    position: absolute;
    visibility: hidden;
}

.navigate-logo-dummy-medium {
    /* Logo ---------------------- */
    --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.2);
}

.navigate-logo-dummy-large {
    /* Logo ---------------------- */
    --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.3);
}

/* ------------------------------- */
/* Small menu */
.navigate-small-menu {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: var(--navigate-menu-item-gap-horizontal);
    margin-inline-start: var(--navigate-menu-item-gap-horizontal);
    line-height: 0;
}

    .navigate-small-menu[data-show] {
        display: flex;
    }

/* ------------------------------- */
/* Popup menu container backdrop */
.navigate-popup-menu-backdrop {
    position: fixed;
    z-index: 2;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100vw;
    block-size: 100dvh;
    visibility: hidden;
    opacity: 0;
    background-color: var(--navigate-popup-menu-backdrop-colour);
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--navigate-backdrop-blur));
    backdrop-filter: blur(var(--navigate-backdrop-blur));
    transition-property: opacity, visibility;
    transition-duration: var(--navigate-transition-duration-popup);
    transition-timing-function: var(--navigate-transition-timing-function);
}

/* Popup menu container */
.navigate-popup-menu-container {
    display: flex;
    contain: paint;
    position: fixed;
    /* Position the menu with a gap from the scrollbar-gutter, if it exists. Note: --scrollbar-width is set as pixels in navigate.js */
    inset-inline-end: calc(var(--navigate-padding-horizontal) + (var(--scrollbar-width) * 1px));
    /* Position the menu below the banner, with a gap. Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
    inset-block-start: calc((var(--navigate-banner-current-height) * 1px) + var(--navigate-padding-horizontal));
    /* Limit the horizontal size of the menu to the available width, with a gap */
    max-inline-size: calc(100dvw - (var(--navigate-padding-horizontal) * 2));
    /* Limit the vertical size of the menu to the available height, with a gap Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
    max-block-size: calc(100dvh - (var(--navigate-banner-current-height) * 1px) - (var(--navigate-padding-horizontal) * 2));
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    box-shadow: var(--navigate-shadow);
    /*justify-content: flex-end;*/
    border: var(--navigate-menu-border-width) solid var(--navigate-menu-border-colour);
    border-radius: var(--navigate-menu-border-radius);
    background-color: var(--navigate-background-colour);
    padding: var(--navigate-menu-item-padding-vertical) var(--navigate-menu-item-padding-horizontal);
    /* Stop the text contents from being selected by the user */
    -webkit-user-select: none;
    user-select: none;
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--navigate-backdrop-blur));
    backdrop-filter: blur(var(--navigate-backdrop-blur));
    /* Move the element off screen */
    transform: translateY(-100%);
    transition-property: opacity, transform, visibility;
    transition-duration: var(--navigate-transition-duration-popup);
    transition-timing-function: var(--navigate-transition-timing-function);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* Move the element back on screen, so there will be no transform animation */
    .navigate-popup-menu-container {
        transform: translateY(0);
    }
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .navigate-popup-menu-container {
        /* Remove the transparency on the background colour */
        background-color: oklch(from var(--navigate-background-colour) l c h / 100%);
    }
}

/* Popup menu overflow symbols */
.navigate-popup-menu-container > svg {
    position: absolute;
    inline-size: auto;
    block-size: var(--navigate-popup-menu-overflow-height);
    visibility: hidden;
    fill: var(--navigate-popup-menu-overflow-colour);
}

    /* Top and bottom */
    .navigate-popup-menu-container > svg:first-of-type,
    .navigate-popup-menu-container > svg:nth-of-type(2) {
        /* Centre the image horizontally */
        inset-inline-start: 50%;
    }

    /* Top */
    .navigate-popup-menu-container > svg:first-of-type {
        inset-block-start: 0;
        /* Position the image */
        transform: translateX(-50%);
    }

    /* Bottom */
    .navigate-popup-menu-container > svg:nth-of-type(2) {
        inset-block-end: 0;
        /* Position and rotate the image */
        transform: translateX(-50%) rotate(180deg);
    }

    /* Left and right */
    .navigate-popup-menu-container > svg:nth-of-type(3),
    .navigate-popup-menu-container > svg:last-of-type {
        /* Centre the image vertically */
        inset-block-start: 50%;
    }

    /* Left */
    .navigate-popup-menu-container > svg:nth-of-type(3) {
        inset-inline-start: 0;
        /* Position and rotate the image */
        transform: translateY(-50%) rotate(-90deg);
    }

    /* Right */
    .navigate-popup-menu-container > svg:last-of-type {
        inset-inline-end: 0;
        /* Position and rotate the image */
        transform: translateY(-50%) rotate(90deg);
    }

/* Top and bottom */
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-y] > svg:first-of-type,
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-y] > svg:nth-of-type(2) {
    /* Show the image */
    visibility: visible;
}

/* Left and right */
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-x] > svg:nth-of-type(3),
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-x] > svg:last-of-type {
    /* Show the image */
    visibility: visible;
}

/* Popup menu */
.navigate-popup-menu {
    display: grid;
    overflow: auto;
    justify-items: end;
    row-gap: var(--navigate-menu-item-padding-vertical);
    /* Add some padding so we don't but up again the scrollbar, if it should be displayed */
    padding-inline: var(--navigate-padding-horizontal);
    padding-block: var(--navigate-padding-vertical);
    /* Add a glow filter to the visible elements within the menu, so they are more easily distinguished from the blurred background */
    filter: drop-shadow(0 0 0.1em oklch(from var(--navigate-background-colour) l c h / 100%));
}

    /* Popup menu items */
    .navigate-popup-menu li {
        text-align: end;
    }

        /* Set the menu item bottom margin on the last item, to accommodate for the decoration */
        .navigate-popup-menu li:last-child {
            margin-block-end: var(--navigate-menu-item-decoration-height);
        }

    /* Modify the decorations of all anchors within the navigate popup container */
    .navigate-popup-menu .anchor::after {
        inset-block-end: calc(var(--navigate-menu-item-decoration-height) * -1);
        block-size: var(--navigate-menu-item-decoration-height);
        border-width: calc(var(--navigate-menu-item-decoration-height) / 2);
        border-radius: var(--navigate-menu-item-decoration-border-radius);
    }

/* Remove the viewport scrollbar when popup menu is open. This will stop the page from scrolling behind the menu. To stop any layout shift, the scrollbar-gutter property is set in the scroll.css file. */
html[data-navigate-popup-menu-open] {
    /*overflow: hidden;*/
}

/* Show the popup menu backdrop */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-backdrop {
    visibility: visible;
    opacity: 1;
}

/* Show the popup menu */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-container {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* A menu item has been selected, so translate the popup menu to the right and hide it */
html[data-navigate-popup-menu-open='item-selected'] .navigate-popup-menu-container {
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* Keep the element in the same position, stopping the transform animation */
    html[data-navigate-popup-menu-open='item-selected'] .navigate-popup-menu-container {
        transform: translateX(0);
    }
}

/* ------------------------------- */
/* Toggle button */
.navigate-popup-menu-toggle {
    position: relative;
    cursor: pointer;
    border: none;
    border-radius: var(--navigate-menu-border-radius);
    background-color: transparent;
    padding: calc(var(--navigate-popup-menu-toggle-bar-gap) + var(--navigate-popup-menu-toggle-bar-height)) 0;
}

    /* Toggle bars ------------------- */
    .navigate-popup-menu-toggle span,
    .navigate-popup-menu-toggle span:first-child,
    .navigate-popup-menu-toggle span:last-child {
        display: block;
        inline-size: var(--navigate-popup-menu-toggle-bar-width);
        block-size: var(--navigate-popup-menu-toggle-bar-height);
        border: calc(var(--site-navigate-popup-menu-toggle-bar-height) / 2) solid transparent;
        border-radius: calc(var(--navigate-popup-menu-toggle-bar-height) / 2);
        background-color: var(--navigate-small-menu-item-colour);
        transition-property: background-color, opacity, transform;
        transition-duration: var(--navigate-transition-duration-colour), var(--navigate-transition-duration-toggle-bar), var(--navigate-transition-duration-toggle-bar);
        transition-timing-function: var(--navigate-transition-timing-function);
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .navigate-popup-menu-toggle span:first-child,
    .navigate-popup-menu-toggle span:nth-child(even),
    .navigate-popup-menu-toggle span:last-child {
        /* Reduce the toggle bars transition to just the background colour */
        transition: background-color var(--navigate-transition-duration-colour);
    }
}

/* Top and bottom bars */
.navigate-popup-menu-toggle span:first-child,
.navigate-popup-menu-toggle span:last-child {
    position: absolute;
}

/* Top bar */
.navigate-popup-menu-toggle span:first-child {
    inset-block-start: 0;
}

/* Bottom bar */
.navigate-popup-menu-toggle span:last-child {
    inset-block-end: 0;
}

/* Hover ------------------------- */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
.navigate-popup-menu-toggle:hover span:first-child,
.navigate-popup-menu-toggle:hover span:nth-child(even),
.navigate-popup-menu-toggle:hover span:last-child {
    background-color: var(--navigate-small-menu-item-colour-hover);
}
/*}*/

/* Focus ------------------------- */
.navigate-popup-menu-toggle:focus span:first-child,
.navigate-popup-menu-toggle:focus span:nth-child(even),
.navigate-popup-menu-toggle:focus span:last-child {
    background-color: var(--navigate-small-menu-item-colour-focus);
}

/* Active ------------------------ */
.navigate-popup-menu-toggle:active span:first-child,
.navigate-popup-menu-toggle:active span:nth-child(even),
.navigate-popup-menu-toggle:active span:last-child {
    background-color: var(--navigate-small-menu-item-colour-active);
}

/* ------------------------------- */
/* Fade out the middle bar */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-toggle span:nth-child(even) {
    opacity: 0;
    transform: scale(0);
}

/* Rotate top bar */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-toggle span:first-child {
    -webkit-transform: translateY(calc(var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap))) rotate(-45deg);
    transform: translateY(calc(var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap))) rotate(-45deg);
}

/* Rotate bottom bar */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-toggle span:last-child {
    -webkit-transform: translateY(calc((var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap)) * -1)) rotate(45deg);
    transform: translateY(calc((var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap)) * -1)) rotate(45deg);
}

/* ------------------------------- */
/* Account */
.navigate-account {
    /* Don't understand why we need inline-block here, but we do. */
    display: inline-block;
    cursor: pointer;
    border-radius: var(--navigate-menu-border-radius);
    color: var(--navigate-small-menu-item-colour);
    fill: currentColor;
    transition: color var(--navigate-transition-duration-colour) var(--navigate-transition-timing-function);
}

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .navigate-account:hover {
        color: var(--navigate-small-menu-item-colour-hover);
    }
    /*}*/

    /* Focus ------------------------- */
    .navigate-account:focus {
        color: var(--navigate-small-menu-item-colour-focus);
    }

    /* Active ------------------------ */
    .navigate-account:active {
        color: var(--navigate-small-menu-item-colour-active);
        /* Remove the transition for the active state, we want the changes to show instantly */
        transition-duration: 0s;
    }

    /* ------------------------------- */
    .navigate-account svg {
        inline-size: var(--navigate-account-svg-size);
        block-size: var(--navigate-account-svg-size);
        pointer-events: none;
    }

/* ------------------------------- */
/* Menu item */
.navigate-menu-item {
    position: relative;
    transition: color var(--navigate-transition-duration-colour) var(--navigate-transition-timing-function);
}

    /* Default colour */
    .navigate-menu-item,
    .navigate-menu-item:visited,
    .navigate-skip-link,
    .navigate-skip-link:visited {
        color: var(--navigate-menu-item-colour);
    }

        /* Hover ------------------------- */
        /*@media(any-hover: hover) and (any-pointer: fine) {*/
        .navigate-menu-item:hover,
        .navigate-skip-link:hover {
            color: var(--navigate-menu-item-colour-hover);
        }
        /*}*/

        /* Focus ------------------------- */
        .navigate-menu-item:focus,
        .navigate-skip-link:focus {
            color: var(--navigate-menu-item-colour-focus);
        }

        /* Active ------------------------ */
        .navigate-menu-item:active,
        .navigate-skip-link:active {
            color: var(--navigate-menu-item-colour-active);
            /* Remove the transition for the active state, we want the changes to show instantly */
            transition-duration: 0s;
        }

        /* ------------------------------- */
        /* Menu item selected decoration */
        .navigate-menu-item::before {
            position: absolute;
            /* Set the decoration to be behind the text, just in case some text descenders overlap the decoration, and behind the anchor decorations */
            z-index: -2;
            inset-inline-start: 0;
            inset-block-end: calc(var(--navigate-menu-item-decoration-height) * -1);
            inline-size: 100%;
            block-size: var(--navigate-menu-item-decoration-height);
            border: calc(var(--navigate-menu-item-decoration-height) / 2) solid transparent;
            border-radius: var(--navigate-menu-item-decoration-border-radius);
            background-color: transparent;
            content: '';
            transform: scaleX(0);
            transform-origin: center;
            transition-property: background-color, transform;
            transition-duration: var(--navigate-transition-duration-decoration);
            transition-timing-function: var(--navigate-transition-timing-function);
            /* This delay is needed to slow the decoration background colour transition, otherwise it reaches transparent too quickly. */
            transition-delay: calc(var(--navigate-transition-duration-colour) * 0.5), 0s;
        }

        /* Selected ---------------------- */
        .navigate-menu-item[data-navigate-menu-item-selected]::before {
            background-color: var(--navigate-menu-item-selected-decoration-colour);
            transform: scaleX(1);
            transition-delay: 0s;
        }

/* ------------------------------- */
/* Small menu <640px */
/*@media not all and (min-width: 40em) {
}*/

/* ------------------------------- */
/* Medium menu >=640px */
@media (min-width: 40em) {
    .navigate-banner {
        /* Font ---------------------- */
        --navigate-font-size: calc(var(--site-navigate-font-size) * 1.1);
        /* Logo -------------------------- */
        --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.2);
        /* Metrics ------------------- */
        --navigate-padding-vertical: calc(var(--site-navigate-padding-vertical) * 1.5);
    }
}

/* ------------------------------- */
/* Large menu >=1080px */
@media (min-width: 67.5em) {
    .navigate-banner {
        /* Font ---------------------- */
        --navigate-font-size: calc(var(--site-navigate-font-size) * 1.2);
        /* Logo -------------------------- */
        --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.3);
        /* Metrics ------------------- */
        --navigate-padding-vertical: calc(var(--site-navigate-padding-vertical) * 2);
    }
}

/* Ignore Spelling: /matchCase */

/**
 * @file footer.css - CSS classes for footer element
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.footer {
    /* Background -------------------- */
    --footer-background-colour: var(--site-footer-background-colour);
    /* Border ------------------------ */
    --footer-border-colour: var(--site-footer-border-colour);
    --footer-border-radius: var(--site-footer-border-radius);
    --footer-border-width: var(--site-footer-border-width);
    /* Font -------------------------- */
    --footer-font-size: var(--site-footer-font-size);
    --footer-menu-font-size: var(--site-footer-menu-font-size);
    /* Metrics ----------------------- */
    --footer-max-width: var(--site-footer-max-width);
    --footer-menu-gap: var(--site-footer-menu-gap);
    --footer-padding: var(--site-footer-padding);
    /* Shadow ------------------------ */
    --footer-shadow: var(--site-footer-shadow);
    /* Transition -------------------- */
    --footer-transition-duration: var(--site-footer-transition-duration);
    --footer-transition-timing-function: var(--site-footer-transition-timing-function);
    /* ------------------------------- */
    overflow: hidden;
    /* Add a shadow. It will only be visible on the bottom border */
    box-shadow: var(--footer-shadow);
    border-block-start: var(--footer-border-width) solid var(--footer-border-colour);
    border-start-start-radius: var(--footer-border-radius);
    border-start-end-radius: var(--footer-border-radius);
    background-color: var(--footer-background-colour);
    font-size: var(--footer-font-size);
    /* Set the transition for changing to and from dark mode */
    transition-property: border-color, background-color;
    transition-duration: var(--footer-transition-duration);
    transition-timing-function: var(--footer-transition-timing-function);
}

    .footer > div {
        max-inline-size: var(--footer-max-width);
        margin-inline-start: auto;
        margin-inline-end: auto;
        padding: var(--footer-padding);
    }

    .footer p {
        margin: 0;
    }

    .footer .footer-menu {
        margin-block-end: var(--footer-menu-gap);
        font-size: var(--footer-menu-font-size);
    }

/* Ignore Spelling: behavior color css touchscreens var webkit xml /matchCase */

/**
 * @file scroll.css - CSS classes for scrolling
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

html {
    /* Bar ---------------------------- */
    --scroll-bar-background-colour: var(--site-scroll-bar-background-colour);
    --scroll-bar-colour: var(--site-scroll-bar-colour);
    --scroll-bar-width: var(--site-scroll-bar-width);
    /* Flash ----------------------- */
    --scroll-flash-animation-delay: var(--site-scroll-flash-animation-delay);
    --scroll-flash-animation-duration: var(--site-scroll-flash-animation-duration);
    --scroll-flash-animation-timing-function: var(--site-scroll-flash-animation-timing-function);
    --scroll-flash-border-radius: var(--site-scroll-flash-border-radius);
    --scroll-flash-colour: var(--site-scroll-flash-colour);
    /* Metrics ----------------------- */
    --scroll-gap-top: var(--site-scroll-gap-top);
    --scroll-padding-top: var(--site-scroll-padding-top);
}

/* ------------------------------- */
/* Smooth scrolling. See https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior and https://caniuse.com/?search=scroll-behavior */
html, :has(:target) {
    scroll-behavior: smooth;
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    html, :has(:target) {
        /* Remove smooth scrolling */
        scroll-behavior: auto;
    }
}

/* ------------------------------- */
/* Scrollbar */
html {
    /* Set the scrollbar gutter so that the gutter or the scrollbar will always show. This stops layout shift on pages that do not overflow. Browsers with overlay style scrollbars will ignore this setting.  */
    scrollbar-gutter: stable;
    /* Set the scrollbar width and colour for browsers that support it. */
    scrollbar-width: var(--scroll-bar-width);
    scrollbar-color: var(--scroll-bar-colour) var(--scroll-bar-background-colour);
    overflow: auto;
}

/* ------------------------------- */
/* Scroll anchor targets so they take into account the height of the fixed position page header */
html {
    scroll-padding-block-start: var(--scroll-padding-top);
}

:target {
    scroll-margin-block-start: var(--scroll-gap-top);
}

/* Fall-back for browsers that do not support scroll-margin-block-start. See https://codepen.io/maddesigns/pen/XWbRZbb */
/*@supports not ((scroll-margin-block-start: 0) and (scroll-padding-block-start: 0)) {*/
/*:target::before {
        display: block;
        position: relative;
        inset-block-end: 0;
        inline-size: 0;
        block-size: calc(var(--scroll-padding-top) + var(--scroll-gap-top));
        visibility: hidden;
        margin-block-start: calc((var(--scroll-padding-block-start) + var(--scroll-gap-top)) * -1);
        content: '';
    }
}*/

/* ------------------------------- */
/* Apply a flash effect when scrolling to a targeted section with an id. Browsers that don't support scroll-margin-block-start (older Safari) do not perform this effect well, so they are excluded. */
/*@supports (scroll-margin-block-start: 0) {*/
@keyframes scroll-target-flash {
    from {
        box-shadow: 0 0 0 var(--scroll-flash-border-radius) transparent;
        background-color: transparent;
    }

    40% {
        box-shadow: 0 0 0 var(--scroll-flash-border-radius) var(--scroll-flash-colour);
        background-color: var(--scroll-flash-colour);
    }

    to {
        box-shadow: 0 0 0 var(--scroll-flash-border-radius) transparent;
        background-color: transparent;
    }
}

section[id]:target {
    border-radius: var(--scroll-flash-border-radius);
    animation-name: scroll-target-flash;
    animation-duration: var(--scroll-flash-animation-duration);
    animation-timing-function: var(--scroll-flash-animation-timing-function);
    animation-delay: var(--scroll-flash-animation-delay);
}
/*}*/

/* ------------------------------- */
/* Scroll-to-top button. The button should be located on the Layout page. */
.scroll-to-top {
    /* Colours ----------------------- */
    --scroll-to-top-colour: var(--site-scroll-to-top-colour);
    --scroll-to-top-colour-active: var(--site-scroll-to-top-colour-active);
    --scroll-to-top-colour-focus: var(--site-scroll-to-top-colour-focus);
    --scroll-to-top-colour-hover: var(--site-scroll-to-top-colour-hover);
    /* Background -------------------- */
    --scroll-to-top-backdrop-blur: var(--site-scroll-to-top-backdrop-blur);
    --scroll-to-top-background-colour: var(--site-scroll-to-top-background-colour);
    --scroll-to-top-drop-shadow: var(--site-scroll-to-top-drop-shadow);
    /* Border ------------------------ */
    --scroll-to-top-border-colour: var(--site-scroll-to-top-border-colour);
    --scroll-to-top-border-colour-active: var(--site-scroll-to-top-border-colour-active);
    --scroll-to-top-border-colour-focus: var(--site-scroll-to-top-border-colour-focus);
    --scroll-to-top-border-colour-hover: var(--site-scroll-to-top-border-colour-hover);
    --scroll-to-top-border-radius: var(--site-scroll-to-top-border-radius);
    --scroll-to-top-border-width: var(--site-scroll-to-top-border-width);
    /* Metrics ----------------------- */
    --scroll-to-top-gap-horizontal: var(--site-scroll-to-top-gap-horizontal);
    --scroll-to-top-gap-vertical: var(--site-scroll-to-top-gap-vertical);
    --scroll-to-top-size: var(--site-scroll-to-top-size);
    /* Shadow ------------------------ */
    --scroll-to-top-shadow: var(--site-scroll-to-top-shadow);
    --scroll-to-top-shadow-active: var(--site-scroll-to-top-shadow-active);
    --scroll-to-top-shadow-focus: var(--site-scroll-to-top-shadow-focus);
    --scroll-to-top-shadow-hover: var(--site-scroll-to-top-shadow-hover);
    /* Transitions ------------------- */
    --scroll-to-top-transform-active: var(--site-scroll-to-top-transform-active);
    --scroll-to-top-transition-duration-fast: var(--site-scroll-to-top-transition-duration-fast);
    --scroll-to-top-transition-duration-slow: var(--site-scroll-to-top-transition-duration-slow);
    --scroll-to-top-transition-timing-function: var(--site-scroll-to-top-transition-timing-function);
    /* ------------------------------- */
    position: fixed;
    inset-inline-end: var(--scroll-to-top-gap-horizontal);
    inset-block-end: var(--scroll-to-top-gap-vertical);
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    box-shadow: var(--scroll-to-top-shadow);
    border: var(--scroll-to-top-border-width) solid var(--scroll-to-top-border-colour);
    border-radius: var(--scroll-to-top-border-radius);
    background-color: var(--scroll-to-top-background-colour);
    color: var(--scroll-to-top-colour);
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--scroll-to-top-backdrop-blur));
    backdrop-filter: blur(var(--scroll-to-top-backdrop-blur));
    /* Transform the scroll-to-top element out of view */
    transform: translateX(calc(var(--scroll-to-top-size) + var(--scroll-to-top-gap-horizontal)));
    transition-property: background-color, border-color, box-shadow, visibility, opacity, transform;
    transition-duration: var(--scroll-to-top-transition-duration-fast), var(--scroll-to-top-transition-duration-fast), var(--scroll-to-top-transition-duration-fast), var(--scroll-to-top-transition-duration-slow), var(--scroll-to-top-transition-duration-slow), var(--scroll-to-top-transition-duration-slow);
    transition-timing-function: var(--scroll-to-top-transition-timing-function);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .scroll-to-top {
        /* Transform the scroll-to-top element in to view */
        transform: translateX(0);
    }
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .scroll-to-top {
        /* Remove the transparency on the background colour */
        background-color: oklch(from var(--scroll-to-top-background-colour) l c h / 100%);
    }
}

/* Hover ------------------------- */
/* This media query stops the hover point becoming sticky on touch-only devices, such as phones. See https://medium.com/@mezoistvan/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c. As the article describes, this is not a perfect solution for combined touch and mouse devices. So could be improved in the future. */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
.scroll-to-top:hover {
    box-shadow: var(--scroll-to-top-shadow-hover);
    border-color: var(--scroll-to-top-border-colour-hover);
    background-color: oklch(from var(--scroll-to-top-background-colour) l c h / 100%);
    color: var(--scroll-to-top-colour-hover);
}
/*}*/

/* Focus ------------------------- */
.scroll-to-top:focus {
    box-shadow: var(--scroll-to-top-shadow-focus);
    border-color: var(--scroll-to-top-border-colour-focus);
    color: var(--scroll-to-top-colour-focus);
}

/* Active ------------------------ */
.scroll-to-top:active {
    box-shadow: var(--scroll-to-top-shadow-active);
    border-color: var(--scroll-to-top-border-colour-active);
    color: var(--scroll-to-top-colour-active);
}

/* SVG --------------------------- */
.scroll-to-top svg {
    display: block;
    inline-size: calc(var(--scroll-to-top-size) / 2);
    block-size: calc(var(--scroll-to-top-size) / 2);
    margin: calc(var(--scroll-to-top-size) / 4);
    fill: currentColor;
    /* Add a glow filter to the image, so it is more easily distinguished from the blurred background */
    filter: drop-shadow(var(--scroll-to-top-drop-shadow));
    transition-property: color, transform;
    transition-duration: var(--scroll-to-top-transition-duration-fast);
    transition-timing-function: var(--scroll-to-top-transition-timing-function);
}

.scroll-to-top:active svg {
    /* Transform the button content. This is intended to be used to scale the button content down when the button is pressed. */
    transform: var(--scroll-to-top-transform-active);
}

/* Show the scroll to top element */
.scroll-to-top[data-show] {
    visibility: visible;
    opacity: 1;
    /* Transform the scroll-to-top element in to view */
    transform: translateX(0);
}

/* ------------------------------- */
/* Reading position progress bar - */
.scroll-reading-position {
    --scroll-reading-position-background-colour: var(--site-scroll-reading-position-background-colour);
    --scroll-reading-position-border-radius: var(--site-scroll-reading-position-border-radius);
    --scroll-reading-position-colour: var(--site-scroll-reading-position-colour);
    --scroll-reading-position-height: var(--site-scroll-reading-position-height);
    --scroll-reading-position-shadow: var(--site-scroll-reading-position-shadow);
    /* ------------------------------- */
    position: fixed;
    inset-inline-start: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: var(--scroll-reading-position-height);
    /* Reset the appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove the default border in Firefox/Opera */
    border: none;
    /* Firefox */
    background-color: var(--scroll-reading-position-background-colour);
}

    /* Chrome and Edge */
    .scroll-reading-position::-webkit-progress-bar {
        background-color: var(--scroll-reading-position-background-colour);
    }

    .scroll-reading-position::-webkit-progress-value {
        box-shadow: var(--scroll-reading-position-shadow);
        border-radius: var(--scroll-reading-position-border-radius);
        background-color: var(--scroll-reading-position-colour);
    }

    /* Firefox */
    .scroll-reading-position::-moz-progress-bar {
        border-radius: var(--scroll-reading-position-border-radius);
        background-color: var(--scroll-reading-position-colour);
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .scroll-reading-position {
        /* Don't show the reading progress bar */
        display: none;
    }
}

/* Ignore Spelling: behavior dialog Dialog overscroll viewport /matchCase */

/**
 * @file dialog.css - CSS classes for dialog.js
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 *
 * Usage example:
 *  <dialog class="dialog box-shadow" aria-labelledby="XXX-label" data-dialog-XXX>
 *      <div class="dialog-header">
 *          <p id="XXX-label"><svg class="svg-inline svg-critical" aria-hidden="true"><use href="#exclamation-circle" /></svg>[header text]</p>
 *      </div>
 *      <hr />
 *      <div class="dialog-body">
 *          <p>[body text]</p>
 *      </div>
 *      <hr />
 *      <div class="dialog-footer">
 *          <button class="button" type="button" data-dialog-set-focus data-dialog-close aria-label="[button text.]"><span>[button text]</span></button>
 *      </div>
 *  </dialog>
 */

/* Remove the viewport scrollbar when dialog is open. This will stop the page from scrolling behind a modal dialog. Also see the overscroll-behavior property in the dialog-body class below. To stop any layout shift, the scrollbar-gutter property is set in the scroll.css file.*/
/* December 2023: The scrollbar-gutter property has issues, this is disabled till they are fixed */
/*html:has(.dialog:modal[open]) {
    overflow: hidden;
}*/

/* Dialog window */
.dialog, .dialog::backdrop {
    /* Backdrop ---------------------- */
    --dialog-backdrop-blur: var(--site-dialog-backdrop-blur);
    --dialog-backdrop-colour: var(--site-dialog-backdrop-colour);
    /* Background -------------------- */
    --dialog-background-colour: var(--site-dialog-background-colour);
    /* Body overflow indicator ------- */
    --dialog-body-overflow-indicator-colour: var(--site-dialog-body-overflow-indicator-colour);
    /* Border ------------------------ */
    --dialog-border-colour: var(--site-dialog-border-colour);
    --dialog-border-radius: var(--site-dialog-border-radius);
    --dialog-border-width: var(--site-dialog-border-width);
    /* Font -------------------------- */
    --dialog-heading-font-colour: var(--site-dialog-heading-font-colour);
    --dialog-heading-font-letter-spacing: var(--site-dialog-heading-font-letter-spacing);
    --dialog-heading-font-line-height: var(--site-dialog-heading-font-line-height);
    --dialog-heading-font-size: var(--site-dialog-heading-font-size);
    --dialog-heading-font-stretch: var(--site-dialog-heading-font-stretch);
    --dialog-heading-font-variation-settings: var(--site-dialog-heading-font-variation-settings);
    --dialog-heading-font-weight: var(--site-dialog-heading-font-weight);
    /* Metrics ----------------------- */
    --dialog-button-width: var(--site-dialog-button-width);
    --dialog-gap: var(--site-dialog-gap);
    --dialog-max-width: var(--site-dialog-max-width);
    --dialog-padding: var(--site-dialog-padding);
    --dialog-svg-gap: var(--site-dialog-svg-gap);
    --dialog-svg-size: var(--site-dialog-svg-size);
    /* Transition -------------------- */
    --dialog-transition-duration: var(--site-dialog-transition-duration);
    --dialog-transition-timing-function: var(--site-dialog-transition-timing-function);
}

.dialog {
    /* The dialog is initially hidden. This will be set to flex when the dialog is open */
    display: none;
    /* Size the dialog to the content */
    inline-size: -webkit-fill-available; /* Samsung Internet */
    inline-size: fit-content;
    block-size: fit-content;
    /* Then restrict the dialog size to the settings */
    /* Maximum width = viewport width, not including the scrollbar width, less the minimum gap at each side. 100% is used as it seems to be the only reliable way to get the viewport width excluding the scrollbar width. 100svw does not work. */
    max-inline-size: min(var(--dialog-max-width), calc(100% - (var(--dialog-gap) * 2)));
    /* Maximum height is dynamic viewport height less the minimum gap at the top and bottom */
    max-block-size: calc(100dvh - (var(--dialog-gap) * 2));
    flex-flow: column nowrap;
    /* Set auto margins at the sides and a gap at the top and bottom  */
    margin-inline: auto;
    margin-block: var(--dialog-gap);
    border: var(--dialog-border-width) solid var(--dialog-border-colour);
    border-radius: var(--dialog-border-radius);
    background-color: var(--dialog-background-colour);
    padding: var(--dialog-padding);
    /* The dialog will be animated to an opacity of 0 */
    animation: hide-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
}

    .dialog::backdrop {
        background-color: var(--dialog-backdrop-colour);
        /* Start the animation to hide the dialog backdrop */
        /* Note: May 2024: Firefox doesn't support animating the backdrop element */
        animation: hide-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
        /* Add a blurred background filter */
        -webkit-backdrop-filter: blur(var(--dialog-backdrop-blur)); /* Safari */
        backdrop-filter: blur(var(--dialog-backdrop-blur));
    }

    .dialog[open] {
        /* Flex is used to make the dialog-body shrink and grow as required */
        display: flex;
    }

        .dialog[open][data-show] {
            /* Start the animation to show the dialog */
            animation: show-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
        }

            .dialog[open][data-show]::backdrop {
                /* Start the animation to show the dialog backdrop */
                /* Note: May 2024: Firefox doesn't support animating the backdrop element */
                animation: show-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
            }

    .dialog > hr {
        /* raise the z-index so the shadow of the line is above the dialog body */
        z-index: 1;
        /* Do not allow this element to grow or shrink */
        flex: 0 0 auto;
        margin: 0;
    }

/* Dialog header */
.dialog-header {
    /* Do not allow this element to grow or shrink */
    flex: 0 0 auto;
}

    .dialog-header p {
        display: flex;
        align-items: center;
        column-gap: var(--dialog-svg-gap);
        font-size: var(--dialog-heading-font-size);
        font-stretch: var(--dialog-heading-font-stretch);
        font-weight: var(--dialog-heading-font-weight);
        font-variation-settings: var(--dialog-heading-font-variation-settings);
        letter-spacing: var(--site-font-letter-spacing-heading);
        line-height: var(--dialog-heading-font-line-height);
        color: var(--dialog-heading-font-colour);
    }

        .dialog-header p svg {
            inline-size: auto;
            block-size: var(--dialog-svg-size);
            align-self: flex-start;
        }

/* Dialog body */
.dialog-body {
    /* Contain any scrolling within the dialog-body element. Even though the overflow:hidden above negates the need for this, we do this just in case. */
    overscroll-behavior: contain;
    overflow: auto;
    /* Set a minimum height so the body can't shrink completely */
    min-block-size: 3em;
    /* Allow this element to grow and shrink */
    flex: 1 1 auto;
    background-attachment: local, local, scroll, scroll;
    /* Shadow to indicate scroll-ability. See https://codepen.io/chriscoyier/pen/YzXBYvL */
    background-image:
    /* Shadow cover top */
    linear-gradient(var(--dialog-background-colour) 30%, transparent),
    /* Shadow cover bottom */
    linear-gradient(transparent, var(--dialog-background-colour) 70%),
    /* Shadow top */
    radial-gradient(farthest-side at 50% 0, var(--dialog-body-overflow-indicator-colour), transparent),
    /* Shadow bottom */
    radial-gradient(farthest-side at 50% 100%, var(--dialog-body-overflow-indicator-colour), transparent);
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100% 2em, 100% 2em, 100% 1em, 100% 1em;
    padding-block-start: var(--dialog-padding);
}

/* Dialog footer */
.dialog-footer {
    /* Flex is used to justify the contents of the footer, that is, the buttons */
    display: flex;
    /* Do not allow this element to grow or shrink */
    flex: 0 0 auto;
    justify-content: flex-end;
    padding-block-start: var(--dialog-padding);
}

    .dialog-footer button {
        /* Allow the buttons to shrink */
        flex: 0 0 var(--dialog-button-width);
    }

/* Animations -------------------- */
/* Show */
@keyframes show-dialog {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Hide */
@keyframes hide-dialog {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Ignore Spelling: /matchCase */

/**
 * @file responsive.css - CSS classes for responsive grid manipulation
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/*
    Small screen = mobile or smaller = < 40em = 640px
    Medium screen = tablet => 40em = 640px
    Large screen = desktop => 67.5em = 1080px
    Extra large screen = larger than desktop => 120em = 1920px

    Note that the em's used in media queries are default browser em's, that is, 16px, unless changed by the user agent or user preferences.
*/

.responsive {
    /* Metrics ----------------------- */
    --responsive-column-gap: var(--site-responsive-column-gap);
    --responsive-column-right-width-medium: var(--site-responsive-column-right-width-medium);
    --responsive-column-right-width-large: var(--site-responsive-column-right-width-large);
    --responsive-padding-horizontal: var(--site-responsive-padding-horizontal);
    --responsive-max-width: var(--site-responsive-max-width);
    /* ------------------------------- */
    display: block;
    position: relative;
    inline-size: 100%;
    max-inline-size: var(--responsive-max-width);
    margin-inline: auto;
    margin-block: 0;
    padding-inline: var(--responsive-padding-horizontal);
}

    .responsive > .responsive-row {
        display: flex;
        inline-size: 100%;
        flex-flow: column nowrap;
        padding: 0;
    }

        .responsive > .responsive-row > .responsive-column {
            inline-size: 100%;
            max-inline-size: 100%;
            flex: 1 1 auto;
            margin-inline-start: 0;
        }

/* ------------------------------- */
/* Small screen < 640px */
@media not all and (min-width: 40em) {
    /* Hide the element */
    .responsive .responsive-hidden-small {
        display: none;
    }
}

/* ------------------------------- */
/* Medium screen >=640px */
@media (min-width: 40em) {
    /*  */
    .responsive > .responsive-row {
        flex-flow: row nowrap;
        column-gap: var(--responsive-column-gap);
    }

        /* Set column width */
        .responsive > .responsive-row > .responsive-column.responsive-column-right {
            flex: 0 0 var(--responsive-column-right-width-medium);
        }

        /*  */
/*        .responsive > .responsive-row > .responsive-column > .responsive-column-keep-in-view {
            position: sticky;
            inset-block-start: 0;
        }*/

    /* Hide the element */
    .responsive .responsive-hidden-medium {
        display: none;
    }
}

/* ------------------------------- */
/* Large screen >=1080px */
@media (min-width: 67.5em) {
    /* Set column width */
    .responsive > .responsive-row > .responsive-column.responsive-column-right {
        flex: 0 0 var(--responsive-column-right-width-large);
    }

    /* Hide the element */
    .responsive .responsive-hidden-large {
        display: none;
    }
}

/* ------------------------------- */
/* Extra large screen >=1920px */
@media (min-width: 120em) {
    /* Hide the element */
    .responsive .responsive-hidden-extra-large {
        display: none;
    }
}

/* Ignore Spelling: color Dialog fallback flexbox opsz popup Roboto slnt svg textarea tooltip var wdth webkit wght xml /matchCase */

/**
 * @file site.css - CSS classes for the site
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* ------------------------------- */
/* Fonts */

/** Roboto Flex
    https://fonts.google.com/specimen/Roboto+Flex

    Options: <name:> <code:> <range> <(default)>
      Optical size: opsz: 8..144 (14)
      Slant: slnt: -10..0 (0)
      Width: wdth: 25..151 (100)
      Weight: wght: 100..1000 (400)
      Grade: GRAD: -200..150 (0)
      Thin Stroke X: XOPQ: 27..175 (96)
      Counter Width: XTRA: 323..603 (468)
      Thin Stroke Y: YOPQ: 25..135 (79)
      Ascender Height: YTAS: 649..854 (750)
      Descender Depth: YTDE: -305..-98 (-203)
      Figure Height: YTFI: 560..788 (738)
      Lower-case Height: YTLC: 416..570 (514)
      Upper-case Height: YTUC: 528..760 (712)

    Template with all possible options
    https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,slnt,wdth,wght,GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC@8..144,-10..0,25..151,100..1000,-200..150,27..175,323..603,25..135,649..854,-305..-98,560..788,416..570,528..760&display=swap

    Template for this site
    https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD,YTAS,YTDE,YTUC@8..144,25..151,100..1000,-200..150,649..854,-305..-98,528..760&display=swap */

@font-face {
    src: url(../fonts/graymatter-enterprises-roboto-flex.woff2) format(woff2) tech(variations), url(../fonts/graymatter-enterprises-roboto-flex.woff2) format('woff2 supports variations'), url(../fonts/graymatter-enterprises-roboto-flex.woff2) format('woff2-variations'), url(../fonts/graymatter-enterprises-roboto-flex.woff2) format(woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
    font-family: 'Graymatter Enterprises Roboto Flex';
    font-stretch: 25% 151%;
    font-style: normal;
    font-weight: 100 1000;
}

:root, ::backdrop {
    /* ------------------------------- */
    /* Brand ------------------------- */
    /* Light grey: OKlch from HSL 0, 0%, 87% */
    --site-brand-colour-light-grey: oklch(90.01% 0 0);
    /* Dark grey: OKlch from HSL 0, 0%, 60% */
    --site-brand-colour-dark-grey: oklch(68.3% 0 0);
    /* Darkest grey: OKlch from HSL 0, 0%, 47% */
    --site-brand-colour-darkest-grey: oklch(57.22% 0 0);
    /* Grey: OKlch from HSL 0, 0%, 73% */
    --site-brand-colour-grey: oklch(78.94% 0 0);
    /* Backdrop ---------------------- */
    --site-backdrop-blur: calc(3 / var(--site-rem-calc));
    --site-backdrop-colour: oklch(70% 0 0 / 10%);
    /* Background -------------------- */
    --site-background-colour: oklch(98.48% 0 0);
    /* Border ------------------------ */
    --site-border-radius: calc(6 / var(--site-rem-calc));
    /* Font -------------------------- */
    --site-font-ascender-height: 'YTAS' 750;
    --site-font-colour: oklch(25% 0 0);
    --site-font-family: 'Graymatter Enterprises Roboto Flex';
    --site-font-family-fallback: system-ui, sans-serif;
    --site-font-letter-spacing: 0.04em;
    --site-font-line-height: 1.7;
    --site-font-size: var(--site-font-size-base);
    --site-font-size-base: calc(18 / var(--site-rem-calc));
    --site-font-stretch: 100%;
    --site-font-weight: 310;
    /* Font - b ---------------------- */
    --site-font-b-letter-spacing: 0.06em;
    --site-font-b-stretch: var(--site-font-stretch);
    --site-font-b-weight: calc(var(--site-font-weight) + 200);
    /* Font - em --------------------- */
    --site-font-em-letter-spacing: var(--site-font-letter-spacing);
    --site-font-em-slant: var(--site-font-italic-slant);
    --site-font-em-stretch: var(--site-font-stretch);
    --site-font-em-weight: var(--site-font-weight);
    /* Font - i ---------------------- */
    --site-font-i-letter-spacing: var(--site-font-letter-spacing);
    --site-font-i-slant: var(--site-font-italic-slant);
    --site-font-i-stretch: var(--site-font-stretch);
    --site-font-i-weight: var(--site-font-weight);
    /* Font - italic ----------------- */
    --site-font-italic-family: 'Graymatter Enterprises Roboto Flex';
    --site-font-italic-letter-spacing: var(--site-font-letter-spacing);
    --site-font-italic-line-height: var(--site-font-line-height);
    --site-font-italic-size: var(--site-font-size-base);
    --site-font-italic-slant: -8;
    --site-font-italic-stretch: var(--site-font-stretch);
    --site-font-italic-weight: var(--site-font-weight);
    /* Font - strong ----------------- */
    --site-font-strong-letter-spacing: var(--site-font-b-letter-spacing);
    --site-font-strong-stretch: var(--site-font-stretch);
    --site-font-strong-weight: calc(var(--site-font-weight) + 200);
    /* Heading ----------------------- */
    --site-font-ascender-height-heading: 'YTAS' 854;
    --site-font-descender-depth-heading: 'YTDE' -305;
    --site-font-colour-heading-1: oklch(from var(--site-font-colour) calc(l * 200%) c h);
    --site-font-colour-heading-2: oklch(from var(--site-font-colour) calc(l * 180%) c h);
    --site-font-colour-heading-3: oklch(from var(--site-font-colour) calc(l * 160%) c h);
    --site-font-colour-heading-4: oklch(from var(--site-font-colour) calc(l * 140%) c h);
    --site-font-letter-spacing-heading: 0.03em;
    --site-font-line-height-heading-1: 1.2;
    --site-font-line-height-heading-2: 1.25;
    --site-font-line-height-heading-3: 1.3;
    --site-font-line-height-heading-4: 1.2;
    --site-font-size-heading-1: var(--site-font-size-heading-1-base);
    --site-font-size-heading-2: var(--site-font-size-heading-2-base);
    --site-font-size-heading-3: var(--site-font-size-heading-3-base);
    --site-font-size-heading-4: var(--site-font-size-heading-4-base);
    --site-font-size-heading-1-base: calc(30 / var(--site-rem-calc));
    --site-font-size-heading-2-base: calc(var(--site-font-size-heading-1-base) * 0.85);
    --site-font-size-heading-3-base: calc(var(--site-font-size-heading-1-base) * 0.75);
    --site-font-size-heading-4-base: calc(var(--site-font-size-heading-1-base) * 0.65);
    --site-font-stretch-heading-1: 97%;
    --site-font-stretch-heading-2: 97%;
    --site-font-stretch-heading-3: 98%;
    --site-font-stretch-heading-4: 98%;
    --site-font-uppercase-height-heading: 'YTUC' 760;
    --site-font-weight-heading: 500;
    /* Line -------------------------- */
    --site-line-colour: var(--site-brand-colour-light-grey);
    --site-line-size: calc(2 / var(--site-rem-calc));
    /* Metrics ----------------------- */
    --site-rem-calc: 16 * 1rem;
    --site-max-width: calc(1200 / var(--site-rem-calc));
    /* Use 8 point formatting rules */
    --site-size-small: calc(4 / var(--site-rem-calc));
    --site-size-medium: calc(8 / var(--site-rem-calc));
    --site-size-large: calc(16 / var(--site-rem-calc));
    /* Outline ----------------------- */
    --site-outline-colour: transparent;
    --site-outline-offset: var(--site-size-small);
    --site-outline-style: dotted;
    --site-outline-width: calc(2 / var(--site-rem-calc));
    /* Selection --------------------- */
    --site-selection-background-colour: var(--site-brand-colour-dark-grey);
    --site-selection-colour: white;
    /* Shadow ------------------------ */
    --site-shadow: 0 0 calc(2 / var(--site-rem-calc)) 0 var(--site-shadow-colour);
    --site-shadow-colour: lightgrey;
    /* Transitions ------------------- */
    --site-transition-duration-long: 0.4s;
    --site-transition-duration-medium-long: 0.3s;
    --site-transition-duration-medium-short: 0.2s;
    --site-transition-duration-short: 0.1s;
    --site-transition-timing-function: ease;
    /* ------------------------------- */
    /* Abbreviation ------------------ */
    /* Abbreviation - decoration ----- */
    --site-abbreviation-decoration-colour: var(--site-brand-colour-dark-grey);
    --site-abbreviation-decoration-colour-hover: var(--site-brand-colour-darkest-grey);
    --site-abbreviation-decoration-height: calc(2 / var(--site-rem-calc));
    /* Abbreviation - tooltip -------- */
    --site-abbreviation-tooltip-background-colour: var(--site-background-colour);
    --site-abbreviation-tooltip-border-colour: var(--site-font-colour);
    --site-abbreviation-tooltip-border-radius: calc(var(--site-abbreviation-tooltip-font-size) * 0.3);
    --site-abbreviation-tooltip-border-width: calc(1 / var(--site-rem-calc));
    --site-abbreviation-tooltip-font-size: calc(16 / var(--site-rem-calc));
    --site-abbreviation-tooltip-padding-vertical: calc(var(--site-abbreviation-tooltip-font-size) * 0.3);
    --site-abbreviation-tooltip-padding-horizontal: calc(var(--site-abbreviation-tooltip-font-size) * 0.5);
    /* Abbreviation - transition ----- */
    --site-abbreviation-transition-duration-decoration: var(--site-transition-duration-medium-short);
    --site-abbreviation-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Anchor ------------------------ */
    /* Anchor - border --------------- */
    --site-anchor-border-radius: var(--site-border-radius);
    /* Anchor - colour --------------- */
    --site-anchor-colour: oklch(from var(--site-brand-colour-dark-grey) calc(l * 70%) c h);
    --site-anchor-colour-active: oklch(from var(--site-anchor-colour) calc(l * 0%) c h);
    --site-anchor-colour-focus: oklch(from var(--site-anchor-colour) calc(l * 25%) c h);
    --site-anchor-colour-hover: oklch(from var(--site-anchor-colour) calc(l * 50%) c h);
    /* Anchor - decoration ----------- */
    --site-anchor-decoration-border-radius: calc(var(--site-anchor-decoration-height) / 2);
    --site-anchor-decoration-colour-active: oklch(from var(--site-anchor-colour) calc(l * 0%) c h);
    --site-anchor-decoration-colour-focus: oklch(from var(--site-anchor-colour) calc(l * 25%) c h);
    --site-anchor-decoration-colour-hover: oklch(from var(--site-anchor-colour) calc(l * 50%) c h);
    --site-anchor-decoration-height: calc(2 / var(--site-rem-calc));
    /* Anchor - font ----------------- */
    --site-anchor-font-weight: calc(var(--site-font-weight) * 1.1);
    /* Anchor - transition ----------- */
    --site-anchor-transition-duration-colour: var(--site-transition-duration-short);
    --site-anchor-transition-duration-decoration: var(--site-transition-duration-medium-short);
    --site-anchor-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Aside ------------------------- */
    /* Aside - background ------------ */
    /* Create pastel colour from brand colour 2 by reducing chroma and increasing lightness */
    --site-aside-background-colour: oklch(96% 0 0);
    /* Aside - border ---------------- */
    --site-aside-border-colour: transparent;
    --site-aside-border-radius: var(--site-border-radius);
    --site-aside-border-width: calc(1 / var(--site-rem-calc));
    /* Aside - heading --------------- */
    --site-aside-heading-colour: var(--site-font-colour-heading-2);
    --site-aside-heading-font-letter-spacing: var(--site-font-letter-spacing-heading);
    --site-aside-heading-font-line-height: 1.3;
    --site-aside-heading-font-size: calc(22.5 / var(--site-rem-calc));
    --site-aside-heading-font-stretch: 96%;
    --site-aside-heading-font-variation-settings: var(--site-font-ascender-height-heading), var(--site-font-descender-depth-heading), var(--site-font-uppercase-height-heading);
    --site-aside-heading-font-weight: var(--site-font-weight-heading);
    --site-aside-heading-gap-bottom: var(--site-size-large);
    /* Aside - metrics --------------- */
    --site-aside-gap: var(--site-size-large);
    --site-aside-gap-bottom: calc(var(--site-size-large) + var(--site-size-medium));
    --site-aside-gap-bottom-last-item: 0;
    --site-aside-padding: var(--site-size-medium);
    --site-aside-row-gap-bottom: var(--site-size-small);
    /* Aside - transition ------------ */
    --site-aside-transition-duration: var(--site-transition-duration-long);
    --site-aside-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Button ------------------------ */
    /* Button - background ----------- */
    --site-button-background-colour: var(--site-brand-colour-light-grey);
    --site-button-background-colour-active: var(--site-brand-colour-light-grey);
    --site-button-background-colour-disabled: oklch(95% 0 0);
    --site-button-background-colour-focus: var(--site-brand-colour-darkest-grey);
    --site-button-background-colour-hover: var(--site-brand-colour-dark-grey);
    /* Button - border --------------- */
    --site-button-border-colour: transparent;
    --site-button-border-colour-active: var(--site-button-background-colour);
    --site-button-border-colour-disabled: transparent;
    --site-button-border-colour-focus: transparent;
    --site-button-border-colour-hover: transparent;
    --site-button-border-radius: var(--site-border-radius);
    --site-button-border-width: calc(2 / var(--site-rem-calc));
    /* Button - colour ----------------- */
    --site-button-colour: var(--site-anchor-colour);
    --site-button-colour-active: var(--site-anchor-colour-active);
    --site-button-colour-disabled: oklch(64% 0 0);
    --site-button-colour-focus: var(--site-anchor-colour-focus);
    --site-button-colour-hover: var(--site-anchor-colour-hover);
    /* Button - font ----------------- */
    --site-button-font-size: calc(20 / var(--site-rem-calc));
    --site-button-font-weight: var(--site-font-weight-b);
    /* Button - metrics -------------- */
    --site-button-padding: calc(16 / var(--site-rem-calc));
    /* Button - shadow --------------- */
    --site-button-shadow: var(--site-shadow);
    --site-button-shadow-active: var(--site-button-shadow-focus), 0 0 calc(6 / var(--site-rem-calc)) calc(4 / var(--site-rem-calc)) var(--site-brand-colour-dark-grey) inset;
    --site-button-shadow-focus: 0 0 var(--site-size-small) gray;
    --site-button-shadow-hover: 0 0 calc(var(--site-size-small) / 2) gray;
    /* Button - transition ----------- */
    --site-button-transform-active: scale(96%);
    --site-button-transition-duration: var(--site-transition-duration-short);
    --site-button-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Dialog ------------------------ */
    /* Dialog - backdrop ------------- */
    --site-dialog-backdrop-blur: var(--site-backdrop-blur);
    --site-dialog-backdrop-colour: var(--site-backdrop-colour);
    /* Dialog - background ----------- */
    --site-dialog-background-colour: var(--site-background-colour);
    /* Dialog - border --------------- */
    --site-dialog-border-colour: transparent;
    --site-dialog-border-radius: var(--site-border-radius);
    --site-dialog-border-width: calc(1 / var(--site-rem-calc));
    /* Dialog - font ----------------- */
    --site-dialog-heading-font-colour: var(--site-font-colour-heading-3);
    --site-dialog-heading-font-letter-spacing: var(--site-font-letter-spacing-heading);
    --site-dialog-heading-font-line-height: var(--site-font-line-height-heading-3);
    --site-dialog-heading-font-size: var(--site-font-size-heading-3);
    --site-dialog-heading-font-stretch: var(--site-font-stretch-heading-3);
    --site-dialog-heading-font-variation-settings: var(--site-font-ascender-height-heading), var(--site-font-descender-depth-heading), var(--site-font-uppercase-height-heading);
    --site-dialog-heading-font-weight: var(--site-font-size-heading-3);
    /* Dialog - metrics -------------- */
    --site-dialog-button-width: calc(160 / var(--site-rem-calc));
    --site-dialog-gap: var(--site-size-large);
    --site-dialog-max-width: calc(720 / var(--site-rem-calc));
    --site-dialog-padding: var(--site-size-large);
    --site-dialog-svg-gap: 0.6ch;
    --site-dialog-svg-size: 1.5em;
    /* Dialog - body overflow indicator */
    --site-dialog-body-overflow-indicator-colour: var(--site-shadow-colour);
    /* Dialog - transition ----------- */
    --site-dialog-transition-duration: var(--site-transition-duration-long);
    --site-dialog-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Footer ------------------------ */
    /* Footer - background ----------- */
    --site-footer-background-colour: oklch(96% 0 0);
    /* Footer - border --------------- */
    --site-footer-border-colour: transparent;
    --site-footer-border-radius: 0;
    --site-footer-border-width: calc(1 / var(--site-rem-calc));
    /* Footer - font ----------------- */
    --site-footer-font-size: var(--site-font-size);
    --site-footer-menu-font-size: var(--site-font-size);
    /* Footer - metrics -------------- */
    --site-footer-max-width: var(--site-max-width);
    --site-footer-menu-gap: var(--site-size-medium);
    --site-footer-padding: var(--site-size-large);
    /* Footer - shadow --------------- */
    --site-footer-shadow: var(--site-shadow);
    /* Footer - transition ----------- */
    --site-footer-transition-duration: var(--site-transition-duration-long);
    --site-footer-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Navigate ---------------------- */
    /* Navigate - background --------- */
    --site-navigate-backdrop-blur: var(--site-backdrop-blur);
    --site-navigate-background-colour: oklch(100% 0 0 / 90%);
    /* Navigate - border ------------- */
    --site-navigate-border-colour: transparent;
    --site-navigate-border-radius: 0;
    --site-navigate-border-width: calc(1 / var(--site-rem-calc));
    --site-navigate-menu-border-colour: transparent;
    --site-navigate-menu-border-radius: var(--site-border-radius);
    --site-navigate-menu-border-width: calc(1 / var(--site-rem-calc));
    /* Navigate - font --------------- */
    --site-navigate-font-letter-spacing: 0.03em;
    --site-navigate-font-size: calc(22.5 / var(--site-rem-calc));
    --site-navigate-font-stretch: 99%;
    --site-navigate-font-weight: 360;
    /* Navigate - logo --------------- */
    --site-navigate-logo-ascender-height: calc(0 / var(--site-rem-calc));
    --site-navigate-logo-decender-height: calc(3 / var(--site-rem-calc));
    --site-navigate-logo-decoration-padding: var(--site-size-medium);
    /* The height of the logo with an appropriate pixel width */
    --site-navigate-logo-height: calc(39 / var(--site-rem-calc));
    /* Navigate - menu item ---------- */
    --site-navigate-menu-item-colour: var(--site-anchor-colour);
    --site-navigate-menu-item-colour-active: var(--site-anchor-colour-active);
    --site-navigate-menu-item-colour-focus: var(--site-anchor-colour-focus);
    --site-navigate-menu-item-colour-hover: var(--site-anchor-colour-hover);
    --site-navigate-menu-item-gap-horizontal: var(--site-size-large);
    --site-navigate-menu-item-padding-horizontal: var(--site-size-large);
    --site-navigate-menu-item-padding-vertical: var(--site-size-large);
    /* Navigate - menu item decoration */
    --site-navigate-menu-item-decoration-border-radius: calc(var(--site-navigate-menu-item-decoration-height) / 2);
    --site-navigate-menu-item-selected-decoration-colour: var(--site-brand-colour-darkest-grey);
    --site-navigate-menu-item-decoration-height: calc(3 / var(--site-rem-calc));
    /* Navigate - metrics ------------ */
    --site-navigate-account-svg-size: calc(var(--site-size-large) * 2);
    --site-navigate-padding-horizontal: var(--site-size-large);
    --site-navigate-padding-vertical: var(--site-size-medium);
    --site-navigate-max-width: var(--site-max-width);
    /* Navigate - page change -------- */
    --site-navigate-page-change-panel-background-colour: var(--site-background-colour);
    --site-navigate-page-change-panel-image-opacity: 0.2;
    --site-navigate-page-change-panel-image-width: calc(200 / var(--site-rem-calc));
    --site-navigate-page-change-panel-transition-duration-fade-in: var(--site-transition-duration-medium-long);
    --site-navigate-page-change-panel-transition-duration-fade-out: var(--site-transition-duration-medium-long);
    --site-navigate-page-change-panel-transition-timing-function: var(--site-transition-timing-function);
    /* Navigate - shadow ------------- */
    --site-navigate-shadow: var(--site-shadow);
    /* Navigate - small menu --------- */
    --site-navigate-small-menu-item-colour: var(--site-navigate-menu-item-colour);
    --site-navigate-small-menu-item-colour-active: var(--site-navigate-menu-item-colour-active);
    --site-navigate-small-menu-item-colour-focus: var(--site-navigate-menu-item-colour-focus);
    --site-navigate-small-menu-item-colour-hover: var(--site-navigate-menu-item-colour-hover);
    /* Navigate - popup menu --------- */
    --site-navigate-popup-menu-backdrop-colour: var(--site-backdrop-colour);
    --site-navigate-popup-menu-overflow-colour: var(--site-navigate-menu-item-selected-decoration-colour);
    --site-navigate-popup-menu-overflow-height: 1em;
    --site-navigate-popup-menu-toggle-bar-height: var(--site-size-small);
    --site-navigate-popup-menu-toggle-bar-gap: var(--site-size-medium);
    --site-navigate-popup-menu-toggle-bar-width: calc(32 / var(--site-rem-calc));
    /* Navigate - transitions -------- */
    --site-navigate-transition-duration-toggle-bar: var(--site-transition-duration-long);
    --site-navigate-transition-duration-popup: var(--site-transition-duration-long);
    --site-navigate-transition-duration-colour: var(--site-transition-duration-short);
    --site-navigate-transition-duration-decoration: var(--site-transition-duration-medium-short);
    --site-navigate-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Responsive -------------------- */
    /* Responsive - metrics ---------- */
    --site-responsive-column-gap: calc(var(--site-size-large) * 2);
    --site-responsive-column-right-width-medium: calc(280 / var(--site-rem-calc));
    --site-responsive-column-right-width-large: calc(400 / var(--site-rem-calc));
    --site-responsive-padding-horizontal: var(--site-size-large);
    --site-responsive-max-width: var(--site-max-width);
    /* ------------------------------- */
    /* Scroll ------------------------ */
    /* Scroll - bar ------------------ */
    /*--site-scroll-bar-background-colour: oklch(96% 0 0);*/
    --site-scroll-bar-background-colour: transparent;
    --site-scroll-bar-colour: var(--site-brand-colour-darkest-grey);
    --site-scroll-bar-width: auto;
    /* Scroll - flash ---------------- */
    --site-scroll-flash-animation-delay: 300ms;
    --site-scroll-flash-animation-duration: 2s;
    --site-scroll-flash-animation-timing-function: var(--site-transition-timing-function);
    --site-scroll-flash-border-radius: var(--site-border-radius);
    --site-scroll-flash-colour: var(--site-scroll-bar-colour);
    /* Scroll - metrics -------------- */
    --site-scroll-gap-top: var(--site-size-large);
    /* Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
    --site-scroll-padding-top: calc(var(--navigate-banner-current-height) * calc(1 / var(--site-rem-calc)));
    /* Scroll - reading position ----- */
    --site-scroll-reading-position-background-colour: transparent;
    --site-scroll-reading-position-border-radius: calc(2 / var(--site-rem-calc));
    --site-scroll-reading-position-colour: oklch(from var(--site-brand-colour-dark-grey) l c h / 50%);
    --site-scroll-reading-position-height: calc(6 / var(--site-rem-calc));
    --site-scroll-reading-position-shadow: var(--site-shadow);
    /* Scroll - to top --------------- */
    --site-scroll-to-top-backdrop-blur: var(--site-backdrop-blur);
    --site-scroll-to-top-background-colour: oklch(100% 0 0 / 40%);
    --site-scroll-to-top-border-colour: transparent;
    --site-scroll-to-top-border-colour-active: oklch(96% 0 0);
    --site-scroll-to-top-border-colour-focus: transparent;
    --site-scroll-to-top-border-colour-hover: transparent;
    --site-scroll-to-top-border-radius: var(--site-border-radius);
    --site-scroll-to-top-border-width: calc(1 / var(--site-rem-calc));
    --site-scroll-to-top-colour: var(--site-brand-colour-light-grey);
    --site-scroll-to-top-colour-active: var(--site-brand-colour-darkest-grey);
    --site-scroll-to-top-colour-focus: var(--site-brand-colour-dark-grey);
    --site-scroll-to-top-colour-hover: var(--site-brand-colour-grey);
    --site-scroll-to-top-drop-shadow: 0 0 0.1em white;
    --site-scroll-to-top-gap-horizontal: var(--site-size-large);
    --site-scroll-to-top-gap-vertical: calc(var(--site-size-large) * 4); /* Note: This needs to be a considerable distance from the bottom of the window, as some mobile browsers (Example. Firefox Android) don't seem to like fixed/transitioning elements near their toolbar/status-bar. */
    --site-scroll-to-top-shadow: var(--site-shadow);
    --site-scroll-to-top-shadow-active: var(--site-scroll-to-top-shadow-focus), 0 0 calc(4 / var(--site-rem-calc)) calc(3 / var(--site-rem-calc)) var(--site-scroll-to-top-border-colour-active) inset;
    --site-scroll-to-top-shadow-focus: 0 0 var(--site-size-small) gray;
    --site-scroll-to-top-shadow-hover: 0 0 calc(var(--site-size-small) / 2) gray;
    --site-scroll-to-top-size: calc(var(--site-size-large) * 3);
    --site-scroll-to-top-transform-active: scale(96%);
    --site-scroll-to-top-transition-duration-fast: var(--site-transition-duration-short);
    --site-scroll-to-top-transition-duration-slow: var(--site-transition-duration-long);
    --site-scroll-to-top-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* SVG --------------------------- */
    /* SVG - metrics ----------------- */
    --site-svg-external-link-size: 0.6em;
    --site-svg-gap: 0.45ch;
    --site-svg-size: 1em;
    /* SVG - colour ------------------ */
    --site-svg-critical-colour: oklch(55% 0.164 24.21);
    --site-svg-success-colour: oklch(71.38% 0.18882689325159394 128.81958191370032);
    --site-svg-warning-colour: oklch(82.48% 0.17089619105621862 79.88425126960739);
}

/* Medium screen ----------------- */
@media (min-width: 40em) {
    :root {
        /* Font -------------------------- */
        --site-font-size: calc(var(--site-font-size-base) * 1.05);
        /* Font - italic ----------------- */
        --site-font-italic-size: calc(var(--site-font-italic-size-base) * 1.05);
        /* Heading ----------------------- */
        --site-font-size-heading-1: calc(var(--site-font-size-heading-1-base) * 1.1);
        --site-font-size-heading-2: calc(var(--site-font-size-heading-2-base) * 1.1);
        --site-font-size-heading-3: calc(var(--site-font-size-heading-3-base) * 1.1);
        --site-font-size-heading-4: calc(var(--site-font-size-heading-4-base) * 1.1);
    }
}

/* Large screen ------------------ */
@media (min-width: 67.5em) {
    :root {
        /* Font -------------------------- */
        --site-font-size: calc(var(--site-font-size-base) * 1.1);
        /* Font - italic ----------------- */
        --site-font-italic-size: calc(var(--site-font-italic-size-base) * 1.1);
        /* Heading ----------------------- */
        --site-font-size-heading-1: calc(var(--site-font-size-heading-1-base) * 1.2);
        --site-font-size-heading-2: calc(var(--site-font-size-heading-2-base) * 1.2);
        --site-font-size-heading-3: calc(var(--site-font-size-heading-3-base) * 1.2);
        --site-font-size-heading-4: calc(var(--site-font-size-heading-4-base) * 1.2);
    }
}

/* ------------------------------- */
::selection {
    background-color: var(--site-selection-background-colour);
    text-shadow: none;
    color: var(--site-selection-colour);
}

/* Set the outline so that it will display correctly in high contrast mode */
*:focus {
    outline-style: var(--site-outline-style);
    outline-width: var(--site-outline-width);
    outline-color: var(--site-outline-colour);
    outline-offset: var(--site-outline-offset);
}

/* ------------------------------- */
html {
    /* Set the colour of the insertion caret */
    caret-color: var(--site-brand-colour-grey);
}

/* ------------------------------- */
body {
    /* Create a flexbox so that the footer will stick to the bottom of the page when the page content is less than the page height. See https://dev.to/dailydevtips1/making-a-footer-stick-to-the-bottom-with-css-212g, https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ and https://dev.to/ziizium/how-to-create-a-sticky-website-footer-in-5-different-ways-5515 */
    display: flex;
    min-block-size: 100dvh;
    flex-flow: column nowrap;
    margin: 0;
    background-color: var(--site-background-colour);
    font-family: var(--site-font-family), var(--site-font-family-fallback);
    font-size: var(--site-font-size);
    font-stretch: var(--site-font-stretch);
    font-weight: var(--site-font-weight);
    font-variation-settings: var(--site-font-ascender-height);
    letter-spacing: var(--site-font-letter-spacing);
    color: var(--site-font-colour);
}

main {
    flex: 1 0 auto;
}

section {
    border-radius: var(--site-border-radius);
}

/* ------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-inline: 0;
    margin-block: 0 var(--site-size-large);
    border-radius: var(--site-border-radius);
    font-weight: var(--site-font-weight-heading);
    font-variation-settings: var(--site-font-ascender-height-heading), var(--site-font-descender-depth-heading), var(--site-font-uppercase-height-heading);
    letter-spacing: var(--site-font-letter-spacing-heading);
}

h1 {
    margin-block-start: var(--site-size-large);
    font-size: var(--site-font-size-heading-1);
    font-stretch: var(--site-font-stretch-heading-1);
    line-height: var(--site-font-line-height-heading-1);
    color: var(--site-font-colour-heading-1);
}

h2 {
    margin-block-start: calc(var(--site-size-medium) * -1);
    font-size: var(--site-font-size-heading-2);
    font-stretch: var(--site-font-stretch-heading-2);
    line-height: var(--site-font-line-height-heading-2);
    color: var(--site-font-colour-heading-2);
}

h3 {
    font-size: var(--site-font-size-heading-3);
    font-stretch: var(--site-font-stretch-heading-3);
    line-height: var(--site-font-line-height-heading-3);
    color: var(--site-font-colour-heading-3);
}

h4 {
    margin-block-start: calc(var(--site-size-medium) * -1);
    font-size: var(--site-font-size-heading-4);
    font-stretch: var(--site-font-stretch-heading-4);
    line-height: var(--site-font-line-height-heading-4);
    color: var(--site-font-colour-heading-4);
}

hr {
    block-size: var(--site-line-size);
    margin-block-start: var(--site-size-large);
    margin-block-end: var(--site-size-large);
    border: calc(1 / var(--site-rem-calc)) solid transparent;
    border-radius: calc(var(--site-line-size) / 2);
    background-color: var(--site-line-colour);
}

p {
    margin-block-start: 0;
    margin-block-end: var(--site-size-large);
    line-height: var(--site-font-line-height);
}

b {
    font-stretch: var(--site-font-b-stretch);
    font-weight: var(--site-font-b-weight);
    letter-spacing: var(--site-font-b-letter-spacing);
}

em {
    font-stretch: var(--site-em-font-stretch);
    font-weight: var(--site-em-font-weight);
    font-variation-settings: 'slnt' var(--site-font-em-slant);
    letter-spacing: var(--site-font-em-letter-spacing);
}

i {
    font-stretch: var(--site-font-i-stretch);
    font-weight: var(--site-font-i-weight);
    font-variation-settings: 'slnt' var(--site-font-i-slant);
    letter-spacing: var(--site-font-i-letter-spacing);
}

strong {
    font-stretch: var(--site-font-strong-stretch);
    font-weight: var(--site-font-strong-weight);
    letter-spacing: var(--site-font-strong-letter-spacing);
}

textarea {
    /* For browsers that may not respect resize: none, set minimum height so the user cannot make the textarea smaller than approximately 2 displayable lines */
    min-block-size: calc(var(--site-font-size) * 2);
    /* Stop all textarea elements from being resized in browsers that support resizing by default */
    resize: none;
}

/* ------------------------------- */
/*.italic {
    font-family: var(--site-font-italic-family), var(--site-font-family-fallback);
    font-size: var(--site-font-italic-size);
    font-stretch: var(--site-font-italic-stretch);
    font-weight: var(--site-font-italic-weight);
    font-variation-settings: 'slnt' var(--site-font-italic-slant);
    letter-spacing: var(--site-font-italic-letter-spacing);
    line-height: var(--site-font-italic-line-height);
}*/

.box-shadow {
    box-shadow: var(--site-shadow);
}

/* Use this class with a <p> element. Example: <p class="spacer"></p> */
.spacer {
    margin: 0;
    padding: 0 0 var(--site-size-medium) 0;
    font-size: 0;
    line-height: 0;
}

/* Use this class to stop text from wrapping. Example: <span class="keep-together">text and text</span> */
.keep-together {
    white-space: nowrap;
}

/* Use this class in an element that contains text that is visually hidden but available to screen readers. Do not change from using pixel measurements. Example: <span class="screen-reader-only">This text is only available to screen readers</span> */
.screen-reader-only {
    overflow: hidden !important;
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    clip-path: inset(50%) !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* ------------------------------- */
/* Graymatter Software logo */
.graymatter-software-logo {
    padding-block-end: calc(4 / var(--site-rem-calc));
    line-height: 0;
    text-align: center;
}

    .graymatter-software-logo a {
        display: inline-block;
    }

    .graymatter-software-logo svg {
        inline-size: calc(200 / var(--site-rem-calc));
        block-size: auto;
        padding-block-end: calc(7 / var(--site-rem-calc));
    }