@charset "UTF-8";
/*!
Housing Bureau - Basic Housing Units
https://www.hb.gov.hk/
0.11.0

Created by Yarn Labs Limited https://yarn-labs.com/

Originally developed to work with Bootstrap v5.3.7.
*/
/* -------------------------------------------------------------
 * Variables (custom properties)
 * ------------------------------------------------------------- */
:root {
  --duration--fast: 0.15s;
  --duration--normal: 0.3s;
  --duration--slow: 0.6s;
  --duration--site-panel: var(--duration--normal);
  --scroll-lock-unlock-duration: var(--duration--site-panel);
  --duration: var(--duration--normal);
  --timing-function: ease;
}

:root {
  --color-palette--dark: 0 0 0;
  --color-palette--light: 255 255 255;
  --color-palette--green: 79 131 47;
  --color-palette--red: 209 65 26;
  --color-palette--grey: 197 197 197;
  --color-palette--cream: 253 241 219;
  --color-palette--light-green: 228 244 217;
  --color-palette--light-red: 252 233 228;
  --color-palette--light-grey: 241 241 241;
  --color-palette--th-green: 224 238 216;
  --color-palette--blue: 0 123 255;
  --color-palette--accent: var(--color-palette--red);
  --color--dark: rgb(var(--color-palette--dark));
  --color--light: rgb(var(--color-palette--light));
  --color--green: rgb(var(--color-palette--green));
  --color--red: rgb(var(--color-palette--red));
  --color--grey: rgb(var(--color-palette--grey));
  --color--cream: rgb(var(--color-palette--cream));
  --color--light-green: rgb(var(--color-palette--light-green));
  --color--light-red: rgb(var(--color-palette--light-red));
  --color--light-grey: rgb(var(--color-palette--light-grey));
  --color--blue: rgb(var(--color-palette--blue));
  --color--th-green: rgb(var(--color-palette--th-green));
  --color--accent: rgb(var(--color-palette--accent));
}

:root {
  --color--tap-highlight: rgb(0 0 0 / 0%);
}

:root {
  --color--background--base: var(--color--light);
  --color--border--base: var(--color--dark);
  --color--text--base: var(--color--dark);
  --color--highlight--base: var(--color--accent);
  --color--text--heading: var(--color--dark);
  --color--text--heading-1: var(--color--text--heading);
  --color--text--heading-2: var(--color--text--heading);
  --color--text--heading-3: var(--color--text--heading);
  --color--text--heading-4: var(--color--text--heading);
  --color--text--heading-5: var(--color--text--heading);
  --color--text--heading-6: var(--color--text--heading);
}

:root {
  --color--background--site-header: var(--color--light);
  --color--border--site-header: #d9d9d9;
  --color--text--site-header: var(--color--dark);
  --color--highlight--site-header: var(--color--accent);
  --color--background--site-panel: var(--color--green);
  --color--border--site-panel: #d9d9d9;
  --color--text--site-panel: var(--color--light);
  --color--highlight--site-panel: var(--color--light);
}

:root {
  --color--background--site-footer: var(--color--light);
  --color--border--site-footer: #d0d0d0;
  --color--text--site-footer: var(--color--dark);
  --color--highlight--site-footer: var(--color--accent);
}

:root {
  --color--background--back-button: var(--color--red);
}

:root {
  --color--background--breadcrumbs: var(--color--light);
  --color--border--breadcrumbs: #c5c5c5;
  --color--text--breadcrumbs: var(--color--dark);
}

:root {
  --color--background--header--section: var(--color--green);
  --color--text--header--section: var(--color--light);
}

:root {
  --color--background--header--table-section: var(--color--background--header--section);
  --color--text--header--table-section: var(--color--text--header--section);
}

:root {
  --color--background--form-control: var(--color--light);
  --color--border--form-control: #7c7c7c;
  --color--text--form-control: var(--color--dark);
  --color--highlight--form-control: var(--color--accent);
  --color--placeholder--form-control: #737373;
  --color--background--disabled--form-control: rgb(var(--color-palette--dark) / 10%);
  --color--text--disabled--form-control: #737373;
  --color--background--input--form-check: var(--color--light);
  --color--border--input--form-check: #767676; /* WCAG 1.4.11 compliant - 4.54:1 contrast ratio */
}

:root {
  --background-color: var(--color--background--base);
  --border-color: var(--color--border--base);
  --color: var(--color--text--base);
  --highlight-color: var(--color--highlight--base);
}

:root {
  --max-width--site--frame: 1360;
  --max-width--site--content: 1360;
  --max-width--site--content-wide: 1360;
  --spacing--inline--site: 20;
  --spacing--top--site: 0;
  --z-index--max--site: 100000;
}
@media screen and (min-width: 400px) {
  :root {
    --spacing--inline--site: 30;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --spacing--inline--site: 45;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --spacing--inline--site: 55;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --spacing--inline--site: 30;
  }
}

:root {
  --spacing--block--base: var(--line-height);
  --spacing--inline--base: 20;
  --spacing--row--base: 16;
  --spacing--column--base: 20;
  --spacing--top--heading: 0;
  --spacing--bottom--heading: calc(var(--line-height) / 2);
  --spacing--top--heading-1: var(--spacing--top--heading);
  --spacing--bottom--heading-1: var(--spacing--bottom--heading);
  --spacing--top--heading-2: var(--spacing--top--heading);
  --spacing--bottom--heading-2: var(--spacing--bottom--heading);
  --spacing--top--heading-3: var(--spacing--top--heading);
  --spacing--bottom--heading-3: var(--spacing--bottom--heading);
  --spacing--top--heading-4: var(--spacing--top--heading);
  --spacing--bottom--heading-4: var(--spacing--bottom--heading);
  --spacing--top--heading-5: var(--spacing--top--heading);
  --spacing--bottom--heading-5: var(--spacing--bottom--heading);
  --spacing--top--heading-6: var(--spacing--top--heading);
  --spacing--bottom--heading-6: var(--spacing--bottom--heading);
}
@media screen and (min-width: 400px) {
  :root {
    --spacing--inline--base: 24;
    --spacing--row--base: 20;
    --spacing--column--base: 24;
  }
}
@media screen and (min-width: 768px) {
  :root {
    --spacing--inline--base: 30;
    --spacing--row--base: 24;
    --spacing--column--base: 28;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --spacing--inline--base: 40;
    --spacing--row--base: 28;
    --spacing--column--base: 32;
  }
}

:root {
  --max-width--site-header: var(--max-width--site--frame);
  --height--site-header--hb-logo: 42;
  --spacing--inline--site-header--hb-logo: 16;
  --height--site-header--bhu-logo: 30;
  --spacing--inline--site-header--bhu-logo: 10;
  --height--site-header--logo: var(--height--site-header--hb-logo);
  --height--outer--site-header--logo:
  	calc(
  		var(--height--site-header--logo) +
  		(var(--spacing--block--site-header--logo) * 2)
  	);
  --spacing--block--site-header--logo: 19;
  --height--outer--site-header--menu: 0;
  --height--outer--site-header:
  	calc(
  		var(--height--outer--site-header--logo) +
  		var(--height--outer--site-header--menu)
  	);
  --height--outer--site-header--initial: var(--height--outer--site-header);
  --spacing--inline--site-header: var(--spacing--inline--site);
  --z-index--site-header: 1000;
  --spacing--inline--site-panel: var(--spacing--inline--site);
  --z-index--site-panel: 2000;
}
@media screen and (min-width: 992px) {
  :root {
    --height--site-header--hb-logo: 64;
    --spacing--inline--site-header--hb-logo: 26;
    --height--site-header--bhu-logo: 54;
    --spacing--inline--site-header--bhu-logo: 26;
    --spacing--block--site-header--logo: 22;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --height--outer--site-header--menu: 140;
  }
}

@media screen and (min-width: 1200px) {
  :lang(zh) {
    --height--outer--site-header--menu: 130;
  }
}

:root {
  --max-width--site-footer: var(--max-width--site--frame);
  --spacing--block--site-footer: 30;
  --spacing--inline--site-footer: var(--spacing--inline--site);
}

:root {
  --max-width--site-main: var(--max-width--site--content);
  --spacing--inline--site-main: var(--spacing--inline--site);
}

:root {
  --spacing--bottom--page-content: 60;
  --spacing--top--page-content: 30;
  --spacing--row--page-content: 30;
}
@media screen and (min-width: 992px) {
  :root {
    --spacing--bottom--page-content: 80;
    --spacing--top--page-content: 40;
    --spacing--row--page-content: 40;
  }
}

:root {
  --height--back-button: 65;
  --height--button--back-button: 36;
}
@media screen and (min-width: 992px) {
  :root {
    --height--button--back-button: 40;
  }
}

:root {
  --height--breadcrumbs: 65;
}

:root {
  --spacing--block--section-nav: 19;
}
@media screen and (min-width: 992px) {
  :root {
    --spacing--block--section-nav: 25;
  }
}

:root {
  --spacing--block--page-controls: 120;
  --spacing--inline--page-controls: var(--spacing--inline--site);
  --spacing--column--page-controls: 20;
  --width--control--page-controls: 47;
  --z-index--page-controls: 900;
  --height--outer--page-controls: calc(var(--width--control--page-controls) + var(--spacing--block--page-controls) * 2);
}
@media screen and (min-width: 768px) {
  :root {
    --spacing--inline--page-controls: calc(var(--spacing--inline--site) - var(--width--control--page-controls) / 2);
  }
}

:root {
  --spacing--inline--section: 20;
  --spacing--block--header--section: 12;
  --min-height--header--section: 48;
  --spacing--block--body--section: 18;
  --spacing--bottom--body--section: 18;
  --spacing--top--body--section: 18;
  --spacing--row--body--section: 36;
  --spacing--column--body--section: 40;
  --spacing--block--body-only--section: 24;
  --spacing--bottom--body-only--section: 30;
  --spacing--top--body-only--section: 30;
  --spacing--row--body-only--section: 48;
  --spacing--column--body-only--section: 40;
  --width--line--body-list--section: 2;
}
@media screen and (min-width: 992px) {
  :root {
    --spacing--inline--section: 30;
    --spacing--block--header--section: 10;
    --min-height--header--section: 70;
    --spacing--block--body--section: 24;
    --spacing--bottom--body--section: 40;
    --spacing--top--body--section: 24;
  }
}
@media screen and (min-width: 1400px) {
  :root {
    --spacing--inline--section: 40;
  }
}

:root {
  --spacing--row--table: 24;
  --spacing--column--table: 24;
  --spacing--bottom--table: calc(var(--spacing--row--table) / 2);
  --spacing--top--table: calc(var(--spacing--row--table) / 2);
  --spacing--inline--table: calc(var(--spacing--column--table) / 2);
}
@media screen and (min-width: 1400px) {
  :root {
    --spacing--row--table: 32;
    --spacing--column--table: 32;
  }
}

:root {
  --spacing--row--table-section: 24;
  --spacing--column--table-section: 24;
  --spacing--bottom--table-section: 16;
  --spacing--top--table-section: calc(var(--spacing--row--table-section) / 2);
  --spacing--inline--table-section: var(--spacing--inline--section);
  --spacing--row--header--table-section: calc(var(--spacing--block--header--section) * 2);
  --min-height--header--table-section: var(--min-height--header--section);
}
@media screen and (min-width: 992px) {
  :root {
    --spacing--row--table-section: 30;
    --spacing--column--table-section: 30;
    --spacing--bottom--table-section: 20;
  }
}

:root {
  --spacing--row--table-card-rows: 24;
  --spacing--column--table-card-rows: 24;
  --spacing--bottom--table-card-rows: calc(var(--spacing--row--table-card-rows) / 2);
  --spacing--top--table-card-rows: calc(var(--spacing--row--table-card-rows) / 2);
  --spacing--inline--table-card-rows: var(--spacing--inline--table-section);
}
@media screen and (min-width: 1400px) {
  :root {
    --spacing--row--table-card-rows: 32;
    --spacing--column--table-card-rows: 32;
  }
}

:root {
  --spacing--block--table-card: 16;
  --spacing--inline--table-card: 16;
  --spacing--row--table-card: 20;
  --spacing--column--table-card: 20;
  --spacing--block--header--table-card: 12;
  --spacing--inline--header--table-card: 16;
  --spacing--block--footer--table-card: 15;
  --spacing--inline--footer--table-card: 16;
  --min-height--header--table-card: 48;
}
@media screen and (min-width: 768px) {
  :root {
    --spacing--inline--table-card: 28;
    --spacing--row--table-card: 24;
    --spacing--column--table-card: 24;
    --spacing--block--header--table-card: 16;
    --spacing--inline--header--table-card: 28;
    --spacing--block--footer--table-card: 20;
    --spacing--inline--footer--table-card: 28;
    --min-height--header--table-card: 60;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --spacing--block--table-card: 20;
    --spacing--inline--table-card: 40;
    --spacing--row--table-card: 32;
    --spacing--column--table-card: 32;
    --spacing--block--header--table-card: 20;
    --spacing--inline--header--table-card: 40;
    --spacing--block--footer--table-card: 24;
    --spacing--inline--footer--table-card: 40;
    --min-height--header--table-card: 70;
  }
}

:root {
  --height--form-control: 40;
  --spacing--inline--form-control: 16;
  --border-radius--form-control: 5;
  --width--input--form-check: 15;
  --border-radius--input--form-check: 3;
}
@media screen and (min-width: 992px) {
  :root {
    --height--form-control: 45;
    --spacing--inline--form-control: 20;
  }
}

:root {
  --ratio-width--listing: 1;
  --ratio-height--listing: 1;
}

:root {
  --width--scrollbar: 20;
}

.android,
.ios,
.mac {
  --width--scrollbar: 0;
}

.windows {
  --width--scrollbar: 17;
}

:root {
  --unit-width--viewport: calc(100vw - calc(1px * var(--width--scrollbar, 0)));
  --unit-width--max: 999999vmax;
  --unit-width--site--frame: min(var(--unit-width--viewport) - 1rem * var(--spacing--inline--site) / 16 * 2, 1rem * var(--max-width--site--frame) / 16);
  --unit-width--site--content: min(var(--unit-width--viewport) - 1rem * var(--spacing--inline--site-main) / 16 * 2, 1rem * var(--max-width--site--content) / 16);
  --unit-width--site--content-wide: min(var(--unit-width--viewport) - 1rem * var(--spacing--inline--site-main) / 16 * 2, 1rem * var(--max-width--site--content-wide) / 16);
  --unit-spacing--inline--site--frame:
  	calc(
  		(
  			var(--unit-width--viewport) -
  			var(--unit-width--site--frame)
  		) / 2
  	);
}

:root {
  --border-radius: 10;
  --border-width: 1;
  --spacing-block: var(--spacing--block--base);
  --spacing-inline: var(--spacing--inline--base);
  --spacing-row: var(--spacing--row--base);
  --spacing-column: var(--spacing--column--base);
  --unit-width: var(--unit-width--site--content);
}
@media screen and (min-width: 992px) {
  :root {
    --border-radius: 15;
  }
}

:root {
  /* stylelint-disable
       value-keyword-case,
       @stylistic/value-list-comma-newline-after
  */
  --font-family-subset--base--en: Roboto;
  --font-family-subset--heading--en: Roboto;
  --font-family-subset--mono--en:
  	"DejaVu Sans Mono",
  	Menlo,
  	Consolas,
  	"Lucida Console";
  --font-family-subset--sans-serif--hk:
  	"思源黑體 香港 VF", "Source Han Sans HC VF",
  	"思源黑體 香港", "Source Han Sans HC",
  	"思源黑體 HK VF", "Source Han Sans HK VF",
  	"思源黑體 HK", "Source Han Sans HK",
  	"Noto Sans CJK HK",
  	"Noto Sans HK",
  	"蘋方-港", "苹方-港", "PingFang HK",
  	"黑體-繁", "黑体-繁", "Heiti TC",
  	"微軟正黑體", "Microsoft JhengHei";
  --font-family-subset--sans-serif--sc:
  	"思源黑体 VF", "Source Han Sans SC VF",
  	"思源黑体", "Source Han Sans SC",
  	"思源黑体 CN VF", "Source Han Sans CN VF",
  	"思源黑体 CN", "Source Han Sans CN",
  	"Noto Sans CJK SC",
  	"Noto Sans SC",
  	"苹方-简", "蘋方-簡", "PingFang SC",
  	"黑体-简", "黑體-簡", "Heiti SC",
  	"微软雅黑", "Microsoft YaHei";
  /* stylelint-enable
       value-keyword-case,
       @stylistic/value-list-comma-newline-after
  */
}

:root,
[lang] {
  --font-family-subset--base--zh: var(--font-family-subset--sans-serif--hk);
  --font-family-subset--heading--zh: var(--font-family-subset--sans-serif--hk);
  --font-family-subset--mono--zh: var(--font-family-subset--sans-serif--hk);
}

[lang|=zh i] {
  --font-family-subset--base--zh: var(--font-family-subset--sans-serif--sc);
  --font-family-subset--heading--zh: var(--font-family-subset--sans-serif--sc);
  --font-family-subset--mono--zh: var(--font-family-subset--sans-serif--sc);
}

[lang|=zh-hant i],
[lang|=zh-hk i],
[lang|=zh-tw i] {
  --font-family-subset--base--zh: var(--font-family-subset--sans-serif--hk);
  --font-family-subset--heading--zh: var(--font-family-subset--sans-serif--hk);
  --font-family-subset--mono--zh: var(--font-family-subset--sans-serif--hk);
}

:root,
[lang] {
  --font-family--base:
  	var(--font-family-subset--base--en),
  	var(--font-family-subset--base--zh),
  	sans-serif;
  --font-family--heading:
  	var(--font-family-subset--heading--en),
  	var(--font-family-subset--heading--zh),
  	sans-serif;
  --font-family--mono:
  	var(--font-family-subset--mono--en),
  	var(--font-family-subset--mono--zh),
  	monospace;
  --font-family--heading-1: var(--font-family--heading);
  --font-family--heading-2: var(--font-family--heading);
  --font-family--heading-3: var(--font-family--heading);
  --font-family--heading-4: var(--font-family--heading);
  --font-family--heading-5: var(--font-family--heading);
  --font-family--heading-6: var(--font-family--heading);
}

:root {
  --font-size--base: 16;
  --line-height--base: 22;
  --font-weight--normal--base: 400;
  --font-weight--bold--base: 700;
  --letter-spacing--base: normal;
  --text-underline-offset--base: 0.1em;
  --font-weight--normal--heading: 700;
  --font-weight--bold--heading: 900;
  --letter-spacing--heading: normal;
  --text-underline-offset--heading: 0.1em;
  --font-size--heading-1: 30;
  --line-height--heading-1: 35;
  --font-weight--normal--heading-1: 400;
  --font-weight--bold--heading-1: 700;
  --letter-spacing--heading-1: var(--letter-spacing--heading);
  --text-underline-offset--heading-1: var(--text-underline-offset--heading);
  --font-size--heading-2: 24;
  --line-height--heading-2: 28;
  --font-weight--normal--heading-2: var(--font-weight--normal--heading);
  --font-weight--bold--heading-2: var(--font-weight--bold--heading);
  --letter-spacing--heading-2: var(--letter-spacing--heading);
  --text-underline-offset--heading-2: var(--text-underline-offset--heading);
  --font-size--heading-3: 20;
  --line-height--heading-3: 24;
  --font-weight--normal--heading-3: var(--font-weight--normal--heading);
  --font-weight--bold--heading-3: var(--font-weight--bold--heading);
  --letter-spacing--heading-3: var(--letter-spacing--heading);
  --text-underline-offset--heading-3: var(--text-underline-offset--heading);
  --font-size--heading-4: 16;
  --line-height--heading-4: 19;
  --font-weight--normal--heading-4: var(--font-weight--normal--heading);
  --font-weight--bold--heading-4: var(--font-weight--bold--heading);
  --letter-spacing--heading-4: var(--letter-spacing--heading);
  --text-underline-offset--heading-4: var(--text-underline-offset--heading);
  --font-size--heading-5: 14;
  --line-height--heading-5: 17;
  --font-weight--normal--heading-5: var(--font-weight--normal--heading);
  --font-weight--bold--heading-5: var(--font-weight--bold--heading);
  --letter-spacing--heading-5: var(--letter-spacing--heading);
  --text-underline-offset--heading-5: var(--text-underline-offset--heading);
  --font-size--heading-6: 12;
  --line-height--heading-6: 15;
  --font-weight--normal--heading-6: var(--font-weight--normal--heading);
  --font-weight--bold--heading-6: var(--font-weight--bold--heading);
  --letter-spacing--heading-6: var(--letter-spacing--heading);
  --text-underline-offset--heading-6: var(--text-underline-offset--heading);
}
@media screen and (min-width: 992px) {
  :root {
    --font-size--base: 20;
    --line-height--base: 30;
    --font-size--heading-1: 40;
    --line-height--heading-1: 45;
    --font-size--heading-2: 30;
    --line-height--heading-2: 35;
    --font-size--heading-3: 24;
    --line-height--heading-3: 28;
    --font-size--heading-4: 20;
    --line-height--heading-4: 24;
    --font-size--heading-5: 16;
    --line-height--heading-5: 19;
    --font-size--heading-6: 14;
    --line-height--heading-6: 17;
  }
}

:lang(zh) {
  --letter-spacing--base: 0.03em;
  --text-underline-offset--base: 0.2em;
  --letter-spacing--heading: 0.03em;
  --text-underline-offset--heading: 0.2em;
}

:root {
  --font-size--header--section: 16;
  --line-height--header--section: 22;
}
@media screen and (min-width: 992px) {
  :root {
    --font-size--header--section: 20;
    --line-height--header--section: 25;
  }
}

:root {
  --font-size--table: var(--font-size--base);
  --line-height--table: var(--line-height--base);
}

:root {
  --font-size--table-card-rows: 16;
  --line-height--table-card-rows: 20;
}
@media screen and (min-width: 992px) {
  :root {
    --font-size--table-card-rows: 20;
    --line-height--table-card-rows: 25;
  }
}

:root {
  --font-size--block--small: 14;
  --line-height--block--small: 18;
  --font-size--block--medium: 16;
  --line-height--block--medium: 22;
  --font-size--block--large: 24;
  --line-height--block--large: 30;
  --font-size--block--x-large: 36;
  --line-height--block--x-large: 45;
}
@media screen and (min-width: 992px) {
  :root {
    --font-size--block--small: 16;
    --line-height--block--small: 20;
    --font-size--block--medium: 20;
    --line-height--block--medium: 30;
  }
}

:root {
  --font-family: var(--font-family--base);
  --font-size: var(--font-size--base);
  --line-height: var(--line-height--base);
  --font-weight: var(--font-weight--normal--base);
  --font-weight-bold: var(--font-weight--bold--base);
  --letter-spacing: var(--letter-spacing--base);
  --text-underline-offset: var(--text-underline-offset--base);
}

:root {
  --color--background--button: var(--color--light);
  --color--border--button: var(--color--dark);
  --color--text--button: var(--color--dark);
  --color--highlight--button: var(--color--accent);
}

/* -------------------------------------------------------------
 * Generic
 * ------------------------------------------------------------- */
/* Inert
 * ---------------------------------------------- */
/**
 * Set styles for browsers that do not support inert.
 */
[inert],
[inert] * {
  cursor: default;
  pointer-events: none;
  user-select: none;
}

/* Letter spacing
 * ---------------------------------------------- */
/**
 * Have letter spacing be relative to each element's font size.
 *
 * @link https://stackoverflow.com/a/39793558
 */
*,
*::after,
*::before {
  letter-spacing: var(--letter-spacing, inherit);
}

/* Font family
 * ---------------------------------------------- */
/**
 * Set font family for content language.
 */
[lang] {
  --font-family: var(--font-family--base);
  font-family: var(--font-family);
}

/* Tap highlight
 * ---------------------------------------------- */
/**
 * Set tap highlight colour.
 */
html {
  -webkit-tap-highlight-color: var(--color--tap-highlight);
}

/* -------------------------------------------------------------
 * Base
 * ------------------------------------------------------------- */
/* Page
 * ---------------------------------------------- */
html {
  height: 100%;
  scroll-padding-top: calc(1rem * (var(--height--outer--site-header) + var(--spacing--inline--site)) / 16);
}
@media screen and (max-width: 991.98px) {
  html {
    overflow-x: hidden; /* Prevent horizontal scroll on mobile only */
    max-width: 100vw; /* Ensure html never exceeds viewport width */
  }
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

body {
  --color: var(--color--text--base);
  color: var(--color);
  --font-family: var(--font-family--base);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--base);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--base);
  --font-size: var(--font-size--base);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--base);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--base);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--base);
  text-underline-offset: var(--text-underline-offset);
  clear: unset;
  -webkit-hyphens: unset;
  hyphens: unset;
  line-break: unset;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
  margin-top: 0;
  overflow-wrap: unset;
  background-color: var(--color--light-grey);
  height: 100%;
  line-break: normal;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  overflow-y: scroll;
}
@media screen and (max-width: 1199.98px) {
  body {
    overflow-x: hidden; /* Prevent horizontal scroll on mobile and tablet */
    max-width: 100vw; /* Ensure body never exceeds viewport width */
  }
  
  /* Universal text wrapping for mobile and tablet */
  * {
    word-wrap: break-word; /* Break long words */
    overflow-wrap: break-word; /* Modern property for word breaking */
    max-width: 100%; /* Prevent any element from exceeding parent width */
    box-sizing: border-box; /* Include padding/border in width */
  }
  
  /* Specific wrapping for text elements */
  p, div, span, h1, h2, h3, h4, h5, h6, li, td, th {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto; /* Enable hyphenation where supported */
  }
  
  /* Table responsiveness */
  table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed; /* Force table to respect width constraints */
    word-wrap: break-word;
  }
  
  /* Ensure images and media don't overflow */
  img, video, iframe, object, embed {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Pre and code blocks should wrap */
  pre, code {
    white-space: pre-wrap !important; /* Wrap preformatted text */
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  
  /* Footer specific wrapping fixes */
  .site-footer {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  .site-map {
    word-break: break-word !important; /* Override keep-all on mobile and tablet */
  }
  
  .site-map a {
    white-space: normal !important; /* Override nowrap on mobile and tablet */
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  .site-footer-links {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  .site-footer-links ul {
    flex-wrap: wrap !important; /* Ensure footer links wrap */
  }
  
  .site-info {
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    flex-wrap: wrap !important;
  }
  
  /* Header menu text color fix for mobile */
  .site-panel {
    --color--text--site-panel: var(--color--dark) !important; /* Change from light to dark text */
    color: var(--color--dark) !important; /* Force black text */
  }
  
  .menu {
    color: var(--color--dark) !important; /* Force black text for menu items */
  }
  
  .menu a,
  .menu button {
    color: var(--color--dark) !important; /* Force black text for menu links and buttons */
  }
  
  /* Fix mobile header gap - match 0.13.4 seamless connection */
  .site-header {
    border-bottom: none !important; /* Remove any border that might cause gap */
  }
  
  .site-panel {
    /* Calculate exact position where header ends - matching 0.13.4 approach */
    top: calc(1rem * (var(--spacing--top--site) + var(--height--outer--site-header)) / 16) !important;
    transform: translateY(0) !important; /* Ensure no transform offsets */
    margin-top: 0 !important; /* Remove any margin offsets */
    border-top: none !important; /* Remove any top border that might cause gap */
    padding-top: 0 !important; /* Remove any top padding */
  }
}

/* Content
 * ---------------------------------------------- */
address,
blockquote,
details,
form,
p,
pre {
  margin: 0;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
}

blockquote {
  margin-left: calc(1rem * var(--spacing-inline) / 16);
  margin-right: calc(1rem * var(--spacing-inline) / 16);
}

pre {
  font-family: var(--font-family--mono);
  letter-spacing: normal;
  max-width: 100%;
  overflow: auto;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}

h1 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-1);
  color: var(--color);
  --font-family: var(--font-family--heading-1);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-1);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-1);
  --font-size: var(--font-size--heading-1);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-1);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-1);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-1);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-1) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-1) / 16);
}

h2 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-2);
  color: var(--color);
  --font-family: var(--font-family--heading-2);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-2);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-2);
  --font-size: var(--font-size--heading-2);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-2);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-2);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-2);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-2) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-2) / 16);
}

h3 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-3);
  color: var(--color);
  --font-family: var(--font-family--heading-3);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-3);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-3);
  --font-size: var(--font-size--heading-3);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-3);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-3);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-3);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-3) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-3) / 16);
}

h4 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-4);
  color: var(--color);
  --font-family: var(--font-family--heading-4);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-4);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-4);
  --font-size: var(--font-size--heading-4);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-4);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-4);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-4);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-4) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-4) / 16);
}

h5 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-5);
  color: var(--color);
  --font-family: var(--font-family--heading-5);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-5);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-5);
  --font-size: var(--font-size--heading-5);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-5);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-5);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-5);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-5) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-5) / 16);
}

h6 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-6);
  color: var(--color);
  --font-family: var(--font-family--heading-6);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-6);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-6);
  --font-size: var(--font-size--heading-6);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-6);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-6);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-6);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-6) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-6) / 16);
}

hr {
  border: 0;
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  height: 0;
  margin: 0;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
}

abbr[title],
acronym[title] {
  cursor: help;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: from-font;
}

b,
strong {
  font-weight: var(--font-weight-bold);
}

big {
  font-size: 125%;
}

cite,
dfn,
em,
i {
  font-style: italic;
}

code,
kbd,
tt,
var {
  font-family: var(--font-family--mono);
  letter-spacing: normal;
}

del,
s {
  text-decoration: line-through;
}

ins,
mark {
  text-decoration: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.75em;
}

a {
  color: inherit;
}
a:focus:where(:not(:focus-visible)) {
  color: inherit;
}
a:where(:focus) {
  color: var(--highlight-color);
}
a:focus-visible {
  color: var(--highlight-color);
}
@media (any-hover: hover) {
  a:hover {
    color: var(--highlight-color);
  }
}

dl,
ol,
ul {
  margin: 0;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
  padding: 0;
}

dd,
ol,
ul {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
}

dd {
  margin-bottom: calc(1rem * var(--spacing-block) / 2 / 16);
  margin-right: 0;
  margin-top: 0;
}

li > ol,
li > ul {
  margin-bottom: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

figure {
  margin: 0;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
}

img {
  height: auto;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 0;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
  width: 100%;
}

td,
th {
  border-bottom-style: solid;
  border-top-style: solid;
  border-width: calc(1rem * var(--border-width) / 16);
  padding: 0;
}

th {
  font-weight: var(--font-weight-bold);
}

/* Forms
 * ---------------------------------------------- */
button {
  background: transparent;
  border: 0;
  color: inherit;
  font-weight: inherit;
  padding: 0;
}

/* -------------------------------------------------------------
 * Bootstrap overrides/customizations
 * ------------------------------------------------------------- */
:root {
  --bs-body-font-family: var(--font-family);
  --bs-body-font-size: calc(1rem * var(--font-size) / 16);
  --bs-body-font-weight: var(--font-weight);
  --bs-body-line-height: calc(var(--line-height) / var(--font-size));
  --bs-body-color: var(--color--dark);
  --bs-body-color-rgb: var(--color-palette--dark);
  --bs-body-bg: var(--color--light);
  --bs-body-bg-rgb: var(--color-palette--light);
  --bs-emphasis-color: var(--color--accent);
  --bs-emphasis-color-rgb: var(--color-palette--accent);
  --bs-link-color: var(--color--accent);
  --bs-link-color-rgb: var(--color-palette--accent);
  --bs-link-hover-color: var(--color--accent);
  --bs-link-hover-color-rgb: var(--color-palette--accent);
  --bs-border-width: calc(1rem * var(--border-width) / 16);
  --bs-border-color: var(--border-color);
  --bs-border-radius: calc(1rem * var(--border-radius) / 16);
}

:root,
[lang] {
  --bs-font-sans-serif: var(--font-family--base);
  --bs-font-monospace: var(--font-family--mono);
}

:root,
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl,
.row {
  --bs-gutter-x: calc(1rem * var(--spacing-column) / 16);
  --bs-gutter-y: calc(1rem * var(--spacing-row) / 16);
}

body {
  -webkit-tap-highlight-color: var(--color--tap-highlight);
}

hr {
  margin-top: 0;
  opacity: 1;
}

abbr[title] {
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
}

ul.row {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.table {
  --font-size: var(--font-size--table);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--table);
  line-height: calc(var(--line-height) / var(--font-size));
  --bs-table-color: var(--color--dark);
  --bs-table-border-color: #b9b9b9;
  --bs-table-striped-color: var(--color--dark);
  --bs-table-striped-bg: #f6faf3;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
  overflow: hidden;
}
.table > :not(caption) > * > * {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
  padding-bottom: calc(1rem * var(--spacing--row--table) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table) / 2 / 16);
}
.table > :not(caption) > * > *:first-child {
  padding-left: calc(1rem * var(--spacing--inline--table) / 16);
}
.table > :not(caption) > * > *:last-child {
  padding-right: calc(1rem * var(--spacing--inline--table) / 16);
}
.table > tbody:first-of-type > :first-child > * {
  padding-top: calc(1rem * var(--spacing--top--table) / 16);
}
.table > tbody:last-of-type > :last-child > * {
  padding-bottom: calc(1rem * var(--spacing--bottom--table) / 16);
}

.table-section {
  --spacing--row--table: var(--spacing--row--table-section);
  --spacing--column--table: var(--spacing--column--table-section);
  --spacing--bottom--table: var(--spacing--bottom--table-section);
  --spacing--top--table: var(--spacing--top--table-section);
  --spacing--inline--table: var(--spacing--inline--table-section);
  border-radius: calc(1rem * var(--border-radius) / 16);
}
.table-section > thead {
  --bs-table-color: var(--color--text--header--table-section);
  --bs-table-bg: var(--color--background--header--table-section);
  --spacing--row--table: var(--spacing--row--header--table-section);
}
.table-section > thead > * > * {
  height: calc(1rem * var(--min-height--header--table-section) / 16);
}
.table-section > tbody:last-of-type > :last-child > * {
  border-bottom-width: 0;
}

.table-bordered > :not(caption) > * {
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  border-top-width: calc(1rem * var(--border-width) / 16);
}
.table-bordered > :not(caption) > * > * {
  border-bottom-width: 0;
  border-left-width: calc(1rem * var(--border-width) / 16);
  border-right-width: calc(1rem * var(--border-width) / 16);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-striped {
  --bs-table-border-color: var(--color--light-grey);
}

.table-striped-even {
  --bs-table-border-color: var(--color--light-grey);
}
.table-striped-even > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
}
.table-striped-even > tbody > tr:nth-of-type(even) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-fixed {
  table-layout: fixed;
}

.table-responsive {
  display: flex;
  margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
}
.table-responsive.faux-overlay-scrollbars {
  overflow-x: var(--faux-overlay-scrollbars--overflow-x);
}

.table-responsive-xs {
  display: flex;
  margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
}
.table-responsive-xs.faux-overlay-scrollbars {
  overflow: visible;
}
.table-responsive-xs.faux-overlay-scrollbars {
  overflow-x: var(--faux-overlay-scrollbars--overflow-x);
}

.table-responsive-sm.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 575.98px) {
  .table-responsive-sm {
    display: flex;
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
  }
  .table-responsive-sm.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-md.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 767.98px) {
  .table-responsive-md {
    display: flex;
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
  }
  .table-responsive-md.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-lg.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 991.98px) {
  .table-responsive-lg {
    display: flex;
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
  }
  .table-responsive-lg.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-xl.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 1199.98px) {
  .table-responsive-xl {
    display: flex;
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
  }
  .table-responsive-xl.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.table-responsive-xxl.faux-overlay-scrollbars {
  overflow: visible;
}
@media screen and (max-width: 1399.98px) {
  .table-responsive-xxl {
    display: flex;
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 2 / 16);
    padding-left: calc(1rem * var(--spacing-inline) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 2 / 16);
  }
  .table-responsive-xxl.faux-overlay-scrollbars {
    overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  }
}

.form-control,
.form-select {
  --font-size: 14;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 18;
  line-height: calc(var(--line-height) / var(--font-size));
  background-color: var(--color--background--form-control);
  border-color: var(--color--border--form-control);
  border-radius: calc(1rem * var(--border-radius--form-control) / 16);
  color: var(--color--text--form-control);
  padding-bottom: calc(1rem * (var(--height--form-control) - var(--line-height) - var(--border-width) * 2) / 2 / 16);
  padding-left: calc(1rem * (var(--spacing--inline--form-control) - var(--border-width)) / 16);
  padding-right: calc(1rem * (var(--spacing--inline--form-control) - var(--border-width)) / 16);
  padding-top: calc(1rem * (var(--height--form-control) - var(--line-height) - var(--border-width) * 2) / 2 / 16);
}
@media screen and (min-width: 992px) {
  .form-control,
  .form-select {
    --font-size: 18;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 22;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}
.form-control:focus,
.form-select:focus {
  border-color: var(--color--highlight--form-control);
  box-shadow: none;
}
@media (any-hover: hover) {
  .form-control:not(:disabled):hover,
  .form-select:not(:disabled):hover {
    border-color: var(--color--highlight--form-control);
  }
}
.form-control:disabled,
.form-select:disabled {
  background-color: var(--color--background--disabled--form-control);
  color: var(--color--text--disabled--form-control);
}
.form-control::placeholder,
.form-select::placeholder {
  color: var(--color--placeholder--form-control);
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' viewBox='0 0 13 9'%3e%3cpath d='M6.5 8.5.87.25h11.26z'/%3e%3c/svg%3e");
  --img-width: 13;
  --img-right: calc(var(--spacing--inline--form-control) - var(--border-width));
  background-position: right calc(1rem * var(--img-right) / 16) center;
  background-size: auto;
  padding-right: calc(1rem * (var(--img-right) + var(--img-width) + var(--spacing--inline--form-control)) / 16);
}

.form-check {
  --font-size: 16;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 20;
  line-height: calc(var(--line-height) / var(--font-size));
  margin-bottom: 0;
  min-height: auto;
  padding-left: 0;
}
@media screen and (min-width: 992px) {
  .form-check {
    --font-size: 20;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 25;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}
.form-check-input {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.form-check-input:not(caption) {
  position: absolute !important;
}
.form-check-input * {
  overflow: hidden !important;
}
.form-check-label {
  --input-background-color: var(--color--background--input--form-check);
  --input-border-color: var(--color--border--input--form-check);
  display: block;
  padding-bottom: calc(1rem * (var(--height--form-control) - var(--line-height)) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--form-control) / 16);
  padding-right: calc(1rem * (var(--spacing--inline--form-control) * 2 + var(--width--input--form-check)) / 16);
  padding-top: calc(1rem * (var(--height--form-control) - var(--line-height)) / 2 / 16);
  position: relative;
}
.form-check-label::after {
  background-color: var(--input-background-color);
  border-color: var(--input-border-color);
  border-style: solid;
  border-radius: calc(1rem * var(--border-radius--input--form-check) / 16);
  border-width: calc(1rem * var(--border-width) / 16);
  content: "";
  height: calc(1rem * var(--width--input--form-check) / 16);
  margin-top: calc(1rem * -1 * var(--width--input--form-check) / 2 / 16);
  position: absolute;
  right: calc(1rem * var(--spacing--inline--form-control) / 16);
  transition-duration: var(--duration--fast);
  transition-property: background-color, border-color;
  transition-timing-function: ease-in-out;
  top: calc(1rem * var(--height--form-control) / 2 / 16);
  width: calc(1rem * var(--width--input--form-check) / 16);
}
.form-check-input:focus + .form-check-label {
  --input-border-color: var(--color--highlight--form-control);
}
.form-check-input:focus-visible + .form-check-label::before {
  border-radius: calc(1rem * var(--border-radius--form-control) / 16);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (any-hover: hover) {
  .form-check-input:not(:disabled):hover + .form-check-label {
    --input-border-color: var(--color--highlight--form-control);
  }
}
.form-check-input:disabled + .form-check-label {
  --input-background-color: var(--color--background--disabled--form-control);
}
.form-check-input:active + .form-check-label, .form-check-input:checked + .form-check-label {
  --input-background-color: var(--color--highlight--form-control);
  --input-border-color: var(--color--highlight--form-control);
}

/* WCAG 1.4.11 Non-text Contrast - Enhanced checkbox/radio button styling */
.form-check-label::after {
  /* Ensure minimum border width for better visibility */
  border-width: max(calc(1rem * var(--border-width) / 16), 1px) !important;
}

/* Ensure unchecked state has sufficient contrast */
.form-check-input:not(:checked) + .form-check-label::after {
  border-color: #767676 !important; /* 4.54:1 contrast ratio against white */
}

/* Maintain good contrast in hover state */
@media (any-hover: hover) {
  .form-check-input:not(:disabled):not(:checked):hover + .form-check-label::after {
    border-color: #5a5a5a !important; /* 7:1 contrast ratio for better visibility on hover */
  }
}

/* Focus state with high contrast */
.form-check-input:focus:not(:checked) + .form-check-label::after {
  border-color: #4a4a4a !important; /* 9.74:1 contrast ratio for accessibility */
  box-shadow: 0 0 0 2px rgba(74, 74, 74, 0.25) !important;
}

.btn {
  align-items: center;
  display: flex;
  justify-content: center;
  --bs-btn-border-radius: var(--unit-width--max);
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: var(--font-weight--bold--base);
  --bs-btn-line-height: calc(20 / 16);
  --bs-btn-padding-x: 1.3125rem;
  --bs-btn-padding-y: 0.5625rem;
  --icon-scale: 0.8;
  display: inline-flex;
}
@media screen and (min-width: 992px) {
  .btn {
    --bs-btn-font-size: 1.25rem;
    --bs-btn-line-height: calc(25 / 20);
    --icon-scale: 1;
  }
}
.btn:focus-visible {
  box-shadow: none;
}
.btn .icon {
  --svg-sprite--scale: var(--icon-scale);
  margin-right: calc(1rem * var(--icon-scale) * 10 / 16);
  order: -1;
}

a.btn:focus:where(:not(:focus-visible)) {
  color: var(--bs-btn-color);
}

.btn-primary,
.btn-secondary,
.btn-dark,
.btn-light,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-dark,
.btn-outline-light {
  --bs-btn-hover-color: var(--color--light);
  --bs-btn-hover-bg: var(--color--accent);
  --bs-btn-hover-border-color: var(--color--accent);
  --bs-btn-active-color: var(--color--light);
  --bs-btn-active-bg: var(--color--accent);
  --bs-btn-active-border-color: var(--color--accent);
  --bs-btn-disabled-color: var(--bs-btn-color);
  --bs-btn-disabled-bg: var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}

.btn-primary {
  --bs-btn-color: var(--color--light);
  --bs-btn-bg: var(--color--red);
  --bs-btn-border-color: var(--color--red);
}

.btn-secondary {
  --bs-btn-color: var(--color--light);
  --bs-btn-bg: var(--color--green);
  --bs-btn-border-color: var(--color--green);
}

.btn-dark {
  --bs-btn-color: var(--color--light);
  --bs-btn-bg: var(--color--dark);
  --bs-btn-border-color: var(--dark);
}

.btn-light {
  --bs-btn-color: var(--color--dark);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--light);
}

.btn-outline-primary {
  --bs-btn-color: var(--color--red);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--red);
}

.btn-outline-secondary {
  --bs-btn-color: var(--color--green);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--green);
}

.btn-outline-dark {
  --bs-btn-color: var(--color--dark);
  --bs-btn-bg: var(--color--light);
  --bs-btn-border-color: var(--color--dark);
}

/* Fix reset button mobile active state issue */
@media screen and (max-width: 1199.98px) {
  .flats-units-search-reset.btn-outline-dark:not(:active):not(:focus),
  .site-search-results-form-reset.btn-outline-dark:not(:active):not(:focus) {
    /* Force return to normal outline-dark state after touch */
    --bs-btn-color: var(--color--dark) !important;
    --bs-btn-bg: var(--color--light) !important;
    --bs-btn-border-color: var(--color--dark) !important;
    color: var(--color--dark) !important;
    background-color: var(--color--light) !important;
    border-color: var(--color--dark) !important;
    transition: all 0.1s ease-out;
  }
}

.btn-outline-light {
  --bs-btn-color: var(--color--light);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--color--light);
}

.btn-link {
  text-decoration: none;
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-link:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.btn-link:where(:focus) {
  text-decoration: underline;
}
.btn-link:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .btn-link:hover {
    text-decoration: underline;
  }
}

.btn-sm {
  --bs-btn-border-radius: var(--unit-width--max);
  --bs-btn-font-size: 1rem;
  --bs-btn-line-height: calc(20 / 16);
  --bs-btn-padding-x: 1.3125rem;
  --bs-btn-padding-y: 0.4375rem;
}
@media screen and (min-width: 992px) {
  .btn-sm {
    --bs-btn-font-size: 1.25rem;
    --bs-btn-line-height: calc(25 / 20);
    --bs-btn-padding-y: 0.40625rem;
  }
}
.dl-table .btn-sm, .table .btn-sm {
  --bs-btn-font-size: 0.875rem;
  --bs-btn-line-height: calc(20 / 14);
  --bs-btn-padding-y: 0.09375rem;
  --icon-scale: 0.7;
}
@media screen and (min-width: 992px) {
  .dl-table .btn-sm, .table .btn-sm {
    --bs-btn-font-size: 1.25rem;
    --bs-btn-line-height: calc(25 / 20);
    --icon-scale: 1;
  }
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-border-width: 0px;
  --bs-card-cap-bg: transparent;
  --card-header-min-height: 3rem;
  --card-header-padding-y: 0.625rem;
  --card-header-padding-x: var(--bs-card-spacer-x);
}
@media screen and (min-width: 768px) {
  .card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --card-header-min-height: 3.75rem;
  }
}
.card .btn {
  --bs-border-width: calc(1rem * var(--border-width) / 16);
}

.card-header {
  --background-color: var(--color--green);
  background-color: var(--background-color);
  --color: var(--color--light);
  color: var(--color);
  align-items: center;
  display: flex;
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  margin-top: 0;
  min-height: var(--card-header-min-height);
  padding-bottom: var(--card-header-padding-y);
  padding-left: var(--card-header-padding-x);
  padding-right: var(--card-header-padding-x);
  padding-top: var(--card-header-padding-y);
}
@media screen and (min-width: 992px) {
  .card-header {
    --font-size: 20;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 25;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}

.pagination-nav {
  align-items: center;
  display: flex;
  justify-content: center;
  --link-width: 40;
  --spacing-block: 12;
  --spacing-inline: 16;
  --spacing-column: 10;
  margin-top: calc(1rem * var(--link-width) / 16);
}
@media screen and (min-width: 400px) {
  .pagination-nav {
    --spacing-inline: 20;
  }
}
@media screen and (min-width: 420px) {
  .pagination-nav {
    --spacing-inline: 30;
    --spacing-column: 12;
  }
}
@media screen and (min-width: 768px) {
  .pagination-nav {
    --link-width: 45;
    --spacing-block: 15;
    --spacing-inline: 35;
    --spacing-column: 14;
  }
}

.pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  --bs-pagination-padding-x: 0;
  --bs-pagination-padding-y: 0;
  --bs-pagination-font-size: inherit;
  --bs-pagination-border-radius: var(--unit-width--max);
  --bs-pagination-color: var(--color);
  --bs-pagination-bg: var(--background-color);
  --bs-pagination-hover-color: var(--highlight-color);
  --bs-pagination-hover-bg: var(--background-color);
  --bs-pagination-hover-border-color: var(--highlight-color);
  --bs-pagination-focus-color: var(--highlight-color);
  --bs-pagination-focus-bg: var(--background-color);
  --bs-pagination-focus-box-shadow: none;
  --bs-pagination-active-color: var(--background-color);
  --bs-pagination-active-bg: var(--highlight-color);
  --bs-pagination-active-border-color: var(--highlight-color);
  background-color: var(--color--light);
  margin-bottom: 0;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
  padding-left: calc(1rem * (var(--spacing-inline) - var(--spacing-column) / 2) / 16);
  padding-right: calc(1rem * (var(--spacing-inline) - var(--spacing-column) / 2) / 16);
  padding-top: calc(1rem * var(--spacing-block) / 16);
}

.page-item {
  margin-left: calc(1rem * var(--spacing-column) / 2 / 16);
  margin-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.page-item:not(:first-child) .page-link {
  margin-left: 0;
}
@media screen and (max-width: 575.98px) {
  .page-item--prev, .page-item--next {
    display: none;
  }
}

.page-link {
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: var(--unit-width--max);
  height: calc(1rem * var(--link-width) / 16);
  min-width: calc(1rem * var(--link-width) / 16);
}
.page-link:focus {
  border-color: var(--highlight-color);
}
.page-link:focus-visible {
  border-color: var(--highlight-color);
}
.page-link:active {
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  color: var(--bs-pagination-active-color);
}
.page-item--prev .page-link, .page-item--next .page-link {
  border-color: transparent;
  min-width: 3.875rem;
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}

.modal {
  --bs-modal-margin: calc(1rem * var(--spacing--inline--site) / 16);
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: calc(1rem * var(--border-radius) / 16);
  --bs-modal-inner-border-radius: calc(1rem * var(--border-radius) / 16);
}

.modal-backdrop {
  --bs-backdrop-bg: #888888;
  --bs-backdrop-opacity: 1;
  mix-blend-mode: multiply;
}

.modal-header .close-button {
  flex: none;
  margin-left: auto;
  text-transform: uppercase;
}
@media screen and (max-width: 991.98px) {
  .modal-header .close-button {
    padding-bottom: 0.59375rem;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0.59375rem;
    width: 2.1875rem;
  }
  .modal-header .close-button .text {
    display: none;
  }
  .modal-header .close-button .icon {
    --svg-sprite--scale: 1;
    margin-right: 0;
  }
}
@media screen and (min-width: 992px) {
  .modal-header .close-button {
    padding-left: 2.4375rem;
    padding-right: 2.4375rem;
  }
}

.modal-title {
  font-size: inherit;
  line-height: inherit;
}

/* -------------------------------------------------------------
 * Image dimensions
 * ------------------------------------------------------------- */
.hb-logo-mobile--en {
  --rem-img--img--width: 124.74;
  --rem-img--img--height: 36.863;
}

.hb-logo-mobile--sc {
  --rem-img--img--width: 78.032;
  --rem-img--img--height: 36.863;
}

.hb-logo-mobile--tc {
  --rem-img--img--width: 78.032;
  --rem-img--img--height: 36.863;
}

.hb-logo-desktop--en {
  --rem-img--img--width: 251.767;
  --rem-img--img--height: 36.863;
}

.hb-logo-desktop--sc {
  --rem-img--img--width: 177.002;
  --rem-img--img--height: 36.863;
}

.hb-logo-desktop--tc {
  --rem-img--img--width: 177.002;
  --rem-img--img--height: 36.863;
}

.bhu-logo {
  --rem-img--img--width: 99.001;
  --rem-img--img--height: 54;
}

.wcag-logo {
  --rem-img--img--width: 368;
  --rem-img--img--height: 130;
}

.brandhk-logo {
  --rem-img--img--width: 292.23;
  --rem-img--img--height: 98.699;
}

.section-header {
  --rem-img--img--width: 664;
  --rem-img--img--height: 272;
}

.home-page-header .section-header {
  --rem-img--img--width: 1640;
  --rem-img--img--height: 1300;
  --offset-bottom: 26;
  --offset-left: 51;
  --offset-right: 44;
  --offset-top: 22;
}

.home-page-header .bricks {
  --rem-img--img--width: 93;
  --rem-img--img--height: 442;
}

/* -------------------------------------------------------------
 * Components
 * ------------------------------------------------------------- */
/* SVG sprite
 * ---------------------------------------------- */
.svg-sprite {
  --ratio-width: var(--svg-sprite--width);
  --ratio-height: var(--svg-sprite--height);
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
  display: flex;
  position: relative;
  display: block;
  overflow: hidden;
  display: inline-block;
  fill: currentcolor;
  vertical-align: middle;
  width: calc(1rem * var(--svg-sprite--width) * var(--svg-sprite--scale, 1) / 16);
}
.svg-sprite::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: calc(100% / var(--ratio));
  width: 0;
}
.svg-sprite > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.svg-sprite > img,
.svg-sprite > video {
  object-fit: cover;
}

.svg-sprite--angle-down {
  --svg-sprite--height: 7;
  --svg-sprite--width: 12;
}

.svg-sprite--angle-down-menu {
  --svg-sprite--height: 9;
  --svg-sprite--width: 15;
}

.svg-sprite--bars {
  --svg-sprite--height: 17;
  --svg-sprite--width: 21;
}

.svg-sprite--caret-down {
  --svg-sprite--height: 11;
  --svg-sprite--width: 17;
}

.svg-sprite--caret-right {
  --svg-sprite--height: 17;
  --svg-sprite--width: 11;
}

.svg-sprite--caret-up {
  --svg-sprite--height: 11;
  --svg-sprite--width: 17;
}

.svg-sprite--envelope {
  --svg-sprite--height: 17;
  --svg-sprite--width: 21;
}

.svg-sprite--eye {
  --svg-sprite--height: 17;
  --svg-sprite--width: 23;
}

.svg-sprite--facebook {
  --svg-sprite--height: 20;
  --svg-sprite--width: 20;
}

.svg-sprite--file {
  --svg-sprite--height: 21;
  --svg-sprite--width: 17;
}

.svg-sprite--form {
  --svg-sprite--height: 24;
  --svg-sprite--width: 24;
}

.svg-sprite--globe {
  --svg-sprite--height: 19;
  --svg-sprite--width: 19;
}

.svg-sprite--house {
  --svg-sprite--height: 19;
  --svg-sprite--width: 17;
}

.svg-sprite--magnifying-glass {
  --svg-sprite--height: 19;
  --svg-sprite--width: 18;
}

.svg-sprite--menu--about-us {
  --svg-sprite--height: 20;
  --svg-sprite--width: 20;
}

.svg-sprite--menu--flats-units {
  --svg-sprite--height: 20;
  --svg-sprite--width: 18;
}

.svg-sprite--menu--home {
  --svg-sprite--height: 20;
  --svg-sprite--width: 16;
}

.svg-sprite--menu--list-flats {
	--svg-sprite--height: 16;
	--svg-sprite--width: 16;
}

.svg-sprite--menu--list-basic {
	--svg-sprite--height: 16;
	--svg-sprite--width: 16;
}

.svg-sprite--menu--other-information {
  --svg-sprite--height: 20;
  --svg-sprite--width: 16;
}

.svg-sprite--menu--regulatory-regime {
  --svg-sprite--height: 20;
  --svg-sprite--width: 18;
}

.svg-sprite--menu--specified-professionals {
  --svg-sprite--height: 20;
  --svg-sprite--width: 20;
}

.svg-sprite--menu--whats-new {
  --svg-sprite--height: 20;
  --svg-sprite--width: 18;
}

.svg-sprite--phone {
  --svg-sprite--height: 19;
  --svg-sprite--width: 19;
}

.svg-sprite--print {
  --svg-sprite--height: 17;
  --svg-sprite--width: 17;
}

.svg-sprite--share {
  --svg-sprite--height: 17;
  --svg-sprite--width: 15;
}

.svg-sprite--triangle-down {
  --svg-sprite--height: 9;
  --svg-sprite--width: 13;
}

.svg-sprite--twitter {
  --svg-sprite--height: 18;
  --svg-sprite--width: 20;
}

.svg-sprite--wechat {
  --svg-sprite--height: 18;
  --svg-sprite--width: 21;
}

.svg-sprite--weibo {
  --svg-sprite--height: 19;
  --svg-sprite--width: 22;
}

.svg-sprite--whatsapp {
  --svg-sprite--height: 20;
  --svg-sprite--width: 20;
}

.svg-sprite--xmark {
  --svg-sprite--height: 14;
  --svg-sprite--width: 14;
}

/* Site-wide
 * ---------------------------------------------- */
.site {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding-top: calc(1rem * var(--height--outer--site-header--initial) / 16);
  position: relative;
}
@media screen and (max-width: 991.98px) {
  .site {
    max-width: 100vw; /* Never exceed viewport width on mobile */
    overflow-x: hidden; /* Prevent horizontal scroll */
  }
}
.site::before {
  background-color: var(--color--background--base);
  content: "";
  height: calc(1rem * var(--height--outer--site-header--initial) / 16);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.site-header {
  --background-color: var(--color--background--site-header);
  background-color: var(--background-color);
  --border-color: var(--color--border--site-header);
  border-color: var(--border-color);
  --color: var(--color--text--site-header);
  color: var(--color);
  --highlight-color: var(--color--highlight--site-header);
  --icon-button-spacing: 8;
  left: 0;
  position: fixed;
  top: calc(1rem * var(--spacing--top--site) / 16);
  width: var(--unit-width--viewport);
  z-index: var(--z-index--site-header);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
@media screen and (min-width: 576px) {
  .site-header {
    --icon-button-spacing: 12;
  }
}
@media screen and (min-width: 992px) {
  .site-header {
    --icon-button-spacing: 16;
  }
}
@media screen and (min-width: 1200px) {
  .site-header {
    --icon-button-spacing: 8;
  }
}
@media screen and (max-width: 1199.98px) {
  .site-panel-open .site-header {
    padding-right: calc(1px * var(--width--scrollbar, 0));
    width: 100vw;
  }
}
.site-header a {
  text-decoration: none;
}
.site-header a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.site-header a:where(:focus) {
  text-decoration: underline;
}
.site-header a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .site-header a:hover {
    text-decoration: underline;
  }
}
.site-header:lang(en) .lang--en, .site-header:lang(zh-hant) .lang--tc, .site-header:lang(zh-hk) .lang--tc, .site-header:lang(zh-tw) .lang--tc, .site-header:lang(zh-cn) .lang--sc, .site-header:lang(zh-hans) .lang--sc, .site-header:lang(zh-sc) .lang--sc {
  display: none;
}

.site-header-container {
  display: grid;
  grid-template-areas: "branding utilities languages navigation";
  grid-template-columns: 1fr auto auto auto;
  height: calc(1rem * var(--height--outer--site-header) / 16);
  margin: 0 auto;
  max-width: calc(1rem * (var(--max-width--site-header) + var(--spacing--inline--site-header) * 2) / 16);
  padding-bottom: calc(1rem * var(--height--outer--site-header--menu) / 16);
}
@media screen and (min-width: 1200px) {
  .site-header-container {
    grid-template-areas: "branding    utilities" "navigation navigation";
    grid-template-columns: 1fr auto;
  }
}

.site-branding {
  display: flex;
  grid-area: branding;
  height: calc(1rem * var(--height--outer--site-header--logo) / 16);
}

.hb-logo,
.bhu-logo {
  align-items: center;
  display: flex;
  justify-content: center;
  flex: none;
}
.hb-logo .rem-img--svg,
.bhu-logo .rem-img--svg {
  --rem-img--height: var(--rem-img--max-height);
}

.hb-logo {
  margin-left: calc(1rem * (var(--spacing--inline--site-header) - var(--spacing--inline--site-header--hb-logo)) / 16);
  padding-left: calc(1rem * var(--spacing--inline--site-header--hb-logo) / 16);
  padding-right: calc(1rem * var(--spacing--inline--site-header--hb-logo) / 16);
}
@media screen and (min-width: 992px) {
  .hb-logo {
    margin-right: calc(1rem * var(--border-width) / 16);
    position: relative;
  }
  .hb-logo::after {
    --height: calc(var(--height--site-header--bhu-logo) + 2);
    border-right-color: var(--border-color);
    border-right-style: solid;
    border-right-width: calc(1rem * var(--border-width) / 16);
    content: "";
    height: calc(1rem * var(--height) / 16);
    margin-top: calc(1rem * -1 * var(--height) / 2 / 16);
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
  }
}
.hb-logo .rem-img {
  --rem-img--max-height: var(--height--site-header--hb-logo);
}

@media screen and (min-width: 992px) {
  .hb-logo-mobile[class] {
    display: none;
  }
}

@media screen and (max-width: 991.98px) {
  .hb-logo-desktop[class] {
    display: none;
  }
}

.bhu-logo {
  padding-left: calc(1rem * var(--spacing--inline--site-header--bhu-logo) / 16);
  padding-right: calc(1rem * var(--spacing--inline--site-header--bhu-logo) / 16);
}
.bhu-logo .rem-img {
  --rem-img--max-height: var(--height--site-header--bhu-logo);
}

.site-utilities {
  --font-size: var(--control-size);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--control-height);
  line-height: calc(var(--line-height) / var(--font-size));
  --control-size: 18;
  --control-height: calc(var(--control-size) + var(--icon-button-spacing) * 2);
  display: flex;
  grid-area: utilities;
}
.site-utilities > * > * > a,
.site-utilities > * > * > button {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: calc(1rem * var(--icon-button-spacing) / 16);
  padding-right: calc(1rem * var(--icon-button-spacing) / 16);
}
.site-utilities > * > * > button {
  padding-bottom: calc(1rem * var(--icon-button-spacing) / 16);
  padding-top: calc(1rem * var(--icon-button-spacing) / 16);
}
.site-utilities > * > * > button:focus:where(:not(:focus-visible)) {
  color: inherit;
}
.site-utilities > * > * > button:where(:focus) {
  color: var(--highlight-color);
}
.site-utilities > * > * > button:focus-visible {
  color: var(--highlight-color);
}
@media (any-hover: hover) {
  .site-utilities > * > * > button:hover {
    color: var(--highlight-color);
  }
}

.site-utilities-mobile,
.site-utilities-desktop {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-utilities-mobile,
.site-utilities-mobile > li,
.site-utilities-desktop,
.site-utilities-desktop > li {
  display: flex;
}
.site-utilities-mobile > li,
.site-utilities-desktop > li {
  position: relative;
}

@media screen and (min-width: 1200px) {
  .site-utilities-mobile {
    display: none;
  }
}
.site-utilities-mobile .search-toggle .icon {
  width: 1.125rem;
}
.site-utilities-mobile .other-languages-toggle .icon {
  width: 1.1875rem;
}

.site-utilities-desktop {
  align-self: flex-start;
  margin-right: calc(1rem * (var(--spacing--inline--site-header) - var(--icon-button-spacing)) / 16);
  margin-top: calc(1rem * (30 - var(--icon-button-spacing)) / 16);
}
@media screen and (max-width: 1199.98px) {
  .site-utilities-desktop {
    display: none;
  }
}
.site-utilities-desktop > li {
  margin-right: 0.875rem;
}
.site-utilities-desktop > li.lang {
  margin-right: 0.5rem;
}
.site-utilities-desktop > li.icon-button {
  margin-right: 0;
}
.site-utilities-desktop > li > button {
  height: calc(1rem * var(--control-height) / 16);
}
.site-utilities-desktop > li > button > .icon {
  width: 0.9375rem;
}
.site-utilities-desktop > li > button > .angle {
  margin-left: 0.3125rem;
}
.site-utilities-desktop .site-share {
  margin-right: -2.3125rem;
  margin-top: 0.5rem;
  right: 50%;
  top: 100%;
}

.site-panel-utilities {
  --font-size: 18;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 48;
  line-height: calc(var(--line-height) / var(--font-size));
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  flex-wrap: wrap;
  padding-bottom: 0.9375rem;
  padding-left: calc(1rem * (var(--spacing--inline--site-panel) - 22) / 16);
  padding-right: calc(1rem * (var(--spacing--inline--site-panel) - 22) / 16);
}
.site-panel-utilities::before {
  content: "";
  height: 0;
  width: 100%;
}
.site-panel-utilities > li {
  margin-right: 1.75rem;
  position: relative;
}
.site-panel-utilities > li.lang {
  margin-right: 0;
  order: -1;
}
.site-panel-utilities > li.icon-button {
  margin-right: 0.5rem;
}
.site-panel-utilities > li > a,
.site-panel-utilities > li > button {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.site-panel-utilities > li > button {
  height: 3rem;
}
.site-panel-utilities .site-share {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.site-search {
  --duration: var(--duration--fast);
  transition-duration: var(--duration);
  align-items: center;
  display: flex;
  justify-content: center;
  opacity: 0;
  transition-delay: var(--duration), 0s;
  transition-duration: 0s, var(--duration);
  transition-property: visibility, opacity;
  transition-timing-function: var(--timing-function);
  visibility: hidden;
  background-color: var(--background-color);
  height: calc(1rem * var(--height--outer--site-header) / 16);
  left: 0;
  margin: 0;
  padding-left: calc(1rem * var(--spacing--inline--site-header) / 16);
  padding-right: calc(1rem * var(--spacing--inline--site-header) / 16);
  position: absolute;
  right: 0;
  top: 0;
}
@media screen and (min-width: 576px) {
  .site-search {
    left: 50%;
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
    right: calc(var(--unit-spacing--inline--site--frame) - 1rem * var(--spacing-column) / 2 / 16);
  }
}
@media screen and (min-width: 992px) {
  .site-search {
    left: 66.6666666667%;
  }
}
@media screen and (min-width: 1200px) {
  .site-search {
    height: 4.875rem;
    left: auto;
    width: calc(1rem * (446 + var(--spacing-column)) / 16);
  }
}
.site-search label {
  left: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.site-search .form-control {
  flex: auto;
  margin-right: 1rem;
  position: relative;
}
.site-search .btn {
  flex: none;
  position: relative;
}
.show-site-search .site-search {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, var(--duration);
  transition-property: visibility, opacity;
  transition-timing-function: var(--timing-function);
  visibility: visible;
}

.site-share {
  --background-color: var(--color--background--base);
  background-color: var(--background-color);
  --color: var(--color--text--base);
  color: var(--color);
  --highlight-color: var(--color--highlight--base);
  --duration: var(--duration--fast);
  transition-duration: var(--duration);
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition-delay: var(--duration), 0s;
  transition-duration: 0s, var(--duration);
  transition-property: visibility, opacity;
  transition-timing-function: var(--timing-function);
  visibility: hidden;
  border-color: var(--border-color);
  border-radius: calc(1rem * var(--border-radius) / 16);
  border-style: solid;
  border-width: calc(1rem * var(--border-width) / 16);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.15);
  display: flex;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  position: absolute;
  z-index: 10;
}
.show-site-share .site-share {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, var(--duration);
  transition-property: visibility, opacity;
  transition-timing-function: var(--timing-function);
  visibility: visible;
}
.site-share a {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 3rem;
  width: 3rem;
}
.site-share .svg-sprite--envelope {
  width: 1.25rem;
}

.other-languages-desktop {
  --background-color: var(--color--background--base);
  background-color: var(--background-color);
  --color: var(--color--text--base);
  color: var(--color);
  --duration: var(--duration--fast);
  transition-duration: var(--duration);
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition-delay: var(--duration), 0s;
  transition-duration: 0s, var(--duration);
  transition-property: visibility, opacity;
  transition-timing-function: var(--timing-function);
  visibility: hidden;
  border-color: var(--border-color);
  border-radius: calc(1rem * var(--border-radius) / 16);
  border-style: solid;
  border-width: calc(1rem * var(--border-width) / 16);
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.15);
  flex-direction: column;
  left: 50%;
  margin-top: 0.5rem;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  z-index: 10;
}
.show-other-languages-desktop .other-languages-desktop {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, var(--duration);
  transition-property: visibility, opacity;
  transition-timing-function: var(--timing-function);
  visibility: visible;
}
.other-languages-desktop a {
  display: block;
  padding-bottom: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.25rem;
  white-space: nowrap;
}

.site-navigation button:focus:where(:not(:focus-visible)),
.site-languages button:focus:where(:not(:focus-visible)) {
  color: inherit;
}
.site-navigation button:where(:focus),
.site-languages button:where(:focus) {
  color: var(--highlight-color);
}
.site-navigation button:focus-visible,
.site-languages button:focus-visible {
  color: var(--highlight-color);
}
@media (any-hover: hover) {
  .site-navigation button:hover,
  .site-languages button:hover {
    color: var(--highlight-color);
  }
}

.site-navigation {
  display: flex;
  grid-area: navigation;
}

.site-languages {
  display: none;
  grid-area: languages;
}

.site-panel-toggle {
  align-items: center;
  display: flex;
  justify-content: center;
  display: none;
  padding: calc(1rem * var(--icon-button-spacing) / 16);
}
.site-panel-toggle .icon {
  padding-bottom: 0.00125rem;
}
.site-navigation .site-panel-toggle {
  margin-right: calc(1rem * (var(--spacing--inline--site-header) - var(--icon-button-spacing)) / 16);
}

.site-panel {
  --background-color: var(--color--background--site-panel);
  background-color: var(--background-color);
  --border-color: var(--color--border--site-panel);
  border-color: var(--border-color);
  --color: var(--color--text--site-panel);
  color: var(--color);
  --highlight-color: var(--color--highlight--site-panel);
}

.menu {
  --font-size: 20;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 26;
  line-height: calc(var(--line-height) / var(--font-size));
  list-style: none;
  margin: 0;
  padding: 0;
  word-break: keep-all;
}
.menu .angle {
  color: var(--border-color);
}
.menu .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
.menu .submenu-open .submenu {
  display: block;
}

@media screen and (max-width: 1199.98px) {
  /* Mobile text color fixes */
  .site-header,
  .site-header a,
  .site-header button,
  .site-header .text,
  .site-utilities a,
  .site-utilities button {
    color: var(--color--dark) !important;
  }
  
  .site-panel {
    --color--text--site-panel: var(--color--dark) !important;
    color: var(--color--dark) !important;
    --color--background--site-panel: var(--color--light) !important;
    background-color: var(--color--light) !important;
  }
  
  .menu,
  .menu a,
  .menu button,
  .menu .text {
    color: var(--color--dark) !important;
  }
  
  /* Mobile font size fixes - 16px instead of 20px */
  .menu {
    --font-size: 16 !important;
    font-size: calc(1rem * var(--font-size) / 16) !important;
  }
  
  .site-map,
  .site-map h2,
  .site-map h3,
  .site-map a,
  .site-map li {
    font-size: 1rem !important; /* 16px */
  }
  
  .site-languages {
    display: flex;
  }
  .site-panel-toggle {
    display: flex;
  }
  .site-panel {
    bottom: 0;
    display: grid;
    left: 0;
    opacity: 0;
    padding-right: calc(1px * var(--width--scrollbar, 0));
    position: fixed;
    top: calc(1rem * (var(--spacing--top--site) + var(--height--outer--site-header)) / 16);
    visibility: hidden;
    width: 100vw;
    z-index: var(--z-index--site-panel);
  }
  .enable-site-panel-transition .site-panel {
    --duration: var(--duration--site-panel);
    transition-duration: var(--duration);
    opacity: 0;
    transition-delay: var(--duration), 0s;
    transition-duration: 0s, var(--duration);
    transition-property: visibility, opacity;
    transition-timing-function: var(--timing-function);
    visibility: hidden;
  }
  .site-panel-primary-open #site-panel-primary,
  .site-panel-languages-open #site-panel-languages {
    opacity: 1;
    visibility: visible;
  }
  .enable-site-panel-transition.site-panel-primary-open #site-panel-primary,
  .enable-site-panel-transition.site-panel-languages-open #site-panel-languages {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s, var(--duration);
    transition-property: visibility, opacity;
    transition-timing-function: var(--timing-function);
    visibility: visible;
  }
  .menu {
    --background-color: var(--color--cream);
    background-color: var(--background-color);
    --icon-column-background-color: var(--color--green);
    --icon-column-border-color: #23482e;
    --icon-column-width: 50;
    --icon-height: 22;
    --link-border-color: #eed09b;
    padding-bottom: 0.9375rem;
    padding-top: 0.3125rem;
  }
  .menu a,
  .menu button {
    border-bottom-color: var(--link-border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    display: block;
    padding-bottom: 0.9375rem;
    padding-left: calc(1rem * (var(--icon-column-width) + 16) / 16);
    padding-right: calc(1rem * (var(--spacing--inline--site-panel) + 55) / 16);
    padding-top: 0.9375rem;
    position: relative;
    text-align: left;
    width: 100%;
  }
  .menu a::before,
  .menu button::before {
    background-color: var(--icon-column-background-color);
    border-bottom-color: var(--icon-column-border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    bottom: calc(1rem * -1 * var(--border-width) / 16);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: calc(1rem * var(--icon-column-width) / 16);
  }
  .menu a br,
  .menu button br {
    display: none;
  }
  .menu a .icon,
  .menu button .icon {
    color: var(--color--light);
    left: calc(1rem * var(--icon-column-width) / 2 / 16);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .menu a .icon.rem-img,
  .menu button .icon.rem-img {
    --rem-img--height: var(--icon-height);
  }
  .menu a .icon.svg-sprite,
  .menu button .icon.svg-sprite {
    --svg-sprite--scale: calc(var(--icon-height) / var(--svg-sprite--height));
  }
  .menu a .angle,
  .menu button .angle {
    color: #000000;
    position: absolute;
    right: calc(1rem * var(--spacing--inline--site-panel) / 16);
    top: 1.46875rem;
    transform-origin: center calc(1rem * (var(--svg-sprite--height) / 2 - 1) / 16);
  }
}
@media screen and (max-width: 1199.98px) and (prefers-reduced-motion: no-preference) {
  .menu a .angle,
  .menu button .angle {
    transition-duration: var(--duration--fast);
    transition-property: transform;
    transition-timing-function: linear;
  }
}
@media screen and (max-width: 1199.98px) {
  .menu .submenu-open .angle {
    transform: rotate(-0.5turn);
  }
  .submenu {
    --background-color: var(--color--light);
    background-color: var(--background-color);
    --highlight-color: var(--color--green);
    --icon-column-background-color: var(--color--red);
    --icon-column-border-color: #9b2100;
    --link-border-color: var(--border-color);
  }
  .site-panel-utilities {
    display: flex;
  }
}
@media screen and (min-width: 1200px) {
  .site-navigation {
    height: calc(1rem * var(--height--outer--site-header--menu) / 16);
    padding-left: calc(1rem * var(--spacing--inline--site-header) / 16);
    padding-right: calc(1rem * var(--spacing--inline--site-header) / 16);
    position: relative;
  }
  .site-navigation::before {
    left: 50%;
    margin-left: calc(-1 * var(--unit-width) / 2);
    width: var(--unit-width);
    --unit-width: var(--unit-width--viewport);
    background-color: var(--color--background--site-panel);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
  }
  .site-panel,
  .site-panel-content,
  .menu-container,
  .menu-primary {
    display: flex;
    width: 100%;
  }
  .site-panel-content.faux-overlay-scrollbars {
    overflow: visible;
  }
  .menu-primary > li {
    display: flex;
    flex: none;
    justify-content: center;
  }
  
  .menu-primary > li { width: calc(90% / 7); }
  .menu-primary > li:nth-child(1) { width: 10%; }

  
  /* English (EN) specific widths - custom distribution */

  :lang(en) .menu-primary > li:nth-child(1) { width: 7%; }  /* Home */
  :lang(en) .menu-primary > li:nth-child(2) { width: 9%; } /* About us */
  :lang(en) .menu-primary > li:nth-child(3) { width: 13%; } /* What's New */
  :lang(en) .menu-primary > li:nth-child(4) { width: 18%; } /* Basic Housing Unit Regulatory Regime */
  :lang(en) .menu-primary > li:nth-child(5) { width: 18%; } /* Lists of Registered Flats & Basic Housing Units */
  :lang(en) .menu-primary > li:nth-child(6) { width: 12%; } /* Lists of Registered Flats & Basic Housing Units - REDUCED */
  :lang(en) .menu-primary > li:nth-child(7) { width: 11%; } /* Specified Professionals - INCREASED */
  :lang(en) .menu-primary > li:nth-child(8) { width: 14%; } /* Other Useful Information */

  /* English version font size - 18px */
  :lang(en) .menu-primary > li > a,
  :lang(en) .menu-primary > li > button {
    font-size: 18px !important;
  }

  .menu-primary > li > a,
  .menu-primary > li > button {
    align-items: center;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 1.25rem;
    padding-top: 3.875rem;
    position: relative;
    text-align: center;
    text-wrap-style: balance;
  }
  .menu-primary > li > a:focus:where(:not(:focus-visible)),
  .menu-primary > li:not(.submenu-toggle):focus:where(:not(:focus-visible)) {
    background-color: transparent;
    color: inherit;
  }
  .menu-primary > li > a:where(:focus),
  .menu-primary > li:not(.submenu-toggle):where(:focus) {
    background-color: transparent;
    color: inherit;
  }
  .menu-primary > li > a:focus-visible,
  .menu-primary > li:not(.submenu-toggle):focus-visible {
    background-color: transparent;
    color: inherit;
  }
}
@media screen and (min-width: 1200px) and (any-hover: hover) {
  .menu-primary > li > a:hover,
  .menu-primary > li:not(.submenu-toggle):hover {
    background-color: var(--color--red);
    color: white;
  }
}
@media screen and (min-width: 1200px) {
  .menu-primary > li > a:lang(zh),
  .menu-primary > li > button:lang(zh) {
    padding-bottom: 1.625rem;
    padding-top: 4.5rem;
  }
  .menu-primary > li > a .icon,
  .menu-primary > li > button .icon {
    left: 50%;
    position: absolute;
    top: 1.25rem;
    transform: translateX(-50%);
  }
  .menu-primary > li > a .icon:lang(zh),
  .menu-primary > li > button .icon:lang(zh) {
    top: 1.875rem;
  }
  .menu-primary > li > a .icon.rem-img,
  .menu-primary > li > button .icon.rem-img {
    --rem-img--height: 36;
  }
  .menu-primary > li > a .icon.svg-sprite,
  .menu-primary > li > button .icon.svg-sprite {
    --svg-sprite--scale: calc(34 / var(--svg-sprite--height));
  }
  .menu-primary > li > a .icon.svg-sprite.svg-sprite--menu--list-flats:lang(en),
  .menu-primary > li > a .icon.svg-sprite.svg-sprite--menu--list-basic:lang(en){
    top: 1rem;
  }
  .menu-primary > li > a .icon.svg-sprite.svg-sprite--menu--list-flats,
  .menu-primary > li > a .icon.svg-sprite.svg-sprite--menu--list-basic{
    top: 1.6rem;
    --svg-sprite--scale: calc(42 / var(--svg-sprite--height));
  }
  .menu-primary > li > a .angle,
  .menu-primary > li > button .angle {
    margin-left: 0.9375rem;
  }
}
/* Remove underlines from menu items without submenus */
.menu-primary > li:not(.menu-item--has-submenu) > a:where(:focus) {
  text-decoration: none;
}
.menu-primary > li:not(.menu-item--has-submenu) > a:focus-visible {
  text-decoration: none;
}
@media (any-hover: hover) {
  .menu-primary > li:not(.menu-item--has-submenu) > a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 1200px) and (any-hover: hover) {
  .menu-primary > li > button:hover {
    color: inherit;
  }
}
@media screen and (min-width: 1200px) {
  .menu-primary .menu-item--has-submenu {
    position: relative;
  }
  .menu-primary .menu-item--has-submenu:hover  {
    background-color: var(--color--red);
    color: white;
  }

  /* Position last menu item (Other Useful Information) at right edge */
  .menu-primary > li:last-child {
    justify-content: center;
    flex: none;
    margin-left: auto;
    margin-right: 0;
  }
  /* Align last menu item's submenu to the right */
  .menu-primary > li:last-child .submenu {
    left: auto;
    right: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .menu-primary .menu-item--has-submenu > button:lang(en) {
    margin-right: 0;
  }
}
@media screen and (min-width: 1200px) {
  .menu-primary .menu-item--has-submenu > button .icon {
    left: calc(50% - 0.9375rem);
  }
  .menu-primary .submenu {
    --background-color: var(--color--background--site-header);
    background-color: var(--background-color);
    --color: var(--color--text--site-header);
    color: var(--color);
    --highlight-color: var(--color--green);
    border: 1px solid #ccc;
    border-top-color: var(--color--red);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) * 5 / 16);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    left: 0;
    max-height: calc(100vh - 1rem * var(--height--outer--site-header) / 16);
    overflow: auto;
    position: absolute;
    top: 100%;
    min-width: 100%;
  }
  .menu-primary .submenu a {
    display: block;
    padding-bottom: 1.25rem;
    padding-left: 0.9375rem;
    padding-right: 2.5rem;
    padding-top: 1.25rem;
    text-decoration: none !important;
    text-wrap: nowrap;
    
  }
  .menu-primary .submenu > li:not(:first-child) > a {
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
  }


  
  .menu-primary .submenu a:focus:where(:not(:focus-visible)) {
    text-decoration: none !important;
  }
  
  .menu-primary .submenu a:where(:focus) {
    text-decoration: none !important;
  }
  
  .menu-primary .submenu a:focus-visible {
    text-decoration: none !important;
  }

  .submenu-toggle:not(:disabled) {
    cursor: default;
  }
}
@media screen and (min-width: 1200px) and (any-hover: hover) {
  .menu-primary .submenu a:hover {
    text-decoration: none !important;
    border-left: 4px solid var(--color--green) !important;
    padding-left: calc(0.9375rem - 4px) !important; /* Adjust padding to prevent layout shift */
  }
  
  /* Green left border removed for Other Languages and Share buttons on hover */
}
.site-footer {
  --background-color: var(--color--background--site-footer);
  background-color: var(--background-color);
  --border-color: var(--color--border--site-footer);
  border-color: var(--border-color);
  --color: var(--color--text--site-footer);
  color: var(--color);
  --font-size: 20;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 24;
  line-height: calc(var(--line-height) / var(--font-size));
  --highlight-color: var(--color--highlight--site-footer);
  flex: none;
}
@media screen {
  .site-footer {
    width: var(--unit-width--viewport);
  }
}
.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer-container {
  --container-row-gap: 55;
  display: grid;
  grid-template-areas: "site-map" "links" "info";
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 100%;
  width: calc(1rem * (var(--max-width--site-footer)) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--site-footer) / 16);
  padding-left: calc(1rem * var(--spacing--inline--site-footer) / 16);
  padding-right: calc(1rem * var(--spacing--inline--site-footer) / 16);
}
@media screen and (min-width: 992px) {
  .site-footer-container {
    --container-row-gap: 70;
    grid-template-areas: "site-map site-map" "links    info";
  }
}

.site-map {
  grid-area: site-map;
  margin-bottom: 0;
  word-break: keep-all;
}
.site-map summary {
  align-items: center;
  color: var(--color--accent);
  display: inline-flex;
  padding-bottom: calc(1rem * var(--spacing--block--site-footer) / 16);
  padding-top: calc(1rem * var(--spacing--block--site-footer) / 16);
}
.site-map summary::-webkit-details-marker {
  display: none;
}
.site-map summary .icon {
  margin-left: 0.625rem;
  transform-origin: center calc(1rem * (var(--svg-sprite--height) / 2 + 1) / 16);
}
@media (prefers-reduced-motion: no-preference) {
  .site-map summary .icon {
    transition-duration: var(--duration--fast);
    transition-property: transform;
    transition-timing-function: linear;
  }
}
.site-map[open] summary .icon {
  transform: rotate(0.5turn);
}
.site-map-columns {
  --site-map-row-gap: 30;
  box-sizing: border-box;
  column-gap: 1.25rem;
  display: grid;
  grid-template-areas: "col-1" "col-2" "col-3" "col-4";
  padding-bottom: calc(1rem * var(--spacing--block--site-footer) / 16);
  padding-top: calc(1rem * (var(--container-row-gap) - var(--spacing--block--site-footer)) / 16);
  row-gap: calc(1rem * var(--site-map-row-gap) / 16);
}
@media screen and (min-width: 992px) {
  .site-map-columns {
    --site-map-row-gap: 40;
    grid-template-areas: "col-1 col-2 col-3" "col-1 col-2 col-4";
    grid-template-rows: auto 1fr;
    padding-top: calc(1rem * (var(--site-map-row-gap) - var(--spacing--block--site-footer)) / 16);
  }
}
@media screen and (min-width: 1200px) {
  .site-map-columns {
    grid-template-areas: "col-1 col-2 col-3 col-4";
    grid-template-rows: auto;
  }
}

/* Tablet-specific site map fixes for 1024px screens */
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  .site-map-columns {
    column-gap: 1rem; /* Reduce column gap on tablet */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  
  .site-map a {
    white-space: normal !important; /* Ensure text wrapping on tablet */
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    max-width: 100%;
  }
  
  /* Fix Date column width on tablet screens for news/press-releases tables */
  .whats-new-table-date {
    width: 180px !important; /* Reduce Date column width on tablet */
    max-width: 180px !important;
    min-width: 180px !important;
  }
  
  /* Reduce spacing between field labels and data in grace-period registration details */
  .dl-table-xl-9 .dl-table-body dt,
  .dl-table-xl-9 .dl-table-body dd {
    --spacing--inline--table-card-rows: 15 !important; /* Reduced from default 24 */
    --spacing--row--table-card-rows: 16 !important; /* Reduced from default 24 */
  }
  
  /* ISD Promotion Modal Styling */
  #isd-promotion-modal .modal-dialog {
    max-width: 650px; /* Accommodate 600px content + padding */
  }
  
  #isd-promotion-modal .modal-content {
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }
  
  #isd-promotion-modal .modal-header {
    border-bottom: none;
    padding: 15px 20px 0;
    justify-content: flex-end;
  }
  
  #isd-promotion-modal .modal-body {
    padding: 0 20px 20px;
    text-align: center;
  }
  
  #isd-promotion-modal .btn-close {
    background: none;
    border: none;
    font-size: 1.5rem;
    opacity: 0.7;
  }
  
  #isd-promotion-modal .btn-close:hover {
    opacity: 1;
  }
  
  /* ISD Promotion Content Styling */
  .isd-promotion-content {
    width: 100% !important;
    max-width: 600px !important;
    height: auto !important;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
  }
}

/* Map directional controls mobile fixes - Unicode arrows ▲▼◀▶ */
@media screen and (max-width: 768px) {
  .leaflet-control-directions {
    margin-top: 0 !important; /* Let JavaScript handle positioning */
  }
  
  /* Ensure proper touch targets on mobile with Unicode arrows */
  .leaflet-control-directions .direction-btn {
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
    max-height: 44px !important;
    width: 44px !important;
    height: 44px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    touch-action: manipulation;
    box-sizing: border-box !important;
    font-size: 16px !important; /* Ensure Unicode arrows are visible */
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  
  /* Prevent middle row from compressing */
  .leaflet-control-directions .direction-middle-row {
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    min-width: 92px !important; /* 44px * 2 + 4px gap */
    width: 92px !important;
    max-width: 92px !important;
  }
}

/* High DPI / Retina display adjustments */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .leaflet-control-directions {
    /* Ensure crisp rendering on high DPI displays */
    transform: translateZ(0);
    backface-visibility: hidden;
  }
}
.site-map-column:nth-child(1) {
  grid-area: col-1;
}
.site-map-column:nth-child(2) {
  grid-area: col-2;
}
.site-map-column:nth-child(3) {
  grid-area: col-3;
}
.site-map-column:nth-child(4) {
  grid-area: col-4;
}
.site-map h2,
.site-map h3 {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.site-map h2 {
  color: var(--color--accent);
}
.site-map h3.body-text {
  font-weight: var(--font-weight--bold--base);
}

/* Search button accessibility - white text for better contrast */
.site-search .btn-primary {
  color: white !important;
}
.site-map h3:not(:first-child) {
  margin-top: calc(1rem * var(--site-map-row-gap) / 16);
}
.site-map li {
  margin-top: 0.625rem;
}
.site-map a {
  text-decoration: none;
  white-space: nowrap;
}
.site-map a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.site-map a:where(:focus) {
  text-decoration: underline;
}
.site-map a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .site-map a:hover {
    text-decoration: underline;
  }
}

.site-footer-links {
  --font-size: 14;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 28;
  line-height: calc(var(--line-height) / var(--font-size));
  align-items: center;
  display: flex;
  grid-area: links;
  padding-top: calc(1rem * (var(--container-row-gap) - var(--spacing--block--site-footer) - 7) / 16);
}
.site-footer-links ul {
  display: flex;
  flex-wrap: wrap;
}
.site-footer-links li:not(:last-child)::after {
  color: var(--border-color);
  content: "|";
  margin-left: 0.125rem;
  margin-right: 0.3125rem;
}

.site-info {
  --font-size: 14;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 21;
  line-height: calc(var(--line-height) / var(--font-size));
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  grid-area: info;
  padding-top: calc(1rem * (var(--container-row-gap) - 14) / 16);
}
@media screen and (max-width: 991.98px) {
  .site-info::after {
    content: "";
    height: 0;
    order: 1;
    width: 100%;
  }
  .site-info .last-revision {
    flex-basis: 0;
    flex-grow: 1;
    margin-right: 1.25rem;
  }
  .site-info .brandhk-logo {
    margin-left: auto;
    margin-top: 1.875rem;
    order: 2;
  }
}
@media screen and (min-width: 992px) {
  .site-info {
    justify-content: flex-end;
    padding-top: calc(1rem * (var(--container-row-gap) - var(--spacing--block--site-footer) - 7) / 16);
  }
  .site-info > :not(:first-child) {
    margin-left: 1.25rem;
  }
}

.wcag-logo,
.brandhk-logo {
  display: block;
  flex: none;
}

.wcag-logo .rem-img {
  --rem-img--width: 88;
}

.brandhk-logo .rem-img {
  --rem-img--height: 50;
}
@media screen and (min-width: 992px) {
  .brandhk-logo .rem-img {
    --rem-img--height: 40;
  }
}

.site-main {
  max-width: calc(1rem * (var(--max-width--site-main) + var(--spacing--inline--site-main) * 2) / 16);
  padding-left: calc(1rem * var(--spacing--inline--site-main) / 16);
  padding-right: calc(1rem * var(--spacing--inline--site-main) / 16);
  width: 100%;
}
@media screen {
  .site-main {
    flex: auto;
  }
}
@media screen and (max-width: 991.98px) {
  .site-main {
    max-width: 100vw; /* Never exceed viewport width on mobile */
    padding-left: calc(1rem * 10 / 16); /* Reduced mobile padding for more full width */
    padding-right: calc(1rem * 10 / 16); /* Reduced mobile padding for more full width */
    box-sizing: border-box; /* Include padding in width calculation */
  }
}

.page-header-container {
  grid-template-areas: "title";
  display: grid;
  min-height: 8.5625rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  position: relative;
}
@media screen and (min-width: 992px) {
  .page-header-container {
    column-gap: calc(1rem * var(--spacing--inline--site-main) / 16);
    min-height: 11rem;
    grid-template-areas: "title section-header";
    grid-template-columns: 1fr auto;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}
.page-header-container::before {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width) / 2);
  position: relative;
  width: var(--unit-width);
  --unit-width: var(--unit-width--viewport);
  background-color: var(--color--cream);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.page-title {
  align-content: center;
  flex-wrap: wrap;
  grid-area: title;
  margin: 0;
  text-wrap-style: balance;
  word-break: keep-all;
}
.page-title .br {
  width: 100%;
}

.section-header {
  display: none;
  grid-area: section-header;
}
@media screen and (min-width: 992px) {
  .section-header {
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
.section-header .rem-img {
  --rem-img--max-width: 332;
}

.page-content {
  padding-bottom: calc(1rem * var(--spacing--bottom--page-content) / 16);
  padding-top: calc(1rem * var(--spacing--top--page-content) / 16);
}
@media screen and (max-width: 991.98px) {
  .page-content {
    /* Ensure page content uses full available width without exceeding viewport */
    max-width: 100vw; /* Never exceed viewport width */
    padding-left: calc(1rem * 5 / 16); /* Minimal content padding */
    padding-right: calc(1rem * 5 / 16); /* Minimal content padding */
    box-sizing: border-box; /* Include padding in width calculation */
    overflow-x: hidden; /* Prevent any content from causing horizontal scroll */
    word-wrap: break-word; /* Break long words */
    overflow-wrap: break-word; /* Modern property for word breaking */
    hyphens: auto; /* Enable automatic hyphenation */
  }
}
.page-content > * {
  margin-bottom: calc(1rem * var(--spacing--row--page-content) / 16);
}
.page-content > *:not(.row):first-child {
  margin-top: 0;
}
.page-content > *:last-child {
  margin-bottom: 0;
}

/* White background for individual page content elements */
.page-content > p {
  background-color: var(--color--light);
  padding: calc(1rem * 20 / 16);
  margin-bottom: calc(1rem * var(--spacing--row--page-content) / 16);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.back-button {
  padding-bottom: calc(1rem * (var(--height--back-button) - var(--height--button--back-button)) / 2 / 16);
  padding-top: calc(1rem * (var(--height--back-button) - var(--height--button--back-button)) / 2 / 16);
  position: relative;
}
.back-button::before {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width) / 2);
  position: relative;
  width: var(--unit-width);
  --unit-width: var(--unit-width--viewport);
  background-color: var(--color--background--back-button);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.back-button .btn {
  text-transform: uppercase;
}
.back-button .btn::before {
  content: "<";
  margin-right: 0.25rem;
}

.breadcrumbs {
  --color: var(--color--text--breadcrumbs);
  color: var(--color);
  --font-size: 16;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 20;
  line-height: calc(var(--line-height) / var(--font-size));
  align-items: center;
  display: flex;
  justify-content: center;
  --num-lines: 2;
  min-height: calc(1rem * var(--height--breadcrumbs) / 16);
  padding-bottom: calc(1rem * (var(--height--breadcrumbs) - var(--line-height) * var(--num-lines)) / 2 / 16);
  padding-top: calc(1rem * (var(--height--breadcrumbs) - var(--line-height) * var(--num-lines)) / 2 / 16);
  position: relative;
  word-break: keep-all;
}
@media screen and (min-width: 992px) {
  .breadcrumbs {
    --font-size: 20;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 25;
    line-height: calc(var(--line-height) / var(--font-size));
    --num-lines: 1;
  }
}
.breadcrumbs::before {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width) / 2);
  position: relative;
  width: var(--unit-width);
  --unit-width: var(--unit-width--viewport);
  background-color: var(--color--background--breadcrumbs);
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.breadcrumbs li {
  display: inline;
}
.breadcrumbs li:not(:last-child)::after {
  color: var(--color--border--breadcrumbs);
  content: "/";
}
.breadcrumbs a {
  text-decoration: none;
}
.breadcrumbs a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.breadcrumbs a:where(:focus) {
  text-decoration: underline;
}
.breadcrumbs a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .breadcrumbs a:hover {
    text-decoration: underline;
  }
}
.breadcrumbs .icon {
  margin-right: 1rem;
  position: relative;
  top: 0.0625rem;
  vertical-align: baseline;
}
@media screen and (max-width: 991.98px) {
  .breadcrumbs .icon {
    display: none;
  }
}
.breadcrumbs .current {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}

.section-nav {
  word-break: keep-all;
}
.page-content > .section-nav:first-child {
  margin-bottom: calc(1rem * var(--spacing--block--section-nav) / 16);
  margin-top: calc(1rem * (var(--spacing--block--section-nav) - var(--spacing--top--page-content)) / 16);
}
.section-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.section-nav li {
  display: inline;
}
.section-nav li:not(:last-child)::after {
  color: var(--color--grey);
  content: " | ";
}
.section-nav a {
  text-decoration: none;
}
.section-nav a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.section-nav a:where(:focus) {
  text-decoration: underline;
}
.section-nav a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .section-nav a:hover {
    text-decoration: underline;
  }
}
.section-nav .current {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.3em;
}

.content-section {
  --bg-color: var(--color--light-green);
  border-radius: calc(1rem * var(--border-radius) / 16);
  overflow: hidden;
}
.content-section--plain {
  border-radius: 0;
}
@media screen and (min-width: 992px) {
  .content-section--plain {
    --font-size: 20;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 25;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}
.content-section--bg {
  background-color: var(--bg-color);
}
.content-section--bg--light-green {
  --bg-color: var(--color--light-green);
}
.content-section--bg--green {
  --bg-color: var(--color--green);
}
.content-section-header {
  --font-size: var(--font-size--header--section);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--header--section);
  line-height: calc(var(--line-height) / var(--font-size));
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--section) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--section) / 16);
  padding-left: calc(1rem * var(--spacing--inline--section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--section) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--section) / 16);
}

/* Make button version of content-section-header behave properly */
button.content-section-header {
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background-color: var(--color--green);
}

button.content-section-header:hover {
  text-decoration: underline !important;
  background-color: var(--color--green);
}

/* FAQ toggle button focus border - black border when tabbed */
button.content-section-header.section-toggle:focus-visible {
  box-shadow: inset 0 0 0 3px #000 !important;
  outline: none !important;
}

/* FAQ content styling - follow official BHU style */
/* Links: Orange-red with underline */
.faq-content a,
.faq-content a.text-primary {
  color: #D1411A !important;
  text-decoration: underline !important;
}

/* Emphasized text (no link): Green + bold */
.faq-content .text-info.text-decoration-underline,
.faq-content .fw-bold {
  color: #4F832F !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* ===================================================================
 * SEARCH BUTTON HOVER EFFECTS - GREEN BACKGROUND
 * =================================================================== */

/* Search button - GREEN background hover */
.flats-units-search-search.btn.btn-primary:hover {
  background-color: var(--color--green) !important;
  color: white !important;
  border-color: var(--color--green) !important;
}

/* ===================================================================
 * HOVER UNDERLINE EFFECTS FOR BUTTONS
 * =================================================================== */

/* Recognition page buttons - more specific targeting */
a.btn.btn-primary[href*="specified-professionals"]:hover,
a.btn.btn-primary[href*="regulatory-regime"]:hover,
a.btn.btn-primary[href*="recognition"]:hover {
  background-color: var(--color--green) !important;
  color: white !important;
  border-color: var(--color--green) !important;
 
}



/* Mobile-specific styles for FAQ sections */
@media screen and (max-width: 991.98px) {
  .content-section-header {
    /* Ensure proper alignment on mobile */
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
  }
  
  .content-section-header .content-section-title {
    /* Prevent text from wrapping and keep icon on same line */
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap;
    gap: 1rem;
  }
  
  .content-section-header .faq-icon {
    /* Ensure icon stays on the right and doesn't wrap */
    flex-shrink: 0;
    margin-left: auto;
  }
}

/* Desktop/PC view styles for FAQ sections */
@media screen and (min-width: 992px) {
  .content-section-header {
    /* Ensure proper alignment on desktop */
    justify-content: space-between;
    align-items: center;
  }
  
  .content-section-header .content-section-title {
    /* Position text and icon properly on desktop */
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: nowrap;
  }
  
  .content-section-header .faq-icon {
    /* Always position icon at the rightmost side */
    flex-shrink: 0;
    margin-left: auto;
    order: 2;
  }
}

.content-section-title {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.content-section-body {
  --spacing--block--body--content-section: var(--spacing--block--body-only--section);
  --spacing--inline--body--content-section: var(--spacing--inline--section);
  --spacing--row--body--content-section: var(--spacing--row--body-only--section);
  --spacing--column--body--content-section: var(--spacing--column--body-only--section);
  --spacing--bottom--body--content-section: var(--spacing--block--body--content-section);
  --spacing--top--body--content-section: var(--spacing--block--body--content-section);
  background-color: var(--color--light);
  margin: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--body--content-section) / 16);
  padding-left: calc(1rem * var(--spacing--inline--body--content-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--body--content-section) / 16);
  padding-top: calc(1rem * var(--spacing--top--body--content-section) / 16);
}
.content-section-body:first-child {
  --spacing--top--body--content-section: var(--spacing--top--body-only--section);
}
.content-section-body:last-child {
  --spacing--bottom--body--content-section: var(--spacing--bottom--body-only--section);
}
.content-section-body > :first-child {
  margin-top: 0;
}
.content-section-body > :last-child {
  margin-bottom: 0;
}
.content-section-header ~ .content-section-body {
  --spacing--block--body--content-section: var(--spacing--block--body--section);
  --spacing--row--body--content-section: var(--spacing--row--body--section);
  --spacing--column--body--content-section: var(--spacing--column--body--section);
}
.content-section-header ~ .content-section-body:last-child {
  --spacing--bottom--body--content-section: var(--spacing--bottom--body--section);
}
.content-section-header + .content-section-body {
  --spacing--top--body--content-section: var(--spacing--top--body--section);
}
@media screen and (min-width: 1200px) {
  .content-section--bg .content-section-body {
    margin-right: 24.375rem;
  }
}
.content-section-body + .content-section-body {
  border-top-color: #dbdbdb;
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
}
.content-section-body.table-section {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}
.content-section-body.table-section thead {
  display: none;
}
.content-section-body--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-section-body--list > li {
  --bottom: calc(var(--spacing--row--body--content-section) / 2);
  --top: calc(var(--spacing--row--body--content-section) / 2);
  background-color: var(--background-color);
  padding-bottom: calc(1rem * var(--bottom) / 16);
  padding-left: calc(1rem * (var(--spacing--inline--body--content-section) + var(--width--line--body-list--section) + var(--spacing--column--body--content-section) / 2) / 16);
  padding-right: calc(1rem * var(--spacing--inline--body--content-section) / 16);
  padding-top: calc(1rem * var(--top) / 16);
  position: relative;
}
.content-section-body--list > li:first-child {
  --top: var(--spacing--top--body--content-section);
}
.content-section-body--list > li:last-child {
  --bottom: var(--spacing--bottom--body--content-section);
}
.content-section-body--list > li:not(:first-child) {
  border-top-color: #dbdbdb;
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
}
.content-section-body--list > li::before {
  bottom: calc(1rem * var(--bottom) / 16);
  content: "";
  position: absolute;
  left: calc(1rem * var(--spacing--inline--body--content-section) / 16);
  top: calc(1rem * var(--top) / 16);
  width: 0;
}
.content-section-body .table {
  --font-size--table: 14;
  --line-height--table: 18;
  --spacing--row--table: 20;
  --spacing--column--table: 16;
  --spacing--bottom--table: calc(var(--spacing--row--table) / 2);
  --spacing--top--table: calc(var(--spacing--row--table) / 2);
  --spacing--inline--table: calc(var(--spacing--column--table) / 2);
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
@media screen and (min-width: 576px) {
  .content-section-body .table {
    --spacing--row--table: 28;
    --spacing--column--table: 24;
  }
}
@media screen and (min-width: 768px) {
  .content-section-body .table {
    --spacing--row--table: 36;
    --spacing--column--table: 32;
  }
}
@media screen and (min-width: 992px) {
  .content-section-body .table {
    --font-size--table: 20;
    --line-height--table: 25;
    --spacing--row--table: 40;
    --spacing--column--table: 48;
    margin-bottom: 0.625rem;
    margin-top: 0.625rem;
  }
}
.content-section-footer {
  padding-left: calc(1rem * var(--spacing--inline--section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--section) / 16);
}

.dl-table {
  --font-size: var(--font-size--table-card-rows);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--table-card-rows);
  line-height: calc(var(--line-height) / var(--font-size));
  --border-color: var(--color--light-grey);
  border-radius: calc(1rem * var(--border-radius) / 16);
  overflow: hidden;
}
.dl-table-title {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
.dl-table-body,
.dl-table-body dd {
  margin-bottom: 0;
}
.dl-table .btn-sm {
  margin-bottom: -0.15625rem;
  margin-top: -0.15625rem;
}

.dl-table-xs-1 {
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
}
.dl-table-xs-1 .dl-table-header {
  align-items: center;
  background-color: var(--color--th-green);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.dl-table-xs-1 .dl-table-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media screen and (min-width: 576px) {
  .dl-table-xs-1 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.dl-table-xs-1 .dl-table-body dt,
.dl-table-xs-1 .dl-table-body dd {
  background-color: var(--color--light);
  border-top-color: var(--border-color);
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.dl-table-xs-1 .dl-table-body dt {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.dl-table-xs-1 .dl-table-body dd {
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  word-break: break-word;
}
.dl-table-xs-1 .dl-table-header {
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-section) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
}
.dl-table-xs-1 .dl-table-body {
  display: grid;
  grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd";
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dl-table-xs-1 .dl-table-body dt,
.dl-table-xs-1 .dl-table-body dd {
  border-bottom-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
}
.dl-table-xs-1 .dl-table-body .dl-table--left-1,
.dl-table-xs-1 .dl-table-body .dl-table--right-1 {
  background-color: #f6faf3;
}
.dl-table-xs-1 .dl-table-body dt.dl-table--left-1 {
  grid-area: left-1-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-1 .dl-table-body dd.dl-table--left-1 {
  grid-area: left-1-dd;
}
.dl-table-xs-1 .dl-table-body dt.dl-table--right-1 {
  grid-area: right-1-dt;
}
.dl-table-xs-1 .dl-table-body dd.dl-table--right-1 {
  grid-area: right-1-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-1 .dl-table-body .dl-table--left-1,
.dl-table-xs-1 .dl-table-body .dl-table--right-1 {
  padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
}
.dl-table-xs-1 .dl-table-body .dl-table--left-1,
.dl-table-xs-1 .dl-table-body .dl-table--right-1 {
  border-bottom-width: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
}

.dl-table-xs-2 {
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
}
.dl-table-xs-2 .dl-table-header {
  align-items: center;
  background-color: var(--color--th-green);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.dl-table-xs-2 .dl-table-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media screen and (min-width: 576px) {
  .dl-table-xs-2 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.dl-table-xs-2 .dl-table-body dt,
.dl-table-xs-2 .dl-table-body dd {
  background-color: var(--color--light);
  border-top-color: var(--border-color);
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.dl-table-xs-2 .dl-table-body dt {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.dl-table-xs-2 .dl-table-body dd {
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  word-break: break-word;
}
.dl-table-xs-2 .dl-table-header {
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-section) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
}
.dl-table-xs-2 .dl-table-body {
  display: grid;
  grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd";
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dl-table-xs-2 .dl-table-body dt,
.dl-table-xs-2 .dl-table-body dd {
  border-bottom-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
}
.dl-table-xs-2 .dl-table-body .dl-table--left-1,
.dl-table-xs-2 .dl-table-body .dl-table--right-1 {
  background-color: #f6faf3;
}
.dl-table-xs-2 .dl-table-body dt.dl-table--left-1 {
  grid-area: left-1-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-2 .dl-table-body dd.dl-table--left-1 {
  grid-area: left-1-dd;
}
.dl-table-xs-2 .dl-table-body dt.dl-table--right-1 {
  grid-area: right-1-dt;
}
.dl-table-xs-2 .dl-table-body dd.dl-table--right-1 {
  grid-area: right-1-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-2 .dl-table-body .dl-table--left-2,
.dl-table-xs-2 .dl-table-body .dl-table--right-2 {
  background-color: var(--color--light);
}
.dl-table-xs-2 .dl-table-body dt.dl-table--left-2 {
  grid-area: left-2-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-2 .dl-table-body dd.dl-table--left-2 {
  grid-area: left-2-dd;
}
.dl-table-xs-2 .dl-table-body dt.dl-table--right-2 {
  grid-area: right-2-dt;
}
.dl-table-xs-2 .dl-table-body dd.dl-table--right-2 {
  grid-area: right-2-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-2 .dl-table-body .dl-table--left-1,
.dl-table-xs-2 .dl-table-body .dl-table--right-1 {
  padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
}
.dl-table-xs-2 .dl-table-body .dl-table--left-2,
.dl-table-xs-2 .dl-table-body .dl-table--right-2 {
  border-bottom-width: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
}

.dl-table-xs-3 {
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
}
.dl-table-xs-3 .dl-table-header {
  align-items: center;
  background-color: var(--color--th-green);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.dl-table-xs-3 .dl-table-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media screen and (min-width: 576px) {
  .dl-table-xs-3 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.dl-table-xs-3 .dl-table-body dt,
.dl-table-xs-3 .dl-table-body dd {
  background-color: var(--color--light);
  border-top-color: var(--border-color);
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.dl-table-xs-3 .dl-table-body dt {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.dl-table-xs-3 .dl-table-body dd {
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  word-break: break-word;
}
.dl-table-xs-3 .dl-table-header {
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-section) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
}
.dl-table-xs-3 .dl-table-body {
  display: grid;
  grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd";
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dl-table-xs-3 .dl-table-body dt,
.dl-table-xs-3 .dl-table-body dd {
  border-bottom-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
}
.dl-table-xs-3 .dl-table-body .dl-table--left-1,
.dl-table-xs-3 .dl-table-body .dl-table--right-1 {
  background-color: #f6faf3;
}
.dl-table-xs-3 .dl-table-body dt.dl-table--left-1 {
  grid-area: left-1-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body dd.dl-table--left-1 {
  grid-area: left-1-dd;
}
.dl-table-xs-3 .dl-table-body dt.dl-table--right-1 {
  grid-area: right-1-dt;
}
.dl-table-xs-3 .dl-table-body dd.dl-table--right-1 {
  grid-area: right-1-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body .dl-table--left-2,
.dl-table-xs-3 .dl-table-body .dl-table--right-2 {
  background-color: var(--color--light);
}
.dl-table-xs-3 .dl-table-body dt.dl-table--left-2 {
  grid-area: left-2-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body dd.dl-table--left-2 {
  grid-area: left-2-dd;
}
.dl-table-xs-3 .dl-table-body dt.dl-table--right-2 {
  grid-area: right-2-dt;
}
.dl-table-xs-3 .dl-table-body dd.dl-table--right-2 {
  grid-area: right-2-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body .dl-table--left-3,
.dl-table-xs-3 .dl-table-body .dl-table--right-3 {
  background-color: #f6faf3;
}
.dl-table-xs-3 .dl-table-body dt.dl-table--left-3 {
  grid-area: left-3-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body dd.dl-table--left-3 {
  grid-area: left-3-dd;
}
.dl-table-xs-3 .dl-table-body dt.dl-table--right-3 {
  grid-area: right-3-dt;
}
.dl-table-xs-3 .dl-table-body dd.dl-table--right-3 {
  grid-area: right-3-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body .dl-table--left-1,
.dl-table-xs-3 .dl-table-body .dl-table--right-1 {
  padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
}
.dl-table-xs-3 .dl-table-body .dl-table--left-3,
.dl-table-xs-3 .dl-table-body .dl-table--right-3 {
  border-bottom-width: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
}

.dl-table-xs-4 {
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
}
.dl-table-xs-4 .dl-table-header {
  align-items: center;
  background-color: var(--color--th-green);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.dl-table-xs-4 .dl-table-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media screen and (min-width: 576px) {
  .dl-table-xs-4 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.dl-table-xs-4 .dl-table-body dt,
.dl-table-xs-4 .dl-table-body dd {
  background-color: var(--color--light);
  border-top-color: var(--border-color);
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.dl-table-xs-4 .dl-table-body dt {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.dl-table-xs-4 .dl-table-body dd {
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  word-break: break-word;
}
.dl-table-xs-4 .dl-table-header {
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-section) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
}
.dl-table-xs-4 .dl-table-body {
  display: grid;
  grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd";
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dl-table-xs-4 .dl-table-body dt,
.dl-table-xs-4 .dl-table-body dd {
  border-bottom-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
}
.dl-table-xs-4 .dl-table-body .dl-table--left-1,
.dl-table-xs-4 .dl-table-body .dl-table--right-1 {
  background-color: #f6faf3;
}
.dl-table-xs-4 .dl-table-body dt.dl-table--left-1 {
  grid-area: left-1-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body dd.dl-table--left-1 {
  grid-area: left-1-dd;
}
.dl-table-xs-4 .dl-table-body dt.dl-table--right-1 {
  grid-area: right-1-dt;
}
.dl-table-xs-4 .dl-table-body dd.dl-table--right-1 {
  grid-area: right-1-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body .dl-table--left-2,
.dl-table-xs-4 .dl-table-body .dl-table--right-2 {
  background-color: var(--color--light);
}
.dl-table-xs-4 .dl-table-body dt.dl-table--left-2 {
  grid-area: left-2-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body dd.dl-table--left-2 {
  grid-area: left-2-dd;
}
.dl-table-xs-4 .dl-table-body dt.dl-table--right-2 {
  grid-area: right-2-dt;
}
.dl-table-xs-4 .dl-table-body dd.dl-table--right-2 {
  grid-area: right-2-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body .dl-table--left-3,
.dl-table-xs-4 .dl-table-body .dl-table--right-3 {
  background-color: #f6faf3;
}
.dl-table-xs-4 .dl-table-body dt.dl-table--left-3 {
  grid-area: left-3-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body dd.dl-table--left-3 {
  grid-area: left-3-dd;
}
.dl-table-xs-4 .dl-table-body dt.dl-table--right-3 {
  grid-area: right-3-dt;
}
.dl-table-xs-4 .dl-table-body dd.dl-table--right-3 {
  grid-area: right-3-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body .dl-table--left-4,
.dl-table-xs-4 .dl-table-body .dl-table--right-4 {
  background-color: var(--color--light);
}
.dl-table-xs-4 .dl-table-body dt.dl-table--left-4 {
  grid-area: left-4-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body dd.dl-table--left-4 {
  grid-area: left-4-dd;
}
.dl-table-xs-4 .dl-table-body dt.dl-table--right-4 {
  grid-area: right-4-dt;
}
.dl-table-xs-4 .dl-table-body dd.dl-table--right-4 {
  grid-area: right-4-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body .dl-table--left-1,
.dl-table-xs-4 .dl-table-body .dl-table--right-1 {
  padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
}
.dl-table-xs-4 .dl-table-body .dl-table--left-4,
.dl-table-xs-4 .dl-table-body .dl-table--right-4 {
  border-bottom-width: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
}

.dl-table-xs-5 {
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
}
.dl-table-xs-5 .dl-table-header {
  align-items: center;
  background-color: var(--color--th-green);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.dl-table-xs-5 .dl-table-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media screen and (min-width: 576px) {
  .dl-table-xs-5 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.dl-table-xs-5 .dl-table-body dt,
.dl-table-xs-5 .dl-table-body dd {
  background-color: var(--color--light);
  border-top-color: var(--border-color);
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.dl-table-xs-5 .dl-table-body dt {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.dl-table-xs-5 .dl-table-body dd {
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  word-break: break-word;
}
.dl-table-xs-5 .dl-table-header {
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-section) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
}
.dl-table-xs-5 .dl-table-body {
  display: grid;
  grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd";
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dl-table-xs-5 .dl-table-body dt,
.dl-table-xs-5 .dl-table-body dd {
  border-bottom-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-1,
.dl-table-xs-5 .dl-table-body .dl-table--right-1 {
  background-color: #f6faf3;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--left-1 {
  grid-area: left-1-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body dd.dl-table--left-1 {
  grid-area: left-1-dd;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--right-1 {
  grid-area: right-1-dt;
}
.dl-table-xs-5 .dl-table-body dd.dl-table--right-1 {
  grid-area: right-1-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-2,
.dl-table-xs-5 .dl-table-body .dl-table--right-2 {
  background-color: var(--color--light);
}
.dl-table-xs-5 .dl-table-body dt.dl-table--left-2 {
  grid-area: left-2-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body dd.dl-table--left-2 {
  grid-area: left-2-dd;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--right-2 {
  grid-area: right-2-dt;
}
.dl-table-xs-5 .dl-table-body dd.dl-table--right-2 {
  grid-area: right-2-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-3,
.dl-table-xs-5 .dl-table-body .dl-table--right-3 {
  background-color: #f6faf3;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--left-3 {
  grid-area: left-3-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body dd.dl-table--left-3 {
  grid-area: left-3-dd;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--right-3 {
  grid-area: right-3-dt;
}
.dl-table-xs-5 .dl-table-body dd.dl-table--right-3 {
  grid-area: right-3-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-4,
.dl-table-xs-5 .dl-table-body .dl-table--right-4 {
  background-color: var(--color--light);
}
.dl-table-xs-5 .dl-table-body dt.dl-table--left-4 {
  grid-area: left-4-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body dd.dl-table--left-4 {
  grid-area: left-4-dd;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--right-4 {
  grid-area: right-4-dt;
}
.dl-table-xs-5 .dl-table-body dd.dl-table--right-4 {
  grid-area: right-4-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-5,
.dl-table-xs-5 .dl-table-body .dl-table--right-5 {
  background-color: #f6faf3;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--left-5 {
  grid-area: left-5-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body dd.dl-table--left-5 {
  grid-area: left-5-dd;
}
.dl-table-xs-5 .dl-table-body dt.dl-table--right-5 {
  grid-area: right-5-dt;
}
.dl-table-xs-5 .dl-table-body dd.dl-table--right-5 {
  grid-area: right-5-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-1,
.dl-table-xs-5 .dl-table-body .dl-table--right-1 {
  padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
}
.dl-table-xs-5 .dl-table-body .dl-table--left-5,
.dl-table-xs-5 .dl-table-body .dl-table--right-5 {
  border-bottom-width: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
}

.dl-table-xs-6 {
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
}
.dl-table-xs-6 .dl-table-header {
  align-items: center;
  background-color: var(--color--th-green);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.dl-table-xs-6 .dl-table-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media screen and (min-width: 576px) {
  .dl-table-xs-6 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.dl-table-xs-6 .dl-table-body dt,
.dl-table-xs-6 .dl-table-body dd {
  background-color: var(--color--light);
  border-top-color: var(--border-color);
  border-top-style: solid;
  border-top-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
}
.dl-table-xs-6 .dl-table-body dt {
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
}
.dl-table-xs-6 .dl-table-body dd {
  padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  word-break: break-word;
}
.dl-table-xs-6 .dl-table-header {
  align-items: center;
  background-color: var(--color--green);
  color: var(--color--light);
  display: flex;
  min-height: calc(1rem * var(--min-height--header--table-section) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
  padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
}
.dl-table-xs-6 .dl-table-body {
  display: grid;
  grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd";
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.dl-table-xs-6 .dl-table-body dt,
.dl-table-xs-6 .dl-table-body dd {
  border-bottom-color: var(--border-color);
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
  padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-1,
.dl-table-xs-6 .dl-table-body .dl-table--right-1 {
  background-color: #f6faf3;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--left-1 {
  grid-area: left-1-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body dd.dl-table--left-1 {
  grid-area: left-1-dd;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--right-1 {
  grid-area: right-1-dt;
}
.dl-table-xs-6 .dl-table-body dd.dl-table--right-1 {
  grid-area: right-1-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-2,
.dl-table-xs-6 .dl-table-body .dl-table--right-2 {
  background-color: var(--color--light);
}
.dl-table-xs-6 .dl-table-body dt.dl-table--left-2 {
  grid-area: left-2-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body dd.dl-table--left-2 {
  grid-area: left-2-dd;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--right-2 {
  grid-area: right-2-dt;
}
.dl-table-xs-6 .dl-table-body dd.dl-table--right-2 {
  grid-area: right-2-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-3,
.dl-table-xs-6 .dl-table-body .dl-table--right-3 {
  background-color: #f6faf3;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--left-3 {
  grid-area: left-3-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body dd.dl-table--left-3 {
  grid-area: left-3-dd;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--right-3 {
  grid-area: right-3-dt;
}
.dl-table-xs-6 .dl-table-body dd.dl-table--right-3 {
  grid-area: right-3-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-4,
.dl-table-xs-6 .dl-table-body .dl-table--right-4 {
  background-color: var(--color--light);
}
.dl-table-xs-6 .dl-table-body dt.dl-table--left-4 {
  grid-area: left-4-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body dd.dl-table--left-4 {
  grid-area: left-4-dd;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--right-4 {
  grid-area: right-4-dt;
}
.dl-table-xs-6 .dl-table-body dd.dl-table--right-4 {
  grid-area: right-4-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-5,
.dl-table-xs-6 .dl-table-body .dl-table--right-5 {
  background-color: #f6faf3;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--left-5 {
  grid-area: left-5-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body dd.dl-table--left-5 {
  grid-area: left-5-dd;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--right-5 {
  grid-area: right-5-dt;
}
.dl-table-xs-6 .dl-table-body dd.dl-table--right-5 {
  grid-area: right-5-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-6,
.dl-table-xs-6 .dl-table-body .dl-table--right-6 {
  background-color: var(--color--light);
}
.dl-table-xs-6 .dl-table-body dt.dl-table--left-6 {
  grid-area: left-6-dt;
  padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body dd.dl-table--left-6 {
  grid-area: left-6-dd;
}
.dl-table-xs-6 .dl-table-body dt.dl-table--right-6 {
  grid-area: right-6-dt;
}
.dl-table-xs-6 .dl-table-body dd.dl-table--right-6 {
  grid-area: right-6-dd;
  padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-1,
.dl-table-xs-6 .dl-table-body .dl-table--right-1 {
  padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
}
.dl-table-xs-6 .dl-table-body .dl-table--left-6,
.dl-table-xs-6 .dl-table-body .dl-table--right-6 {
  border-bottom-width: 0;
  padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
}

@media screen and (max-width: 575.98px) {
  .dl-table-sm-1 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-sm-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-sm-1 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) and (min-width: 576px) {
  .dl-table-sm-1 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .dl-table-sm-1 .dl-table-body dt,
  .dl-table-sm-1 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-sm-1 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-sm-1 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 576px) {
  .dl-table-sm-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-sm-1 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-sm-1 .dl-table-body dt,
  .dl-table-sm-1 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-sm-1 .dl-table-body .dl-table--left-1,
  .dl-table-sm-1 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-sm-1 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-1 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-sm-1 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-sm-1 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-1 .dl-table-body .dl-table--left-1,
  .dl-table-sm-1 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-sm-1 .dl-table-body .dl-table--left-1,
  .dl-table-sm-1 .dl-table-body .dl-table--right-1 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 575.98px) {
  .dl-table-sm-2 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-sm-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-sm-2 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) and (min-width: 576px) {
  .dl-table-sm-2 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .dl-table-sm-2 .dl-table-body dt,
  .dl-table-sm-2 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-sm-2 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-sm-2 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 576px) {
  .dl-table-sm-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-sm-2 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-sm-2 .dl-table-body dt,
  .dl-table-sm-2 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-sm-2 .dl-table-body .dl-table--left-1,
  .dl-table-sm-2 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-sm-2 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-2 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-sm-2 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-sm-2 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-2 .dl-table-body .dl-table--left-2,
  .dl-table-sm-2 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-sm-2 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-2 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-sm-2 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-sm-2 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-2 .dl-table-body .dl-table--left-1,
  .dl-table-sm-2 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-sm-2 .dl-table-body .dl-table--left-2,
  .dl-table-sm-2 .dl-table-body .dl-table--right-2 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 575.98px) {
  .dl-table-sm-3 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-sm-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-sm-3 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) and (min-width: 576px) {
  .dl-table-sm-3 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .dl-table-sm-3 .dl-table-body dt,
  .dl-table-sm-3 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-sm-3 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-sm-3 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 576px) {
  .dl-table-sm-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-sm-3 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-sm-3 .dl-table-body dt,
  .dl-table-sm-3 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-sm-3 .dl-table-body .dl-table--left-1,
  .dl-table-sm-3 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-sm-3 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-sm-3 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-sm-3 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body .dl-table--left-2,
  .dl-table-sm-3 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-sm-3 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-sm-3 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-sm-3 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body .dl-table--left-3,
  .dl-table-sm-3 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-sm-3 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-sm-3 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-sm-3 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body .dl-table--left-1,
  .dl-table-sm-3 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-sm-3 .dl-table-body .dl-table--left-3,
  .dl-table-sm-3 .dl-table-body .dl-table--right-3 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 575.98px) {
  .dl-table-sm-4 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-sm-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-sm-4 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) and (min-width: 576px) {
  .dl-table-sm-4 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .dl-table-sm-4 .dl-table-body dt,
  .dl-table-sm-4 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-sm-4 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-sm-4 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 576px) {
  .dl-table-sm-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-sm-4 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-sm-4 .dl-table-body dt,
  .dl-table-sm-4 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-sm-4 .dl-table-body .dl-table--left-1,
  .dl-table-sm-4 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body .dl-table--left-2,
  .dl-table-sm-4 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body .dl-table--left-3,
  .dl-table-sm-4 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body .dl-table--left-4,
  .dl-table-sm-4 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-sm-4 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-sm-4 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body .dl-table--left-1,
  .dl-table-sm-4 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-sm-4 .dl-table-body .dl-table--left-4,
  .dl-table-sm-4 .dl-table-body .dl-table--right-4 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 575.98px) {
  .dl-table-sm-5 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-sm-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-sm-5 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) and (min-width: 576px) {
  .dl-table-sm-5 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .dl-table-sm-5 .dl-table-body dt,
  .dl-table-sm-5 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-sm-5 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-sm-5 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 576px) {
  .dl-table-sm-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-sm-5 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-sm-5 .dl-table-body dt,
  .dl-table-sm-5 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-1,
  .dl-table-sm-5 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-2,
  .dl-table-sm-5 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-3,
  .dl-table-sm-5 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-4,
  .dl-table-sm-5 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-5,
  .dl-table-sm-5 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-sm-5 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-sm-5 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-1,
  .dl-table-sm-5 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-sm-5 .dl-table-body .dl-table--left-5,
  .dl-table-sm-5 .dl-table-body .dl-table--right-5 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 575.98px) {
  .dl-table-sm-6 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-sm-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-sm-6 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) and (min-width: 576px) {
  .dl-table-sm-6 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .dl-table-sm-6 .dl-table-body dt,
  .dl-table-sm-6 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-sm-6 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-sm-6 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 576px) {
  .dl-table-sm-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-sm-6 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-sm-6 .dl-table-body dt,
  .dl-table-sm-6 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-1,
  .dl-table-sm-6 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-2,
  .dl-table-sm-6 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-3,
  .dl-table-sm-6 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-4,
  .dl-table-sm-6 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-5,
  .dl-table-sm-6 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-6,
  .dl-table-sm-6 .dl-table-body .dl-table--right-6 {
    background-color: var(--color--light);
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--left-6 {
    grid-area: left-6-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--left-6 {
    grid-area: left-6-dd;
  }
  .dl-table-sm-6 .dl-table-body dt.dl-table--right-6 {
    grid-area: right-6-dt;
  }
  .dl-table-sm-6 .dl-table-body dd.dl-table--right-6 {
    grid-area: right-6-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-1,
  .dl-table-sm-6 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-sm-6 .dl-table-body .dl-table--left-6,
  .dl-table-sm-6 .dl-table-body .dl-table--right-6 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 767.98px) {
  .dl-table-md-1 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-md-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-md-1 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 576px) {
  .dl-table-md-1 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .dl-table-md-1 .dl-table-body dt,
  .dl-table-md-1 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-md-1 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-md-1 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-md-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-md-1 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-md-1 .dl-table-body dt,
  .dl-table-md-1 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-md-1 .dl-table-body .dl-table--left-1,
  .dl-table-md-1 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-md-1 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-1 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-md-1 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-md-1 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-1 .dl-table-body .dl-table--left-1,
  .dl-table-md-1 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-md-1 .dl-table-body .dl-table--left-1,
  .dl-table-md-1 .dl-table-body .dl-table--right-1 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 767.98px) {
  .dl-table-md-2 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-md-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-md-2 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 576px) {
  .dl-table-md-2 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .dl-table-md-2 .dl-table-body dt,
  .dl-table-md-2 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-md-2 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-md-2 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-md-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-md-2 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-md-2 .dl-table-body dt,
  .dl-table-md-2 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-md-2 .dl-table-body .dl-table--left-1,
  .dl-table-md-2 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-md-2 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-2 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-md-2 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-md-2 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-2 .dl-table-body .dl-table--left-2,
  .dl-table-md-2 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-md-2 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-2 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-md-2 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-md-2 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-2 .dl-table-body .dl-table--left-1,
  .dl-table-md-2 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-md-2 .dl-table-body .dl-table--left-2,
  .dl-table-md-2 .dl-table-body .dl-table--right-2 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 767.98px) {
  .dl-table-md-3 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-md-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-md-3 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 576px) {
  .dl-table-md-3 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .dl-table-md-3 .dl-table-body dt,
  .dl-table-md-3 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-md-3 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-md-3 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-md-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-md-3 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-md-3 .dl-table-body dt,
  .dl-table-md-3 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-md-3 .dl-table-body .dl-table--left-1,
  .dl-table-md-3 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-md-3 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-md-3 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-md-3 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body .dl-table--left-2,
  .dl-table-md-3 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-md-3 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-md-3 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-md-3 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body .dl-table--left-3,
  .dl-table-md-3 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-md-3 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-md-3 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-md-3 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body .dl-table--left-1,
  .dl-table-md-3 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-md-3 .dl-table-body .dl-table--left-3,
  .dl-table-md-3 .dl-table-body .dl-table--right-3 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 767.98px) {
  .dl-table-md-4 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-md-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-md-4 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 576px) {
  .dl-table-md-4 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .dl-table-md-4 .dl-table-body dt,
  .dl-table-md-4 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-md-4 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-md-4 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-md-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-md-4 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-md-4 .dl-table-body dt,
  .dl-table-md-4 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-md-4 .dl-table-body .dl-table--left-1,
  .dl-table-md-4 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body .dl-table--left-2,
  .dl-table-md-4 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body .dl-table--left-3,
  .dl-table-md-4 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body .dl-table--left-4,
  .dl-table-md-4 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-md-4 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-md-4 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body .dl-table--left-1,
  .dl-table-md-4 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-md-4 .dl-table-body .dl-table--left-4,
  .dl-table-md-4 .dl-table-body .dl-table--right-4 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 767.98px) {
  .dl-table-md-5 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-md-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-md-5 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 576px) {
  .dl-table-md-5 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .dl-table-md-5 .dl-table-body dt,
  .dl-table-md-5 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-md-5 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-md-5 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-md-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-md-5 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-md-5 .dl-table-body dt,
  .dl-table-md-5 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-1,
  .dl-table-md-5 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-2,
  .dl-table-md-5 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-3,
  .dl-table-md-5 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-4,
  .dl-table-md-5 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-5,
  .dl-table-md-5 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-md-5 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-md-5 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-1,
  .dl-table-md-5 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-md-5 .dl-table-body .dl-table--left-5,
  .dl-table-md-5 .dl-table-body .dl-table--right-5 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 767.98px) {
  .dl-table-md-6 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-md-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-md-6 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) and (min-width: 576px) {
  .dl-table-md-6 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .dl-table-md-6 .dl-table-body dt,
  .dl-table-md-6 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-md-6 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-md-6 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 768px) {
  .dl-table-md-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-md-6 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-md-6 .dl-table-body dt,
  .dl-table-md-6 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-1,
  .dl-table-md-6 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-2,
  .dl-table-md-6 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-3,
  .dl-table-md-6 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-4,
  .dl-table-md-6 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-5,
  .dl-table-md-6 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-6,
  .dl-table-md-6 .dl-table-body .dl-table--right-6 {
    background-color: var(--color--light);
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--left-6 {
    grid-area: left-6-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--left-6 {
    grid-area: left-6-dd;
  }
  .dl-table-md-6 .dl-table-body dt.dl-table--right-6 {
    grid-area: right-6-dt;
  }
  .dl-table-md-6 .dl-table-body dd.dl-table--right-6 {
    grid-area: right-6-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-1,
  .dl-table-md-6 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-md-6 .dl-table-body .dl-table--left-6,
  .dl-table-md-6 .dl-table-body .dl-table--right-6 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 991.98px) {
  .dl-table-lg-1 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-lg-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-lg-1 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .dl-table-lg-1 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  .dl-table-lg-1 .dl-table-body dt,
  .dl-table-lg-1 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-lg-1 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-lg-1 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .dl-table-lg-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-lg-1 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-lg-1 .dl-table-body dt,
  .dl-table-lg-1 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-lg-1 .dl-table-body .dl-table--left-1,
  .dl-table-lg-1 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-lg-1 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-1 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-lg-1 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-lg-1 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-1 .dl-table-body .dl-table--left-1,
  .dl-table-lg-1 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-lg-1 .dl-table-body .dl-table--left-1,
  .dl-table-lg-1 .dl-table-body .dl-table--right-1 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 991.98px) {
  .dl-table-lg-2 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-lg-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-lg-2 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .dl-table-lg-2 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  .dl-table-lg-2 .dl-table-body dt,
  .dl-table-lg-2 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-lg-2 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-lg-2 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .dl-table-lg-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-lg-2 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-lg-2 .dl-table-body dt,
  .dl-table-lg-2 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-lg-2 .dl-table-body .dl-table--left-1,
  .dl-table-lg-2 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-lg-2 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-2 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-lg-2 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-lg-2 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-2 .dl-table-body .dl-table--left-2,
  .dl-table-lg-2 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-lg-2 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-2 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-lg-2 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-lg-2 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-2 .dl-table-body .dl-table--left-1,
  .dl-table-lg-2 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-lg-2 .dl-table-body .dl-table--left-2,
  .dl-table-lg-2 .dl-table-body .dl-table--right-2 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 991.98px) {
  .dl-table-lg-3 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-lg-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-lg-3 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .dl-table-lg-3 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  .dl-table-lg-3 .dl-table-body dt,
  .dl-table-lg-3 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-lg-3 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-lg-3 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .dl-table-lg-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-lg-3 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-lg-3 .dl-table-body dt,
  .dl-table-lg-3 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-lg-3 .dl-table-body .dl-table--left-1,
  .dl-table-lg-3 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-lg-3 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-lg-3 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-lg-3 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body .dl-table--left-2,
  .dl-table-lg-3 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-lg-3 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-lg-3 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-lg-3 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body .dl-table--left-3,
  .dl-table-lg-3 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-lg-3 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-lg-3 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-lg-3 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body .dl-table--left-1,
  .dl-table-lg-3 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-lg-3 .dl-table-body .dl-table--left-3,
  .dl-table-lg-3 .dl-table-body .dl-table--right-3 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 991.98px) {
  .dl-table-lg-4 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-lg-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-lg-4 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .dl-table-lg-4 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  .dl-table-lg-4 .dl-table-body dt,
  .dl-table-lg-4 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-lg-4 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-lg-4 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .dl-table-lg-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-lg-4 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-lg-4 .dl-table-body dt,
  .dl-table-lg-4 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-lg-4 .dl-table-body .dl-table--left-1,
  .dl-table-lg-4 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body .dl-table--left-2,
  .dl-table-lg-4 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body .dl-table--left-3,
  .dl-table-lg-4 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body .dl-table--left-4,
  .dl-table-lg-4 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-lg-4 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-lg-4 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body .dl-table--left-1,
  .dl-table-lg-4 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-lg-4 .dl-table-body .dl-table--left-4,
  .dl-table-lg-4 .dl-table-body .dl-table--right-4 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 991.98px) {
  .dl-table-lg-5 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-lg-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-lg-5 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .dl-table-lg-5 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  .dl-table-lg-5 .dl-table-body dt,
  .dl-table-lg-5 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-lg-5 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-lg-5 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .dl-table-lg-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-lg-5 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-lg-5 .dl-table-body dt,
  .dl-table-lg-5 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-1,
  .dl-table-lg-5 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-2,
  .dl-table-lg-5 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-3,
  .dl-table-lg-5 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-4,
  .dl-table-lg-5 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-5,
  .dl-table-lg-5 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-lg-5 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-lg-5 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-1,
  .dl-table-lg-5 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-lg-5 .dl-table-body .dl-table--left-5,
  .dl-table-lg-5 .dl-table-body .dl-table--right-5 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 991.98px) {
  .dl-table-lg-6 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-lg-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-lg-6 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) and (min-width: 576px) {
  .dl-table-lg-6 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 991.98px) {
  .dl-table-lg-6 .dl-table-body dt,
  .dl-table-lg-6 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-lg-6 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-lg-6 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 992px) {
  .dl-table-lg-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-lg-6 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-lg-6 .dl-table-body dt,
  .dl-table-lg-6 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-1,
  .dl-table-lg-6 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-2,
  .dl-table-lg-6 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-3,
  .dl-table-lg-6 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-4,
  .dl-table-lg-6 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-5,
  .dl-table-lg-6 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-6,
  .dl-table-lg-6 .dl-table-body .dl-table--right-6 {
    background-color: var(--color--light);
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--left-6 {
    grid-area: left-6-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--left-6 {
    grid-area: left-6-dd;
  }
  .dl-table-lg-6 .dl-table-body dt.dl-table--right-6 {
    grid-area: right-6-dt;
  }
  .dl-table-lg-6 .dl-table-body dd.dl-table--right-6 {
    grid-area: right-6-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-1,
  .dl-table-lg-6 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-lg-6 .dl-table-body .dl-table--left-6,
  .dl-table-lg-6 .dl-table-body .dl-table--right-6 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1199.98px) {
  .dl-table-xl-1 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xl-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-1 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-1 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-1 .dl-table-body dt,
  .dl-table-xl-1 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-1 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-1 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-1 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xl-1 .dl-table-body dt,
  .dl-table-xl-1 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-1 .dl-table-body .dl-table--left-1,
  .dl-table-xl-1 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-1 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-1 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-1 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-1 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-1 .dl-table-body .dl-table--left-1,
  .dl-table-xl-1 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xl-1 .dl-table-body .dl-table--left-1,
  .dl-table-xl-1 .dl-table-body .dl-table--right-1 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1199.98px) {
  .dl-table-xl-2 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xl-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-2 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-2 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-2 .dl-table-body dt,
  .dl-table-xl-2 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-2 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-2 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-2 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xl-2 .dl-table-body dt,
  .dl-table-xl-2 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-2 .dl-table-body .dl-table--left-1,
  .dl-table-xl-2 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-2 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-2 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-2 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-2 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-2 .dl-table-body .dl-table--left-2,
  .dl-table-xl-2 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xl-2 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-2 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xl-2 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xl-2 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-2 .dl-table-body .dl-table--left-1,
  .dl-table-xl-2 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xl-2 .dl-table-body .dl-table--left-2,
  .dl-table-xl-2 .dl-table-body .dl-table--right-2 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1199.98px) {
  .dl-table-xl-3 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xl-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-3 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-3 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-3 .dl-table-body dt,
  .dl-table-xl-3 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-3 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-3 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-3 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xl-3 .dl-table-body dt,
  .dl-table-xl-3 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-3 .dl-table-body .dl-table--left-1,
  .dl-table-xl-3 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-3 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-3 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-3 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body .dl-table--left-2,
  .dl-table-xl-3 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xl-3 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xl-3 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xl-3 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body .dl-table--left-3,
  .dl-table-xl-3 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xl-3 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xl-3 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xl-3 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body .dl-table--left-1,
  .dl-table-xl-3 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xl-3 .dl-table-body .dl-table--left-3,
  .dl-table-xl-3 .dl-table-body .dl-table--right-3 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1199.98px) {
  .dl-table-xl-4 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xl-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-4 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-4 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-4 .dl-table-body dt,
  .dl-table-xl-4 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-4 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-4 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-4 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xl-4 .dl-table-body dt,
  .dl-table-xl-4 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-4 .dl-table-body .dl-table--left-1,
  .dl-table-xl-4 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body .dl-table--left-2,
  .dl-table-xl-4 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body .dl-table--left-3,
  .dl-table-xl-4 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body .dl-table--left-4,
  .dl-table-xl-4 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xl-4 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xl-4 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body .dl-table--left-1,
  .dl-table-xl-4 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xl-4 .dl-table-body .dl-table--left-4,
  .dl-table-xl-4 .dl-table-body .dl-table--right-4 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1199.98px) {
  .dl-table-xl-5 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xl-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-5 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-5 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-5 .dl-table-body dt,
  .dl-table-xl-5 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-5 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-5 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-5 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xl-5 .dl-table-body dt,
  .dl-table-xl-5 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-1,
  .dl-table-xl-5 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-2,
  .dl-table-xl-5 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-3,
  .dl-table-xl-5 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-4,
  .dl-table-xl-5 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-5,
  .dl-table-xl-5 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-xl-5 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-xl-5 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-1,
  .dl-table-xl-5 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xl-5 .dl-table-body .dl-table--left-5,
  .dl-table-xl-5 .dl-table-body .dl-table--right-5 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1199.98px) {
  .dl-table-xl-6 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xl-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-6 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-6 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-6 .dl-table-body dt,
  .dl-table-xl-6 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-6 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-6 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-6 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xl-6 .dl-table-body dt,
  .dl-table-xl-6 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-1,
  .dl-table-xl-6 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-2,
  .dl-table-xl-6 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-3,
  .dl-table-xl-6 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-4,
  .dl-table-xl-6 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-5,
  .dl-table-xl-6 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-6,
  .dl-table-xl-6 .dl-table-body .dl-table--right-6 {
    background-color: var(--color--light);
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--left-6 {
    grid-area: left-6-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--left-6 {
    grid-area: left-6-dd;
  }
  .dl-table-xl-6 .dl-table-body dt.dl-table--right-6 {
    grid-area: right-6-dt;
  }
  .dl-table-xl-6 .dl-table-body dd.dl-table--right-6 {
    grid-area: right-6-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-1,
  .dl-table-xl-6 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xl-6 .dl-table-body .dl-table--left-6,
  .dl-table-xl-6 .dl-table-body .dl-table--right-6 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-1 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xxl-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xxl-1 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 576px) {
  .dl-table-xxl-1 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-1 .dl-table-body dt,
  .dl-table-xxl-1 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xxl-1 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xxl-1 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1400px) {
  .dl-table-xxl-1 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xxl-1 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xxl-1 .dl-table-body dt,
  .dl-table-xxl-1 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xxl-1 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-1 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-1 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-1 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xxl-1 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xxl-1 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-1 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-1 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xxl-1 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-1 .dl-table-body .dl-table--right-1 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-2 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xxl-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xxl-2 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 576px) {
  .dl-table-xxl-2 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-2 .dl-table-body dt,
  .dl-table-xxl-2 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xxl-2 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xxl-2 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1400px) {
  .dl-table-xxl-2 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xxl-2 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xxl-2 .dl-table-body dt,
  .dl-table-xxl-2 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xxl-2 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-2 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-2 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-2 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xxl-2 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xxl-2 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-2 .dl-table-body .dl-table--left-2,
  .dl-table-xxl-2 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-2 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-2 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xxl-2 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xxl-2 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-2 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-2 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xxl-2 .dl-table-body .dl-table--left-2,
  .dl-table-xxl-2 .dl-table-body .dl-table--right-2 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-3 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xxl-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xxl-3 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 576px) {
  .dl-table-xxl-3 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-3 .dl-table-body dt,
  .dl-table-xxl-3 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xxl-3 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xxl-3 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1400px) {
  .dl-table-xxl-3 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xxl-3 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xxl-3 .dl-table-body dt,
  .dl-table-xxl-3 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xxl-3 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-3 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-3 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xxl-3 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xxl-3 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body .dl-table--left-2,
  .dl-table-xxl-3 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-3 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xxl-3 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xxl-3 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body .dl-table--left-3,
  .dl-table-xxl-3 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-3 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xxl-3 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xxl-3 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-3 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xxl-3 .dl-table-body .dl-table--left-3,
  .dl-table-xxl-3 .dl-table-body .dl-table--right-3 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-4 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xxl-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xxl-4 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 576px) {
  .dl-table-xxl-4 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-4 .dl-table-body dt,
  .dl-table-xxl-4 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xxl-4 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xxl-4 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1400px) {
  .dl-table-xxl-4 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xxl-4 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xxl-4 .dl-table-body dt,
  .dl-table-xxl-4 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xxl-4 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-4 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body .dl-table--left-2,
  .dl-table-xxl-4 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body .dl-table--left-3,
  .dl-table-xxl-4 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body .dl-table--left-4,
  .dl-table-xxl-4 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xxl-4 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xxl-4 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-4 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xxl-4 .dl-table-body .dl-table--left-4,
  .dl-table-xxl-4 .dl-table-body .dl-table--right-4 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-5 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xxl-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xxl-5 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 576px) {
  .dl-table-xxl-5 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-5 .dl-table-body dt,
  .dl-table-xxl-5 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xxl-5 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xxl-5 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1400px) {
  .dl-table-xxl-5 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xxl-5 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xxl-5 .dl-table-body dt,
  .dl-table-xxl-5 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-2,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-3,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-4,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-5,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-xxl-5 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-xxl-5 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xxl-5 .dl-table-body .dl-table--left-5,
  .dl-table-xxl-5 .dl-table-body .dl-table--right-5 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-6 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }
  .dl-table-xxl-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xxl-6 .dl-table-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 576px) {
  .dl-table-xxl-6 .dl-table-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
@media screen and (max-width: 1399.98px) {
  .dl-table-xxl-6 .dl-table-body dt,
  .dl-table-xxl-6 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xxl-6 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    word-break: break-word;
  }
}
@media screen and (min-width: 1400px) {
  .dl-table-xxl-6 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xxl-6 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd";
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .dl-table-xxl-6 .dl-table-body dt,
  .dl-table-xxl-6 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-2,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-3,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-4,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-5,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-6,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-6 {
    background-color: var(--color--light);
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--left-6 {
    grid-area: left-6-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--left-6 {
    grid-area: left-6-dd;
  }
  .dl-table-xxl-6 .dl-table-body dt.dl-table--right-6 {
    grid-area: right-6-dt;
  }
  .dl-table-xxl-6 .dl-table-body dd.dl-table--right-6 {
    grid-area: right-6-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-1,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
  .dl-table-xxl-6 .dl-table-body .dl-table--left-6,
  .dl-table-xxl-6 .dl-table-body .dl-table--right-6 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
}

.icon-list {
  list-style: none;
  margin: 0;
  padding: 0;
  --icon-width: 20;
  --icon-gap: 10;
  --icon-scale: calc(20 / 24);
  --spacing-row: 8;
}
@media screen and (min-width: 992px) {
  .icon-list {
    --icon-width: 24;
    --icon-gap: 12;
    --icon-scale: 1;
    --spacing-row: 10;
  }
}
.icon-list li {
  padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-left: calc(1rem * (var(--icon-width) + var(--icon-gap)) / 16);
  padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  position: relative;
}
.icon-list .icon {
  --svg-sprite--scale: var(--icon-scale);
  position: absolute;
  left: calc(1rem * var(--icon-width) / 2 / 16);
  top: calc(1rem * (var(--spacing-row) + var(--line-height)) / 2 / 16);
  transform: translate(-50%, -50%);
}
.icon-list--left .icon {
  left: 0;
  transform: translateY(-50%);
}
.icon-list--red .icon {
  color: var(--color--red);
}

.line-actions {
  display: flex;
  flex-direction: column;
}
.line-actions-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media screen and (min-width: 992px) {
  .line-actions-list {
    margin-top: 1.5rem;
  }
}
.line-actions-list > :not(:last-child) {
  margin-right: 2rem;
}
.line-actions-list .btn {
  display: flex;
  margin-bottom: calc(-1 * (var(--bs-btn-padding-y) + var(--bs-border-width)));
  margin-left: calc(-1 * (var(--bs-btn-padding-x) + var(--bs-border-width)));
  margin-right: calc(-1 * (var(--bs-btn-padding-x) + var(--bs-border-width)));
  margin-top: calc(-1 * (var(--bs-btn-padding-y) + var(--bs-border-width)));
  text-align: left;
}

.line-actions-xs {
  align-items: center;
  flex-direction: row;
}
.line-actions-xs .line-actions-list {
  margin-left: auto;
  margin-top: 0;
  padding-left: calc(1rem * var(--spacing-column) / 16);
}
.line-actions-xs .line-actions-list .btn {
  white-space: nowrap;
}

@media screen and (min-width: 576px) {
  .line-actions-sm {
    align-items: center;
    flex-direction: row;
  }
  .line-actions-sm .line-actions-list {
    margin-left: auto;
    margin-top: 0;
    padding-left: calc(1rem * var(--spacing-column) / 16);
  }
  .line-actions-sm .line-actions-list .btn {
    white-space: nowrap;
  }
}

@media screen and (min-width: 768px) {
  .line-actions-md {
    align-items: center;
    flex-direction: row;
  }
  .line-actions-md .line-actions-list {
    margin-left: auto;
    margin-top: 0;
    padding-left: calc(1rem * var(--spacing-column) / 16);
  }
  .line-actions-md .line-actions-list .btn {
    white-space: nowrap;
  }
}

@media screen and (min-width: 992px) {
  .line-actions-lg {
    align-items: center;
    flex-direction: row;
  }
  .line-actions-lg .line-actions-list {
    margin-left: auto;
    margin-top: 0;
    padding-left: calc(1rem * var(--spacing-column) / 16);
  }
  .line-actions-lg .line-actions-list .btn {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1200px) {
  .line-actions-xl {
    align-items: center;
    flex-direction: row;
  }
  .line-actions-xl .line-actions-list {
    margin-left: auto;
    margin-top: 0;
    padding-left: calc(1rem * var(--spacing-column) / 16);
  }
  .line-actions-xl .line-actions-list .btn {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1400px) {
  .line-actions-xxl {
    align-items: center;
    flex-direction: row;
  }
  .line-actions-xxl .line-actions-list {
    margin-left: auto;
    margin-top: 0;
    padding-left: calc(1rem * var(--spacing-column) / 16);
  }
  .line-actions-xxl .line-actions-list .btn {
    white-space: nowrap;
  }
}

.map-section--img img {
  border-radius: calc(1rem * var(--border-radius) / 16);
}

.page-card {
  --bs-card-spacer-x: calc(1rem * var(--spacing-inline) / 16);
}
@media screen and (min-width: 992px) {
  .page-card {
    --card-header-min-height: 4.375rem;
  }
}
.page-card .card-img-top {
  height: 15.625rem;
  object-fit: cover;
}
@media screen and (min-width: 992px) {
  .page-card .card-img-top {
    height: 18.75rem;
  }
}
.page-card .card-body {
  padding-bottom: 1.875rem;
  padding-top: 1.5rem;
}
@media screen and (min-width: 992px) {
  .page-card .card-body {
    padding-bottom: 2.5rem;
    padding-top: 1.875rem;
  }
}
.page-card--mini .card-body {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
@media screen and (min-width: 992px) {
  .page-card--mini .card-body {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}

.page-controls {
  align-items: center;
  display: flex;
  justify-content: center;
  bottom: calc(1rem * var(--spacing--block--page-controls) / 16);
  position: fixed;
  right: calc(1rem * var(--spacing--inline--page-controls) / 16);
  z-index: var(--z-index--page-controls);
}
.scroll-lock .page-controls {
  padding-right: calc(1px * var(--width--scrollbar, 0));
}
.page-controls > * {
  box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.15);
  height: calc(1rem * var(--width--control--page-controls) / 16);
  width: calc(1rem * var(--width--control--page-controls) / 16);
}
.page-controls > *:not(:first-child) {
  margin-left: calc(1rem * var(--spacing--column--page-controls) / 16);
}
.page-controls .back-to-top {
  --background-color: var(--color--green);
  background-color: var(--background-color);
  --color: var(--color--light);
  color: var(--color);
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 0.9375rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.25rem);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
.page-controls .back-to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.page-controls .chatbot-toggle {
  border-radius: var(--unit-width--max);
  background-image: url("../images/chatbot.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: none;
}
.show-chatbot-toggle .page-controls .chatbot-toggle, .show-chatbot-toggle ~ .page-controls .chatbot-toggle, .page-controls.show-chatbot-toggle .chatbot-toggle {
  display: block;
}

.read-more-cards {
  --cards-per-row: 1;
  --card-img-ratio: 1.6;
  --home-bg-height-factor: 1;
  margin-top: 0rem;
  position: relative;
  z-index: 10;
}

@media screen and (min-width: 768px) {
  .read-more-cards {
    --cards-per-row: 2;
    --home-bg-height-factor: 0.5;
  }
}
@media screen and (min-width: 1200px) {
  .read-more-cards {
    --cards-per-row: 4;
  }
}
.read-more-cards .card {
  --bs-card-spacer-x: 1.5rem;
  --bs-card-spacer-y: 1.25rem;
  --bs-card-cap-padding-x: var(--bs-card-spacer-x);
  --bs-card-cap-padding-y: 1.5rem;
  --card-body-footer-spacing: 30;
}
@media screen and (min-width: 992px) {
  .read-more-cards .card {
    --bs-card-spacer-y: 1rem;
    --bs-card-cap-padding-y: 2.25rem;
    --card-body-footer-spacing: 32;
  }
}
.read-more-cards .card-title {
  --font-size: 20;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 28;
  line-height: calc(var(--line-height) / var(--font-size));
  --font-weight: 400;
  font-weight: var(--font-weight);
  --font-weight-bold: 700;
  margin: 0;
}
@media screen and (min-width: 992px) {
  .read-more-cards .card-title {
    --font-size: 25;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 35;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}
.read-more-cards .card-footer {
  padding-top: calc(1rem * var(--card-body-footer-spacing) / 16 - var(--bs-card-spacer-y));
}

/* Learn More button hover effect */
@media (any-hover: hover) {
  .read-more-cards .btn-primary:hover,
  .read-more .btn-primary:hover {
    background-color: var(--color--green) !important;
    border-color: var(--color--green) !important;
    color: var(--color--light) !important;
    transition: all 0.3s ease;
  }
}

.read-more-cards .btn-primary,
.read-more .btn-primary {
  transition: all 0.3s ease;
}
.home-page-header + .page-content > .read-more-cards:first-child {
  --card-width:
  	calc(
  		(
  			var(--unit-width--site--content) -
  			calc(1rem * var(--spacing-column) / 16) * (var(--cards-per-row) - 1)
  		) /
  		var(--cards-per-row)
  	);
  --card-img-height: calc(var(--card-width) / var(--card-img-ratio));

  position: relative;
  z-index: 10;
}
.home-page-header + .page-content > .read-more-cards:first-child::before {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width) / 2);
  position: relative;
  width: var(--unit-width);
  --unit-width: var(--unit-width--viewport);
  background-color: var(--color--cream);
  content: "";
  height: calc(var(--home-bg-height-factor) * var(--card-img-height));
  position: absolute;
  top: calc(1rem * var(--spacing-row) / 16);
  z-index: -1;
}

/* Additional selector to ensure cards overlap header */
.site-search-results {
  list-style: none;
  margin: 0;
  padding: 0;
  --spacing-column: var(--spacing--column--body-only--section);
  --spacing-row: calc(var(--spacing--row--body-only--section) / 2);
}
.site-search-results-item {
  padding-left: calc(1rem * (var(--width--line--body-list--section) + var(--spacing-column) / 2) / 16);
  position: relative;
}
.site-search-results-item:not(:first-child) {
  margin-top: calc(1rem * var(--spacing-row) / 16);
}
.site-search-results-item::before {
  border-left-color: var(--highlight-color);
  border-left-style: solid;
  border-left-width: calc(1rem * var(--width--line--body-list--section) / 16);
  bottom: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
}
.site-search-results-link {
  --color: var(--highlight-color);
  color: var(--color);
  font-weight: var(--font-weight-bold);
}
.site-search-results-link::after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.site-search-results-description, .site-search-results-metadata {
  margin-top: 0.25rem;
}
@media screen and (min-width: 992px) {
  .site-search-results-description, .site-search-results-metadata {
    margin-top: 0.3125rem;
  }
}
.site-search-results-metadata {
  --font-size: 14;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 18;
  line-height: calc(var(--line-height) / var(--font-size));
}
@media screen and (min-width: 992px) {
  .site-search-results-metadata {
    --font-size: 16;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 20;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}

.site-search-results-form {
  --spacing-row: 16;
  --spacing-column: 16;
  display: grid;
  grid-template-areas: "keywords" "site" "controls";
  row-gap: calc(1rem * var(--spacing-row) / 16);
}
@media screen and (min-width: 768px) {
  .site-search-results-form {
    --spacing-column: 20;
  }
}
@media screen and (min-width: 992px) {
  .site-search-results-form {
    column-gap: calc(1rem * var(--spacing-column) / 16);
    grid-template-areas: "keywords controls" "site     site";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1200px) {
  .site-search-results-form {
    --spacing-column: 24;
  }
}
.site-search-results-form-keywords {
  grid-area: keywords;
}
.site-search-results-form-site {
  list-style: none;
  margin: 0;
  padding: 0;
  grid-area: site;
}
@media screen and (min-width: 576px) {
  .site-search-results-form-site .form-check {
    --gap: 20;
    display: inline-block;
  }
  .site-search-results-form-site .form-check:not(:first-child) {
    margin-left: calc(1rem * var(--gap) / 16);
  }
}
@media screen and (min-width: 1200px) {
  .site-search-results-form-site .form-check {
    --gap: 40;
  }
}
.site-search-results-form-controls {
  display: grid;
  grid-area: controls;
  grid-template-areas: "reset" "search";
  padding-top: calc(1rem * var(--spacing-row) * 1.25 / 16);
  row-gap: calc(1rem * var(--spacing-row) * 1.25 / 16);
}
@media screen and (min-width: 576px) {
  .site-search-results-form-controls {
    column-gap: calc(1rem * var(--spacing-column) / 16);
    grid-template-areas: "reset search";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .site-search-results-form-controls {
    padding-top: 0;
  }
}
.site-search-results-form-search {
  grid-area: search;
}
.site-search-results-form-reset {
  grid-area: reset;
}

.table-card-rows-xs {
  --font-size--table: var(--font-size--table-card-rows);
  --line-height--table: var(--line-height--table-card-rows);
  --bs-table-striped-color: var(--bs-table-color);
  --bs-table-striped-bg: var(--bs-table-bg);
  --bs-table-border-width: var(--bs-border-width);
  --spacing-block: var(--spacing--block--table-card);
  --spacing-inline: var(--spacing--inline--table-card);
  --spacing-row: var(--spacing--row--table-card);
  --spacing-column: var(--spacing--column--table-card);
  --spacing--row--table: var(--spacing-row);
  --spacing--column--table: calc(var(--spacing-inline) * 2);
  --spacing--bottom--table: calc(var(--spacing-row) / 2);
  --spacing--top--table: calc(var(--spacing-row) / 2);
  --spacing--inline--table: var(--spacing-inline);
  border-radius: 0;
  --spacing--row--table: var(--spacing--row--table-card-rows);
  --spacing--column--table: var(--spacing--column--table-card-rows);
  --spacing--bottom--table: var(--spacing--bottom--table-card-rows);
  --spacing--top--table: var(--spacing--top--table-card-rows);
  --spacing--inline--table: var(--spacing--inline--table-card-rows);
}
.table-card-rows-xs,
.table-card-rows-xs tbody {
  display: block;
}
.table-card-rows-xs thead {
  display: none;
}
.table-card-rows-xs tr {
  border-radius: calc(1rem * var(--border-radius) / 16);
  display: block;
  overflow: hidden;
}
.table-card-rows-xs tr:not(:last-child) {
  margin-bottom: 1.25rem;
}
.table-card-rows-xs tr[data-table-card-rows-card-title]::before {
  align-items: center;
  background-color: var(--color--th-green);
  border-bottom-color: var(--bs-table-border-color);
  border-bottom-style: solid;
  border-bottom-width: var(--bs-table-border-width);
  content: attr(data-table-card-rows-card-title);
  display: flex;
  font-weight: var(--font-weight-bold);
  min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
}
.table-card-rows-xs.table-section > tbody:last-of-type > :last-child > * {
  border-bottom-width: var(--bs-table-border-width);
}
.table-card-rows-xs td {
  display: flex;
  flex-wrap: wrap;
}
.table-card-rows-xs td::before {
  content: attr(data-table-card-rows-cell-label);
  font-weight: var(--font-weight-bold);
  margin-right: calc(1rem * var(--spacing-column) / 16);
  width: var(--table-card-rows-card-label-width, calc(40% - 1rem * var(--spacing-column) / 16 / 2));
}
.table-card-rows-xs td.table-card-rows--has-card-footer {
  --bs-table-border-width: calc(1rem * var(--spacing-row) / 2 / 16);
  --spacing--bottom--table: 0;
  background-clip: padding-box;
  border-bottom-color: transparent;
  border-bottom-width: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-bottom: 0;
}
.table-card-rows-xs td.table-card-rows--hidden {
  display: none;
}
.table-card-rows-xs tr:not([data-table-card-rows-card-title]) td:first-child,
.table-card-rows-xs tr:not([data-table-card-rows-card-title]) td.table-card-rows--first {
  padding-top: calc(1rem * var(--spacing-block) / 16);
}
.table-card-rows-xs td:last-child:not(.table-card-rows--has-card-footer),
.table-card-rows-xs td.table-card-rows--last:not(.table-card-rows--has-card-footer) {
  border-bottom: 0;
  padding-bottom: calc(1rem * var(--spacing-block) / 16);
}
.table-card-rows-xs .table-card-rows-card-footer {
  background-color: #e6e6e6;
  display: block;
  margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
  margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
  margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
  padding-bottom: calc(1rem * var(--spacing--block--footer--table-card) / 16);
  padding-left: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
  padding-right: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
  padding-top: calc(1rem * var(--spacing--block--footer--table-card) / 16);
  width: calc(100% + 1rem * var(--spacing-inline) / 16 * 2);
}
.table-card-rows-xs th,
.table-card-rows-xs td {
  vertical-align: middle;
}
.table-card-rows-xs .table-card-rows-card-footer {
  display: none;
}

.table-card-rows-sm {
  --font-size--table: var(--font-size--table-card-rows);
  --line-height--table: var(--line-height--table-card-rows);
}
@media screen and (max-width: 575.98px) {
  .table-card-rows-sm {
    --bs-table-striped-color: var(--bs-table-color);
    --bs-table-striped-bg: var(--bs-table-bg);
    --bs-table-border-width: var(--bs-border-width);
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
    --spacing--row--table: var(--spacing-row);
    --spacing--column--table: calc(var(--spacing-inline) * 2);
    --spacing--bottom--table: calc(var(--spacing-row) / 2);
    --spacing--top--table: calc(var(--spacing-row) / 2);
    --spacing--inline--table: var(--spacing-inline);
    border-radius: 0;
  }
  .table-card-rows-sm,
  .table-card-rows-sm tbody {
    display: block;
  }
  .table-card-rows-sm thead {
    display: none;
  }
  .table-card-rows-sm tr {
    border-radius: calc(1rem * var(--border-radius) / 16);
    display: block;
    overflow: hidden;
  }
  .table-card-rows-sm tr:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .table-card-rows-sm tr[data-table-card-rows-card-title]::before {
    align-items: center;
    background-color: var(--color--th-green);
    border-bottom-color: var(--bs-table-border-color);
    border-bottom-style: solid;
    border-bottom-width: var(--bs-table-border-width);
    content: attr(data-table-card-rows-card-title);
    display: flex;
    font-weight: var(--font-weight-bold);
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .table-card-rows-sm.table-section > tbody:last-of-type > :last-child > * {
    border-bottom-width: var(--bs-table-border-width);
  }
  .table-card-rows-sm td {
    display: flex;
    flex-wrap: wrap;
  }
  .table-card-rows-sm td::before {
    content: attr(data-table-card-rows-cell-label);
    font-weight: var(--font-weight-bold);
    margin-right: calc(1rem * var(--spacing-column) / 16);
    width: var(--table-card-rows-card-label-width, calc(40% - 1rem * var(--spacing-column) / 16 / 2));
  }
  .table-card-rows-sm td.table-card-rows--has-card-footer {
    --bs-table-border-width: calc(1rem * var(--spacing-row) / 2 / 16);
    --spacing--bottom--table: 0;
    background-clip: padding-box;
    border-bottom-color: transparent;
    border-bottom-width: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: 0;
  }
  .table-card-rows-sm td.table-card-rows--hidden {
    display: none;
  }
  .table-card-rows-sm tr:not([data-table-card-rows-card-title]) td:first-child,
  .table-card-rows-sm tr:not([data-table-card-rows-card-title]) td.table-card-rows--first {
    padding-top: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-sm td:last-child:not(.table-card-rows--has-card-footer),
  .table-card-rows-sm td.table-card-rows--last:not(.table-card-rows--has-card-footer) {
    border-bottom: 0;
    padding-bottom: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-sm .table-card-rows-card-footer {
    background-color: #e6e6e6;
    display: block;
    margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    width: calc(100% + 1rem * var(--spacing-inline) / 16 * 2);
  }
}
@media screen and (min-width: 576px) {
  .table-card-rows-sm {
    --spacing--row--table: var(--spacing--row--table-card-rows);
    --spacing--column--table: var(--spacing--column--table-card-rows);
    --spacing--bottom--table: var(--spacing--bottom--table-card-rows);
    --spacing--top--table: var(--spacing--top--table-card-rows);
    --spacing--inline--table: var(--spacing--inline--table-card-rows);
  }
  .table-card-rows-sm th,
  .table-card-rows-sm td {
    vertical-align: middle;
  }
  .table-card-rows-sm .table-card-rows-card-footer {
    display: none;
  }
}

.table-card-rows-md {
  --font-size--table: var(--font-size--table-card-rows);
  --line-height--table: var(--line-height--table-card-rows);
}
@media screen and (max-width: 767.98px) {
  .table-card-rows-md {
    --bs-table-striped-color: var(--bs-table-color);
    --bs-table-striped-bg: var(--bs-table-bg);
    --bs-table-border-width: var(--bs-border-width);
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
    --spacing--row--table: var(--spacing-row);
    --spacing--column--table: calc(var(--spacing-inline) * 2);
    --spacing--bottom--table: calc(var(--spacing-row) / 2);
    --spacing--top--table: calc(var(--spacing-row) / 2);
    --spacing--inline--table: var(--spacing-inline);
    border-radius: 0;
  }
  .table-card-rows-md,
  .table-card-rows-md tbody {
    display: block;
  }
  .table-card-rows-md thead {
    display: none;
  }
  .table-card-rows-md tr {
    border-radius: calc(1rem * var(--border-radius) / 16);
    display: block;
    overflow: hidden;
  }
  .table-card-rows-md tr:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .table-card-rows-md tr[data-table-card-rows-card-title]::before {
    align-items: center;
    background-color: var(--color--th-green);
    border-bottom-color: var(--bs-table-border-color);
    border-bottom-style: solid;
    border-bottom-width: var(--bs-table-border-width);
    content: attr(data-table-card-rows-card-title);
    display: flex;
    font-weight: var(--font-weight-bold);
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .table-card-rows-md.table-section > tbody:last-of-type > :last-child > * {
    border-bottom-width: var(--bs-table-border-width);
  }
  .table-card-rows-md td {
    display: flex;
    flex-wrap: wrap;
  }
  .table-card-rows-md td::before {
    content: attr(data-table-card-rows-cell-label);
    font-weight: var(--font-weight-bold);
    margin-right: calc(1rem * var(--spacing-column) / 16);
    width: var(--table-card-rows-card-label-width, calc(40% - 1rem * var(--spacing-column) / 16 / 2));
  }
  .table-card-rows-md td.table-card-rows--has-card-footer {
    --bs-table-border-width: calc(1rem * var(--spacing-row) / 2 / 16);
    --spacing--bottom--table: 0;
    background-clip: padding-box;
    border-bottom-color: transparent;
    border-bottom-width: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: 0;
  }
  .table-card-rows-md td.table-card-rows--hidden {
    display: none;
  }
  .table-card-rows-md tr:not([data-table-card-rows-card-title]) td:first-child,
  .table-card-rows-md tr:not([data-table-card-rows-card-title]) td.table-card-rows--first {
    padding-top: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-md td:last-child:not(.table-card-rows--has-card-footer),
  .table-card-rows-md td.table-card-rows--last:not(.table-card-rows--has-card-footer) {
    border-bottom: 0;
    padding-bottom: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-md .table-card-rows-card-footer {
    background-color: #e6e6e6;
    display: block;
    margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    width: calc(100% + 1rem * var(--spacing-inline) / 16 * 2);
  }
}
@media screen and (min-width: 768px) {
  .table-card-rows-md {
    --spacing--row--table: var(--spacing--row--table-card-rows);
    --spacing--column--table: var(--spacing--column--table-card-rows);
    --spacing--bottom--table: var(--spacing--bottom--table-card-rows);
    --spacing--top--table: var(--spacing--top--table-card-rows);
    --spacing--inline--table: var(--spacing--inline--table-card-rows);
  }
  .table-card-rows-md th,
  .table-card-rows-md td {
    vertical-align: middle;
  }
  .table-card-rows-md .table-card-rows-card-footer {
    display: none;
  }
}

.table-card-rows-lg {
  --font-size--table: var(--font-size--table-card-rows);
  --line-height--table: var(--line-height--table-card-rows);
}
@media screen and (max-width: 991.98px) {
  .table-card-rows-lg {
    --bs-table-striped-color: var(--bs-table-color);
    --bs-table-striped-bg: var(--bs-table-bg);
    --bs-table-border-width: var(--bs-border-width);
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
    --spacing--row--table: var(--spacing-row);
    --spacing--column--table: calc(var(--spacing-inline) * 2);
    --spacing--bottom--table: calc(var(--spacing-row) / 2);
    --spacing--top--table: calc(var(--spacing-row) / 2);
    --spacing--inline--table: var(--spacing-inline);
    border-radius: 0;
  }
  .table-card-rows-lg,
  .table-card-rows-lg tbody {
    display: block;
  }
  .table-card-rows-lg thead {
    display: none;
  }
  .table-card-rows-lg tr {
    border-radius: calc(1rem * var(--border-radius) / 16);
    display: block;
    overflow: hidden;
  }
  .table-card-rows-lg tr:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .table-card-rows-lg tr[data-table-card-rows-card-title]::before {
    align-items: center;
    background-color: var(--color--th-green);
    border-bottom-color: var(--bs-table-border-color);
    border-bottom-style: solid;
    border-bottom-width: var(--bs-table-border-width);
    content: attr(data-table-card-rows-card-title);
    display: flex;
    font-weight: var(--font-weight-bold);
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .table-card-rows-lg.table-section > tbody:last-of-type > :last-child > * {
    border-bottom-width: var(--bs-table-border-width);
  }
  .table-card-rows-lg td {
    display: flex;
    flex-wrap: wrap;
  }
  .table-card-rows-lg td::before {
    content: attr(data-table-card-rows-cell-label);
    font-weight: var(--font-weight-bold);
    margin-right: calc(1rem * var(--spacing-column) / 16);
    width: var(--table-card-rows-card-label-width, calc(40% - 1rem * var(--spacing-column) / 16 / 2));
  }
  .table-card-rows-lg td.table-card-rows--has-card-footer {
    --bs-table-border-width: calc(1rem * var(--spacing-row) / 2 / 16);
    --spacing--bottom--table: 0;
    background-clip: padding-box;
    border-bottom-color: transparent;
    border-bottom-width: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: 0;
  }
  .table-card-rows-lg td.table-card-rows--hidden {
    display: none;
  }
  .table-card-rows-lg tr:not([data-table-card-rows-card-title]) td:first-child,
  .table-card-rows-lg tr:not([data-table-card-rows-card-title]) td.table-card-rows--first {
    padding-top: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-lg td:last-child:not(.table-card-rows--has-card-footer),
  .table-card-rows-lg td.table-card-rows--last:not(.table-card-rows--has-card-footer) {
    border-bottom: 0;
    padding-bottom: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-lg .table-card-rows-card-footer {
    background-color: #e6e6e6;
    display: block;
    margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    width: calc(100% + 1rem * var(--spacing-inline) / 16 * 2);
  }
}
@media screen and (min-width: 992px) {
  .table-card-rows-lg {
    --spacing--row--table: var(--spacing--row--table-card-rows);
    --spacing--column--table: var(--spacing--column--table-card-rows);
    --spacing--bottom--table: var(--spacing--bottom--table-card-rows);
    --spacing--top--table: var(--spacing--top--table-card-rows);
    --spacing--inline--table: var(--spacing--inline--table-card-rows);
  }
  .table-card-rows-lg th,
  .table-card-rows-lg td {
    vertical-align: middle;
  }
  .table-card-rows-lg .table-card-rows-card-footer {
    display: none;
  }
}

.table-card-rows-xl {
  --font-size--table: var(--font-size--table-card-rows);
  --line-height--table: var(--line-height--table-card-rows);
}
@media screen and (max-width: 1199.98px) {
  .table-card-rows-xl {
    --bs-table-striped-color: var(--bs-table-color);
    --bs-table-striped-bg: var(--bs-table-bg);
    --bs-table-border-width: var(--bs-border-width);
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
    --spacing--row--table: var(--spacing-row);
    --spacing--column--table: calc(var(--spacing-inline) * 2);
    --spacing--bottom--table: calc(var(--spacing-row) / 2);
    --spacing--top--table: calc(var(--spacing-row) / 2);
    --spacing--inline--table: var(--spacing-inline);
    border-radius: 0;
  }
  .table-card-rows-xl,
  .table-card-rows-xl tbody {
    display: block;
  }
  .table-card-rows-xl thead {
    display: none;
  }
  .table-card-rows-xl tr {
    border-radius: calc(1rem * var(--border-radius) / 16);
    display: block;
    overflow: hidden;
  }
  .table-card-rows-xl tr:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .table-card-rows-xl tr[data-table-card-rows-card-title]::before {
    align-items: center;
    background-color: var(--color--th-green);
    border-bottom-color: var(--bs-table-border-color);
    border-bottom-style: solid;
    border-bottom-width: var(--bs-table-border-width);
    content: attr(data-table-card-rows-card-title);
    display: flex;
    font-weight: var(--font-weight-bold);
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .table-card-rows-xl.table-section > tbody:last-of-type > :last-child > * {
    border-bottom-width: var(--bs-table-border-width);
  }
  .table-card-rows-xl td {
    display: flex;
    flex-wrap: wrap;
  }
  .table-card-rows-xl td::before {
    content: attr(data-table-card-rows-cell-label);
    font-weight: var(--font-weight-bold);
    margin-right: calc(1rem * var(--spacing-column) / 16);
    width: var(--table-card-rows-card-label-width, calc(40% - 1rem * var(--spacing-column) / 16 / 2));
  }
  .table-card-rows-xl td.table-card-rows--has-card-footer {
    --bs-table-border-width: calc(1rem * var(--spacing-row) / 2 / 16);
    --spacing--bottom--table: 0;
    background-clip: padding-box;
    border-bottom-color: transparent;
    border-bottom-width: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: 0;
  }
  .table-card-rows-xl td.table-card-rows--hidden {
    display: none;
  }
  .table-card-rows-xl tr:not([data-table-card-rows-card-title]) td:first-child,
  .table-card-rows-xl tr:not([data-table-card-rows-card-title]) td.table-card-rows--first {
    padding-top: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-xl td:last-child:not(.table-card-rows--has-card-footer),
  .table-card-rows-xl td.table-card-rows--last:not(.table-card-rows--has-card-footer) {
    border-bottom: 0;
    padding-bottom: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-xl .table-card-rows-card-footer {
    background-color: #e6e6e6;
    display: block;
    margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    width: calc(100% + 1rem * var(--spacing-inline) / 16 * 2);
  }
}
@media screen and (min-width: 1200px) {
  .table-card-rows-xl {
    --spacing--row--table: var(--spacing--row--table-card-rows);
    --spacing--column--table: var(--spacing--column--table-card-rows);
    --spacing--bottom--table: var(--spacing--bottom--table-card-rows);
    --spacing--top--table: var(--spacing--top--table-card-rows);
    --spacing--inline--table: var(--spacing--inline--table-card-rows);
  }
  .table-card-rows-xl th,
  .table-card-rows-xl td {
    vertical-align: middle;
  }
  .table-card-rows-xl .table-card-rows-card-footer {
    display: none;
  }
}

.table-card-rows-xxl {
  --font-size--table: var(--font-size--table-card-rows);
  --line-height--table: var(--line-height--table-card-rows);
}
@media screen and (max-width: 1399.98px) {
  .table-card-rows-xxl {
    --bs-table-striped-color: var(--bs-table-color);
    --bs-table-striped-bg: var(--bs-table-bg);
    --bs-table-border-width: var(--bs-border-width);
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
    --spacing--row--table: var(--spacing-row);
    --spacing--column--table: calc(var(--spacing-inline) * 2);
    --spacing--bottom--table: calc(var(--spacing-row) / 2);
    --spacing--top--table: calc(var(--spacing-row) / 2);
    --spacing--inline--table: var(--spacing-inline);
    border-radius: 0;
  }
  .table-card-rows-xxl,
  .table-card-rows-xxl tbody {
    display: block;
  }
  .table-card-rows-xxl thead {
    display: none;
  }
  .table-card-rows-xxl tr {
    border-radius: calc(1rem * var(--border-radius) / 16);
    display: block;
    overflow: hidden;
  }
  .table-card-rows-xxl tr:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .table-card-rows-xxl tr[data-table-card-rows-card-title]::before {
    align-items: center;
    background-color: var(--color--th-green);
    border-bottom-color: var(--bs-table-border-color);
    border-bottom-style: solid;
    border-bottom-width: var(--bs-table-border-width);
    content: attr(data-table-card-rows-card-title);
    display: flex;
    font-weight: var(--font-weight-bold);
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .table-card-rows-xxl.table-section > tbody:last-of-type > :last-child > * {
    border-bottom-width: var(--bs-table-border-width);
  }
  .table-card-rows-xxl td {
    display: flex;
    flex-wrap: wrap;
  }
  .table-card-rows-xxl td::before {
    content: attr(data-table-card-rows-cell-label);
    font-weight: var(--font-weight-bold);
    margin-right: calc(1rem * var(--spacing-column) / 16);
    width: var(--table-card-rows-card-label-width, calc(40% - 1rem * var(--spacing-column) / 16 / 2));
  }
  .table-card-rows-xxl td.table-card-rows--has-card-footer {
    --bs-table-border-width: calc(1rem * var(--spacing-row) / 2 / 16);
    --spacing--bottom--table: 0;
    background-clip: padding-box;
    border-bottom-color: transparent;
    border-bottom-width: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: 0;
  }
  .table-card-rows-xxl td.table-card-rows--hidden {
    display: none;
  }
  .table-card-rows-xxl tr:not([data-table-card-rows-card-title]) td:first-child,
  .table-card-rows-xxl tr:not([data-table-card-rows-card-title]) td.table-card-rows--first {
    padding-top: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-xxl td:last-child:not(.table-card-rows--has-card-footer),
  .table-card-rows-xxl td.table-card-rows--last:not(.table-card-rows--has-card-footer) {
    border-bottom: 0;
    padding-bottom: calc(1rem * var(--spacing-block) / 16);
  }
  .table-card-rows-xxl .table-card-rows-card-footer {
    background-color: #e6e6e6;
    display: block;
    margin-bottom: calc(1rem * -1 * var(--spacing-row) / 2 / 16);
    margin-left: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-right: calc(1rem * -1 * var(--spacing-inline) / 16);
    margin-top: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-bottom: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--footer--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--footer--table-card) / 16);
    width: calc(100% + 1rem * var(--spacing-inline) / 16 * 2);
  }
}
@media screen and (min-width: 1400px) {
  .table-card-rows-xxl {
    --spacing--row--table: var(--spacing--row--table-card-rows);
    --spacing--column--table: var(--spacing--column--table-card-rows);
    --spacing--bottom--table: var(--spacing--bottom--table-card-rows);
    --spacing--top--table: var(--spacing--top--table-card-rows);
    --spacing--inline--table: var(--spacing--inline--table-card-rows);
  }
  .table-card-rows-xxl th,
  .table-card-rows-xxl td {
    vertical-align: middle;
  }
  .table-card-rows-xxl .table-card-rows-card-footer {
    display: none;
  }
}

/* Content
 * ---------------------------------------------- */
.flats-units-search {
  --spacing-inline: 16;
  --spacing-row: 16;
  --spacing-column: 16;
  --header-height: 48;
  --num-checks: 4;
}
@media screen and (min-width: 768px) {
  .flats-units-search {
    --spacing-inline: 28;
    --spacing-row: 24;
    --spacing-column: 20;
  }
}

/* ===== PRINT WHAT YOU SEE (PC VIEW) ===== */
@media print {
  /* Preserve all colors and backgrounds */
  * {
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  
  /* Keep page layout as desktop view */
  body {
    font-size: 12pt !important;
    line-height: 1.4 !important;
    color: inherit !important;
    background: inherit !important;
  }
  
  /* Ensure consistent container widths for print */
  .site,
  .site-main,
  .container,
  .site-footer,
  .site-footer-container {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  
  /* Show header as seen on screen */
  .site-header {
    display: block !important;
    position: relative !important;
    background: inherit !important;
    color: inherit !important;
    box-shadow: inherit !important;
  }
  
  /* Keep navigation visible */
  .site-navigation,
  .site-utilities,
  .site-branding {
    display: flex !important;
    background: inherit !important;
    color: inherit !important;
  }
  
  /* Preserve table layouts */
  .table,
  .table-responsive,
  .flats-units-search-results-table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
  }
  
  .table thead,
  .flats-units-search-results-table thead {
    display: table-header-group !important;
  }
  
  .table tbody,
  .flats-units-search-results-table tbody {
    display: table-row-group !important;
  }
  
  .table tr,
  .flats-units-search-results-table tr {
    display: table-row !important;
    page-break-inside: avoid !important;
  }
  
  .table th,
  .table td,
  .flats-units-search-results-table th,
  .flats-units-search-results-table td {
    display: table-cell !important;
    border: 1px solid #dee2e6 !important;
    padding: 8px !important;
    font-size: 10pt !important;
  }
  
  /* Keep buttons visible but non-functional */
  .btn {
    display: inline-block !important;
    padding: 4px 8px !important;
    border: 1px solid #ccc !important;
    background: inherit !important;
    color: inherit !important;
    font-size: 10pt !important;
  }
  
  /* Show maps if present */
  .map-section,
  .map-container,
  #building-map {
    display: block !important;
    height: 300px !important;
    border: none !important;
    background: #f8f9fa !important;
  }
  
  /* Add map placeholder text */
  .map-container:after,
  #building-map:after {
    content: "Map Location (Interactive map available online)" !important;
    display: block !important;
    text-align: center !important;
    padding: 120px 20px !important;
    font-size: 14pt !important;
    color: #666 !important;
  }
  
  /* Preserve footer */
  .site-footer {
    display: block !important;
    background: inherit !important;
    color: inherit !important;
    margin-top: 30px !important;
  }
  
  /* Set proper page margins */
  @page {
    margin: 1cm !important;
    size: A4 portrait !important;
  }
  
  /* Hide only truly interactive elements */
  .site-panel-toggle,
  .print-toggle,
  .share-toggle,
  .search-toggle,
  .back-to-top {
    display: none !important;
  }
  
  /* ===== SITEMAP PRINT FIXES ===== */
  /* Force sitemap to show fully expanded */
  .site-map {
    display: block !important;
  }
  
  .site-map[open] {
    display: block !important;
  }
  
  /* Force sitemap details to be open */
  .site-map summary {
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
  }
  
  /* Hide the toggle arrow in print */
  .site-map summary .icon {
    display: none !important;
  }
  
  /* Show all sitemap content - Default 3 columns for English */
  .site-map-columns {
    display: block !important;
    columns: 4 !important;
    column-gap: 0px !important;
    column-fill: balance !important;
    width: 100% !important;
    max-width: none !important;
    margin: 10px 0 !important;
    padding: 0 !important;
    font-size: 9pt !important;
    break-inside: avoid !important;
    box-sizing: border-box !important;
  }
  
  /* Language-specific sitemap columns for TC and SC - Use 4 columns */
  .site-map-columns:lang(en) {
    columns: 3 !important;
    margin-right: -10px !important;
  }
  
  /* Ensure sitemap columns are visible */
  .site-map-column {
    display: block !important;
    break-inside: avoid !important;
    margin-bottom: 15px !important;
    page-break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    width: 100% !important;
  }
  
  /* Style sitemap headers */
  .site-map h2,
  .site-map h3 {
    display: block !important;
    font-weight: bold !important;
    margin-bottom: 8px !important;
    color: inherit !important;
  }
  
  /* Style sitemap links */
  .site-map ul {
    display: block !important;
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
  }
  
  .site-map li {
    display: block !important;
    margin-bottom: 4px !important;
  }
  
  .site-map a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
    padding: 2px 0 !important;
  }
  
  /* Force footer to show sitemap */
  .site-footer {
    display: block !important;
    page-break-inside: avoid !important;
  }
  
  /* ===== FOOTER ELEMENTS PRINT STYLES ===== */
  /* Footer container - match main content width */
  .site-footer,
  .site-footer-container {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 20px auto !important;
    padding: 15px !important;
    border-top: 1px solid #ccc !important;
    box-sizing: border-box !important;
  }
  
  /* Footer links (Copyright, Privacy, Disclaimer) */
  .site-footer-links {
    display: block !important;
    margin: 15px 0 !important;
    font-size: 9pt !important;
    line-height: 1.4 !important;
  }
  
  .site-footer-links ul {
    display: flex !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 10px !important;
  }
  
  .site-footer-links li {
    display: inline-block !important;
    margin: 0 !important;
  }
  
  .site-footer-links li:not(:last-child)::after {
    content: " | " !important;
    color: #666 !important;
    margin: 0 5px !important;
  }
  
  .site-footer-links a {
    color: inherit !important;
    text-decoration: none !important;
  }
  
  /* Site info (Last revision, WCAG logo, Brand HK) */
  .site-info {
    display: block !important;
    margin-top: 15px !important;
    padding-top: 10px !important;
    border-top: 1px solid #eee !important;
    font-size: 8pt !important;
    text-align: center !important;
  }
  
  .site-info .last-revision {
    display: block !important;
    margin-bottom: 10px !important;
    color: #666 !important;
  }
  
  /* Logo containers in footer */
  .site-info .wcag-logo,
  .site-info .brandhk-logo {
    display: inline-block !important;
    margin: 0 10px !important;
    vertical-align: middle !important;
  }
  
  .site-info .rem-img {
    display: inline-block !important;
    max-width: 80px !important;
    max-height: 30px !important;
  }
  
  .site-info .rem-img img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
  }
  
  /* Hide external link indicators in print */
  .site-footer a[target="_blank"]::after {
    display: none !important;
  }
  
  /* ===== OVERRIDE PRINT.CSS - FORCE DESKTOP TABLE LAYOUT ===== */
  /* The print.css file forces mobile card layout - we need to override this */
  
  /* Force forms tables to display as desktop tables, not mobile cards */
  .forms-table-container {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }
  
  .forms-table {
    display: table !important;
    width: 100% !important;
    margin-bottom: 2rem !important;
    border-collapse: collapse !important;
  }
  
  .forms-table table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
  }
  
  .forms-table tbody {
    display: table-row-group !important;
  }
  
  .forms-table tr {
    display: table-row !important;
    margin-bottom: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    page-break-inside: auto !important;
  }
  
  .forms-table td {
    display: table-cell !important;
    padding: 0.5rem 0.3rem !important;
    border: 1px solid #dee2e6 !important;
    vertical-align: top !important;
    background: transparent !important;
  }
  
  .forms-table .form-name {
    display: table-cell !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    padding-left: 0.5rem !important;
    width: auto !important;
  }
  
  .forms-table .pdf-column,
  .forms-table .eforms-column {
    display: table-cell !important;
    width: 120px !important;
    min-width: 120px !important;
    text-align: right !important;
    white-space: nowrap !important;
    padding: 0.5rem !important;
  }
  
  .forms-table .btn {
    font-size: 1.2rem !important;
    padding: 0.1rem 0.3rem !important;
    display: inline-flex !important;
    min-height: 32px !important;
    align-items: center !important;
    gap: 0.1rem !important;
  }
  
  .forms-table .btn + .btn {
    margin-left: 0.5rem !important;
  }
  
  .forms-table .template-buttons {
    display: flex !important;
    gap: 0.5rem !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }
  
  /* Remove mobile card styling from print.css */
  .forms-table tr::before {
    display: none !important;
  }
  
  .forms-table td::before {
    display: none !important;
  }
  
  /* Force desktop display for forms section */
  .d-none.d-xl-block {
    display: block !important;
  }
  
  /* Hide mobile forms section */
  .d-xl-none {
    display: none !important;
  }
  
  /* Override any table-responsive mobile forcing */
  .table-responsive {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    -webkit-overflow-scrolling: auto !important;
  }
  
  /* Force standard table display */
  .table {
    display: table !important;
    width: 100% !important;
    margin-bottom: 1rem !important;
    background-color: transparent !important;
    border-collapse: collapse !important;
  }
  
  .table tbody {
    display: table-row-group !important;
  }
  
  .table tr {
    display: table-row !important;
  }
  
  .table td,
  .table th {
    display: table-cell !important;
    padding: 0.75rem !important;
    vertical-align: top !important;
    border-top: 1px solid #dee2e6 !important;
  }
  
  /* ===== CONSOLIDATED ADDITIONAL PRINT STYLES ===== */
  /* Flats Units Search - Responsive spacing */
  .flats-units-search {
    --spacing-inline: 0;
    --header-height: calc(var(--line-height) + 10);
  }
  
  /* ===== FIX DUPLICATE SEARCH FORMS IN PRINT ===== */
  /* Hide mobile version - show only desktop version in print */
  .flats-units-search-columns--mobile {
    display: none !important;
  }
  
  /* Force desktop version to show */
  .flats-units-search-columns--desktop {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
  }
  
  /* Mobile search columns - remove borders */
  .flats-units-search-columns--mobile .flats-units-search-column {
    border-bottom: 0;
  }
  
  /* Responsive spacing for different breakpoints */
@media print and (min-width: 768px) {
  .flats-units-search {
    --spacing-row: 12;
  }
  }
  
  @media print and (min-width: 992px) {
    .flats-units-search {
      --spacing-row: 18;
    }
  }
  
  /* Sitemap print layout - consolidated above */
  
  /* Header placeholder styles for all pages (moved from separate block) */
  #header-placeholder {
    display: block !important;
    margin-bottom: 1cm !important;
    height: 100px !important;
    position: relative !important;
    overflow: visible !important;
  }

  #header-placeholder .site-header {
    display: block !important;
    height: 100px !important;
    position: relative !important;
    overflow: visible !important;
  }

  #header-placeholder .site-header-container {
    display: block !important;
    height: 100px !important;
    position: relative !important;
    overflow: visible !important;
  }

  #header-placeholder .site-branding {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 100px !important;
    position: relative !important;
  }

  /* Logo visibility controls */
  #header-placeholder .hb-logo-mobile.hb-logo-mobile--tc.rem-img.rem-img--svg,
  #header-placeholder .hb-logo-mobile.hb-logo-mobile--sc.rem-img.rem-img--svg,
  #header-placeholder .hb-logo-mobile.hb-logo-mobile--en.rem-img.rem-img--svg {
    display: none !important;
  }

  #header-placeholder .hb-logo-desktop.hb-logo-desktop--tc,
  #header-placeholder .hb-logo-desktop.hb-logo-desktop--sc,
  #header-placeholder .hb-logo-desktop.hb-logo-desktop--en {
    display: block !important;
  }

  #header-placeholder .bhu-logo .rem-img.rem-img--svg {
    display: block !important;
  }

  /* Logo sizing */
  #header-placeholder .hb-logo-desktop img,
  #header-placeholder .bhu-logo .rem-img.rem-img--svg img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  
  #header-placeholder .hb-logo-desktop img {
    height: 100px !important;
    width: 400px !important;
  }
  
  #header-placeholder .bhu-logo .rem-img.rem-img--svg img {
    height: 80px !important;
    width: 200px !important;
  }
  
  #header-placeholder .bhu-logo {
    display: flex !important;
    align-items: center !important;
    width: 500px !important;
    height: 100px !important;
  }

  #header-placeholder .rem-img {
    display: block !important;
  }

  #header-placeholder .rem-img--svg {
    display: block !important;
  }

  /* Hide navigation elements in header */
  #header-placeholder .site-navigation,
  #header-placeholder .site-languages,
  #header-placeholder .site-utilities {
    display: none !important;
  }
  
}
@media screen and (min-width: 992px) {
  .flats-units-search {
    --spacing-inline: 40;
    --spacing-row: 30;
    --header-height: 70;
  }
}
@media screen and (min-width: 1200px) {
  .flats-units-search {
    --spacing-inline: 45;
    --spacing-column: 24;
  }
}
.flats-units-search .form-header {
  --background-color: var(--color--green);
  background-color: var(--background-color);
  --color: var(--color--light);
  color: var(--color);
  border-top-left-radius: calc(1rem * var(--border-radius) / 16);
  border-top-right-radius: calc(1rem * var(--border-radius) / 16);
  padding-bottom: calc(1rem * (var(--header-height) - var(--line-height)) / 2 / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * (var(--header-height) - var(--line-height)) / 2 / 16);
}
@media screen and (max-width: 991.98px) {
  .flats-units-search .form-header {
    display: none;
  }
}
.flats-units-search .form-title {
  --color: inherit;
  --font-size: inherit;
  --line-height: inherit;
  margin: 0;
}
.flats-units-search .form-body {
  background-color: var(--background-color);
  padding-top: calc(1rem * var(--spacing-row) / 16);
}
@media screen and (max-width: 991.98px) {
  .flats-units-search .form-body {
    border-top-left-radius: calc(1rem * var(--border-radius) / 16);
    border-top-right-radius: calc(1rem * var(--border-radius) / 16);
  }
}
@media screen and (min-width: 992px) {
  .flats-units-search .form-body {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
  }
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-intro {
    display: none;
  }
}
.flats-units-search-columns--mobile {
  margin-top: calc(1rem * -1 * var(--spacing-row) / 16);
}
@media screen and (min-width: 992px) {
  .flats-units-search-columns--mobile {
    display: none;
  }
}
.flats-units-search-columns--mobile .flats-units-search-column {
  border-bottom-color: #d8d8d8;
  border-bottom-style: solid;
  border-bottom-width: calc(1rem * var(--border-width) / 16);
  padding-bottom: calc(1rem * var(--spacing-row) / 16);
  padding-left: calc(1rem * var(--spacing-inline) / 16);
  padding-right: calc(1rem * var(--spacing-inline) / 16);
  padding-top: calc(1rem * var(--spacing-row) / 16);
}
.flats-units-search-columns--mobile .flats-units-search-field-title {
  display: block;
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(1rem * var(--spacing-row) * 0.625 / 16);
}
.flats-units-search-columns--desktop {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-columns--desktop {
    display: none;
  }
}
.flats-units-search-columns--desktop .flats-units-search-field-title {
  font-size: inherit;
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(1rem * var(--spacing-row) / 16);
}
.flats-units-search-fields {
  list-style: none;
  margin: 0;
  padding: 0;
  border-color: #d8d8d8;
  border-radius: calc(1rem * var(--border-radius) / 16);
  border-style: solid;
  border-width: calc(1rem * var(--border-width) / 16);
  height: calc(1rem * (var(--height--form-control) * var(--num-checks) + var(--border-width) * 2) / 16);
  max-height: calc(1rem * (var(--height--form-control) * var(--num-checks) + var(--border-width) * 2) / 16);
  overflow-y: auto;
  position: relative;
  contain: layout;
}

/* Set max-height for street column in English */
html[lang="en"] .flats-units-search-column--street .flats-units-search-fields {
  max-height: 400px;
}
.flats-units-search-column:not(:first-of-type) .flats-units-search-fields {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.flats-units-search-column:not(:last-of-type) .flats-units-search-fields {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.flats-units-search-column--region .flats-units-search-fields {
  border-bottom-left-radius: calc(1rem * var(--border-radius) / 16);
  border-top-left-radius: calc(1rem * var(--border-radius) / 16);
}
.flats-units-search-column--district .flats-units-search-fields {
  background-color: var(--color--cream);
  border-left: 0;
}
.flats-units-search-column--street .flats-units-search-fields {
  border-bottom-right-radius: calc(1rem * var(--border-radius) / 16);
  border-left: 0;
  border-top-right-radius: calc(1rem * var(--border-radius) / 16);
}
.flats-units-search .form-footer {
  display: grid;
  grid-template-areas: "tip" "keywords" "disclaimer" "controls";
}
@media screen and (min-width: 992px) {
  .flats-units-search .form-footer {
    background-color: var(--background-color);
    border-bottom-left-radius: calc(1rem * var(--border-radius) / 16);
    border-bottom-right-radius: calc(1rem * var(--border-radius) / 16);
    column-gap: calc(1rem * var(--spacing-column) / 16);
    grid-template-areas: "tip        tip" "keywords   controls" "disclaimer disclaimer";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-bottom: calc(1rem * var(--spacing-row) / 16);
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    padding-top: calc(1rem * var(--spacing-row) / 16);
    row-gap: calc(1rem * var(--spacing-row) / 16);
  }
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-tip, .flats-units-search-keywords {
    background-color: var(--background-color);
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
    padding-top: calc(1rem * var(--spacing-row) / 16);
  }
}
.flats-units-search-tip {
  grid-area: tip;
}
.flats-units-search-tip .icon {
  margin-right: 0.3125rem;
  vertical-align: baseline;
  width: 0.9375rem;
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-tip .icon {
    display: none;
  }
  .flats-units-search-tip b {
    display: block;
  }
}
.flats-units-search-tip .flats-units-search-field-title {
  display: block;
  font-weight: var(--font-weight-bold);
  margin-bottom: calc(1rem * var(--spacing-row) * 0.625 / 16);
}
@media screen and (min-width: 992px) {
  .flats-units-search-tip .flats-units-search-field-title {
    /* Use screen-reader-text class properties instead of display:none for accessibility */
    /* This ensures labels are accessible to screen readers while visually hidden */
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }
}
.flats-units-search-keywords {
  grid-area: keywords;
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-keywords {
    border-bottom-left-radius: calc(1rem * var(--border-radius) / 16);
    border-bottom-right-radius: calc(1rem * var(--border-radius) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 16);
  }
}
.flats-units-search-disclaimer {
  grid-area: disclaimer;
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-disclaimer {
    padding-top: calc(1rem * var(--spacing-row) * 2 / 16);
  }
}
@media screen and (min-width: 992px) {
  .flats-units-search-disclaimer {
    padding-top: 0;
  }
}
.flats-units-search-disclaimer p {
  margin-bottom: 0;
}
.flats-units-search-controls {
  display: grid;
  grid-area: controls;
  grid-template-areas: "reset" "search";
  padding-top: calc(1rem * var(--spacing-row) * 1.25 / 16);
  row-gap: calc(1rem * var(--spacing-row) * 1.25 / 16);
}
@media screen and (min-width: 576px) {
  .flats-units-search-controls {
    column-gap: calc(1rem * var(--spacing-column) / 16);
    grid-template-areas: "reset search";
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 992px) {
  .flats-units-search-controls {
    padding-top: 0;
  }
}
.flats-units-search-search {
  grid-area: search;
}
.flats-units-search-reset {
  grid-area: reset;
}

@media screen and (min-width: 375px) and (max-width: 575.98px) {
  .flats-units-search-results-table:lang(en) {
    --table-card-rows-card-label-width: 11.25rem;
  }
}
.flats-units-search-results-table.table-card-rows-xs a {
  text-decoration: none;
}
.flats-units-search-results-table.table-card-rows-xs a:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.flats-units-search-results-table.table-card-rows-xs a:where(:focus) {
  text-decoration: underline;
}
.flats-units-search-results-table.table-card-rows-xs a:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .flats-units-search-results-table.table-card-rows-xs a:hover {
    text-decoration: underline;
  }
}
.flats-units-search-results-table.table-card-rows-xs a.btn {
  text-decoration: none;
}
.flats-units-search-results-table.table-card-rows-xs .view-button {
  margin-bottom: -0.15625rem;
  margin-top: -0.15625rem;
}
@media screen and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-xs .view-button {
    margin-bottom: -0.3125rem;
    margin-top: -0.3125rem;
  }
}
.flats-units-search-results-table.table-card-rows-xs .view-button {
  background-color: transparent;
  border: 0;
  color: var(--highlight-color);
  padding: 0;
  white-space: nowrap;
}
@media screen and (max-width: 575.98px) {
  .flats-units-search-results-table.table-card-rows-sm a {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-sm a:focus:where(:not(:focus-visible)) {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-sm a:where(:focus) {
    text-decoration: underline;
  }
  .flats-units-search-results-table.table-card-rows-sm a:focus-visible {
    text-decoration: underline;
  }
}
@media screen and (max-width: 575.98px) and (any-hover: hover) {
  .flats-units-search-results-table.table-card-rows-sm a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 575.98px) {
  .flats-units-search-results-table.table-card-rows-sm a.btn {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-sm .view-button {
    margin-bottom: -0.15625rem;
    margin-top: -0.15625rem;
  }
}
@media screen and (max-width: 575.98px) and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-sm .view-button {
    margin-bottom: -0.3125rem;
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 576px) {
  .flats-units-search-results-table.table-card-rows-sm .view-button {
    background-color: transparent;
    border: 0;
    color: var(--highlight-color);
    padding: 0;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767.98px) {
  .flats-units-search-results-table.table-card-rows-md a {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-md a:focus:where(:not(:focus-visible)) {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-md a:where(:focus) {
    text-decoration: underline;
  }
  .flats-units-search-results-table.table-card-rows-md a:focus-visible {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767.98px) and (any-hover: hover) {
  .flats-units-search-results-table.table-card-rows-md a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767.98px) {
  .flats-units-search-results-table.table-card-rows-md a.btn {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-md .view-button {
    margin-bottom: -0.15625rem;
    margin-top: -0.15625rem;
  }
}
@media screen and (max-width: 767.98px) and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-md .view-button {
    margin-bottom: -0.3125rem;
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .flats-units-search-results-table.table-card-rows-md .view-button {
    background-color: transparent;
    border: 0;
    color: var(--highlight-color);
    padding: 0;
    white-space: nowrap;
  }
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-results-table.table-card-rows-lg a {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-lg a:focus:where(:not(:focus-visible)) {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-lg a:where(:focus) {
    text-decoration: underline;
  }
  .flats-units-search-results-table.table-card-rows-lg a:focus-visible {
    text-decoration: underline;
  }
}
@media screen and (max-width: 991.98px) and (any-hover: hover) {
  .flats-units-search-results-table.table-card-rows-lg a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 991.98px) {
  .flats-units-search-results-table.table-card-rows-lg a.btn {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-lg .view-button {
    margin-bottom: -0.15625rem;
    margin-top: -0.15625rem;
  }
}
@media screen and (max-width: 991.98px) and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-lg .view-button {
    margin-bottom: -0.3125rem;
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-lg .view-button {
    background-color: transparent;
    border: 0;
    color: var(--highlight-color);
    padding: 0;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1199.98px) {
  .flats-units-search-results-table.table-card-rows-xl a {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-xl a:focus:where(:not(:focus-visible)) {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-xl a:where(:focus) {
    text-decoration: underline;
  }
  .flats-units-search-results-table.table-card-rows-xl a:focus-visible {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1199.98px) and (any-hover: hover) {
  .flats-units-search-results-table.table-card-rows-xl a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1199.98px) {
  .flats-units-search-results-table.table-card-rows-xl a.btn {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-xl .view-button {
    margin-bottom: -0.15625rem;
    margin-top: -0.15625rem;
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-xl .view-button {
    margin-bottom: -0.3125rem;
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 1200px) {
  .flats-units-search-results-table.table-card-rows-xl .view-button {
    background-color: transparent;
    border: 0;
    color: var(--highlight-color);
    padding: 0;
    white-space: nowrap;
  }
}
@media screen and (max-width: 1399.98px) {
  .flats-units-search-results-table.table-card-rows-xxl a {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-xxl a:focus:where(:not(:focus-visible)) {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-xxl a:where(:focus) {
    text-decoration: underline;
  }
  .flats-units-search-results-table.table-card-rows-xxl a:focus-visible {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1399.98px) and (any-hover: hover) {
  .flats-units-search-results-table.table-card-rows-xxl a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 1399.98px) {
  .flats-units-search-results-table.table-card-rows-xxl a.btn {
    text-decoration: none;
  }
  .flats-units-search-results-table.table-card-rows-xxl .view-button {
    margin-bottom: -0.15625rem;
    margin-top: -0.15625rem;
  }
}
@media screen and (max-width: 1399.98px) and (min-width: 992px) {
  .flats-units-search-results-table.table-card-rows-xxl .view-button {
    margin-bottom: -0.3125rem;
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 1400px) {
  .flats-units-search-results-table.table-card-rows-xxl .view-button {
    background-color: transparent;
    border: 0;
    color: var(--highlight-color);
    padding: 0;
    white-space: nowrap;
  }
}

.floor-plan-modal {
  --bs-modal-width: 55.625rem;
}
.floor-plan-modal .modal-dialog {
  margin-left: var(--bs-modal-margin);
  margin-right: var(--bs-modal-margin);
  max-width: none;
}
@media screen and (min-width: 992px) {
  .floor-plan-modal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bs-modal-width);
  }
}
.floor-plan-modal .modal-content {
  background-color: transparent;
}
.floor-plan-modal .modal-header {
  border-bottom: 0;
  padding-bottom: 0.375rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
@media screen and (min-width: 992px) {
  .floor-plan-modal .modal-header {
    padding-bottom: 1.125rem;
  }
}
.floor-plan-modal .modal-title {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.floor-plan-modal .modal-title:not(caption) {
  position: absolute !important;
}
.floor-plan-modal .modal-title * {
  overflow: hidden !important;
}
.floor-plan-modal .modal-body {
  background-color: var(--bs-modal-bg);
  border-radius: var(--bs-modal-inner-border-radius);
  padding-bottom: 1.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 1.25rem;
}
@media screen and (min-width: 992px) {
  .floor-plan-modal .modal-body {
    padding-bottom: 3.125rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 3.125rem;
  }
}

.home-page-header {
  --title-button-gap: 16;
}
.home-page-header .page-header-container {
  grid-template-areas: "title" "section-header" "read-more";
  min-height: auto;
  padding-bottom: 5rem;
  padding-top: 2.5rem;
}
.home-page-header .page-title {
  --font-size: 64;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 60;
  line-height: calc(var(--line-height) / var(--font-size));
  --font-weight: 300;
  font-weight: var(--font-weight);
  --font-weight-bold: 600;
  padding-bottom: calc(1rem * var(--title-button-gap) / 16);
}
.home-page-header .page-title:lang(zh) {
  --line-height: 70;
}
.home-page-header .section-header {
  --offset-bottom-pct: calc(100 * var(--offset-bottom) / var(--rem-img--img--width));
  --offset-left-pct: calc(100 * var(--offset-left) / var(--rem-img--img--width));
  --offset-right-pct: calc(100 * var(--offset-right) / var(--rem-img--img--width));
  --offset-top-pct: calc(100 * var(--offset-top) / var(--rem-img--img--width));
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.home-page-header .section-header .rem-img {
  --rem-img--max-width: 820;
  --rem-img--width--pct: calc(100 + var(--offset-left-pct) + var(--offset-right-pct));
  flex: none;
  margin-bottom: calc(-1% * var(--offset-bottom-pct));
  margin-left: calc(-1% * var(--offset-left-pct));
  margin-right: calc(-1% * var(--offset-right-pct));
  margin-top: calc(-1% * var(--offset-top-pct));
}
.home-page-header .read-more {
  display: grid;
  grid-area: read-more;
  padding-top: 2rem;
}
@media screen and (min-width: 768px) {
  .home-page-header {
    --title-width: 300;
  }
  .home-page-header:lang(zh) {
    --title-button-gap: 36;
  }
  .home-page-header .page-header-container {
    column-gap: calc(1rem * var(--spacing--inline--site) / 16);
    grid-template-areas: ".         section-header" "title     section-header" "read-more section-header" ".         section-header";
    grid-template-columns: calc(1rem * var(--title-width) / 16) 1fr;
    grid-template-rows: 1fr auto auto 1fr;
  }
  .home-page-header .read-more {
    display: block;
    padding-top: 0;
  }
  .home-page-header .read-more .btn {
    width: 15.625rem;
  }
}
@media screen and (min-width: 992px) {
  .home-page-header {
    --title-width: 400;
  }
}
@media screen and (min-width: 1200px) {
  .home-page-header {
    --title-width: 500;
    --title-button-gap: 36;
  }
  .home-page-header:lang(zh) {
    --title-button-gap: 60;
  }
  .home-page-header .page-title {
    --font-size: 110;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 100;
    line-height: calc(var(--line-height) / var(--font-size));
  }
  .home-page-header .page-title:lang(zh) {
    --line-height: 120;
  }
}
@media screen and (min-width: 1400px) {
  .home-page-header {
    --title-width: 535;
  }
  .home-page-header .page-header-container {
    background-image: url("../images/home-bricks.svg");
    background-position: 27.5rem 30%;
    background-repeat: no-repeat;
    column-gap: 3rem;
  }
}

.latest-news {
  --font-size: 20;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 30;
  line-height: calc(var(--line-height) / var(--font-size));
}
.latest-news .content-section-header {
  --font-size: 20;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 25;
  line-height: calc(var(--line-height) / var(--font-size));
  min-height: 4.375rem;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
}
@media screen and (max-width: 991.98px) {
  .latest-news {
    --spacing--inline--section: 24;
  }
  .latest-news .content-section-body {
    --spacing--row--table: 10;
    --spacing--column--table: calc(var(--spacing--inline--section) * 2);
    --spacing--bottom--table: calc(var(--spacing--row--table) / 2);
    --spacing--top--table: calc(var(--spacing--row--table) / 2);
    --spacing--inline--table: var(--spacing--inline--section);
    background-color: var(--color--light);
    padding-bottom: calc(1rem * (12 - var(--spacing--row--table) / 2) / 16);
    padding-top: calc(1rem * (24 - var(--spacing--row--table) / 2) / 16);
  }
  .latest-news .content-section-body,
  .latest-news .content-section-body tbody,
  .latest-news .content-section-body tr,
  .latest-news .content-section-body td {
    display: block;
  }
  .latest-news .content-section-body tr:not(:first-child) {
    margin-top: calc(1rem * (50 - var(--spacing--row--table)) / 16);
  }
  .latest-news .content-section-footer {
    background-color: var(--color--light);
    display: grid;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .latest-news {
    position: relative;
  }
  .latest-news .content-section-body {
    --spacing--row--table: 10;
    --spacing--column--table: calc(var(--spacing--inline--table) * 2);
    --spacing--bottom--table: 36;
    --spacing--top--table: 24;
  }
  .latest-news-date {
    --bs-table-bg: var(--color--light-green);
  }
  .latest-news .content-section-footer .btn {
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--color--light);
    position: absolute;
    right: calc(1rem * var(--spacing--inline--table-section) / 16);
    top: 2.1875rem;
    transform: translateY(-50%);
  }
}

.organisation-chart {
  align-items: center;
  display: flex;
  justify-content: center;
  --padding: 10;
  --width: 380;
  --team-width: 180;
  --team-height: 140;
  --num-teams: 4;
  --teams-column-gap: 40;
  --teams-row-gap: 10;
  --teams-width: calc((var(--team-width) + var(--teams-column-gap)) * var(--num-teams) - var(--teams-column-gap));
  --line-length: 30;
  --line-width: 1;
  --line-gap: 1;
  --spacing-row: calc(var(--line-length) + var(--line-gap) * 2);
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .organisation-chart {
    --font-size: 20;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 25;
    line-height: calc(var(--line-height) / var(--font-size));
    background-color: var(--color--light);
    border-radius: calc(1rem * var(--border-radius) / 16);
    padding-bottom: 1.25rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 2.5rem;
  }
}
.organisation-chart .caption {
  --font-size: 14;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 18;
  line-height: calc(var(--line-height) / var(--font-size));
  margin-top: calc(1rem * var(--spacing-row) / 16);
  order: 1;
  text-align: center;
}
@media screen and (min-width: 992px) {
  .organisation-chart .caption {
    --font-size: 16;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 20;
    line-height: calc(var(--line-height) / var(--font-size));
    align-self: flex-start;
  }
}
.organisation-chart .position,
.organisation-chart .office,
.organisation-chart .teams,
.organisation-chart .team {
  position: relative;
}
.organisation-chart .position::after,
.organisation-chart .office::after,
.organisation-chart .teams::after,
.organisation-chart .team::after {
  border-color: #9e9e9e;
  border-width: calc(1rem * var(--line-width) / 16);
  content: "";
  height: calc(1rem * var(--line-length) / 16);
  left: 50%;
  position: absolute;
  top: 50%;
  width: calc(1rem * var(--line-length) / 16);
}
.organisation-chart .position,
.organisation-chart .office,
.organisation-chart .team {
  border-radius: 0.3125rem;
  font-weight: var(--font-weight-bold);
  padding: calc(1rem * var(--padding) / 16);
  text-align: center;
}
.organisation-chart .position,
.organisation-chart .office {
  background-color: #4a832f;
  color: var(--color--light);
  margin-bottom: calc(1rem * var(--spacing-row) / 16);
  max-width: calc(1rem * var(--width) / 16);
  width: 100%;
}
.organisation-chart .position--principal,
.organisation-chart .office--principal {
  background-color: #244713;
}
.organisation-chart .position::after,
.organisation-chart .office::after {
  border-left-style: solid;
  margin-top: calc(1rem * var(--line-gap) / 16);
  top: 100%;
  width: 0;
}
.organisation-chart .teams {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  max-width: calc(1rem * var(--teams-width) / 16);
  width: 100%;
}
.organisation-chart .team {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: var(--color--cream);
  color: #244713;
}
.organisation-chart .title {
  font-weight: var(--font-weight);
}
@media screen and (max-width: 991.98px) {
  .organisation-chart {
    --teams-width: var(--width);
  }
  .organisation-chart .office {
    margin-bottom: 0;
  }
  .organisation-chart .office::after {
    content: none;
  }
  .organisation-chart .teams {
    margin-top: 0;
    padding-left: calc(1rem * (var(--line-length) + var(--line-gap)) / 16);
    padding-top: calc(1rem * var(--teams-row-gap) / 16);
    row-gap: calc(1rem * var(--teams-row-gap) / 16);
  }
  .organisation-chart .teams::after {
    border-left-style: solid;
    bottom: calc(1rem * (var(--padding) + var(--line-height) / 2) / 16);
    height: auto;
    left: 0;
    top: calc(1rem * -1 * var(--line-gap) / 16);
    width: 0;
  }
  .organisation-chart .team::after {
    border-top-style: solid;
    left: calc(1rem * -1 * (var(--line-length) + var(--line-gap)) / 16);
    height: 0;
  }
  .organisation-chart .team:last-child::after {
    bottom: calc(1rem * (var(--padding) + var(--line-height) / 2) / 16);
    top: auto;
  }
}
@media screen and (min-width: 992px) {
  .organisation-chart .teams {
    column-gap: calc(1rem * var(--teams-column-gap) / 16);
    grid-template-columns: repeat(var(--num-teams), calc(1rem * var(--team-width) / 16));
    grid-template-rows: calc(1rem * var(--team-height) / 16);
    margin-top: calc(1rem * -1 * var(--line-gap) / 16);
    padding-top: calc(1rem * (var(--line-width) + var(--line-length) + var(--line-gap)) / 16);
  }
  .organisation-chart .teams::after {
    border-top-style: solid;
    height: 0;
    left: calc(1rem * var(--team-width) / 2 / 16);
    right: calc(1rem * (var(--team-width) / 2 - var(--line-width)) / 16);
    top: 0;
    width: auto;
  }
  .organisation-chart .team {
    flex-direction: column;
  }
  .organisation-chart .team::after {
    border-left-style: solid;
    top: calc(1rem * -1 * (var(--line-length) + var(--line-gap)) / 16);
    width: 0;
  }
}

.whats-new-table {
  --date-bg-color: var(--color--light-green);
  --badge-color: var(--color--light);
  --badge-bg-color: var(--color--green);
  --color--background--header--table-section: var(--color--light);
  --color--text--header--table-section: var(--color--dark);
}
.whats-new-table--press-releases {
  --date-bg-color: var(--color--light-red);
}
.whats-new-table-date {
  --bs-table-bg: var(--date-bg-color);
}
.whats-new-table-badge {
  border-radius: var(--unit-width--max);
  background-color: var(--badge-bg-color);
  color: var(--badge-color);
  display: inline-block;
  margin-right: 0.625rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
@media screen and (min-width: 992px) {
  .whats-new-table-badge {
    margin-right: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media screen and (max-width: 991.98px) {
  .whats-new-table {
    border-radius: 0;
  }
  .whats-new-table,
  .whats-new-table tbody,
  .whats-new-table tr,
  .whats-new-table td {
    display: block;
  }
  .whats-new-table thead {
    display: none;
  }
  .whats-new-table tr {
    border-radius: calc(1rem * var(--border-radius) / 16);
    overflow: hidden;
  }
  .whats-new-table tr:not(:last-child) {
    margin-bottom: 1.25rem;
  }
  .whats-new-table-date {
    --spacing--row--table: calc(var(--spacing--block--header--table-card) * 2);
    --spacing--column--table: calc(var(--spacing--inline--header--table-card) * 2);
    --spacing--bottom--table: var(--spacing--block--header--table-card);
    --spacing--top--table: var(--spacing--block--header--table-card);
    --spacing--inline--table: var(--spacing--inline--header--table-card);
    align-items: center;
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
  }
  .whats-new-table-text {
    --spacing--row--table: calc(var(--line-height) * 2);
    --spacing--column--table: calc(var(--spacing--inline--table-card) * 2);
    --spacing--bottom--table: var(--line-height);
    --spacing--top--table: var(--line-height);
    --spacing--inline--table: var(--spacing--inline--table-card);
  }
  /* .whats-new-table-text .whats-new-table-badge {
    display: none;
  } */
}
@media screen and (min-width: 992px) {
  .whats-new-table {
    --spacing--row--header--table-section: 32;
    --spacing--row--table: 10;
    --spacing--column--table: calc(var(--spacing--inline--table) * 2);
    --spacing--bottom--table:
    	calc(
    		var(--min-height--header--table-section) -
    		var(--line-height) -
    		(var(--spacing--row--header--table-section) / 2)
    	);
    --spacing--top--table: 5;
  }
  .whats-new-table-date .whats-new-table-badge {
    display: none;
  }
  .whats-new-table-text div {
    align-items: flex-start;
    display: flex;
  }
}

/* -------------------------------------------------------------
 * Utilities
 * ------------------------------------------------------------- */
/* Components
 * ---------------------------------------------- */
/* stylelint-disable selector-not-notation -- Match Bootstrap selector/specificity */
.screen-reader-text:not(:focus):not(:focus-within),
.visually-hidden:not(:focus):not(:focus-within) {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  white-space: nowrap !important;
  width: 1px !important;
}
.screen-reader-text:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.screen-reader-text:not(:focus):not(:focus-within) *,
.visually-hidden:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

/* Screen reader only class for accessibility */
.sr-only:not(:focus):not(:focus-within) {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}


/* Exception: Add focus indicators for header menu sublist items */
.site-header .submenu a:focus,
.site-header .submenu a:focus-visible {
  background-color: transparent;
  color: inherit;
}

/* Add focus indicators for submenu toggle buttons */
.site-header .submenu-toggle:focus,
.site-header .submenu-toggle:focus-visible {
  background-color: transparent;
  color: inherit;
}

/* Black border for header tab links and buttons - no layout shift */
/* Exclude main navigation links */
.site-header a[tabindex]:focus:not(.site-panel a):not(.site-nav a),
.site-header a[tabindex]:focus-visible:not(.site-panel a):not(.site-nav a),
.site-header button[tabindex]:focus,
.site-header button[tabindex]:focus-visible {
  box-shadow: 0 0 0 2px #000 !important;
  outline: none !important;
}

/* stylelint-enable selector-not-notation */
.skip-link {
  left: calc(1rem * var(--spacing--inline--site-header) / 2 / 16);
  position: absolute;
  top: calc(1rem * var(--spacing--block--site-header--logo) / 2 / 16);
  z-index: var(--z-index--max--site);
}

#main[tabindex="-1"]:focus {
  outline: 0;
}

:root {
  --faux-overlay-scrollbars--color--track--normal--dark: transparent;
  --faux-overlay-scrollbars--color--thumb--normal--dark: transparent;
  --faux-overlay-scrollbars--color--track--content-hover--dark: rgb(255 255 255 / 20%);
  --faux-overlay-scrollbars--color--thumb--content-hover--dark: rgb(0 0 0 / 40%);
  --faux-overlay-scrollbars--color--thumb--thumb-hover--dark: rgb(0 0 0 / 80%);
  --faux-overlay-scrollbars--color--track--normal--light: transparent;
  --faux-overlay-scrollbars--color--thumb--normal--light: transparent;
  --faux-overlay-scrollbars--color--track--content-hover--light: rgb(0 0 0 / 20%);
  --faux-overlay-scrollbars--color--thumb--content-hover--light: rgb(255 255 255 / 40%);
  --faux-overlay-scrollbars--color--thumb--thumb-hover--light: rgb(255 255 255 / 80%);
  --faux-overlay-scrollbars--overflow-x: auto;
  --faux-overlay-scrollbars--overflow-y: auto;
  --faux-overlay-scrollbars--width--track--normal: 12;
  --faux-overlay-scrollbars--width--thumb--normal: 3;
  --faux-overlay-scrollbars--width--track--content-hover: 12;
  --faux-overlay-scrollbars--width--thumb--content-hover: 3;
  --faux-overlay-scrollbars--width--thumb--thumb-hover: 6;
}

:root,
.faux-overlay-scrollbars--dark {
  --faux-overlay-scrollbars--color--track--normal: var(--faux-overlay-scrollbars--color--track--normal--dark);
  --faux-overlay-scrollbars--color--thumb--normal: var(--faux-overlay-scrollbars--color--thumb--normal--dark);
  --faux-overlay-scrollbars--color--track--content-hover: var(--faux-overlay-scrollbars--color--track--content-hover--dark);
  --faux-overlay-scrollbars--color--thumb--content-hover: var(--faux-overlay-scrollbars--color--thumb--content-hover--dark);
  --faux-overlay-scrollbars--color--thumb--thumb-hover: var(--faux-overlay-scrollbars--color--thumb--thumb-hover--dark);
}

.faux-overlay-scrollbars--light {
  --faux-overlay-scrollbars--color--track--normal: var(--faux-overlay-scrollbars--color--track--normal--light);
  --faux-overlay-scrollbars--color--thumb--normal: var(--faux-overlay-scrollbars--color--thumb--normal--light);
  --faux-overlay-scrollbars--color--track--content-hover: var(--faux-overlay-scrollbars--color--track--content-hover--light);
  --faux-overlay-scrollbars--color--thumb--content-hover: var(--faux-overlay-scrollbars--color--thumb--content-hover--light);
  --faux-overlay-scrollbars--color--thumb--thumb-hover: var(--faux-overlay-scrollbars--color--thumb--thumb-hover--light);
}

@supports (overflow: overlay) {
  .classic-scrollbars {
    --faux-overlay-scrollbars--overflow-x: overlay;
    --faux-overlay-scrollbars--overflow-y: overlay;
  }
}
.faux-overlay-scrollbars {
  overflow-x: var(--faux-overlay-scrollbars--overflow-x);
  overflow-y: var(--faux-overlay-scrollbars--overflow-y);
}



.classic-scrollbars .faux-overlay-scrollbars {
  --faux-overlay-scrollbars--color--track: var(--faux-overlay-scrollbars--color--track--normal);
  --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--normal);
  --faux-overlay-scrollbars--width--track: var(--faux-overlay-scrollbars--width--track--normal);
  --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--normal);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar {
  height: calc(1rem * var(--faux-overlay-scrollbars--width--track) / 16);
  width: calc(1rem * var(--faux-overlay-scrollbars--width--track) / 16);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar-track {
  background-color: var(--faux-overlay-scrollbars--color--track);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar-thumb {
  background-color: var(--faux-overlay-scrollbars--color--thumb);
  background-clip: padding-box;
  border-color: transparent;
  border-radius: calc(1rem * var(--faux-overlay-scrollbars--width--track) / 16);
  border-style: solid;
  border-width: calc(1rem * (var(--faux-overlay-scrollbars--width--track) - var(--faux-overlay-scrollbars--width--thumb)) / 2 / 16);
}
.classic-scrollbars .faux-overlay-scrollbars:hover {
  --faux-overlay-scrollbars--color--track: var(--faux-overlay-scrollbars--color--track--content-hover);
  --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--content-hover);
  --faux-overlay-scrollbars--width--track: var(--faux-overlay-scrollbars--width--track--content-hover);
  --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--content-hover);
}
.classic-scrollbars .faux-overlay-scrollbars::-webkit-scrollbar-thumb:hover {
  --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--thumb-hover);
  --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--thumb-hover);
}
@supports (scrollbar-width: thin) {
  .classic-scrollbars .faux-overlay-scrollbars {
    scrollbar-color: var(--faux-overlay-scrollbars--color--thumb) var(--faux-overlay-scrollbars--color--track);
    scrollbar-width: thin;
    transition-duration: var(--duration);
    transition-property: scrollbar-color;
    transition-timing-function: var(--timing-function);
  }
  .classic-scrollbars .faux-overlay-scrollbars:hover {
    --faux-overlay-scrollbars--color--thumb: var(--faux-overlay-scrollbars--color--thumb--thumb-hover);
    --faux-overlay-scrollbars--width--thumb: var(--faux-overlay-scrollbars--width--thumb--thumb-hover);
  }
}

/*!
 * rem-img 0.2.0-dev
 * https://github.com/jefferyto/rem-img
 */
/*
 * Image dimensions (required, pixels):
 * --rem-img--img--width
 * --rem-img--img--height
 *
 * Constraints:
 * - Mininum width:
 *   --rem-img--min-width (pixels)
 *   --rem-img--min-width--pct (percentage)
 *   --rem-img--min-width--vw (vw)
 *
 * - Maximum width:
 *   --rem-img--max-width (pixels)
 *   --rem-img--max-width--pct (percentage)
 *   --rem-img--max-width--vw (vw)
 *
 * - Width:
 *   --rem-img--width (pixels)
 *   --rem-img--width--pct (percentage)
 *   --rem-img--width--vw (vw)
 *
 * - Minimum height:
 *   --rem-img--min-height (pixels)
 *   --rem-img--min-height--vh (vh)
 *
 * - Maximum height:
 *   --rem-img--max-height (pixels)
 *   --rem-img--max-height--vh (vh)
 *
 * - Height:
 *   --rem-img--height (pixels)
 *   --rem-img--height--vh (vh)
 */
.rem-img {
  /* convert pixels to rem */
  --rem-img--min-height--rem: calc(var(--rem-img--min-height) / 16);
  --rem-img--min-width--rem: calc(var(--rem-img--min-width) / 16);
  --rem-img--max-height--rem: calc(var(--rem-img--max-height) / 16);
  --rem-img--max-width--rem: calc(var(--rem-img--max-width) / 16);
  --rem-img--height--rem: calc(var(--rem-img--height) / 16);
  --rem-img--width--rem: calc(var(--rem-img--width) / 16);
  --rem-img--img--width--rem: calc(var(--rem-img--img--width) / 16);
  /* convert heights to widths */
  --rem-img--img--aspect-ratio: calc(var(--rem-img--img--width) / var(--rem-img--img--height));
  --rem-img--min-width--height--rem: calc(var(--rem-img--min-height--rem) * var(--rem-img--img--aspect-ratio));
  --rem-img--min-width--height--vh: calc(var(--rem-img--min-height--vh) * var(--rem-img--img--aspect-ratio));
  --rem-img--max-width--height--rem: calc(var(--rem-img--max-height--rem) * var(--rem-img--img--aspect-ratio));
  --rem-img--max-width--height--vh: calc(var(--rem-img--max-height--vh) * var(--rem-img--img--aspect-ratio));
  --rem-img--width--height--rem: calc(var(--rem-img--height--rem) * var(--rem-img--img--aspect-ratio));
  --rem-img--width--height--vh: calc(var(--rem-img--height--vh) * var(--rem-img--img--aspect-ratio));
  /* convert magnitudes into lengths with units */
  --rem-img--unit-min-width--height--rem: calc(1rem * var(--rem-img--min-width--height--rem));
  --rem-img--unit-min-width--height--vh: calc(1vh * var(--rem-img--min-width--height--vh) );
  --rem-img--unit-min-width--width--rem: calc(1rem * var(--rem-img--min-width--rem) );
  --rem-img--unit-min-width--width--pct: calc(1% * var(--rem-img--min-width--pct) );
  --rem-img--unit-min-width--width--vw: calc(1vw * var(--rem-img--min-width--vw) );
  --rem-img--unit-max-width--height--rem: calc(1rem * var(--rem-img--max-width--height--rem));
  --rem-img--unit-max-width--height--vh: calc(1vh * var(--rem-img--max-width--height--vh) );
  --rem-img--unit-max-width--width--rem: calc(1rem * var(--rem-img--max-width--rem) );
  --rem-img--unit-max-width--width--pct: calc(1% * var(--rem-img--max-width--pct) );
  --rem-img--unit-max-width--width--vw: calc(1vw * var(--rem-img--max-width--vw) );
  --rem-img--unit-width--height--rem: calc(1rem * var(--rem-img--width--height--rem) );
  --rem-img--unit-width--height--vh: calc(1vh * var(--rem-img--width--height--vh) );
  --rem-img--unit-width--width--rem: calc(1rem * var(--rem-img--width--rem) );
  --rem-img--unit-width--width--pct: calc(1% * var(--rem-img--width--pct) );
  --rem-img--unit-width--width--vh: calc(1vw * var(--rem-img--width--vw) );
  --rem-img--unit-width--default: calc(1rem * var(--rem-img--img--width--rem) );
  /* computed lengths */
  --rem-img--min-width--computed:
  	max(
  		var(--rem-img--unit-min-width--height--rem, 0px),
  		var(--rem-img--unit-min-width--height--vh, 0px),
  		var(--rem-img--unit-min-width--width--rem, 0px),
  		var(--rem-img--unit-min-width--width--pct, 0px),
  		var(--rem-img--unit-min-width--width--vw, 0px)
  	);
  --rem-img--max-width--computed:
  	min(
  		var(--rem-img--unit-max-width--height--rem, 999999vmax),
  		var(--rem-img--unit-max-width--height--vh, 999999vmax),
  		var(--rem-img--unit-max-width--width--rem, 999999vmax),
  		var(--rem-img--unit-max-width--width--pct, 999999vmax),
  		var(--rem-img--unit-max-width--width--vw, 999999vmax)
  	);
  --rem-img--width--computed:
  	var(--rem-img--unit-width--height--vh,
  		var(--rem-img--unit-width--height--rem,
  			var(--rem-img--unit-width--width--rem,
  				var(--rem-img--unit-width--width--pct,
  					var(--rem-img--unit-width--width--vw,
  						var(--rem-img--unit-width--default, auto)
  					)
  				)
  			)
  		)
  	);
  display: inline-block;
  max-width: var(--rem-img--max-width--computed);
  min-width: var(--rem-img--min-width--computed);
  position: relative;
  vertical-align: middle;
  width: var(--rem-img--width--computed);
}

.rem-img::before {
  content: "";
  display: block;
  padding-top: calc(100% / var(--rem-img--img--aspect-ratio));
}

.rem-img img,
.rem-img picture {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

@keyframes scroll-lock {
  from {
    overflow: hidden;
    padding-right: calc(1px * var(--width--scrollbar, 0));
  }
  to {
    overflow: hidden;
    padding-right: calc(1px * var(--width--scrollbar, 0));
  }
}
.scroll-lock {
  animation-name: scroll-lock;
  animation-duration: var(--scroll-lock-unlock-duration, 1ms);
  animation-play-state: paused;
}
.scroll-lock--unlocking {
  animation-play-state: running;
}

.ios body.scroll-lock {
  left: calc(-1 * 1px * var(--scroll-lock-left, 0));
  position: fixed;
  top: calc(-1 * 1px * var(--scroll-lock-top, 0));
  width: 100%;
}

/* Helpers
 * ---------------------------------------------- */
.body-text {
  --color: var(--color--text--base);
  color: var(--color);
  --font-family: var(--font-family--base);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--base);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--base);
  --font-size: var(--font-size--base);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--base);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--base);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--base);
  text-underline-offset: var(--text-underline-offset);
  clear: unset;
  -webkit-hyphens: unset;
  hyphens: unset;
  line-break: unset;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
  margin-top: 0;
  overflow-wrap: unset;
}

.heading-text {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading);
  color: var(--color);
  --font-family: var(--font-family--heading);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading);
}

.h1 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-1);
  color: var(--color);
  --font-family: var(--font-family--heading-1);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-1);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-1);
  --font-size: var(--font-size--heading-1);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-1);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-1);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-1);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-1) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-1) / 16);
}

.h2 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-2);
  color: var(--color);
  --font-family: var(--font-family--heading-2);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-2);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-2);
  --font-size: var(--font-size--heading-2);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-2);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-2);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-2);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-2) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-2) / 16);
}

.h3 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-3);
  color: var(--color);
  --font-family: var(--font-family--heading-3);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-3);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-3);
  --font-size: var(--font-size--heading-3);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-3);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-3);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-3);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-3) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-3) / 16);
}

.h4 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-4);
  color: var(--color);
  --font-family: var(--font-family--heading-4);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-4);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-4);
  --font-size: var(--font-size--heading-4);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-4);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-4);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-4);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-4) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-4) / 16);
}

.h5 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-5);
  color: var(--color);
  --font-family: var(--font-family--heading-5);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-5);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-5);
  --font-size: var(--font-size--heading-5);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-5);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-5);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-5);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-5) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-5) / 16);
}

.h6 {
  clear: both;
  -webkit-hyphens: none;
  hyphens: none;
  line-break: loose;
  margin-bottom: 0;
  margin-top: 0;
  overflow-wrap: break-word;
  --color: var(--color--text--heading-6);
  color: var(--color);
  --font-family: var(--font-family--heading-6);
  font-family: var(--font-family);
  --font-weight: var(--font-weight--normal--heading-6);
  font-weight: var(--font-weight);
  --font-weight-bold: var(--font-weight--bold--heading-6);
  --font-size: var(--font-size--heading-6);
  font-size: calc(1rem * var(--font-size) / 16);
  --letter-spacing: var(--letter-spacing--heading-6);
  letter-spacing: var(--letter-spacing);
  --line-height: var(--line-height--heading-6);
  line-height: calc(var(--line-height) / var(--font-size));
  --text-underline-offset: var(--text-underline-offset--heading-6);
  text-underline-offset: var(--text-underline-offset);
  margin-bottom: calc(1rem * var(--spacing--bottom--heading-6) / 16);
  margin-top: calc(1rem * var(--spacing--top--heading-6) / 16);
}

.underline-highlight {
  text-decoration: none;
}
.underline-highlight:focus:where(:not(:focus-visible)) {
  text-decoration: none;
}
.underline-highlight:where(:focus) {
  text-decoration: underline;
}
.underline-highlight:focus-visible {
  text-decoration: underline;
}
@media (any-hover: hover) {
  .underline-highlight:hover {
    text-decoration: underline;
  }
}

.plain-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ratio-frame {
  display: flex;
  position: relative;
}
.ratio-frame::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: calc(100% / var(--ratio));
  width: 0;
}

.ratio-media {
  display: flex;
  position: relative;
  display: block;
  overflow: hidden;
}
.ratio-media::before {
  content: "";
  display: block;
  height: 0;
  padding-bottom: calc(100% / var(--ratio));
  width: 0;
}
.ratio-media > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.ratio-media > img,
.ratio-media > video {
  object-fit: cover;
}

.ratio-frame--square,
.ratio-media--square {
  --ratio: 1;
}

.ratio-frame--16-10,
.ratio-media--16-10 {
  --ratio-width: 16;
  --ratio-height: 10;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--10-16,
.ratio-media--10-16 {
  --ratio-width: 10;
  --ratio-height: 16;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--16-9,
.ratio-media--16-9 {
  --ratio-width: 16;
  --ratio-height: 9;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--9-16,
.ratio-media--9-16 {
  --ratio-width: 9;
  --ratio-height: 16;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--4-3,
.ratio-media--4-3 {
  --ratio-width: 4;
  --ratio-height: 3;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--3-4,
.ratio-media--3-4 {
  --ratio-width: 3;
  --ratio-height: 4;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--3-2,
.ratio-media--3-2 {
  --ratio-width: 3;
  --ratio-height: 2;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.ratio-frame--2-3,
.ratio-media--2-3 {
  --ratio-width: 2;
  --ratio-height: 3;
  --ratio: calc(var(--ratio-width) / var(--ratio-height));
}

.w-5 {
  width: 5% !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

.w-1-3 {
  width: 33.3333333333% !important;
}

.w-2-3 {
  width: 66.6666666667% !important;
}

.w-3-3 {
  width: 100% !important;
}

.w-1-4 {
  width: 25% !important;
}

.w-2-4 {
  width: 50% !important;
}

.w-3-4 {
  width: 75% !important;
}

.w-4-4 {
  width: 100% !important;
}

.w-1-5 {
  width: 20% !important;
}

.w-2-5 {
  width: 40% !important;
}

.w-3-5 {
  width: 60% !important;
}

.w-4-5 {
  width: 80% !important;
}

.w-5-5 {
  width: 100% !important;
}

.w-1-6 {
  width: 16.6666666667% !important;
}

.w-2-6 {
  width: 33.3333333333% !important;
}

.w-3-6 {
  width: 50% !important;
}

.w-4-6 {
  width: 66.6666666667% !important;
}

.w-5-6 {
  width: 83.3333333333% !important;
}

.w-6-6 {
  width: 100% !important;
}

.w-1-7 {
  width: 14.2857142857% !important;
}

.w-2-7 {
  width: 28.5714285714% !important;
}

.w-3-7 {
  width: 42.8571428571% !important;
}

.w-4-7 {
  width: 57.1428571429% !important;
}

.w-5-7 {
  width: 71.4285714286% !important;
}

.w-6-7 {
  width: 85.7142857143% !important;
}

.w-7-7 {
  width: 100% !important;
}

.w-1-8 {
  width: 12.5% !important;
}

.w-2-8 {
  width: 25% !important;
}

.w-3-8 {
  width: 37.5% !important;
}

.w-4-8 {
  width: 50% !important;
}

.w-5-8 {
  width: 62.5% !important;
}

.w-6-8 {
  width: 75% !important;
}

.w-7-8 {
  width: 87.5% !important;
}

.w-8-8 {
  width: 100% !important;
}

.w-1-9 {
  width: 11.1111111111% !important;
}

.w-2-9 {
  width: 22.2222222222% !important;
}

.w-3-9 {
  width: 33.3333333333% !important;
}

.w-4-9 {
  width: 44.4444444444% !important;
}

.w-5-9 {
  width: 55.5555555556% !important;
}

.w-6-9 {
  width: 66.6666666667% !important;
}

.w-7-9 {
  width: 77.7777777778% !important;
}

.w-8-9 {
  width: 88.8888888889% !important;
}

.w-9-9 {
  width: 100% !important;
}

.w-1-10 {
  width: 10% !important;
}

.w-2-10 {
  width: 20% !important;
}

.w-3-10 {
  width: 30% !important;
}

.w-4-10 {
  width: 40% !important;
}

.w-5-10 {
  width: 50% !important;
}

.w-6-10 {
  width: 60% !important;
}

.w-7-10 {
  width: 70% !important;
}

.w-8-10 {
  width: 80% !important;
}

.w-9-10 {
  width: 90% !important;
}

.w-10-10 {
  width: 100% !important;
}

.w-1-11 {
  width: 9.0909090909% !important;
}

.w-2-11 {
  width: 18.1818181818% !important;
}

.w-3-11 {
  width: 27.2727272727% !important;
}

.w-4-11 {
  width: 36.3636363636% !important;
}

.w-5-11 {
  width: 45.4545454545% !important;
}

.w-6-11 {
  width: 54.5454545455% !important;
}

.w-7-11 {
  width: 63.6363636364% !important;
}

.w-8-11 {
  width: 72.7272727273% !important;
}

.w-9-11 {
  width: 81.8181818182% !important;
}

.w-10-11 {
  width: 90.9090909091% !important;
}

.w-11-11 {
  width: 100% !important;
}

.w-1-12 {
  width: 8.3333333333% !important;
}

.w-2-12 {
  width: 16.6666666667% !important;
}

.w-3-12 {
  width: 25% !important;
}

.w-4-12 {
  width: 33.3333333333% !important;
}

.w-5-12 {
  width: 41.6666666667% !important;
}

.w-6-12 {
  width: 50% !important;
}

.w-7-12 {
  width: 58.3333333333% !important;
}

.w-8-12 {
  width: 66.6666666667% !important;
}

.w-9-12 {
  width: 75% !important;
}

.w-10-12 {
  width: 83.3333333333% !important;
}

.w-11-12 {
  width: 91.6666666667% !important;
}

.w-12-12 {
  width: 100% !important;
}

.w-xs-5 {
  width: 5% !important;
}

.w-xs-10 {
  width: 10% !important;
}

.w-xs-15 {
  width: 15% !important;
}

.w-xs-20 {
  width: 20% !important;
}

.w-xs-25 {
  width: 25% !important;
}

.w-xs-30 {
  width: 30% !important;
}

.w-xs-35 {
  width: 35% !important;
}

.w-xs-40 {
  width: 40% !important;
}

.w-xs-45 {
  width: 45% !important;
}

.w-xs-50 {
  width: 50% !important;
}

.w-xs-55 {
  width: 55% !important;
}

.w-xs-60 {
  width: 60% !important;
}

.w-xs-65 {
  width: 65% !important;
}

.w-xs-70 {
  width: 70% !important;
}

.w-xs-75 {
  width: 75% !important;
}

.w-xs-80 {
  width: 80% !important;
}

.w-xs-85 {
  width: 85% !important;
}

.w-xs-90 {
  width: 90% !important;
}

.w-xs-95 {
  width: 95% !important;
}

.w-xs-100 {
  width: 100% !important;
}

.w-xs-1-3 {
  width: 33.3333333333% !important;
}

.w-xs-2-3 {
  width: 66.6666666667% !important;
}

.w-xs-3-3 {
  width: 100% !important;
}

.w-xs-1-4 {
  width: 25% !important;
}

.w-xs-2-4 {
  width: 50% !important;
}

.w-xs-3-4 {
  width: 75% !important;
}

.w-xs-4-4 {
  width: 100% !important;
}

.w-xs-1-5 {
  width: 20% !important;
}

.w-xs-2-5 {
  width: 40% !important;
}

.w-xs-3-5 {
  width: 60% !important;
}

.w-xs-4-5 {
  width: 80% !important;
}

.w-xs-5-5 {
  width: 100% !important;
}

.w-xs-1-6 {
  width: 16.6666666667% !important;
}

.w-xs-2-6 {
  width: 33.3333333333% !important;
}

.w-xs-3-6 {
  width: 50% !important;
}

.w-xs-4-6 {
  width: 66.6666666667% !important;
}

.w-xs-5-6 {
  width: 83.3333333333% !important;
}

.w-xs-6-6 {
  width: 100% !important;
}

.w-xs-1-7 {
  width: 14.2857142857% !important;
}

.w-xs-2-7 {
  width: 28.5714285714% !important;
}

.w-xs-3-7 {
  width: 42.8571428571% !important;
}

.w-xs-4-7 {
  width: 57.1428571429% !important;
}

.w-xs-5-7 {
  width: 71.4285714286% !important;
}

.w-xs-6-7 {
  width: 85.7142857143% !important;
}

.w-xs-7-7 {
  width: 100% !important;
}

.w-xs-1-8 {
  width: 12.5% !important;
}

.w-xs-2-8 {
  width: 25% !important;
}

.w-xs-3-8 {
  width: 37.5% !important;
}

.w-xs-4-8 {
  width: 50% !important;
}

.w-xs-5-8 {
  width: 62.5% !important;
}

.w-xs-6-8 {
  width: 75% !important;
}

.w-xs-7-8 {
  width: 87.5% !important;
}

.w-xs-8-8 {
  width: 100% !important;
}

.w-xs-1-9 {
  width: 11.1111111111% !important;
}

.w-xs-2-9 {
  width: 22.2222222222% !important;
}

.w-xs-3-9 {
  width: 33.3333333333% !important;
}

.w-xs-4-9 {
  width: 44.4444444444% !important;
}

.w-xs-5-9 {
  width: 55.5555555556% !important;
}

.w-xs-6-9 {
  width: 66.6666666667% !important;
}

.w-xs-7-9 {
  width: 77.7777777778% !important;
}

.w-xs-8-9 {
  width: 88.8888888889% !important;
}

.w-xs-9-9 {
  width: 100% !important;
}

.w-xs-1-10 {
  width: 10% !important;
}

.w-xs-2-10 {
  width: 20% !important;
}

.w-xs-3-10 {
  width: 30% !important;
}

.w-xs-4-10 {
  width: 40% !important;
}

.w-xs-5-10 {
  width: 50% !important;
}

.w-xs-6-10 {
  width: 60% !important;
}

.w-xs-7-10 {
  width: 70% !important;
}

.w-xs-8-10 {
  width: 80% !important;
}

.w-xs-9-10 {
  width: 90% !important;
}

.w-xs-10-10 {
  width: 100% !important;
}

.w-xs-1-11 {
  width: 9.0909090909% !important;
}

.w-xs-2-11 {
  width: 18.1818181818% !important;
}

.w-xs-3-11 {
  width: 27.2727272727% !important;
}

.w-xs-4-11 {
  width: 36.3636363636% !important;
}

.w-xs-5-11 {
  width: 45.4545454545% !important;
}

.w-xs-6-11 {
  width: 54.5454545455% !important;
}

.w-xs-7-11 {
  width: 63.6363636364% !important;
}

.w-xs-8-11 {
  width: 72.7272727273% !important;
}

.w-xs-9-11 {
  width: 81.8181818182% !important;
}

.w-xs-10-11 {
  width: 90.9090909091% !important;
}

.w-xs-11-11 {
  width: 100% !important;
}

.w-xs-1-12 {
  width: 8.3333333333% !important;
}

.w-xs-2-12 {
  width: 16.6666666667% !important;
}

.w-xs-3-12 {
  width: 25% !important;
}

.w-xs-4-12 {
  width: 33.3333333333% !important;
}

.w-xs-5-12 {
  width: 41.6666666667% !important;
}

.w-xs-6-12 {
  width: 50% !important;
}

.w-xs-7-12 {
  width: 58.3333333333% !important;
}

.w-xs-8-12 {
  width: 66.6666666667% !important;
}

.w-xs-9-12 {
  width: 75% !important;
}

.w-xs-10-12 {
  width: 83.3333333333% !important;
}

.w-xs-11-12 {
  width: 91.6666666667% !important;
}

.w-xs-12-12 {
  width: 100% !important;
}

@media screen and (min-width: 576px) {
  .w-sm-5 {
    width: 5% !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .w-sm-35 {
    width: 35% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-45 {
    width: 45% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-55 {
    width: 55% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .w-sm-65 {
    width: 65% !important;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .w-sm-85 {
    width: 85% !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .w-sm-95 {
    width: 95% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-1-3 {
    width: 33.3333333333% !important;
  }
  .w-sm-2-3 {
    width: 66.6666666667% !important;
  }
  .w-sm-3-3 {
    width: 100% !important;
  }
  .w-sm-1-4 {
    width: 25% !important;
  }
  .w-sm-2-4 {
    width: 50% !important;
  }
  .w-sm-3-4 {
    width: 75% !important;
  }
  .w-sm-4-4 {
    width: 100% !important;
  }
  .w-sm-1-5 {
    width: 20% !important;
  }
  .w-sm-2-5 {
    width: 40% !important;
  }
  .w-sm-3-5 {
    width: 60% !important;
  }
  .w-sm-4-5 {
    width: 80% !important;
  }
  .w-sm-5-5 {
    width: 100% !important;
  }
  .w-sm-1-6 {
    width: 16.6666666667% !important;
  }
  .w-sm-2-6 {
    width: 33.3333333333% !important;
  }
  .w-sm-3-6 {
    width: 50% !important;
  }
  .w-sm-4-6 {
    width: 66.6666666667% !important;
  }
  .w-sm-5-6 {
    width: 83.3333333333% !important;
  }
  .w-sm-6-6 {
    width: 100% !important;
  }
  .w-sm-1-7 {
    width: 14.2857142857% !important;
  }
  .w-sm-2-7 {
    width: 28.5714285714% !important;
  }
  .w-sm-3-7 {
    width: 42.8571428571% !important;
  }
  .w-sm-4-7 {
    width: 57.1428571429% !important;
  }
  .w-sm-5-7 {
    width: 71.4285714286% !important;
  }
  .w-sm-6-7 {
    width: 85.7142857143% !important;
  }
  .w-sm-7-7 {
    width: 100% !important;
  }
  .w-sm-1-8 {
    width: 12.5% !important;
  }
  .w-sm-2-8 {
    width: 25% !important;
  }
  .w-sm-3-8 {
    width: 37.5% !important;
  }
  .w-sm-4-8 {
    width: 50% !important;
  }
  .w-sm-5-8 {
    width: 62.5% !important;
  }
  .w-sm-6-8 {
    width: 75% !important;
  }
  .w-sm-7-8 {
    width: 87.5% !important;
  }
  .w-sm-8-8 {
    width: 100% !important;
  }
  .w-sm-1-9 {
    width: 11.1111111111% !important;
  }
  .w-sm-2-9 {
    width: 22.2222222222% !important;
  }
  .w-sm-3-9 {
    width: 33.3333333333% !important;
  }
  .w-sm-4-9 {
    width: 44.4444444444% !important;
  }
  .w-sm-5-9 {
    width: 55.5555555556% !important;
  }
  .w-sm-6-9 {
    width: 66.6666666667% !important;
  }
  .w-sm-7-9 {
    width: 77.7777777778% !important;
  }
  .w-sm-8-9 {
    width: 88.8888888889% !important;
  }
  .w-sm-9-9 {
    width: 100% !important;
  }
  .w-sm-1-10 {
    width: 10% !important;
  }
  .w-sm-2-10 {
    width: 20% !important;
  }
  .w-sm-3-10 {
    width: 30% !important;
  }
  .w-sm-4-10 {
    width: 40% !important;
  }
  .w-sm-5-10 {
    width: 50% !important;
  }
  .w-sm-6-10 {
    width: 60% !important;
  }
  .w-sm-7-10 {
    width: 70% !important;
  }
  .w-sm-8-10 {
    width: 80% !important;
  }
  .w-sm-9-10 {
    width: 90% !important;
  }
  .w-sm-10-10 {
    width: 100% !important;
  }
  .w-sm-1-11 {
    width: 9.0909090909% !important;
  }
  .w-sm-2-11 {
    width: 18.1818181818% !important;
  }
  .w-sm-3-11 {
    width: 27.2727272727% !important;
  }
  .w-sm-4-11 {
    width: 36.3636363636% !important;
  }
  .w-sm-5-11 {
    width: 45.4545454545% !important;
  }
  .w-sm-6-11 {
    width: 54.5454545455% !important;
  }
  .w-sm-7-11 {
    width: 63.6363636364% !important;
  }
  .w-sm-8-11 {
    width: 72.7272727273% !important;
  }
  .w-sm-9-11 {
    width: 81.8181818182% !important;
  }
  .w-sm-10-11 {
    width: 90.9090909091% !important;
  }
  .w-sm-11-11 {
    width: 100% !important;
  }
  .w-sm-1-12 {
    width: 8.3333333333% !important;
  }
  .w-sm-2-12 {
    width: 16.6666666667% !important;
  }
  .w-sm-3-12 {
    width: 25% !important;
  }
  .w-sm-4-12 {
    width: 33.3333333333% !important;
  }
  .w-sm-5-12 {
    width: 41.6666666667% !important;
  }
  .w-sm-6-12 {
    width: 50% !important;
  }
  .w-sm-7-12 {
    width: 58.3333333333% !important;
  }
  .w-sm-8-12 {
    width: 66.6666666667% !important;
  }
  .w-sm-9-12 {
    width: 75% !important;
  }
  .w-sm-10-12 {
    width: 83.3333333333% !important;
  }
  .w-sm-11-12 {
    width: 91.6666666667% !important;
  }
  .w-sm-12-12 {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-5 {
    width: 5% !important;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .w-md-35 {
    width: 35% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-45 {
    width: 45% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-55 {
    width: 55% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .w-md-65 {
    width: 65% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .w-md-95 {
    width: 95% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-1-3 {
    width: 33.3333333333% !important;
  }
  .w-md-2-3 {
    width: 66.6666666667% !important;
  }
  .w-md-3-3 {
    width: 100% !important;
  }
  .w-md-1-4 {
    width: 25% !important;
  }
  .w-md-2-4 {
    width: 50% !important;
  }
  .w-md-3-4 {
    width: 75% !important;
  }
  .w-md-4-4 {
    width: 100% !important;
  }
  .w-md-1-5 {
    width: 20% !important;
  }
  .w-md-2-5 {
    width: 40% !important;
  }
  .w-md-3-5 {
    width: 60% !important;
  }
  .w-md-4-5 {
    width: 80% !important;
  }
  .w-md-5-5 {
    width: 100% !important;
  }
  .w-md-1-6 {
    width: 16.6666666667% !important;
  }
  .w-md-2-6 {
    width: 33.3333333333% !important;
  }
  .w-md-3-6 {
    width: 50% !important;
  }
  .w-md-4-6 {
    width: 66.6666666667% !important;
  }
  .w-md-5-6 {
    width: 83.3333333333% !important;
  }
  .w-md-6-6 {
    width: 100% !important;
  }
  .w-md-1-7 {
    width: 14.2857142857% !important;
  }
  .w-md-2-7 {
    width: 28.5714285714% !important;
  }
  .w-md-3-7 {
    width: 42.8571428571% !important;
  }
  .w-md-4-7 {
    width: 57.1428571429% !important;
  }
  .w-md-5-7 {
    width: 71.4285714286% !important;
  }
  .w-md-6-7 {
    width: 85.7142857143% !important;
  }
  .w-md-7-7 {
    width: 100% !important;
  }
  .w-md-1-8 {
    width: 12.5% !important;
  }
  .w-md-2-8 {
    width: 25% !important;
  }
  .w-md-3-8 {
    width: 37.5% !important;
  }
  .w-md-4-8 {
    width: 50% !important;
  }
  .w-md-5-8 {
    width: 62.5% !important;
  }
  .w-md-6-8 {
    width: 75% !important;
  }
  .w-md-7-8 {
    width: 87.5% !important;
  }
  .w-md-8-8 {
    width: 100% !important;
  }
  .w-md-1-9 {
    width: 11.1111111111% !important;
  }
  .w-md-2-9 {
    width: 22.2222222222% !important;
  }
  .w-md-3-9 {
    width: 33.3333333333% !important;
  }
  .w-md-4-9 {
    width: 44.4444444444% !important;
  }
  .w-md-5-9 {
    width: 55.5555555556% !important;
  }
  .w-md-6-9 {
    width: 66.6666666667% !important;
  }
  .w-md-7-9 {
    width: 77.7777777778% !important;
  }
  .w-md-8-9 {
    width: 88.8888888889% !important;
  }
  .w-md-9-9 {
    width: 100% !important;
  }
  .w-md-1-10 {
    width: 10% !important;
  }
  .w-md-2-10 {
    width: 20% !important;
  }
  .w-md-3-10 {
    width: 30% !important;
  }
  .w-md-4-10 {
    width: 40% !important;
  }
  .w-md-5-10 {
    width: 50% !important;
  }
  .w-md-6-10 {
    width: 60% !important;
  }
  .w-md-7-10 {
    width: 70% !important;
  }
  .w-md-8-10 {
    width: 80% !important;
  }
  .w-md-9-10 {
    width: 90% !important;
  }
  .w-md-10-10 {
    width: 100% !important;
  }
  .w-md-1-11 {
    width: 9.0909090909% !important;
  }
  .w-md-2-11 {
    width: 18.1818181818% !important;
  }
  .w-md-3-11 {
    width: 27.2727272727% !important;
  }
  .w-md-4-11 {
    width: 36.3636363636% !important;
  }
  .w-md-5-11 {
    width: 45.4545454545% !important;
  }
  .w-md-6-11 {
    width: 54.5454545455% !important;
  }
  .w-md-7-11 {
    width: 63.6363636364% !important;
  }
  .w-md-8-11 {
    width: 72.7272727273% !important;
  }
  .w-md-9-11 {
    width: 81.8181818182% !important;
  }
  .w-md-10-11 {
    width: 90.9090909091% !important;
  }
  .w-md-11-11 {
    width: 100% !important;
  }
  .w-md-1-12 {
    width: 8.3333333333% !important;
  }
  .w-md-2-12 {
    width: 16.6666666667% !important;
  }
  .w-md-3-12 {
    width: 25% !important;
  }
  .w-md-4-12 {
    width: 33.3333333333% !important;
  }
  .w-md-5-12 {
    width: 41.6666666667% !important;
  }
  .w-md-6-12 {
    width: 50% !important;
  }
  .w-md-7-12 {
    width: 58.3333333333% !important;
  }
  .w-md-8-12 {
    width: 66.6666666667% !important;
  }
  .w-md-9-12 {
    width: 75% !important;
  }
  .w-md-10-12 {
    width: 83.3333333333% !important;
  }
  .w-md-11-12 {
    width: 91.6666666667% !important;
  }
  .w-md-12-12 {
    width: 100% !important;
  }
}
@media screen and (min-width: 992px) {
  .w-lg-5 {
    width: 5% !important;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .w-lg-35 {
    width: 35% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .w-lg-45 {
    width: 45% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-55 {
    width: 55% !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .w-lg-65 {
    width: 65% !important;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-80 {
    width: 80% !important;
  }
  .w-lg-85 {
    width: 85% !important;
  }
  .w-lg-90 {
    width: 90% !important;
  }
  .w-lg-95 {
    width: 95% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-1-3 {
    width: 33.3333333333% !important;
  }
  .w-lg-2-3 {
    width: 66.6666666667% !important;
  }
  .w-lg-3-3 {
    width: 100% !important;
  }
  .w-lg-1-4 {
    width: 25% !important;
  }
  .w-lg-2-4 {
    width: 50% !important;
  }
  .w-lg-3-4 {
    width: 75% !important;
  }
  .w-lg-4-4 {
    width: 100% !important;
  }
  .w-lg-1-5 {
    width: 20% !important;
  }
  .w-lg-2-5 {
    width: 40% !important;
  }
  .w-lg-3-5 {
    width: 60% !important;
  }
  .w-lg-4-5 {
    width: 80% !important;
  }
  .w-lg-5-5 {
    width: 100% !important;
  }
  .w-lg-1-6 {
    width: 16.6666666667% !important;
  }
  .w-lg-2-6 {
    width: 33.3333333333% !important;
  }
  .w-lg-3-6 {
    width: 50% !important;
  }
  .w-lg-4-6 {
    width: 66.6666666667% !important;
  }
  .w-lg-5-6 {
    width: 83.3333333333% !important;
  }
  .w-lg-6-6 {
    width: 100% !important;
  }
  .w-lg-1-7 {
    width: 14.2857142857% !important;
  }
  .w-lg-2-7 {
    width: 28.5714285714% !important;
  }
  .w-lg-3-7 {
    width: 42.8571428571% !important;
  }
  .w-lg-4-7 {
    width: 57.1428571429% !important;
  }
  .w-lg-5-7 {
    width: 71.4285714286% !important;
  }
  .w-lg-6-7 {
    width: 85.7142857143% !important;
  }
  .w-lg-7-7 {
    width: 100% !important;
  }
  .w-lg-1-8 {
    width: 12.5% !important;
  }
  .w-lg-2-8 {
    width: 25% !important;
  }
  .w-lg-3-8 {
    width: 37.5% !important;
  }
  .w-lg-4-8 {
    width: 50% !important;
  }
  .w-lg-5-8 {
    width: 62.5% !important;
  }
  .w-lg-6-8 {
    width: 75% !important;
  }
  .w-lg-7-8 {
    width: 87.5% !important;
  }
  .w-lg-8-8 {
    width: 100% !important;
  }
  .w-lg-1-9 {
    width: 11.1111111111% !important;
  }
  .w-lg-2-9 {
    width: 22.2222222222% !important;
  }
  .w-lg-3-9 {
    width: 33.3333333333% !important;
  }
  .w-lg-4-9 {
    width: 44.4444444444% !important;
  }
  .w-lg-5-9 {
    width: 55.5555555556% !important;
  }
  .w-lg-6-9 {
    width: 66.6666666667% !important;
  }
  .w-lg-7-9 {
    width: 77.7777777778% !important;
  }
  .w-lg-8-9 {
    width: 88.8888888889% !important;
  }
  .w-lg-9-9 {
    width: 100% !important;
  }
  .w-lg-1-10 {
    width: 10% !important;
  }
  .w-lg-2-10 {
    width: 20% !important;
  }
  .w-lg-3-10 {
    width: 30% !important;
  }
  .w-lg-4-10 {
    width: 40% !important;
  }
  .w-lg-5-10 {
    width: 50% !important;
  }
  .w-lg-6-10 {
    width: 60% !important;
  }
  .w-lg-7-10 {
    width: 70% !important;
  }
  .w-lg-8-10 {
    width: 80% !important;
  }
  .w-lg-9-10 {
    width: 90% !important;
  }
  .w-lg-10-10 {
    width: 100% !important;
  }
  .w-lg-1-11 {
    width: 9.0909090909% !important;
  }
  .w-lg-2-11 {
    width: 18.1818181818% !important;
  }
  .w-lg-3-11 {
    width: 27.2727272727% !important;
  }
  .w-lg-4-11 {
    width: 36.3636363636% !important;
  }
  .w-lg-5-11 {
    width: 45.4545454545% !important;
  }
  .w-lg-6-11 {
    width: 54.5454545455% !important;
  }
  .w-lg-7-11 {
    width: 63.6363636364% !important;
  }
  .w-lg-8-11 {
    width: 72.7272727273% !important;
  }
  .w-lg-9-11 {
    width: 81.8181818182% !important;
  }
  .w-lg-10-11 {
    width: 90.9090909091% !important;
  }
  .w-lg-11-11 {
    width: 100% !important;
  }
  .w-lg-1-12 {
    width: 8.3333333333% !important;
  }
  .w-lg-2-12 {
    width: 16.6666666667% !important;
  }
  .w-lg-3-12 {
    width: 25% !important;
  }
  .w-lg-4-12 {
    width: 33.3333333333% !important;
  }
  .w-lg-5-12 {
    width: 41.6666666667% !important;
  }
  .w-lg-6-12 {
    width: 50% !important;
  }
  .w-lg-7-12 {
    width: 58.3333333333% !important;
  }
  .w-lg-8-12 {
    width: 66.6666666667% !important;
  }
  .w-lg-9-12 {
    width: 75% !important;
  }
  .w-lg-10-12 {
    width: 83.3333333333% !important;
  }
  .w-lg-11-12 {
    width: 91.6666666667% !important;
  }
  .w-lg-12-12 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1200px) {
  .w-xl-5 {
    width: 5% !important;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .w-xl-15 {
    width: 15% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-30 {
    width: 30% !important;
  }
  .w-xl-35 {
    width: 35% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .w-xl-45 {
    width: 45% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-55 {
    width: 55% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .w-xl-65 {
    width: 65% !important;
  }
  .w-xl-70 {
    width: 70% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-80 {
    width: 80% !important;
  }
  .w-xl-85 {
    width: 85% !important;
  }
  .w-xl-90 {
    width: 90% !important;
  }
  .w-xl-95 {
    width: 95% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-1-3 {
    width: 33.3333333333% !important;
  }
  .w-xl-2-3 {
    width: 66.6666666667% !important;
  }
  .w-xl-3-3 {
    width: 100% !important;
  }
  .w-xl-1-4 {
    width: 25% !important;
  }
  .w-xl-2-4 {
    width: 50% !important;
  }
  .w-xl-3-4 {
    width: 75% !important;
  }
  .w-xl-4-4 {
    width: 100% !important;
  }
  .w-xl-1-5 {
    width: 20% !important;
  }
  .w-xl-2-5 {
    width: 40% !important;
  }
  .w-xl-3-5 {
    width: 60% !important;
  }
  .w-xl-4-5 {
    width: 80% !important;
  }
  .w-xl-5-5 {
    width: 100% !important;
  }
  .w-xl-1-6 {
    width: 16.6666666667% !important;
  }
  .w-xl-2-6 {
    width: 33.3333333333% !important;
  }
  .w-xl-3-6 {
    width: 50% !important;
  }
  .w-xl-4-6 {
    width: 66.6666666667% !important;
  }
  .w-xl-5-6 {
    width: 83.3333333333% !important;
  }
  .w-xl-6-6 {
    width: 100% !important;
  }
  .w-xl-1-7 {
    width: 14.2857142857% !important;
  }
  .w-xl-2-7 {
    width: 28.5714285714% !important;
  }
  .w-xl-3-7 {
    width: 42.8571428571% !important;
  }
  .w-xl-4-7 {
    width: 57.1428571429% !important;
  }
  .w-xl-5-7 {
    width: 71.4285714286% !important;
  }
  .w-xl-6-7 {
    width: 85.7142857143% !important;
  }
  .w-xl-7-7 {
    width: 100% !important;
  }
  .w-xl-1-8 {
    width: 12.5% !important;
  }
  .w-xl-2-8 {
    width: 25% !important;
  }
  .w-xl-3-8 {
    width: 37.5% !important;
  }
  .w-xl-4-8 {
    width: 50% !important;
  }
  .w-xl-5-8 {
    width: 62.5% !important;
  }
  .w-xl-6-8 {
    width: 75% !important;
  }
  .w-xl-7-8 {
    width: 87.5% !important;
  }
  .w-xl-8-8 {
    width: 100% !important;
  }
  .w-xl-1-9 {
    width: 11.1111111111% !important;
  }
  .w-xl-2-9 {
    width: 22.2222222222% !important;
  }
  .w-xl-3-9 {
    width: 33.3333333333% !important;
  }
  .w-xl-4-9 {
    width: 44.4444444444% !important;
  }
  .w-xl-5-9 {
    width: 55.5555555556% !important;
  }
  .w-xl-6-9 {
    width: 66.6666666667% !important;
  }
  .w-xl-7-9 {
    width: 77.7777777778% !important;
  }
  .w-xl-8-9 {
    width: 88.8888888889% !important;
  }
  .w-xl-9-9 {
    width: 100% !important;
  }
  .w-xl-1-10 {
    width: 10% !important;
  }
  .w-xl-2-10 {
    width: 20% !important;
  }
  .w-xl-3-10 {
    width: 30% !important;
  }
  .w-xl-4-10 {
    width: 40% !important;
  }
  .w-xl-5-10 {
    width: 50% !important;
  }
  .w-xl-6-10 {
    width: 60% !important;
  }
  .w-xl-7-10 {
    width: 70% !important;
  }
  .w-xl-8-10 {
    width: 80% !important;
  }
  .w-xl-9-10 {
    width: 90% !important;
  }
  .w-xl-10-10 {
    width: 100% !important;
  }
  .w-xl-1-11 {
    width: 9.0909090909% !important;
  }
  .w-xl-2-11 {
    width: 18.1818181818% !important;
  }
  .w-xl-3-11 {
    width: 27.2727272727% !important;
  }
  .w-xl-4-11 {
    width: 36.3636363636% !important;
  }
  .w-xl-5-11 {
    width: 45.4545454545% !important;
  }
  .w-xl-6-11 {
    width: 54.5454545455% !important;
  }
  .w-xl-7-11 {
    width: 63.6363636364% !important;
  }
  .w-xl-8-11 {
    width: 72.7272727273% !important;
  }
  .w-xl-9-11 {
    width: 81.8181818182% !important;
  }
  .w-xl-10-11 {
    width: 90.9090909091% !important;
  }
  .w-xl-11-11 {
    width: 100% !important;
  }
  .w-xl-1-12 {
    width: 8.3333333333% !important;
  }
  .w-xl-2-12 {
    width: 16.6666666667% !important;
  }
  .w-xl-3-12 {
    width: 25% !important;
  }
  .w-xl-4-12 {
    width: 33.3333333333% !important;
  }
  .w-xl-5-12 {
    width: 41.6666666667% !important;
  }
  .w-xl-6-12 {
    width: 50% !important;
  }
  .w-xl-7-12 {
    width: 58.3333333333% !important;
  }
  .w-xl-8-12 {
    width: 66.6666666667% !important;
  }
  .w-xl-9-12 {
    width: 75% !important;
  }
  .w-xl-10-12 {
    width: 83.3333333333% !important;
  }
  .w-xl-11-12 {
    width: 91.6666666667% !important;
  }
  .w-xl-12-12 {
    width: 100% !important;
  }
}
@media screen and (min-width: 1400px) {
  .w-xxl-5 {
    width: 5% !important;
  }
  .w-xxl-10 {
    width: 10% !important;
  }
  .w-xxl-15 {
    width: 15% !important;
  }
  .w-xxl-20 {
    width: 20% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-30 {
    width: 30% !important;
  }
  .w-xxl-35 {
    width: 35% !important;
  }
  .w-xxl-40 {
    width: 40% !important;
  }
  .w-xxl-45 {
    width: 45% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-55 {
    width: 55% !important;
  }
  .w-xxl-60 {
    width: 60% !important;
  }
  .w-xxl-65 {
    width: 65% !important;
  }
  .w-xxl-70 {
    width: 70% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-80 {
    width: 80% !important;
  }
  .w-xxl-85 {
    width: 85% !important;
  }
  .w-xxl-90 {
    width: 90% !important;
  }
  .w-xxl-95 {
    width: 95% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .w-xxl-1-3 {
    width: 33.3333333333% !important;
  }
  .w-xxl-2-3 {
    width: 66.6666666667% !important;
  }
  .w-xxl-3-3 {
    width: 100% !important;
  }
  .w-xxl-1-4 {
    width: 25% !important;
  }
  .w-xxl-2-4 {
    width: 50% !important;
  }
  .w-xxl-3-4 {
    width: 75% !important;
  }
  .w-xxl-4-4 {
    width: 100% !important;
  }
  .w-xxl-1-5 {
    width: 20% !important;
  }
  .w-xxl-2-5 {
    width: 40% !important;
  }
  .w-xxl-3-5 {
    width: 60% !important;
  }
  .w-xxl-4-5 {
    width: 80% !important;
  }
  .w-xxl-5-5 {
    width: 100% !important;
  }
  .w-xxl-1-6 {
    width: 16.6666666667% !important;
  }
  .w-xxl-2-6 {
    width: 33.3333333333% !important;
  }
  .w-xxl-3-6 {
    width: 50% !important;
  }
  .w-xxl-4-6 {
    width: 66.6666666667% !important;
  }
  .w-xxl-5-6 {
    width: 83.3333333333% !important;
  }
  .w-xxl-6-6 {
    width: 100% !important;
  }
  .w-xxl-1-7 {
    width: 14.2857142857% !important;
  }
  .w-xxl-2-7 {
    width: 28.5714285714% !important;
  }
  .w-xxl-3-7 {
    width: 42.8571428571% !important;
  }
  .w-xxl-4-7 {
    width: 57.1428571429% !important;
  }
  .w-xxl-5-7 {
    width: 71.4285714286% !important;
  }
  .w-xxl-6-7 {
    width: 85.7142857143% !important;
  }
  .w-xxl-7-7 {
    width: 100% !important;
  }
  .w-xxl-1-8 {
    width: 12.5% !important;
  }
  .w-xxl-2-8 {
    width: 25% !important;
  }
  .w-xxl-3-8 {
    width: 37.5% !important;
  }
  .w-xxl-4-8 {
    width: 50% !important;
  }
  .w-xxl-5-8 {
    width: 62.5% !important;
  }
  .w-xxl-6-8 {
    width: 75% !important;
  }
  .w-xxl-7-8 {
    width: 87.5% !important;
  }
  .w-xxl-8-8 {
    width: 100% !important;
  }
  .w-xxl-1-9 {
    width: 11.1111111111% !important;
  }
  .w-xxl-2-9 {
    width: 22.2222222222% !important;
  }
  .w-xxl-3-9 {
    width: 33.3333333333% !important;
  }
  .w-xxl-4-9 {
    width: 44.4444444444% !important;
  }
  .w-xxl-5-9 {
    width: 55.5555555556% !important;
  }
  .w-xxl-6-9 {
    width: 66.6666666667% !important;
  }
  .w-xxl-7-9 {
    width: 77.7777777778% !important;
  }
  .w-xxl-8-9 {
    width: 88.8888888889% !important;
  }
  .w-xxl-9-9 {
    width: 100% !important;
  }
  .w-xxl-1-10 {
    width: 10% !important;
  }
  .w-xxl-2-10 {
    width: 20% !important;
  }
  .w-xxl-3-10 {
    width: 30% !important;
  }
  .w-xxl-4-10 {
    width: 40% !important;
  }
  .w-xxl-5-10 {
    width: 50% !important;
  }
  .w-xxl-6-10 {
    width: 60% !important;
  }
  .w-xxl-7-10 {
    width: 70% !important;
  }
  .w-xxl-8-10 {
    width: 80% !important;
  }
  .w-xxl-9-10 {
    width: 90% !important;
  }
  .w-xxl-10-10 {
    width: 100% !important;
  }
  .w-xxl-1-11 {
    width: 9.0909090909% !important;
  }
  .w-xxl-2-11 {
    width: 18.1818181818% !important;
  }
  .w-xxl-3-11 {
    width: 27.2727272727% !important;
  }
  .w-xxl-4-11 {
    width: 36.3636363636% !important;
  }
  .w-xxl-5-11 {
    width: 45.4545454545% !important;
  }
  .w-xxl-6-11 {
    width: 54.5454545455% !important;
  }
  .w-xxl-7-11 {
    width: 63.6363636364% !important;
  }
  .w-xxl-8-11 {
    width: 72.7272727273% !important;
  }
  .w-xxl-9-11 {
    width: 81.8181818182% !important;
  }
  .w-xxl-10-11 {
    width: 90.9090909091% !important;
  }
  .w-xxl-11-11 {
    width: 100% !important;
  }
  .w-xxl-1-12 {
    width: 8.3333333333% !important;
  }
  .w-xxl-2-12 {
    width: 16.6666666667% !important;
  }
  .w-xxl-3-12 {
    width: 25% !important;
  }
  .w-xxl-4-12 {
    width: 33.3333333333% !important;
  }
  .w-xxl-5-12 {
    width: 41.6666666667% !important;
  }
  .w-xxl-6-12 {
    width: 50% !important;
  }
  .w-xxl-7-12 {
    width: 58.3333333333% !important;
  }
  .w-xxl-8-12 {
    width: 66.6666666667% !important;
  }
  .w-xxl-9-12 {
    width: 75% !important;
  }
  .w-xxl-10-12 {
    width: 83.3333333333% !important;
  }
  .w-xxl-11-12 {
    width: 91.6666666667% !important;
  }
  .w-xxl-12-12 {
    width: 100% !important;
  }
}
/* -------------------------------------------------------------
 * Content styles
 * ------------------------------------------------------------- */
/* Alignment
 * ---------------------------------------------- */
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
}

.alignleft,
.alignright {
  margin-bottom: calc(1rem * var(--spacing-block) / 16);
}

.alignleft {
  /* rtl:ignore */
  float: left;
  /* rtl:ignore */
  margin-right: calc(1rem * var(--spacing-column) / 16);
}

.alignright {
  /* rtl:ignore */
  float: right;
  /* rtl:ignore */
  margin-left: calc(1rem * var(--spacing-column) / 16);
}

.alignwide {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width) / 2);
  position: relative;
  width: var(--unit-width);
  --unit-width: var(--unit-width--site--content-wide);
}

.alignfull {
  left: 50%;
  margin-left: calc(-1 * var(--unit-width) / 2);
  position: relative;
  width: var(--unit-width);
  --unit-width: var(--unit-width--viewport);
}

/* Color palette
 * ---------------------------------------------- */
.has-accent-background-color {
  --background-color: rgb(var(--color-palette--accent));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-accent-border-color {
  --border-color: rgb(var(--color-palette--accent));
  border-color: var(--border-color);
}

.has-accent-color {
  --color: rgb(var(--color-palette--accent));
  color: var(--color);
}

.has-dark-background-color {
  --background-color: rgb(var(--color-palette--dark));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-dark-border-color {
  --border-color: rgb(var(--color-palette--dark));
  border-color: var(--border-color);
}

.has-dark-color {
  --color: rgb(var(--color-palette--dark));
  color: var(--color);
}

.has-light-background-color {
  --background-color: rgb(var(--color-palette--light));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-light-border-color {
  --border-color: rgb(var(--color-palette--light));
  border-color: var(--border-color);
}

.has-light-color {
  --color: rgb(var(--color-palette--light));
  color: var(--color);
}

.has-green-background-color {
  --background-color: rgb(var(--color-palette--green));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-green-border-color {
  --border-color: rgb(var(--color-palette--green));
  border-color: var(--border-color);
}

.has-green-color {
  --color: rgb(var(--color-palette--green));
  color: var(--color);
}

.has-red-background-color {
  --background-color: rgb(var(--color-palette--red));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-red-border-color {
  --border-color: rgb(var(--color-palette--red));
  border-color: var(--border-color);
}

.has-red-color {
  --color: rgb(var(--color-palette--red));
  color: var(--color);
}

.has-grey-background-color {
  --background-color: rgb(var(--color-palette--grey));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-grey-border-color {
  --border-color: rgb(var(--color-palette--grey));
  border-color: var(--border-color);
}

.has-grey-color {
  --color: rgb(var(--color-palette--grey));
  color: var(--color);
}

.has-cream-background-color {
  --background-color: rgb(var(--color-palette--cream));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-cream-border-color {
  --border-color: rgb(var(--color-palette--cream));
  border-color: var(--border-color);
}

.has-cream-color {
  --color: rgb(var(--color-palette--cream));
  color: var(--color);
}

.has-light-green-background-color {
  --background-color: rgb(var(--color-palette--light-green));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-light-green-border-color {
  --border-color: rgb(var(--color-palette--light-green));
  border-color: var(--border-color);
}

.has-light-green-color {
  --color: rgb(var(--color-palette--light-green));
  color: var(--color);
}

.has-light-red-background-color {
  --background-color: rgb(var(--color-palette--light-red));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-light-red-border-color {
  --border-color: rgb(var(--color-palette--light-red));
  border-color: var(--border-color);
}

.has-light-red-color {
  --color: rgb(var(--color-palette--light-red));
  color: var(--color);
}

.has-light-grey-background-color {
  --background-color: rgb(var(--color-palette--light-grey));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-light-grey-border-color {
  --border-color: rgb(var(--color-palette--light-grey));
  border-color: var(--border-color);
}

.has-light-grey-color {
  --color: rgb(var(--color-palette--light-grey));
  color: var(--color);
}

.has-th-green-background-color {
  --background-color: rgb(var(--color-palette--th-green));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-th-green-border-color {
  --border-color: rgb(var(--color-palette--th-green));
  border-color: var(--border-color);
}

.has-th-green-color {
  --color: rgb(var(--color-palette--th-green));
  color: var(--color);
}

.has-blue-background-color {
  --background-color: rgb(var(--color-palette--blue));
  background-color: var(--background-color);
  --bs-table-bg: var(--background-color);
}

.has-blue-border-color {
  --border-color: rgb(var(--color-palette--blue));
  border-color: var(--border-color);
}

.has-blue-color {
  --color: rgb(var(--color-palette--blue));
  color: var(--color);
}

/* Font sizes
 * ---------------------------------------------- */
.has-small-font-size {
  --font-size: var(--font-size--block--small);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--block--small);
  line-height: calc(var(--line-height) / var(--font-size));
}

.has-medium-font-size {
  --font-size: var(--font-size--block--medium);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--block--medium);
  line-height: calc(var(--line-height) / var(--font-size));
}

.has-large-font-size {
  --font-size: var(--font-size--block--large);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--block--large);
  line-height: calc(var(--line-height) / var(--font-size));
}

.has-x-large-font-size {
  --font-size: var(--font-size--block--x-large);
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: var(--line-height--block--x-large);
  line-height: calc(var(--line-height) / var(--font-size));
}

/* Text styles
 * ---------------------------------------------- */
.remark {
  --font-size: 14;
  font-size: calc(1rem * var(--font-size) / 16);
  --line-height: 18;
  line-height: calc(var(--line-height) / var(--font-size));
  --color: #666666;
  color: var(--color);
}
@media screen and (min-width: 992px) {
  .remark {
    --font-size: 16;
    font-size: calc(1rem * var(--font-size) / 16);
    --line-height: 20;
    line-height: calc(var(--line-height) / var(--font-size));
  }
}

/* DL Table XL-9 Styles - Added from v18 */
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-9 {
    --spacing-block: var(--spacing--block--table-card);
    --spacing-inline: var(--spacing--inline--table-card);
    --spacing-row: var(--spacing--row--table-card);
    --spacing-column: var(--spacing--column--table-card);
  }

  /* Show all rows in mobile view including row 9 */
  .dl-table-xl-9 .dl-table-header {
    align-items: center;
    background-color: var(--color--th-green);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-card) / 16);
    padding-bottom: calc(1rem * var(--spacing--block--header--table-card) / 16);
    padding-left: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-right: calc(1rem * var(--spacing--inline--header--table-card) / 16);
    padding-top: calc(1rem * var(--spacing--block--header--table-card) / 16);
  }
  .dl-table-xl-9 .dl-table-body {
    display: grid;
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 1199.98px) and (min-width: 576px) {
  .dl-table-xl-9 .dl-table-body {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
}
@media screen and (max-width: 1199.98px) {
  .dl-table-xl-9 .dl-table-body dt,
  .dl-table-xl-9 .dl-table-body dd {
    background-color: var(--color--light);
    border-top-color: var(--border-color);
    border-top-style: solid;
    border-top-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing-row) / 2 / 16);
    padding-top: calc(1rem * var(--spacing-row) / 2 / 16);
  }
  .dl-table-xl-9 .dl-table-body dt {
    padding-left: calc(1rem * var(--spacing-inline) / 16);
    padding-right: calc(1rem * var(--spacing-column) / 2 / 16);
  }
  .dl-table-xl-9 .dl-table-body dd {
    padding-left: calc(1rem * var(--spacing-column) / 2 / 16);
    padding-right: calc(1rem * var(--spacing-inline) / 16);
  }
}
@media screen and (min-width: 1200px) {
  .dl-table-xl-9 .dl-table-header {
    align-items: center;
    background-color: var(--color--green);
    color: var(--color--light);
    display: flex;
    min-height: calc(1rem * var(--min-height--header--table-section) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-right: calc(1rem * var(--spacing--inline--table-section) / 16);
    padding-top: calc(1rem * var(--spacing--row--header--table-section) / 2 / 16);
  }
  .dl-table-xl-9 .dl-table-body {
    display: grid;
    grid-template-areas: "left-1-dt left-1-dd right-1-dt right-1-dd" "left-2-dt left-2-dd right-2-dt right-2-dd" "left-3-dt left-3-dd right-3-dt right-3-dd" "left-4-dt left-4-dd right-4-dt right-4-dd" "left-5-dt left-5-dd right-5-dt right-5-dd" "left-6-dt left-6-dd right-6-dt right-6-dd" "left-7-dt left-7-dd right-7-dt right-7-dd" "left-8-dt left-8-dd right-8-dt right-8-dd" "left-9-dt left-9-dd right-9-dt right-9-dd";
    grid-template-columns: minmax(120px, auto) 1fr minmax(120px, auto) 1fr;
  }
  .dl-table-xl-9 .dl-table-body dt,
  .dl-table-xl-9 .dl-table-body dd {
    border-bottom-color: var(--border-color);
    border-bottom-style: solid;
    border-bottom-width: calc(1rem * var(--border-width) / 16);
    padding-bottom: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
    padding-left: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-right: calc(1rem * var(--spacing--column--table-card-rows) / 2 / 16);
    padding-top: calc(1rem * var(--spacing--row--table-card-rows) / 2 / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-1,
  .dl-table-xl-9 .dl-table-body .dl-table--right-1 {
    background-color: #f6faf3;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-1 {
    grid-area: left-1-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-1 {
    grid-area: left-1-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-1 {
    grid-area: right-1-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-1 {
    grid-area: right-1-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-2,
  .dl-table-xl-9 .dl-table-body .dl-table--right-2 {
    background-color: var(--color--light);
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-2 {
    grid-area: left-2-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-2 {
    grid-area: left-2-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-2 {
    grid-area: right-2-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-2 {
    grid-area: right-2-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-3,
  .dl-table-xl-9 .dl-table-body .dl-table--right-3 {
    background-color: #f6faf3;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-3 {
    grid-area: left-3-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-3 {
    grid-area: left-3-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-3 {
    grid-area: right-3-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-3 {
    grid-area: right-3-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-4,
  .dl-table-xl-9 .dl-table-body .dl-table--right-4 {
    background-color: var(--color--light);
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-4 {
    grid-area: left-4-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-4 {
    grid-area: left-4-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-4 {
    grid-area: right-4-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-4 {
    grid-area: right-4-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-5,
  .dl-table-xl-9 .dl-table-body .dl-table--right-5 {
    background-color: #f6faf3;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-5 {
    grid-area: left-5-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-5 {
    grid-area: left-5-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-5 {
    grid-area: right-5-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-5 {
    grid-area: right-5-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-6,
  .dl-table-xl-9 .dl-table-body .dl-table--right-6 {
    background-color: var(--color--light);
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-6 {
    grid-area: left-6-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-6 {
    grid-area: left-6-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-6 {
    grid-area: right-6-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-6 {
    grid-area: right-6-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-7,
  .dl-table-xl-9 .dl-table-body .dl-table--right-7 {
    background-color: #f6faf3;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-7 {
    grid-area: left-7-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-7 {
    grid-area: left-7-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-7 {
    grid-area: right-7-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-7 {
    grid-area: right-7-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-8,
  .dl-table-xl-9 .dl-table-body .dl-table--right-8 {
    background-color: var(--color--light);
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-8 {
    grid-area: left-8-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-8 {
    grid-area: left-8-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-8 {
    grid-area: right-8-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-8 {
    grid-area: right-8-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-9,
  .dl-table-xl-9 .dl-table-body .dl-table--right-9 {
    background-color: #f6faf3;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--left-9 {
    grid-area: left-9-dt;
    padding-left: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--left-9 {
    grid-area: left-9-dd;
  }
  .dl-table-xl-9 .dl-table-body dt.dl-table--right-9 {
    grid-area: right-9-dt;
  }
  .dl-table-xl-9 .dl-table-body dd.dl-table--right-9 {
    grid-area: right-9-dd;
    padding-right: calc(1rem * var(--spacing--inline--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-9,
  .dl-table-xl-9 .dl-table-body .dl-table--right-9 {
    border-bottom-width: 0;
    padding-bottom: calc(1rem * var(--spacing--bottom--table-card-rows) / 16);
  }
  .dl-table-xl-9 .dl-table-body .dl-table--left-1,
  .dl-table-xl-9 .dl-table-body .dl-table--right-1 {
    padding-top: calc(1rem * var(--spacing--top--table-card-rows) / 16);
  }
}

/* Hide space field in mobile view for recognised-units details page */
@media screen and (max-width: 768px) {
  .dl-table-xl-9 .dl-table-body .dl-table--right-9 {
    display: none !important;
  }
}

/* Mobile Back-to-Top Button - Adjust positioning for mobile visibility */
@media screen and (max-width: 768px) {
  .page-controls {
    bottom: 110px !important;
    right: 20px !important;
  }
}
/* Mobile and desktop use same back-to-top behavior - no mobile overrides needed */

/* Universal Print Header - Apply home page print header style to all pages */
@media print {
      /* Card grid layout */
      .read-more-cards {
        page-break-before: always !important;
    }

    .read-more-cards .row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5cm !important;
    }

    .read-more-cards .col-12 {
        width: 100% !important;
        break-inside: avoid !important;
    }

  /* Header layout for all pages */
  #header-placeholder {
    display: block !important;
    margin-bottom: 1cm !important;
    height: 100px !important;
    position: relative !important;
    overflow: visible !important;
  }

  #header-placeholder .site-header {
    display: block !important;
    height: 100px !important;
    position: relative !important;
    overflow: visible !important;
  }

  #header-placeholder .site-header-container {
    display: block !important;
    height: 100px !important;
    position: relative !important;
    overflow: visible !important;
  }

  #header-placeholder .site-branding {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    height: 100px !important;
    position: relative !important;
  }

  /* Mobile logos - hide all language versions */
  #header-placeholder .hb-logo-mobile.hb-logo-mobile--tc.rem-img.rem-img--svg,
  #header-placeholder .hb-logo-mobile.hb-logo-mobile--sc.rem-img.rem-img--svg,
  #header-placeholder .hb-logo-mobile.hb-logo-mobile--en.rem-img.rem-img--svg {
    display: none !important;
  }

  /* Desktop logos - show all language versions */
  #header-placeholder .hb-logo-desktop.hb-logo-desktop--tc,
  #header-placeholder .hb-logo-desktop.hb-logo-desktop--sc,
  #header-placeholder .hb-logo-desktop.hb-logo-desktop--en {
    display: block !important;
  }

  /* BHU logo */
  #header-placeholder .bhu-logo .rem-img.rem-img--svg {
    display: block !important;
  }

  /* Logo sizing - make HB logo bigger like home page */

  #header-placeholder .hb-logo-desktop img,
  #header-placeholder .bhu-logo .rem-img.rem-img--svg img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
  }
  
  /* Override the CSS variables that control actual logo dimensions */

  
  /* Direct size control for print logos */
  #header-placeholder .hb-logo-desktop img {
    height: 100px !important;  /* Direct HB logo height control */
    width: 400px !important;
  }
  
  /* Multiple selectors to ensure BHU logo is controlled */

  #header-placeholder .bhu-logo .rem-img.rem-img--svg img {
    height: 80px !important;   /* Original BHU logo selector */
    width: 200px !important;
  }
  
  /* Force BHU logo container size too */
  #header-placeholder .bhu-logo {
    display: flex !important;
    align-items: center !important;
    width: 500px !important;
    height: 100px !important;
  }

  /* Logo containers */
  #header-placeholder .rem-img {
    display: block !important;
  }

  #header-placeholder .rem-img--svg {
    display: block !important;
  }

  /* Hide everything else in the header */
  #header-placeholder .site-navigation,
  #header-placeholder .site-languages,
  #header-placeholder .site-utilities,
  #header-placeholder .site-search,
  #header-placeholder .site-panel,
  #header-placeholder .site-panel-toggle {
    display: none !important;
  }
}

/* Fix download button text wrapping in mobile view */
.btn-link.btn-sm {
  white-space: nowrap;
}

/* Search Error Message Styling */
.search-error-message {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.search-error-message .alert {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 0.375rem;
  color: #856404;
  padding: 1rem;
  margin-bottom: 0;
}

.search-error-message .alert-heading {
  color: #856404;
  font-weight: 600;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}

.search-error-message .alert p {
  margin-bottom: 0;
  line-height: 1.5;
}

/* Responsive adjustments for search error message */
@media screen and (max-width: 768px) {
  .search-error-message {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  
  .search-error-message .alert {
    padding: 0.75rem;
  }
  
  .search-error-message .alert-heading {
    font-size: 1rem;
  }
}


/* ===================================================================
 * WARNING SECTION STYLES
 * =================================================================== */

/* Warning Section CSS Classes */
.warning-section {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 30px 0 30px 0 !important;
  padding: 15px !important;
  background: #F6FAF3 !important;
  box-sizing: border-box !important;
}

.warning-icon {
  width: 20px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  margin-top: -2px !important;
}

.warning-icon img {
  width: 20px !important;
  height: 18px !important;
}

.warning-content {
  flex: 1 !important;
  width: auto !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
}

.warning-title {
  margin: 0 0 8px 0 !important;
  font-size: clamp(16px, 4vw, 20px) !important;
  font-weight: 600 !important;
  color: #333 !important;
}

.warning-text {
  margin: 0 !important;
  padding-left: 20px !important;
  font-size: clamp(14px, 3.5vw, 18px) !important;
  line-height: 1.6 !important;
  color: #333 !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
}

.warning-text li {
  margin-bottom: 10px !important;
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
  hyphens: auto !important;
}

.warning-text li:last-child {
  margin-bottom: 0 !important;
}

/* Enhanced Mobile responsive - Small phones */
@media screen and (max-width: 480px) {

  .warning-text {
    padding: 0px !important;
  }
}

/* Mobile responsive - Regular phones */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .warning-section {
    flex-direction: column !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 25px 0 25px 0 !important;
    border-radius: 8px !important;
  }
  
  .warning-icon {
    margin-top: 0 !important;
    align-self: flex-start !important;
  }
  
  .warning-title {
    font-size: clamp(14px, 4.5vw, 18px) !important;
    margin-bottom: 6px !important;
    font-weight: 650 !important;
  }
  
  .warning-text {
    font-size: clamp(12px, 4vw, 16px) !important;
    line-height: 1.5 !important;
  }
}

/* Tablet responsive */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .warning-section {
    padding: 14px !important;
    margin: 28px 0 28px 0 !important;
    border-radius: 10px !important;
  }
  
  .warning-title {
    font-size: clamp(15px, 3.5vw, 19px) !important;
    font-weight: 620 !important;
  }
  
  .warning-text {
    font-size: clamp(13px, 3.2vw, 17px) !important;
    line-height: 1.55 !important;
  }
}

/* Large tablet/small desktop */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .warning-section {
    border-radius: 12px !important;
  }
  
  .warning-title {
    font-weight: 600 !important;
  }
  
  .warning-text {
    line-height: 1.6 !important;
  }
}
/* Responsive adjustments */
@media (max-width: 1199px) {
  .line-actions-list {
      min-width: 400px !important;
  }
  .line-actions-list li {
      min-width: 200px !important;
      margin-right: 5px !important; /* Reduce gap between li elements */
      margin-bottom: 0 !important;
  }


  .content-section-body {
      padding-bottom: 24px !important;
      height: auto;
  }

}

@media (max-width: 767.98px) {
  .line-actions-list {
      min-width: 400px !important;
  }
  .line-actions-list li {
      min-width: 140px !important;

      margin-right: 5px !important; /* Reduce gap between li elements */
      margin-bottom: 0 !important;
  }
  .forms-table {
      display: none;
  }
}

/* Header Grayscale Mode - Apply to specific elements, exclude HB logos 
.site-header .site-navigation,
.site-header .site-languages,
.site-header .site-utilities,
.site-header .site-search,
.site-header .site-panel,
.site-header .bhu-logo,
.site-header .bhu-logo *,
.site-header .skip-link,
.site-header button:not(.hb-logo button):not(.hb-logo-desktop button):not(.hb-logo-mobile button),
.site-header a:not(.hb-logo):not(.hb-logo a):not([class*="hb-logo"]),
.site-header span:not(.hb-logo span):not(.hb-logo-desktop):not(.hb-logo-mobile):not([class*="hb-logo"]),
.site-header svg:not(.hb-logo svg):not(.hb-logo-desktop svg):not(.hb-logo-mobile svg):not([class*="hb-logo"] svg),
.site-header img:not(.hb-logo img):not(.hb-logo-desktop img):not(.hb-logo-mobile img):not([class*="hb-logo"] img),
.site-header ul,
.site-header li,
.site-header form,
.site-header input,
.site-header label {
  filter: grayscale(100%) !important;
  -webkit-filter: grayscale(100%) !important;
}


.site-main,
.page-controls,
.chatbot-container,
.site-footer {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
 */

/* Search Results Pagination Styles */
.pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2rem 0;
}

.pagination-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #dee2e6;
  background: white;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s;
}

.pagination-arrow:hover:not(:disabled) {
  background-color: #f8f9fa;
  border-color: #0d6efd;
}

.pagination-arrow:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pagination-numbers {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.page-input {
  width: 60px;
  text-align: center;
  padding: 0.5rem;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  font-size: 1rem;
}

.page-input:focus {
  outline: none;
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.total-pages {
  color: #6c757d;
  font-size: 1rem;
}