html {
  --dim-image-filter: brightness(75%);
  --to-be-eliminated-by-csspurge: black;
  --font-size_root-base: clamp(1rem, 0.89vw + 0.82rem, 1.25rem);
  --font-size_root-normal: calc(1 * var(--font-size_root-base));
  --font-size_root-smaller-1: calc(0.84 * var(--font-size_root-base));
  --font-size_root-smaller-2: calc(0.71 * var(--font-size_root-base));
  --font-size_root-smaller-3: calc(0.59 * var(--font-size_root-base));
  --font-size_root-larger-1: calc(1.19 * var(--font-size_root-base));
  --font-size_root-larger-2: calc(1.41 * var(--font-size_root-base));
  --font-size_root-larger-3: calc(1.68 * var(--font-size_root-base));
  --font-size_root-larger-4: calc(2 * var(--font-size_root-base));
  --font-size_root-larger-5: calc(2.38 * var(--font-size_root-base));
  --font-size_root-larger-6: calc(2.83 * var(--font-size_root-base));
  --font-size-base: clamp(1rem, 0.89vw + 0.82rem, 1.25rem);
  --font-size-normal: calc(1 * var(--font-size-base));
  --font-size-smaller-1: calc(0.84 * var(--font-size-base));
  --font-size-smaller-2: calc(0.71 * var(--font-size-base));
  --font-size-smaller-3: calc(0.59 * var(--font-size-base));
  --font-size-larger-1: calc(1.19 * var(--font-size-base));
  --font-size-larger-2: calc(1.41 * var(--font-size-base));
  --font-size-larger-3: calc(1.68 * var(--font-size-base));
  --font-size-larger-4: calc(2 * var(--font-size-base));
  --font-size-larger-5: calc(2.38 * var(--font-size-base));
  --font-size-larger-6: calc(2.83 * var(--font-size-base));
  --font-size_heading-base: clamp(1.25rem, 1.34vw + 0.98rem, 2rem);
  --font-size_heading-normal: calc(1 * var(--font-size_heading-base));
  --font-size_heading-smaller-1: calc(0.84 * var(--font-size_heading-base));
  --font-size_heading-smaller-2: calc(0.71 * var(--font-size_heading-base));
  --font-size_heading-smaller-3: calc(0.59 * var(--font-size_heading-base));
  --font-size_heading-larger-1: calc(1.19 * var(--font-size_heading-base));
  --font-size_heading-larger-2: calc(1.41 * var(--font-size_heading-base));
  --font-size_heading-larger-3: calc(1.68 * var(--font-size_heading-base));
  --font-size_heading-larger-4: calc(2 * var(--font-size_heading-base));
  --font-size_heading-larger-5: calc(2.38 * var(--font-size_heading-base));
  --font-size_heading-larger-6: calc(2.83 * var(--font-size_heading-base));
  --body_margin-base: clamp(0.75rem, 3.13vw + 0.13rem, 2.5rem);
  --body_margin: var(--body_margin-base);
  --body_margin_4-0: calc(0 * var(--body_margin-base));
  --body_margin_4-1: calc(0.25 * var(--body_margin-base));
  --body_margin_4-2: calc(0.5 * var(--body_margin-base));
  --body_margin_4-3: calc(0.75 * var(--body_margin-base));
  --body_margin_4-4: var(--body_margin-base);
  --body_margin_4-5: calc(1.25 * var(--body_margin-base));
  --body_margin_4-6: calc(1.5 * var(--body_margin-base));
  --body_margin_4-7: calc(1.75 * var(--body_margin-base));
  --body_margin_4-8: calc(2 * var(--body_margin-base));
  --body_margin_4-9: calc(2.25 * var(--body_margin-base));
  --body_margin_4-10: calc(2.5 * var(--body_margin-base));
  --body_margin_4-11: calc(2.75 * var(--body_margin-base));
  --body_margin_4-12: calc(3 * var(--body_margin-base));
  --body_margin_4-13: calc(3.25 * var(--body_margin-base));
  --body_margin_4-14: calc(3.5 * var(--body_margin-base));
  --body_margin_4-15: calc(3.75 * var(--body_margin-base));
  --body_margin_4-16: calc(4 * var(--body_margin-base));
  --inner_margin-base: clamp(0.75rem, 2.68vw + 0.21rem, 1.5rem);
  --inner_margin: var(--inner_margin-base);
  --inner_margin_4-0: calc(0 * var(--inner_margin-base));
  --inner_margin_4-1: calc(0.25 * var(--inner_margin-base));
  --inner_margin_4-2: calc(0.5 * var(--inner_margin-base));
  --inner_margin_4-3: calc(0.75 * var(--inner_margin-base));
  --inner_margin_4-4: var(--inner_margin-base);
  --inner_margin_4-5: calc(1.25 * var(--inner_margin-base));
  --inner_margin_4-6: calc(1.5 * var(--inner_margin-base));
  --inner_margin_4-7: calc(1.75 * var(--inner_margin-base));
  --inner_margin_4-8: calc(2 * var(--inner_margin-base));
  --inner_margin_4-9: calc(2.25 * var(--inner_margin-base));
  --inner_margin_4-10: calc(2.5 * var(--inner_margin-base));
  --inner_margin_4-11: calc(2.75 * var(--inner_margin-base));
  --inner_margin_4-12: calc(3 * var(--inner_margin-base));
  --inner_margin_4-13: calc(3.25 * var(--inner_margin-base));
  --inner_margin_4-14: calc(3.5 * var(--inner_margin-base));
  --inner_margin_4-15: calc(3.75 * var(--inner_margin-base));
  --inner_margin_4-16: calc(4 * var(--inner_margin-base));
  --body_padding-base: clamp(0.75rem, 3.13vw + 0.13rem, 2.5rem);
  --body_padding: var(--body_padding-base);
  --body_padding_4-0: calc(0 * var(--body_padding-base));
  --body_padding_4-1: calc(0.25 * var(--body_padding-base));
  --body_padding_4-2: calc(0.5 * var(--body_padding-base));
  --body_padding_4-3: calc(0.75 * var(--body_padding-base));
  --body_padding_4-4: var(--body_padding-base);
  --body_padding_4-5: calc(1.25 * var(--body_padding-base));
  --body_padding_4-6: calc(1.5 * var(--body_padding-base));
  --body_padding_4-7: calc(1.75 * var(--body_padding-base));
  --body_padding_4-8: calc(2 * var(--body_padding-base));
  --body_padding_4-9: calc(2.25 * var(--body_padding-base));
  --body_padding_4-10: calc(2.5 * var(--body_padding-base));
  --body_padding_4-11: calc(2.75 * var(--body_padding-base));
  --body_padding_4-12: calc(3 * var(--body_padding-base));
  --body_padding_4-13: calc(3.25 * var(--body_padding-base));
  --body_padding_4-14: calc(3.5 * var(--body_padding-base));
  --body_padding_4-15: calc(3.75 * var(--body_padding-base));
  --body_padding_4-16: calc(4 * var(--body_padding-base));
  --inner_padding-base: clamp(0.75rem, 2.68vw + 0.21rem, 1.5rem);
  --inner_padding: var(--inner_padding-base);
  --inner_padding_4-0: calc(0 * var(--inner_padding-base));
  --inner_padding_4-1: calc(0.25 * var(--inner_padding-base));
  --inner_padding_4-2: calc(0.5 * var(--inner_padding-base));
  --inner_padding_4-3: calc(0.75 * var(--inner_padding-base));
  --inner_padding_4-4: var(--inner_padding-base);
  --inner_padding_4-5: calc(1.25 * var(--inner_padding-base));
  --inner_padding_4-6: calc(1.5 * var(--inner_padding-base));
  --inner_padding_4-7: calc(1.75 * var(--inner_padding-base));
  --inner_padding_4-8: calc(2 * var(--inner_padding-base));
  --inner_padding_4-9: calc(2.25 * var(--inner_padding-base));
  --inner_padding_4-10: calc(2.5 * var(--inner_padding-base));
  --inner_padding_4-11: calc(2.75 * var(--inner_padding-base));
  --inner_padding_4-12: calc(3 * var(--inner_padding-base));
  --inner_padding_4-13: calc(3.25 * var(--inner_padding-base));
  --inner_padding_4-14: calc(3.5 * var(--inner_padding-base));
  --inner_padding_4-15: calc(3.75 * var(--inner_padding-base));
  --inner_padding_4-16: calc(4 * var(--inner_padding-base));
  --font-size: var(--font-size-normal);
  --font-size-aside: var(--font-size_root-normal);
  --font-size-aside-meta: var(--font-size_root-smaller-1);
  --font-size-footer: var(--font-size_root-smaller-1);
  --font-size-lede: var(--font-size_root-larger-1);
  --font-size-meta: var(--font-size_root-smaller-1);
  --font-size-button: var(--font-size-normal);
  --font-size-title: var(--font-size_heading-larger-4);
  --font-size-supertitle: var(--font-size_heading-normal);
  --font-size-subtitle: var(--font-size_heading-normal);
  --font-size-nav: var(--font-size-normal);
  --font-weight-strong: 700;
  --font-weight-light: 400;
  --font-weight-heading: 700;
  --font-weight-supertitle: 700;
  --font-weight-subtitle: 400;
  --font-weight-code: 400;
  --line-height-heading: 1.2;
  --line-height-label: 1.2;
  --icon-height: 1.2em;
  --icon-height-nav: 1.5rem;
  --icon-height-meta: 1em;
  --ease: cubic-bezier(0.39, 0.575, 0.565, 1);
  --easing: cubic-bezier(0.19, 1, 0.22, 1);
  /*! purgecss start ignore */
  --color-scheme: "light";
  --color-scheme-duration: 0.7s;
  --color-scheme-timing: ease;
  /*! purgecss end ignore */
  --screenViewNavHeight: 2.5rem;
  --navigation-header-height: 0;
  --choice-bg-menu: var(--haze);
  --choice-bg-menu-active: var(--xxxhaze);
  --text: hsl(200, 10%, 13%);
  --text-hover: rgb(23.868, 27.404, 29.172);
  --text-light: hsl(200, 10%, 13%);
  --text-dark: hsl(200, 10%, 100%);
  --text-faint: rgb(86.12625, 89.44125, 91.09875);
  --link: hsl(200, 100%, 27%);
  --link-visited: hsl(230, 60%, 24%);
  --link-hover: hsl(200, 100%, 27%);
  --link-focus: hsl(200, 100%, 30%);
  --link-active: hsl(200, 100%, 30%);
  --link-dark: hsl(200, 100%, 40%);
  --link-dark-visited: hsl(260, 80%, 67.5%);
  --link-dark-hover: hsl(200, 100%, 65%);
  --link-dark-focus: hsl(200, 100%, 50%);
  --link-dark-active: hsl(200, 100%, 50%);
  --bg: hsl(200, 10%, 95%);
  --bg-hover: rgb(236.64, 245.82, 250.41);
  --bg-box: rgb(228.92625, 230.54125, 231.34875);
  --bg-light: rgb(228.92625, 230.54125, 231.34875);
  --bg-light-hover: rgb(234.141, 235.433, 236.079);
  --bg-dark: rgb(12.04875, 12.13375, 12.17625);
  --bg-dark-hover: rgb(72.7865625, 72.8503125, 72.8821875);
  --theme: hsl(200, 100%, 30%);
  --theme-hover: rgb(0, 91.8, 137.7);
  --theme-bg: hsl(200, 10%, 98%);
  --theme-bg-active: hsl(200, 40%, 80%);
  --theme-bg-hover: hsl(200, 100%, 80%);
  --theme-text: hsl(200, 50%, 25%);
  --theme-text-active: rgb(25.5, 59.5, 76.5);
  --theme-text-hover: rgb(25.5, 59.5, 76.5);
  --neutral-theme: hsl(0, 0%, 13%);
  --accent: hsl(20, 100%, 40%);
  --xaccent: hsl(20, 100%, 25%);
  --dark-hover: hsl(0, 0%, 20%);
  --haze: hsl(200, 20%, 90%);
  --xhaze: hsl(200, 20%, 80%);
  --xxhaze: hsl(200, 20%, 70%);
  --xxxhaze: hsl(200, 20%, 60%);
  --theme-haze: hsla(200, 10%, 98%, 0.8);
  --theme-xhaze: hsla(200, 20%, 99%, 0.8);
  --theme-xxhaze: hsla(200, 25%, 100%, 0.8);
  --theme-xxxhaze: hsla(200, 30%, 101%, 0.8);
  --theme-haze-hover: hsla(200, 10%, 98%, 0.9);
  --neutral-haze: hsl(0, 0%, 80%);
  --highlight-bg-yellow: hsl(60, 100%, 77%);
  --initial: hsl(0, 100%, 30%);
  --header-text: var(--theme-text);
  --code-text: var(--text-dark);
  --code-bg: var(--bg-dark);
  --code-scrollbar-track: hsl(0, 0%, 20%);
  --code-scrollbar-thumb: hsla(0, 0%, 50%, 0.5);
  --code-scrollbar-thumb-border: hsla(0, 0%, 60%, 0.5);
  --table-bg: var(--theme-bg);
  --table-haze: var(--haze);
  --table-border: var(--neutral-haze);
  --figure-bg: var(--bg-box);
  --footer-bg: var(--haze);
  --shadow: hsla(0, 0%, 0%, 0.12);
  --translucent: hsla(0, 0%, 0%, 0.05);
  --translucent-hover: hsla(0, 0%, 100%, 0.1);
  --choice-bg: var(--bg);
  --print-bg: white;
  --logo-fill-background: transparent;
  --logo-fill-primary: hsl(200, 100%, 30%);
  --logo-fill-secondary: hsl(0, 60%, 40%);
  --logo-fill-tertiary: hsl(200, 100%, 20%);
  --logo-fill-background-inverse: transparent;
  --logo-fill-primary-inverse: hsl(200, 100%, 50%);
  --logo-fill-secondary-inverse: hsl(0, 50%, 50%);
  --logo-fill-tertiary-inverse: hsl(200, 100%, 80%);
  --RGB_text: 30, 34, 36;
  --RGB_bg: 241, 243, 244;
  --RGB_theme: 0, 102, 153;
  --RGB_theme-bg: 249, 250, 250;
  --RGB_choice-bg: 241, 243, 244;
  --RGB_xhaze: 194, 207, 214;
  --RGB_link: 0, 92, 138;
  --RGB_link-visited: 24, 37, 98;
  --RGB_link-hover: 0, 92, 138;
  --RGB_link-focus: 0, 102, 153;
  --RGB_link-active: 0, 102, 153;
  --RGB_link-dark: 0, 136, 204;
  --RGB_link-dark-visited: 150, 106, 238;
  --RGB_link-dark-hover: 77, 195, 255;
  --RGB_link-dark-focus: 0, 170, 255;
  --RGB_link-dark-active: 0, 170, 255;
  --RGB_highlight-bg-yellow: 255, 255, 138;
}
@media screen and (min-width: 36rem) {
  html {
    --screenViewNavHeight: 3rem;
  }
}
html:not(.kind-page) {
  --choice-bg: var(--theme-bg);
  --RGB_choice-bg: var(--RGB_theme-bg);
}
@media screen {
  html[data-color-scheme=dark] {
    --theme-text-dim: hsla(0,0%,100%,0.87);
    --color-scheme: "dark";
    --text: var(--theme-text-dim);
    --accent: var(--bubble);
    --code-bg: var(--translucent);
    --header-text: var(--theme-text-dim);
    --table-bg: var(--code-bg);
    --table-haze: hsla(0, 0%, 100%, 0.1);
    --table-border: var(--code-bg);
    --footer-bg: var(--bg);
    --text: hsl(200, 10%, 100%);
    --text-hover: #cccccc;
    --text-light: hsl(200, 10%, 13%);
    --text-dark: hsl(200, 10%, 100%);
    --text-faint: rgb(216.75, 216.75, 216.75);
    --link: hsl(200, 100%, 40%);
    --link-visited: hsl(260, 80%, 67.5%);
    --link-hover: hsl(200, 100%, 65%);
    --link-focus: hsl(200, 100%, 50%);
    --link-active: hsl(200, 100%, 50%);
    --link-dark: hsl(200, 100%, 40%);
    --link-dark-visited: hsl(260, 80%, 67.5%);
    --link-dark-hover: hsl(200, 100%, 65%);
    --link-dark-focus: hsl(200, 100%, 50%);
    --link-dark-active: hsl(200, 100%, 50%);
    --bg: hsl(200, 40%, 5%);
    --bg-hover: rgb(45.83625, 50.17125, 52.33875);
    --bg-box: rgb(3.825, 7.225, 8.925);
    --bg-light: rgb(180.795, 182.835, 183.855);
    --bg-light-hover: rgb(195.636, 197.268, 198.084);
    --bg-dark: rgb(3.825, 7.225, 8.925);
    --bg-dark-hover: rgb(54.06, 56.78, 58.14);
    --theme: hsl(200, 100%, 50%);
    --theme-hover: rgb(25.5, 178.5, 255);
    --theme-bg: hsl(200, 30%, 10%);
    --theme-bg-active: hsl(200, 40%, 30%);
    --theme-bg-hover: hsl(200, 100%, 30%);
    --theme-text: hsl(200, 85%, 85%);
    --theme-text-active: rgb(198.39, 233.07, 250.41);
    --theme-text-hover: rgb(198.39, 233.07, 250.41);
    --neutral-theme: hsl(0, 0%, 80%);
    --accent: hsl(20, 100%, 40%);
    --xaccent: hsl(20, 100%, 65%);
    --dark-hover: hsl(0, 0%, 20%);
    --haze: hsl(200, 10%, 20%);
    --xhaze: hsl(200, 10%, 30%);
    --xxhaze: hsl(200, 10%, 40%);
    --xxxhaze: hsl(200, 10%, 50%);
    --theme-haze: hsla(200, 30%, 10%, 0.8);
    --theme-xhaze: hsla(200, 20%, 30%, 0.8);
    --theme-xxhaze: hsla(200, 15%, 35%, 0.8);
    --theme-xxxhaze: hsla(200, 15%, 40%, 0.8);
    --theme-haze-hover: hsla(200, 15%, 25%, 0.95);
    --neutral-haze: hsl(0, 0%, 20%);
    --highlight-bg-yellow: hsl(60, 100%, 20%);
    --initial: hsl(0, 100%, 60%);
    --header-text: var(--theme-text);
    --code-text: var(--text-dark);
    --code-bg: var(--bg-dark);
    --code-scrollbar-track: hsl(0, 0%, 20%);
    --code-scrollbar-thumb: hsla(0, 0%, 50%, 0.5);
    --code-scrollbar-thumb-border: hsla(0, 0%, 80%, 0.5);
    --table-bg: var(--theme-bg);
    --table-haze: var(--haze);
    --table-border: var(--neutral-haze);
    --figure-bg: var(--bg-box);
    --footer-bg: var(--bg);
    --shadow: hsla(0, 100%, 100%, 0.12);
    --translucent: hsla(0, 0%, 100%, 0.05);
    --translucent-hover: hsla(0, 0%, 100%, 0.25);
    --choice-bg: var(--bg);
    --print-bg: white;
    --logo-fill-background: transparent;
    --logo-fill-primary: hsl(200, 100%, 50%);
    --logo-fill-secondary: hsl(0, 50%, 50%);
    --logo-fill-tertiary: hsl(200, 100%, 80%);
    --logo-fill-background-inverse: transparent;
    --logo-fill-primary-inverse: hsl(200, 100%, 30%);
    --logo-fill-secondary-inverse: hsl(0, 60%, 40%);
    --logo-fill-tertiary-inverse: hsl(200, 100%, 20%);
    --RGB_text: 255, 255, 255;
    --RGB_bg: 8, 14, 18;
    --RGB_theme: 0, 170, 255;
    --RGB_theme-bg: 18, 28, 33;
    --RGB_choice-bg: 8, 14, 18;
    --RGB_xhaze: 69, 79, 84;
    --RGB_link: 0, 136, 204;
    --RGB_link-visited: 150, 106, 238;
    --RGB_link-hover: 77, 195, 255;
    --RGB_link-focus: 0, 170, 255;
    --RGB_link-active: 0, 170, 255;
    --RGB_link-dark: 0, 136, 204;
    --RGB_link-dark-visited: 150, 106, 238;
    --RGB_link-dark-hover: 77, 195, 255;
    --RGB_link-dark-focus: 0, 170, 255;
    --RGB_link-dark-active: 0, 170, 255;
    --RGB_highlight-bg-yellow: 102, 102, 0;
  }
  html[data-color-scheme=dark] img:not([src*=".svg"]) {
    filter: var(--dim-image-filter);
  }
  html[data-color-scheme=dark] svg.icon {
    fill: var(--theme-text);
  }
  html[data-color-scheme=dark] .icon img {
    background: none;
  }
  html[data-color-scheme=dark] .icon svg {
    fill: #fafafa;
  }
  html[data-color-scheme=dark] .nav_color-scheme_choice_light {
    opacity: 0;
  }
  html[data-color-scheme=dark] .nav_color-scheme_choice_dark {
    opacity: 1;
  }
}
@media screen and (any-hover: hover) {
  html[data-color-scheme=dark]:not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_light {
    opacity: 1;
    z-index: 1;
  }
  html[data-color-scheme=dark]:not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_dark {
    opacity: 0;
    transition: none;
    z-index: auto;
  }
}
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme=light]) {
    --theme-text-dim: hsla(0,0%,100%,0.87);
    --color-scheme: "dark";
    --text: var(--theme-text-dim);
    --accent: var(--bubble);
    --code-bg: var(--translucent);
    --header-text: var(--theme-text-dim);
    --table-bg: var(--code-bg);
    --table-haze: hsla(0, 0%, 100%, 0.1);
    --table-border: var(--code-bg);
    --footer-bg: var(--bg);
    --text: hsl(200, 10%, 100%);
    --text-hover: #cccccc;
    --text-light: hsl(200, 10%, 13%);
    --text-dark: hsl(200, 10%, 100%);
    --text-faint: rgb(216.75, 216.75, 216.75);
    --link: hsl(200, 100%, 40%);
    --link-visited: hsl(260, 80%, 67.5%);
    --link-hover: hsl(200, 100%, 65%);
    --link-focus: hsl(200, 100%, 50%);
    --link-active: hsl(200, 100%, 50%);
    --link-dark: hsl(200, 100%, 40%);
    --link-dark-visited: hsl(260, 80%, 67.5%);
    --link-dark-hover: hsl(200, 100%, 65%);
    --link-dark-focus: hsl(200, 100%, 50%);
    --link-dark-active: hsl(200, 100%, 50%);
    --bg: hsl(200, 40%, 5%);
    --bg-hover: rgb(45.83625, 50.17125, 52.33875);
    --bg-box: rgb(3.825, 7.225, 8.925);
    --bg-light: rgb(180.795, 182.835, 183.855);
    --bg-light-hover: rgb(195.636, 197.268, 198.084);
    --bg-dark: rgb(3.825, 7.225, 8.925);
    --bg-dark-hover: rgb(54.06, 56.78, 58.14);
    --theme: hsl(200, 100%, 50%);
    --theme-hover: rgb(25.5, 178.5, 255);
    --theme-bg: hsl(200, 30%, 10%);
    --theme-bg-active: hsl(200, 40%, 30%);
    --theme-bg-hover: hsl(200, 100%, 30%);
    --theme-text: hsl(200, 85%, 85%);
    --theme-text-active: rgb(198.39, 233.07, 250.41);
    --theme-text-hover: rgb(198.39, 233.07, 250.41);
    --neutral-theme: hsl(0, 0%, 80%);
    --accent: hsl(20, 100%, 40%);
    --xaccent: hsl(20, 100%, 65%);
    --dark-hover: hsl(0, 0%, 20%);
    --haze: hsl(200, 10%, 20%);
    --xhaze: hsl(200, 10%, 30%);
    --xxhaze: hsl(200, 10%, 40%);
    --xxxhaze: hsl(200, 10%, 50%);
    --theme-haze: hsla(200, 30%, 10%, 0.8);
    --theme-xhaze: hsla(200, 20%, 30%, 0.8);
    --theme-xxhaze: hsla(200, 15%, 35%, 0.8);
    --theme-xxxhaze: hsla(200, 15%, 40%, 0.8);
    --theme-haze-hover: hsla(200, 15%, 25%, 0.95);
    --neutral-haze: hsl(0, 0%, 20%);
    --highlight-bg-yellow: hsl(60, 100%, 20%);
    --initial: hsl(0, 100%, 60%);
    --header-text: var(--theme-text);
    --code-text: var(--text-dark);
    --code-bg: var(--bg-dark);
    --code-scrollbar-track: hsl(0, 0%, 20%);
    --code-scrollbar-thumb: hsla(0, 0%, 50%, 0.5);
    --code-scrollbar-thumb-border: hsla(0, 0%, 80%, 0.5);
    --table-bg: var(--theme-bg);
    --table-haze: var(--haze);
    --table-border: var(--neutral-haze);
    --figure-bg: var(--bg-box);
    --footer-bg: var(--bg);
    --shadow: hsla(0, 100%, 100%, 0.12);
    --translucent: hsla(0, 0%, 100%, 0.05);
    --translucent-hover: hsla(0, 0%, 100%, 0.25);
    --choice-bg: var(--bg);
    --print-bg: white;
    --logo-fill-background: transparent;
    --logo-fill-primary: hsl(200, 100%, 50%);
    --logo-fill-secondary: hsl(0, 50%, 50%);
    --logo-fill-tertiary: hsl(200, 100%, 80%);
    --logo-fill-background-inverse: transparent;
    --logo-fill-primary-inverse: hsl(200, 100%, 30%);
    --logo-fill-secondary-inverse: hsl(0, 60%, 40%);
    --logo-fill-tertiary-inverse: hsl(200, 100%, 20%);
    --RGB_text: 255, 255, 255;
    --RGB_bg: 8, 14, 18;
    --RGB_theme: 0, 170, 255;
    --RGB_theme-bg: 18, 28, 33;
    --RGB_choice-bg: 8, 14, 18;
    --RGB_xhaze: 69, 79, 84;
    --RGB_link: 0, 136, 204;
    --RGB_link-visited: 150, 106, 238;
    --RGB_link-hover: 77, 195, 255;
    --RGB_link-focus: 0, 170, 255;
    --RGB_link-active: 0, 170, 255;
    --RGB_link-dark: 0, 136, 204;
    --RGB_link-dark-visited: 150, 106, 238;
    --RGB_link-dark-hover: 77, 195, 255;
    --RGB_link-dark-focus: 0, 170, 255;
    --RGB_link-dark-active: 0, 170, 255;
    --RGB_highlight-bg-yellow: 102, 102, 0;
  }
  html:not([data-color-scheme=light]) img:not([src*=".svg"]) {
    filter: var(--dim-image-filter);
  }
  html:not([data-color-scheme=light]) svg.icon {
    fill: var(--theme-text);
  }
  html:not([data-color-scheme=light]) .icon img {
    background: none;
  }
  html:not([data-color-scheme=light]) .icon svg {
    fill: #fafafa;
  }
  html:not([data-color-scheme=light]) .nav_color-scheme_choice_light {
    opacity: 0;
  }
  html:not([data-color-scheme=light]) .nav_color-scheme_choice_dark {
    opacity: 1;
  }
}
@media screen and (prefers-color-scheme: dark) and (any-hover: hover) {
  html:not([data-color-scheme=light]):not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_light {
    opacity: 1;
    z-index: 1;
  }
  html:not([data-color-scheme=light]):not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_dark {
    opacity: 0;
    transition: none;
    z-index: auto;
  }
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-kerning: normal;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeSpeed;
  font-size: 100%;
}
html::-webkit-scrollbar-corner {
  background-color: transparent;
}

body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  background: var(--choice-bg);
  color: var(--text);
  font-size: var(--font-size);
  font-kerning: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
body.macos, body.windows, body.ios {
  text-rendering: optimizeLegibility;
}
html[data-color-scheme-transition] body {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}

a {
  text-decoration: none;
  color: inherit;
  hyphens: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
a:focus, a:focus-within {
  outline: none;
}
@media (any-hover: hover) {
  a:hover {
    color: var(--text-hover);
  }
}
a:active {
  color: var(--xaccent);
}
a:focus:not(a:active) {
  outline: 1px dashed var(--link-focus);
}
a div,
a section,
a article,
a aside,
a header,
a p {
  hyphens: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 1.5rem 0 calc(1.5rem * 0.25) 0;
  color: var(--header-text);
  font-weight: var(--font-weight-strong);
  hyphens: manual;
  overflow-wrap: anywhere;
}
h1 .icon,
h1 .icon svg,
h2 .icon,
h2 .icon svg,
h3 .icon,
h3 .icon svg,
h4 .icon,
h4 .icon svg,
h5 .icon,
h5 .icon svg,
h6 .icon,
h6 .icon svg {
  width: 1em;
  height: 1em;
}
h1.heading_link,
h2.heading_link,
h3.heading_link,
h4.heading_link,
h5.heading_link,
h6.heading_link {
  margin-right: 2em;
}
h1 .link,
h2 .link,
h3 .link,
h4 .link,
h5 .link,
h6 .link {
  margin: 0 -2em 0 0;
  padding: 0 0 0 0.25em;
  display: inline-flex;
  flex-direction: column;
}
h1 .icon svg,
h2 .icon svg,
h3 .icon svg,
h4 .icon svg,
h5 .icon svg,
h6 .icon svg {
  position: absolute;
  top: 0.1em;
}
h1:hover .link,
h2:hover .link,
h3:hover .link,
h4:hover .link,
h5:hover .link,
h6:hover .link {
  opacity: 1;
  fill: var(--link-hover);
}

h1 {
  font-size: var(--font-size-larger-3);
}

h2 {
  font-size: var(--font-size-larger-2);
}

h3 {
  font-size: var(--font-size-larger-1);
}

h4, h5, h6 {
  font-size: var(--font-size-normal);
}

img,
svg {
  max-width: 100%;
  vertical-align: middle;
}

img {
  height: auto;
  margin: 0;
  padding: 0;
}
img:focus, img:focus-within {
  outline: none !important;
  border: none !important;
}

main img {
  content-visibility: auto;
}

ul, ol {
  margin-left: 0;
  padding-left: 1em;
}
ul > li + li, ol > li + li {
  margin-top: 0;
  padding-top: 0.5em;
}

ul > li {
  list-style: disc outside;
  margin-left: 0.8em;
  padding-left: 0.2em;
}
ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
ul > li > ul li::before {
  content: "–";
  float: left;
  margin-left: -1.75em;
}
ul > li > ul li > ul li {
  margin-left: -0.25em;
  padding-left: 0.75em;
  list-style-type: circle;
}
ul > li > ul li > ul li::before {
  content: none;
}

ol li {
  list-style: decimal outside;
  margin-left: 1em;
  padding-left: 0.5em;
}

li ul, li ol {
  padding-left: 1.25em;
}

pre {
  min-width: 0;
}

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

sup,
sub {
  line-height: 0;
}

hr {
  border: none;
  padding: 1px;
  background: var(--xhaze);
  margin: var(--inner_margin) 0;
}

aside h3 {
  position: relative;
  margin: 0 !important;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--table-haze);
}

td,
th {
  padding: 0.5rem 1rem;
  border: 1px solid var(--table-border);
  font-weight: var(--font-weight);
}
td:not(:first-child),
th:not(:first-child) {
  padding-left: 1.5rem;
}

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

tbody {
  padding: 0;
}
tbody tr:nth-child(even) {
  background-color: var(--table-haze);
}
tbody tr:nth-child(odd) {
  background-color: var(--table-bg);
}

blockquote {
  font-style: italic;
  --box-margin-top: 0.25em;
  --box-margin-right: 0;
  --box-margin-bottom: calc(0.5 * var(--box-margin-top));
  --box-margin-left: 0;
  --box-padding-top: 0.5rem;
  --box-padding-right: 1.0rem;
  --box-padding-bottom: calc(1.2 * var(--box-padding-top));
  --box-padding-left: calc(var(--quotation-mark-open-height));
  --quotation-mark-font-size-to-height-factor: 5;
  --quotation-mark-open-height: calc(1 * var(--font-size));
  --quotation-mark-open-font-size: calc(var(--quotation-mark-open-height) * var(--quotation-mark-font-size-to-height-factor));
  --quotation-mark-close-height: calc(2 * var(--font-size));
  --quotation-mark-close-font-size: calc(var(--quotation-mark-close-height) * var(--quotation-mark-font-size-to-height-factor));
  --quote-padding-left: calc(var(--box-padding-left) + 0.75 * var(--quotation-mark-open-height));
  --quote-padding-right: calc(var(--box-padding-right) + 1.5 * var(--quotation-mark-close-height));
  margin: var(--box-margin-top) var(--box-margin-right) var(--box-margin-bottom) var(--box-margin-left);
  color: var(--text);
  position: relative;
  overflow: hidden;
  background: transparent;
  width: calc(100% - var(--box-margin-left) - var(--box-margin-right));
  padding: calc(var(--box-padding-top)) calc(var(--box-padding-right) + var(--quote-padding-right)) calc(var(--box-padding-bottom)) calc(var(--box-padding-left) + var(--quote-padding-left));
  min-height: calc(1.25 * var(--quotation-mark-close-height));
}
blockquote::before {
  content: "“";
  position: absolute;
  top: calc(var(--box-padding-top) + var(--quotation-mark-open-height));
  left: 0;
  line-height: var(--quotation-mark-open-height);
  font-size: var(--quotation-mark-open-font-size);
  color: rgba(var(--RGB_text), 0.5);
  font-weight: normal;
}
blockquote::after {
  content: "”";
  position: absolute;
  bottom: calc(0px - 0.5 * var(--quotation-mark-close-height));
  right: calc(var(--box-padding-right) - 0.5 * var(--quotation-mark-close-height));
  line-height: var(--quotation-mark-close-height);
  font-size: calc(var(--quotation-mark-close-font-size));
  color: rgba(var(--RGB_text), 0.1);
  font-weight: normal;
}
blockquote footer {
  text-align: right;
  margin: 0 4em 0 2em;
  margin: 0;
}
blockquote footer cite {
  display: block;
  font-weight: var(--font-weight-light);
  opacity: 0.8;
  font-style: italic;
}

@media screen and (min-width: 48rem) and (min-height: 42rem) {
  .view-screen blockquote {
    --quotation-mark-open-height: 1rem;
    --quotation-mark-close-height: 3rem;
    --box-margin-left: 5%;
    --box-margin-right: 5%;
  }
}
@media screen and (min-width: 60rem) {
  .view-screen blockquote {
    --quotation-mark-open-height: 1.2rem;
    --quotation-mark-close-height: 3.6rem;
    --box-margin-left: 10%;
    --box-margin-right: 10%;
  }
  .view-screen blockquote h2,
  .view-screen blockquote h3,
  .view-screen blockquote h4,
  .view-screen blockquote h5 {
    color: var(--text);
    margin: 0;
    padding: 0;
  }
  .view-screen blockquote + .highlight_wrap {
    margin-top: 2.25rem;
  }
}
dl {
  --column-gap: 1em;
  --dt-width: calc( (100% - var(--column-gap)) / 2);
  --dt-padding-left: calc(var(--dt-width) + var(--column-gap));
  --dd-width: calc(100% - var(--dt-width) - var(--column-gap));
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

dl > * {
  margin-top: 0.5em;
}

dt {
  width: var(--dt-width);
  font-weight: var(--font-weight-strong);
  text-align: right;
}

dd {
  width: var(--dd-width);
  padding-left: var(--column-gap);
  margin-left: 0;
}

dd + dd {
  width: 100%;
  padding-left: calc(var(--dt-padding-left));
}

dt + dt {
  padding-right: var(--dd-width);
}

dt + dt + dd {
  margin-top: -1.625em;
  /* own height including padding */
  padding-left: calc(var(--dt-padding-left));
}

@media screen and (min-width: 36rem) {
  dl {
    --dt-width: 25%;
  }
}
.header_multicolumn {
  width: 100%;
}
@media screen {
  .header_multicolumn {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}

.main_claris {
  z-index: 1;
  background: var(--choice-bg);
}
html[data-color-scheme-transition] .main_claris {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.main_inner {
  clear: both;
  padding: 0 0 var(--body_padding) 0;
}
@media screen {
  .main_inner {
    padding-top: env(safe-area-inset-top, 0px);
  }
}
.main_inner h1:first-child {
  margin-top: 0;
  padding-top: 0;
}

.content + .content {
  padding-top: var(--body_padding);
}

@media screen {
  .content a, .content a:link, .content a:visited, .content a:focus {
    text-decoration: none;
  }
  .content a:hover, .content a:active {
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 0.05em;
  }
  .content a, .content a:link {
    color: rgba(var(--RGB_link), 1);
    text-decoration-color: rgba(var(--RGB_link), 0.5);
  }
  .content a:visited {
    color: rgba(var(--RGB_link-visited), 1);
    text-decoration-color: rgba(var(--RGB_link-visited), 0.5);
  }
}
@media screen and (any-hover: hover) {
  .content a:hover {
    color: rgba(var(--RGB_link-hover), 1);
    text-decoration-color: rgba(var(--RGB_link-hover), 1);
  }
}
@media screen {
  .content a:focus {
    color: rgba(var(--RGB_link-focus), 1);
    text-decoration-color: rgba(var(--RGB_link-focus), 0.5);
    outline: 1px dashed var(--link-focus);
  }
  .content a:active {
    color: rgba(var(--RGB_link-active), 1);
    text-decoration-color: rgba(var(--RGB_link-active), 1);
  }
}
.content sub a, .content sup a, .content a.no-link, .content a.button, .content a.footnote-backref {
  text-decoration: none;
}
.content sub a, .content sub a:link, .content sub a:hover, .content sub a:visited, .content sub a:focus, .content sub a:active, .content sup a, .content sup a:link, .content sup a:hover, .content sup a:visited, .content sup a:focus, .content sup a:active, .content a.no-link, .content a.no-link:link, .content a.no-link:hover, .content a.no-link:visited, .content a.no-link:focus, .content a.no-link:active, .content a.button, .content a.button:link, .content a.button:hover, .content a.button:visited, .content a.button:focus, .content a.button:active, .content a.footnote-backref, .content a.footnote-backref:link, .content a.footnote-backref:hover, .content a.footnote-backref:visited, .content a.footnote-backref:focus, .content a.footnote-backref:active {
  text-decoration: none;
}
.content_singlecolumn {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
@media screen {
  .content_singlecolumn {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen {
  .content_singlecolumn:first-child:last-child {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
.content_multicolumn {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}
@media screen {
  .content_multicolumn {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
.content_multicolumn:first-child:last-child {
  width: 100%;
}
@media screen {
  .content_multicolumn:first-child:last-child {
    padding-top: max(1 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(1 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
.content_full-bleed {
  clear: both;
  padding: 0;
  margin: 0;
}
.content_full-bleed:first-child:last-child {
  padding: 0;
  margin: 0;
}

@media screen {
  .container_singlecolumn {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
.container_multicolumn {
  width: 100%;
}
@media screen {
  .container_multicolumn {
    padding-top: max(1 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(1 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
.container_full-bleed {
  padding: 0;
  margin: 0;
}

.panel_container {
  clear: both;
}
.panel_container p:first-child, .panel_container ul:first-child, .panel_container ol:first-child {
  margin-top: calc(1em * (1 - 0.92 * var(--line-height)));
}
.panel_container.layout-flex {
  display: flex;
  flex-direction: column;
}
.panel_container.layout-grid {
  display: grid;
  column-gap: var(--inner_margin);
}
.panel_title {
  margin: calc(1em * (1 - var(--line-height-heading))) 0 var(--inner_margin) 0;
  padding: 0;
}
.layout-flex .panel_title {
  font-size: 150%;
}
.layout-grid .panel_title {
  grid-row: 1;
  font-weight: var(--font-weight);
  padding-bottom: var(--inner_margin_4-1);
}
.panel_content {
  --header-text: var(--text);
}
.panel_content h3 {
  font-size: 125%;
}
.panel_content.background-dark {
  color: var(--text-dark);
}
.panel_content.background-dark h2,
.panel_content.background-dark h3 {
  color: var(--text-dark);
}
.layout-grid .panel_content {
  grid-row: 2;
}
.panel_item {
  border-top: 2px solid var(--text-faint);
  padding: var(--inner_padding) 0;
  background: var(--choice-bg);
}
html[data-color-scheme-transition] .panel_item {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.panel_item_inner {
  margin: 0 auto;
}
@media screen {
  .panel_item_content {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
.layout-grid .panel_item-1 {
  grid-column: 1;
}
.layout-grid .panel_item-2 {
  grid-column: 2;
}
.layout-grid .panel_item-3 {
  grid-column: 3;
}
.layout-grid .panel_item-4 {
  grid-column: 4;
}
.layout-grid .panel_item-5 {
  grid-column: 5;
}

.card_container {
  color: var(--text);
  margin-top: var(--inner_margin);
}
.layout-flex .card_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--inner_margin);
}
@media screen and (min-width: 36rem) {
  .layout-flex .card_container {
    justify-content: space-evenly;
  }
}
.layout-grid .card_container {
  grid-row: 3;
}
.card_title {
  margin: calc(1em * (1 - var(--line-height-heading))) 0 var(--inner_margin) 0;
  padding: 0;
}
.card_item h3,
.card_item h4 {
  margin-top: 0;
}
.layout-flex .card_item {
  display: block;
  flex: 1 1 10%;
  background: var(--bg);
  min-width: min(100%, (76rem - 1 * var(--inner_margin)) / 2);
  box-shadow:  inset 0 0 3rem hsla(0, 0%, 0%, 0.2);
}
.layout-flex .card_item:hover {
  box-shadow: 0 0 3rem hsla(0, 0%, 0%, 0.4);
}
@media screen {
  html[data-color-scheme=dark] .layout-flex .card_item {
    box-shadow:  inset 0 0 3rem hsla(0, 0%, 50%, 0.2);
  }
  html[data-color-scheme=dark] .layout-flex .card_item:hover {
    box-shadow: 0 0 3rem hsla(0, 0%, 100%, 0.4);
  }
}
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme=light]) .layout-flex .card_item {
    box-shadow:  inset 0 0 3rem hsla(0, 0%, 50%, 0.2);
  }
  html:not([data-color-scheme=light]) .layout-flex .card_item:hover {
    box-shadow: 0 0 3rem hsla(0, 0%, 100%, 0.4);
  }
}
html[data-color-scheme-transition] .layout-flex .card_item {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
@media screen {
  .layout-flex .card_item {
    padding-top: max(1 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(1 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen and (min-width: 76rem) {
  .layout-flex .card_item:nth-child(odd) {
    border-radius: 0 0.5em 0.5em 0;
  }
  .layout-flex .card_item:nth-child(even) {
    border-radius: 0.5em 0 0 0.5em;
  }
}
.layout-grid .card_item-1 {
  grid-row: 2;
}
.layout-grid .card_item-2 {
  grid-row: 3;
}
.layout-grid .card_item-3 {
  grid-row: 4;
}
.layout-grid .card_item-4 {
  grid-row: 5;
}
.layout-grid .card_item-5 {
  grid-row: 6;
}
.card_figure {
  margin: var(--inner_margin) auto;
  max-width: 80%;
}
.card_figure img {
  display: block;
  object-fit: cover;
}
@media screen and (min-width: 36rem) {
  .card_figure {
    float: left;
    margin: calc(1em * (0.92 * var(--line-height) - 1)) var(--inner_margin) var(--inner_margin) 0;
  }
  .card_figure img {
    width: 8rem;
    width: clamp(8rem, 4rem + 20vw, 16rem);
  }
}

/*
 * Claris FOOTER
 */
.footer_claris {
  font-size: var(--font-size-footer);
  padding-top: var(--body_padding);
  z-index: 0;
  background: var(--bg-dark);
  color: var(--text-dark);
  --font-size-base: var(--font-size-footer);
  --font-size-normal: calc(1 * var(--font-size-base));
  --font-size-smaller-1: calc(0.84 * var(--font-size-base));
  --font-size-smaller-2: calc(0.71 * var(--font-size-base));
  --font-size-smaller-3: calc(0.59 * var(--font-size-base));
  --font-size-smaller-4: calc(0.5 * var(--font-size-base));
  --font-size-smaller-5: calc(0.42 * var(--font-size-base));
  --font-size-larger-1: calc(1.19 * var(--font-size-base));
  --font-size-larger-2: calc(1.41 * var(--font-size-base));
  --font-size-larger-3: calc(1.68 * var(--font-size-base));
  --font-size-larger-4: calc(2 * var(--font-size-base));
  --font-size-larger-5: calc(2.38 * var(--font-size-base));
  --font-size-larger-6: calc(2.83 * var(--font-size-base));
}
.footer_claris h1, .footer_claris h2, .footer_claris h3, .footer_claris h4, .footer_claris h5, .footer_claris h6 {
  color: var(--text-dark);
}
.footer_claris a {
  color: var(--link-dark);
}
@supports (any-hover: hover) {
  .footer_claris a:hover {
    color: var(--link-dark-hover);
  }
  .footer_claris a:active {
    color: var(--link-dark-active);
  }
}
.footer_claris svg.icon {
  fill: var(--text-dark);
}
.footer_claris .icon img {
  background: none;
}
.footer_claris .icon svg {
  fill: var(--text-dark);
}
.footer_claris ul, .footer_claris ol {
  margin-left: 0;
  padding-left: 0;
}
.footer_claris ul > li + li, .footer_claris ol > li + li {
  margin-top: 0;
  padding-top: 0;
}
.footer_claris ul > li {
  list-style: disc outside;
  margin-left: 0.8em;
  padding-left: 0.2em;
}
.footer_claris ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 1em * var(--line-height)) / 2) 0;
}
.footer_claris ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.footer_claris ul > li > ul li::before {
  content: "–";
  float: left;
  margin-left: -1.75em;
}
.footer_claris ul > li > ul li > ul li {
  margin-left: -0.25em;
  padding-left: 0.75em;
  list-style-type: circle;
}
.footer_claris ul > li > ul li > ul li::before {
  content: none;
}
.footer_claris ol li {
  list-style: decimal outside;
  margin-left: 1em;
  padding-left: 0.5em;
}
.footer_claris li ul, .footer_claris li ol {
  padding-left: 1.25em;
}
.footer_claris h2,
.footer_claris h3,
.footer_claris h4,
.footer_claris h5,
.footer_claris h6 {
  margin: 0;
  padding: 0;
}
.footer_claris h2 {
  font-size: var(--font-size-larger-1);
}
.footer_claris .footer_inner {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--screenViewWidthChrome);
}
.footer_claris .footer_inner ul, .footer_claris .footer_inner ol {
  margin-left: 0;
  padding-left: 0;
}
.footer_claris .footer_inner ul > li + li, .footer_claris .footer_inner ol > li + li {
  margin-top: 0;
  padding-top: 0.5em;
}
.footer_claris .footer_inner ul > li {
  list-style: disc outside;
  margin-left: 0.8em;
  padding-left: 0.2em;
}
.footer_claris .footer_inner ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.footer_claris .footer_inner ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.footer_claris .footer_inner ul > li > ul li::before {
  content: "–";
  float: left;
  margin-left: -1.75em;
}
.footer_claris .footer_inner ul > li > ul li > ul li {
  margin-left: -0.25em;
  padding-left: 0.75em;
  list-style-type: circle;
}
.footer_claris .footer_inner ul > li > ul li > ul li::before {
  content: none;
}
.footer_claris .footer_inner ol li {
  list-style: decimal outside;
  margin-left: 1em;
  padding-left: 0.5em;
}
.footer_claris .footer_inner li ul, .footer_claris .footer_inner li ol {
  padding-left: 1.25em;
}
.footer_claris .footer_inner ul > li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.footer_claris .footer_inner ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.footer_claris .footer_inner ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.footer_claris .footer_inner ul > li > ul li::before {
  content: none;
}
.footer_claris .footer_inner h2 + p, .footer_claris .footer_inner h2 + ul {
  margin-top: var(--inner_margin_4-2);
}
.footer_claris .footer_inner .icon-link {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 36rem) {
  .footer_claris .footer_inner .icon-link {
    flex-direction: row;
  }
}
.footer_claris .footer_copyright {
  padding-top: var(--inner_padding);
  padding-bottom: var(--inner_padding);
  font-size: var(--font-size-meta);
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--screenViewWidthChrome);
}
.footer_claris .footer_copyright ul, .footer_claris .footer_copyright ol {
  margin-left: 0;
  padding-left: 0;
}
.footer_claris .footer_copyright ul > li + li, .footer_claris .footer_copyright ol > li + li {
  margin-top: 0;
  padding-top: 0.5em;
}
.footer_claris .footer_copyright ul > li {
  list-style: disc outside;
  margin-left: 0.8em;
  padding-left: 0.2em;
}
.footer_claris .footer_copyright ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.footer_claris .footer_copyright ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.footer_claris .footer_copyright ul > li > ul li::before {
  content: "–";
  float: left;
  margin-left: -1.75em;
}
.footer_claris .footer_copyright ul > li > ul li > ul li {
  margin-left: -0.25em;
  padding-left: 0.75em;
  list-style-type: circle;
}
.footer_claris .footer_copyright ul > li > ul li > ul li::before {
  content: none;
}
.footer_claris .footer_copyright ol li {
  list-style: decimal outside;
  margin-left: 1em;
  padding-left: 0.5em;
}
.footer_claris .footer_copyright li ul, .footer_claris .footer_copyright li ol {
  padding-left: 1.25em;
}
.footer_claris .footer_copyright ul > li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.footer_claris .footer_copyright ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.footer_claris .footer_copyright ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.footer_claris .footer_copyright ul > li > ul li::before {
  content: none;
}
.footer_claris .footer_main {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--inner_margin_4-4);
}
@media screen and (min-width: 36rem) {
  .footer_claris .footer_main {
    justify-content: space-evenly;
  }
}
.footer_claris .footer_main-item {
  padding-bottom: var(--inner_padding_4-3);
  min-height: 1px;
  min-width: min(80%, max(20%, 16em));
  flex: 1 1 min-content;
}
.footer_claris .footer_links {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  border-top: 1px var(--xxhaze) solid;
  column-gap: 1em;
}
.footer_claris .footer_links ul > li, .footer_claris .footer_links ul > li + li {
  padding: var(--inner_padding_4-3) var(--inner_padding_4-2);
}
.footer_claris .footer_links_social, .footer_claris .footer_links_generator {
  display: flex;
  justify-content: center;
}
.footer_claris .footer_links_generator {
  flex-wrap: nowrap;
}
.footer_claris .footer_links_generator li {
  flex: 1 1 auto;
}
.footer_claris .footer_legal-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer_claris .footer_legal-list li:nth-last-child(2) {
  flex: 1;
}
.footer_claris .icon {
  margin-inline-end: var(--inner_margin_4-2);
}

/*
 * Components that might be in header, main, or footer
 */
.button {
  background-color: var(--theme);
  color: var(--theme-text);
  display: inline-flex;
  padding: 0.5em 1em;
  text-transform: none;
  border: 1px solid var(--translucent);
  border-radius: 99rem;
  font-size: var(--font-size-button);
  align-items: center;
  user-select: none;
}
.button:hover, .button:focus {
  background-color: var(--theme-bg-hover);
  color: var(--theme-text-hover);
  border: 1px solid var(--theme-bg-hover);
}
.button_translucent {
  background-color: var(--theme-bg);
  color: var(--text);
  border: 1px solid rgba(var(--RGB_theme), 0.1);
}
.button_tally {
  padding: 0 0.25em 0 0.5em;
  color: var(--text);
  margin: 0.125em 0 0.125em 0.5em;
  font-size: var(--font-size-smaller-2);
  border-left: 1px solid var(--xxhaze);
}
@media (any-hover: hover) {
  .button:hover, .button:focus, .article_content .button:hover, .article_content .button:focus, .sidebar .button:hover, .sidebar .button:focus {
    background-color: var(--theme-bg-hover);
    border: 1px solid var(--theme-text-hover);
  }
}
.button_translucent, .article_content .button_translucent, .sidebar .button_translucent {
  background-color: rgba(var(--RGB_xhaze), 10%);
  color: var(--text);
  border: 1px solid rgba(var(--RGB_xhaze), 100%);
}
@media (any-hover: hover) {
  .button_translucent:hover, .button_translucent:focus, .article_content .button_translucent:hover, .article_content .button_translucent:focus, .sidebar .button_translucent:hover, .sidebar .button_translucent:focus {
    color: var(--text-hover);
    background-color: rgba(var(--theme-bg-hover), 100%);
    border: 1px solid var(--xxxhaze);
  }
}

.article_link {
  margin-top: 0;
  margin-bottom: 0;
}
.articles {
  margin-top: 2rem;
}
.article_link.grid {
  height: 100%;
}
.article_tag, .article_meta_tag {
  padding: 0.25em 0.75em;
  font-size: var(--font-size-meta);
}
.article_tag, .article_share {
  margin: 0.5em;
}
.article_share {
  display: inline-flex;
}
.article_meta {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: center;
  margin: 0 calc(-1 * var(--inner_padding_4-1)) var(--inner_padding_4-3);
  color: var(--text-faint);
}
@media screen {
  .article_meta a, .article_meta a:link, .article_meta a:visited, .article_meta a:focus {
    text-decoration: none;
  }
  .article_meta a:hover, .article_meta a:active {
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 0.05em;
  }
  .article_meta a, .article_meta a:link {
    color: rgba(var(--RGB_link), 1);
    text-decoration-color: rgba(var(--RGB_link), 0.5);
  }
  .article_meta a:visited {
    color: rgba(var(--RGB_link-visited), 1);
    text-decoration-color: rgba(var(--RGB_link-visited), 0.5);
  }
}
@media screen and (any-hover: hover) {
  .article_meta a:hover {
    color: rgba(var(--RGB_link-hover), 1);
    text-decoration-color: rgba(var(--RGB_link-hover), 1);
  }
}
@media screen {
  .article_meta a:focus {
    color: rgba(var(--RGB_link-focus), 1);
    text-decoration-color: rgba(var(--RGB_link-focus), 0.5);
    outline: 1px dashed var(--link-focus);
  }
  .article_meta a:active {
    color: rgba(var(--RGB_link-active), 1);
    text-decoration-color: rgba(var(--RGB_link-active), 1);
  }
}
.article_meta sub a, .article_meta sup a, .article_meta a.no-link, .article_meta a.button, .article_meta a.footnote-backref {
  text-decoration: none;
}
.article_meta sub a, .article_meta sub a:link, .article_meta sub a:hover, .article_meta sub a:visited, .article_meta sub a:focus, .article_meta sub a:active, .article_meta sup a, .article_meta sup a:link, .article_meta sup a:hover, .article_meta sup a:visited, .article_meta sup a:focus, .article_meta sup a:active, .article_meta a.no-link, .article_meta a.no-link:link, .article_meta a.no-link:hover, .article_meta a.no-link:visited, .article_meta a.no-link:focus, .article_meta a.no-link:active, .article_meta a.button, .article_meta a.button:link, .article_meta a.button:hover, .article_meta a.button:visited, .article_meta a.button:focus, .article_meta a.button:active, .article_meta a.footnote-backref, .article_meta a.footnote-backref:link, .article_meta a.footnote-backref:hover, .article_meta a.footnote-backref:visited, .article_meta a.footnote-backref:focus, .article_meta a.footnote-backref:active {
  text-decoration: none;
}
.article_meta span {
  align-items: center;
}
.article_meta_item {
  padding: var(--inner_padding_4-1) var(--inner_padding_4-1);
  margin: var(--inner_margin_4-2) 0;
}
.article_meta .icon {
  width: var(--icon-height-meta);
  height: var(--icon-height-meta);
  margin: calc((var(--line-height) * 1em - var(--icon-height-meta)) / 4 * 1) 0.5ch calc((var(--line-height) * 1em - var(--icon-height-meta)) / 4 * 3) 0;
}
.article_meta_tag-list {
  column-gap: var(--inner_padding_4-1);
  font-size: var(--font-size-meta);
}
.article_meta_tag {
  margin: 0.125em var(--inner_padding_4-1);
}
.article_meta_date, .article_meta_reading-time {
  font-size: var(--font-size-meta);
}
.article_meta_date + .article_meta_date {
  margin-left: 1ch;
}
.article_meta_author {
  display: inline-flex;
  align-items: center;
}
.article_meta_author img {
  width: 3rem;
  height: auto;
  padding: var(--inner_padding_4-1) var(--inner_padding_4-1);
}
.article_meta_taxonomy {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--inner_padding_4-2) var(--inner_padding_4-2);
}
.article_content ul, .article_content ol {
  margin-left: 0;
  padding-left: 1em;
}
.article_content ul > li + li, .article_content ol > li + li {
  margin-top: 0;
  padding-top: 0.5em;
}
.article_content ul > li {
  list-style: disc outside;
  margin-left: 0.8em;
  padding-left: 0.2em;
}
.article_content ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.article_content ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.article_content ul > li > ul li::before {
  content: "–";
  float: left;
  margin-left: -1.75em;
}
.article_content ul > li > ul li > ul li {
  margin-left: -0.25em;
  padding-left: 0.75em;
  list-style-type: circle;
}
.article_content ul > li > ul li > ul li::before {
  content: none;
}
.article_content ol li {
  list-style: decimal outside;
  margin-left: 1em;
  padding-left: 0.5em;
}
.article_content li ul, .article_content li ol {
  padding-left: 1.25em;
}
.article_body, .excerpt_container, .panel_container {
  width: 100%;
}
.article_body > * + *, .excerpt_container > * + *, .panel_container > * + * {
  margin-top: calc(2em * (var(--line-height) - 1));
}
.article_body p + p, .excerpt_container p + p, .panel_container p + p {
  margin-top: calc(2em * (var(--line-height) - 1));
}
.article_content > h2, .article_body > h2, .excerpt_container > h2, .panel_container > h2 {
  margin-top: calc(1em * (var(--line-height-heading) - 1) * 4);
  margin-bottom: calc(1em * (var(--line-height-heading) - 1)) 0;
  clear: both;
}
.article_content > h2:first-child, .article_body > h2:first-child, .excerpt_container > h2:first-child, .panel_container > h2:first-child {
  margin-top: calc((1 - var(--line-height-heading)) * 1em);
}
.article_content > h2 + *, .article_body > h2 + *, .excerpt_container > h2 + *, .panel_container > h2 + * {
  margin-top: 0;
}
.article_content > h3, .article_content > h4, .article_content > h5, .article_content > h6, .article_body > h3, .excerpt_container > h3, .panel_container > h3, .article_body > h4, .excerpt_container > h4, .panel_container > h4, .article_body > h5, .excerpt_container > h5, .panel_container > h5, .article_body > h6, .excerpt_container > h6, .panel_container > h6 {
  display: inline;
  font-size: var(--font-size-normal);
}
.article_content > h3::before, .article_content > h4::before, .article_content > h5::before, .article_content > h6::before, .article_body > h3::before, .excerpt_container > h3::before, .panel_container > h3::before, .article_body > h4::before, .excerpt_container > h4::before, .panel_container > h4::before, .article_body > h5::before, .excerpt_container > h5::before, .panel_container > h5::before, .article_body > h6::before, .excerpt_container > h6::before, .panel_container > h6::before {
  content: "";
  display: block;
  margin-top: calc(2em * (var(--line-height) - 1));
}
.article_content > h3::after, .article_content > h4::after, .article_content > h5::after, .article_content > h6::after, .article_body > h3::after, .excerpt_container > h3::after, .panel_container > h3::after, .article_body > h4::after, .excerpt_container > h4::after, .panel_container > h4::after, .article_body > h5::after, .excerpt_container > h5::after, .panel_container > h5::after, .article_body > h6::after, .excerpt_container > h6::after, .panel_container > h6::after {
  content: ".";
  display: inline;
  padding-right: 0.5em;
}
.article_content > h3.heading_link, .article_content > h4.heading_link, .article_content > h5.heading_link, .article_content > h6.heading_link, .article_body > h3.heading_link, .excerpt_container > h3.heading_link, .panel_container > h3.heading_link, .article_body > h4.heading_link, .excerpt_container > h4.heading_link, .panel_container > h4.heading_link, .article_body > h5.heading_link, .excerpt_container > h5.heading_link, .panel_container > h5.heading_link, .article_body > h6.heading_link, .excerpt_container > h6.heading_link, .panel_container > h6.heading_link {
  margin-right: 0;
}
.article_content > h3.heading_link .link.icon, .article_content > h4.heading_link .link.icon, .article_content > h5.heading_link .link.icon, .article_content > h6.heading_link .link.icon, .article_body > h3.heading_link .link.icon, .excerpt_container > h3.heading_link .link.icon, .panel_container > h3.heading_link .link.icon, .article_body > h4.heading_link .link.icon, .excerpt_container > h4.heading_link .link.icon, .panel_container > h4.heading_link .link.icon, .article_body > h5.heading_link .link.icon, .excerpt_container > h5.heading_link .link.icon, .panel_container > h5.heading_link .link.icon, .article_body > h6.heading_link .link.icon, .excerpt_container > h6.heading_link .link.icon, .panel_container > h6.heading_link .link.icon {
  display: none;
}
.article_content > h3 + p, .article_content > h4 + p, .article_content > h5 + p, .article_content > h6 + p, .article_body > h3 + p, .excerpt_container > h3 + p, .panel_container > h3 + p, .article_body > h4 + p, .excerpt_container > h4 + p, .panel_container > h4 + p, .article_body > h5 + p, .excerpt_container > h5 + p, .panel_container > h5 + p, .article_body > h6 + p, .excerpt_container > h6 + p, .panel_container > h6 + p {
  display: inline;
}

.article_aside {
  display: none;
  position: sticky;
  margin: 0 auto var(--inner_margin) 0;
  top: calc(3rem + 1.5rem);
  align-self: start;
  border-radius: 0.25rem;
}
@media screen and (min-width: 60rem) {
  .article_aside {
    display: block;
  }
}

.table_of_contents {
  visibility: hidden;
}

.outdated {
  width: 80%;
  padding: 0.5rem 1.5rem 1rem 1.5rem;
  margin: 0 auto 1.5rem auto;
  position: relative;
  background-color: var(--haze);
}
html[data-color-scheme-transition] .outdated {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.outdated_wrap {
  background: none;
  padding: 2em 0 0 0;
  position: relative;
  z-index: 1;
}
.outdated_wrap h2 {
  font-size: 150%;
}
.outdated_wrap h3 {
  font-size: 120%;
}
.outdated_wrap h4 {
  font-size: 100%;
}
.outdated_wrap h2,
.outdated_wrap h3,
.outdated_wrap h4,
.outdated_wrap h5 {
  margin: 0;
  padding: 0;
}
.outdated_wrap p {
  margin: 0;
}

.lede {
  margin: 0 0 2em 0;
  font-size: var(--font-size-lede);
}

.initial {
  --initial_font-size: 7em;
  --initial_line-height: 1.5;
  --initial_padding: calc(var(--initial_font-size) / 76);
  --initial_margin-negative: calc(var(--initial_font-size) / -13);
  --initial_margin-top: calc(var(--initial_margin-negative));
  --initial_margin-right: 0px;
  --initial_margin-bottom: var(--initial_margin-negative);
  --initial_margin-left: calc(var(--initial_margin-negative) / 16);
  margin-top: 2em;
  min-height: calc(var(--initial_font-size) / 1.4);
}
.initial-letter {
  color: var(--initial);
  float: left;
  font-size: var(--initial_font-size);
  line-height: var(--initial_line-height);
  padding: 0 var(--initial_padding) 0 0;
  margin: var(--initial_margin-top) var(--initial_margin-right) var(--initial_margin-bottom) var(--initial_margin-left);
}

.main_header .feature-image_figure {
  margin: 0;
  padding: 0;
}
.main_header .feature-image_img {
  margin: 0;
  padding: 0;
  max-width: unset;
  max-height: unset;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
}

.main_header {
  position: relative;
  grid-column: 3;
  z-index: 3;
}
.main_header .content-title {
  --title_line-height: calc(var(--font-size-title) * var(--line-height-heading));
  margin: calc(0.5 * var(--title_line-height)) auto;
  width: fit-content;
  max-width: 100%;
  text-align: unset;
  color: var(--header-text);
  z-index: 6;
  hyphens: manual;
}
.main_header .content-title h1 {
  --font-size: var(--font-size-title);
  font-size: var(--font-size);
  margin: 0;
  padding: 0;
}
.main_header .content-title .supertitle {
  display: block;
  --font-size: var(--font-size-supertitle);
  font-size: var(--font-size);
  text-align: start;
}
.main_header .content-title .subtitle {
  display: block;
  margin-top: 0.5em;
  text-align: end;
  --font-size: var(--font-size-subtitle);
  font-size: var(--font-size);
  font-weight: var(--font-weight-subtitle);
}
.main_header.feature-image_style-wide {
  --feature-image_max-height: min(
    50vw,
    50vh,
    38rem
  );
  --feature-image_max-width: min(
    100vw,
    200vh,
    152rem
  );
}
.main_header.feature-image_style-wide .feature-image_figure {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) min(var(--feature-image_max-width), 100%) minmax(0px, 1fr);
}
.main_header.feature-image_style-wide .feature-image_figure picture, .main_header.feature-image_style-wide .feature-image_figure noscript {
  grid-column: 2;
}
.main_header.feature-image_style-wide .feature-image_figure .background {
  --background_gradient_end-position: min(5vw, 0.05 * var(--feature-image_max-width));
  z-index: 4;
}
.main_header.feature-image_style-wide .feature-image_figure .background.left, .main_header.feature-image_style-wide .feature-image_figure .background.right {
  display: block;
}
.main_header.feature-image_style-wide .feature-image_figure .background.left {
  grid-column: 1;
  margin-right: max(min(0px, var(--feature-image_max-width) - min(9vw, 0.09 * var(--feature-image_max-width)) - 100vw * (1.01 - 0.1)) * 1000000000, min(-5vw, -0.05 * var(--feature-image_max-width)));
  background: linear-gradient(270deg, transparent 0px, var(--background_dominant-color) var(--background_gradient_end-position));
}
.main_header.feature-image_style-wide .feature-image_figure .background.right {
  grid-column: 3;
  margin-left: max(min(0px, var(--feature-image_max-width) - min(9vw, 0.09 * var(--feature-image_max-width)) - 100vw * (1.01 - 0.1)) * 1000000000, min(-5vw, -0.05 * var(--feature-image_max-width)));
  background: linear-gradient(90deg, transparent 0px, var(--background_dominant-color) var(--background_gradient_end-position));
}
.main_header.feature-image_style-wide .feature-image_img {
  height: var(--feature-image_max-height);
  width: min(100%, var(--feature-image_max-width));
}
@media screen {
  .main_header.feature-image_style-aside .content-title {
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
.main_header.feature-image_style-aside .feature-image_figure {
  float: left;
}
.main_header.feature-image_style-aside .feature-image_img {
  margin: 0;
  padding: 0;
  max-height: unset;
  width: auto;
  max-width: 40vw;
  max-width: min(40vh, 33vw);
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
}
@media screen and (min-width: 36rem) {
  .main_header.feature-image_style-aside .feature-image_img {
    max-width: 30vw;
    max-width: min(30vw, 50vh);
  }
}
.main_header.feature-image_style-background {
  display: grid;
  grid-template-columns: 0px 3fr 1fr 3fr 0px;
  grid-template-rows: minmax(0px, 1fr) 8fr minmax(0px, 3fr);
  min-height: 33vw;
  max-height: 75vh;
}
@media screen and (min-width: 48rem) {
  .main_header.feature-image_style-background {
    min-height: 25vw;
  }
}
@media screen and (min-width: 60rem) {
  .main_header.feature-image_style-background {
    max-height: 33vh;
  }
}
.main_header.feature-image_style-background .content-title {
  margin: 0 auto;
  width: fit-content;
  grid-column: 4;
  grid-row: 2;
}
@media screen {
  .main_header.feature-image_style-background .content-title {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen and (min-width: 76rem) {
  .main_header.feature-image_style-background .content-title {
    grid-column: 3/span 2;
  }
}
.main_header.feature-image_style-background .feature-image_figure {
  grid-column: 1/span all;
  grid-row: 1/span 3;
}
.main_header.feature-image_style-background .feature-image_img {
  margin: 0;
  padding: 0;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 0;
}
.main_header.feature-image_overlay_color-white {
  color: white;
  --header-text: white;
}
.main_header.feature-image_overlay_color-white h1#articleTop, .main_header.feature-image_overlay_color-white h1#articleTop.supertitle, .main_header.feature-image_overlay_color-white h1#articleTop .supertitle, .main_header.feature-image_overlay_color-white h1#articleTop.subtitle, .main_header.feature-image_overlay_color-white h1#articleTop .subtitle {
  color: white;
}
.main_header.feature-image_overlay_position-left .content-title {
  grid-column: 2;
}

.hero-image_background_main {
  position: relative;
  padding-bottom: 0;
}
.hero-image_background_main .main_header {
  height: 30vh;
  display: grid;
  grid-template-rows: 1fr minmax(0px, max-content);
}
@supports (margin: clamp(1px, 1vw, 1px)) {
  .hero-image_background_main .main_header {
    height: unset;
    min-height: clamp(12rem, 75vh - 6rem, 100vh);
  }
}
.hero-image_background_main .main_header .content-title {
  position: relative;
  grid-column: 3/span 3;
  grid-row: 2;
  color: white;
  text-shadow: 1.5px 1.5px 1.5px black;
  --font-size-title: var(--font-size_heading-larger-5);
  --font-size-subtitle: var(--font-size_heading-larger-2);
  --header-text: white;
  margin-bottom: 2rem;
}
.hero-image_background_main .main_header .content-title h1#articleTop, .hero-image_background_main .main_header .content-title h1#articleTop.supertitle, .hero-image_background_main .main_header .content-title h1#articleTop .supertitle, .hero-image_background_main .main_header .content-title h1#articleTop.subtitle, .hero-image_background_main .main_header .content-title h1#articleTop .subtitle {
  color: white;
}
.hero-image_background_main .main_inner {
  position: relative;
  display: grid;
  z-index: 3;
}
.hero-image_background_main_figure {
  display: none;
}
.hero-image_background_main .article_content {
  padding-top: var(--body_padding_4-4);
  padding-bottom: var(--body_padding_4-4);
  background: var(--choice-bg);
}
html[data-color-scheme-transition] .hero-image_background_main .article_content {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.hero-image_background_main .article_content .article_body:first-child, .hero-image_background_main .article_content .excerpt_container:first-child, .hero-image_background_main .article_content .panel_container:first-child {
  margin-top: calc((1 - var(--line-height)) * 1em);
}
.hero-image_background_main .article_aside, .hero-image_background_main .sidebar {
  display: none;
}
.hero-image_background_main ~ .footer_claris {
  position: relative;
  z-index: 2;
  background: var(--bg-dark);
  color: var(--text-dark);
}
html[data-color-scheme-transition] .hero-image_background_main ~ .footer_claris {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.hero-image_background_main ~ .footer_claris h1,
.hero-image_background_main ~ .footer_claris h2,
.hero-image_background_main ~ .footer_claris h3,
.hero-image_background_main ~ .footer_claris a {
  color: var(--text-dark);
}
.hero-image_background_figure {
  display: block;
  position: fixed;
  top: 0;
  z-index: 0;
  width: 100%;
  margin-bottom: calc(0px - var(--inner_padding));
}
.hero-image_background_img {
  margin: 0;
  padding: 0;
  border-radius: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;
}

.scrollable-table {
  display: grid;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

ul.inline-separator-list {
  --list-item-separation: 1.25em;
  --list-sep-width: calc(var(--list-item-separation) / 3);
  display: inline-flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  margin: 0 0 0 0.25em;
}
ul.inline-separator-list > li, ul.inline-separator-list > li + li {
  margin: 0;
  padding: 0 0 0 calc(var(--list-sep-width));
  list-style: none;
}
ul.inline-separator-list > li::before {
  content: "•";
  display: inline-block;
  margin-right: calc(var(--list-sep-width));
  width: calc(var(--list-sep-width));
  text-align: center;
}
ul.inline-separator-list > li:first-child {
  margin-left: 0;
  padding-left: 0;
  clip-path: none;
}
ul.inline-separator-list > li:first-child::before {
  content: none;
}

.taxonomy-overlay_container {
  display: none;
}
.taxonomy-overlay_container.jswidgetopen {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  overflow-y: auto;
  width: 100vw;
  padding: 5rem 1.5rem;
  background: var(--translucent);
  cursor: pointer;
  z-index: 999;
}
.taxonomy-overlay_container .article_meta_tag {
  margin: 0.25em 0.5em;
  font-size: var(--font-size-meta);
}
.taxonomy-overlay_toggle {
  margin: 0.5rem;
  cursor: pointer;
}
.taxonomy-overlay_list {
  cursor: auto;
  background: var(--bg-hover);
  padding: 6rem 1.5rem 1.5rem 1.5rem;
  border-radius: 1rem;
  max-width: 40rem;
  margin: 0 auto;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.12);
  position: relative;
  display: flex;
  flex-flow: row wrap;
}
.taxonomy-overlay_nav {
  position: relative;
  margin: 0 -0.5rem;
}
.taxonomy-overlay_hide {
  position: absolute;
  top: 2rem;
  right: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.taxonomy-overlay_sort {
  color: var(--text);
  background: var(--theme-bg);
  position: absolute;
  top: 2rem;
  left: 2rem;
  border-radius: 999rem;
  padding: 0.1rem 1rem;
  display: flex;
  gap: 2rem;
}
.taxonomy-overlay_sort, .taxonomy-overlay_sort_button {
  user-select: none;
}
.taxonomy-overlay_sort_button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: calc(2 * var(--icon-height));
  position: relative;
  z-index: 5;
  cursor: pointer;
  width: auto;
}
.taxonomy-overlay_sort_button::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1rem;
  bottom: 0;
  left: -1rem;
  z-index: -1;
  background: var(--theme-bg);
  border: 1px solid var(--theme-bg);
  border-radius: 999rem;
  transition: background 0.2s ease-out;
}
.taxonomy-overlay_sort_button:hover::before {
  border: 1px solid var(--xxxhaze);
}
.taxonomy-overlay_sort_button_alphabetically {
  font-weight: bolder;
  z-index: 10;
}
.taxonomy-overlay_sort_button_alphabetically::before {
  background: var(--theme-bg-active);
}
.taxonomy-overlay_sort_button_alphabetically:hover::before {
  border: 1px solid var(--theme-bg);
}
.taxonomy-overlay_sort.taxonomy-overlay_sorted .taxonomy-overlay_sort_button_alphabetically {
  z-index: 5;
  font-weight: normal;
}
.taxonomy-overlay_sort.taxonomy-overlay_sorted .taxonomy-overlay_sort_button_alphabetically::before {
  background: var(--theme-bg);
}
.taxonomy-overlay_sort.taxonomy-overlay_sorted .taxonomy-overlay_sort_button_alphabetically:hover::before {
  border: 1px solid var(--xxxhaze);
}
.taxonomy-overlay_sort.taxonomy-overlay_sorted .taxonomy-overlay_sort_button_frequency {
  z-index: 10;
  font-weight: bolder;
}
.taxonomy-overlay_sort.taxonomy-overlay_sorted .taxonomy-overlay_sort_button_frequency::before {
  background: var(--theme-bg-active);
}
.taxonomy-overlay_sort.taxonomy-overlay_sorted .taxonomy-overlay_sort_button_frequency:hover::before {
  border: 1px solid var(--theme-bg);
}
.taxonomy-overlay-title {
  border-bottom: none !important;
  display: inline-block !important;
  position: relative;
  font-size: 2rem;
  margin-bottom: -1rem;
}
.taxonomy-overlay-title::after {
  content: attr(data-count);
  margin-left: 1.5rem;
  background-color: #eee;
  padding: 0.25rem 1rem;
  border-radius: 15%;
  font-size: 1.5rem;
}

.icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.icon,
.icon img,
.icon svg {
  width: var(--icon-height);
  height: var(--icon-height);
}
.icon_2 {
  width: calc(2 * var(--icon-height));
  height: calc(2 * var(--icon-height));
}

.fa-icon {
  height: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 1.2em;
  flex: none;
}
.fa-icon-large {
  width: 2.4em;
}

.qrcode-svg {
  background: var(--bg);
  min-width: 64px;
  width: 80%;
  max-width: 96px;
  height: auto;
}
.qrcode-svg svg {
  fill: transparent;
}

svg.qrcode-svg {
  fill: var(--text);
  stroke: var(--text);
}

@media screen {
  html[data-color-scheme=dark] svg.qrcode-svg {
    fill: var(--text);
    stroke: var(--text);
  }
  html[data-color-scheme=dark] .qrcode-svg svg {
    background: transparent !important;
    fill: transparent !important;
  }
  html[data-color-scheme=dark] .qrcode-svg svg path {
    stroke: var(--text) !important;
    fill: var(--text) !important;
  }
  html[data-color-scheme=dark] .qrcode-svg svg text {
    stroke: var(--text) !important;
    fill: var(--text) !important;
  }
}
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme=light]) svg.qrcode-svg {
    fill: var(--text);
    stroke: var(--text);
  }
  html:not([data-color-scheme=light]) .qrcode-svg svg {
    background: transparent !important;
    fill: transparent !important;
  }
  html:not([data-color-scheme=light]) .qrcode-svg svg path {
    stroke: var(--text) !important;
    fill: var(--text) !important;
  }
  html:not([data-color-scheme=light]) .qrcode-svg svg text {
    stroke: var(--text) !important;
    fill: var(--text) !important;
  }
}
.link {
  opacity: 0;
  position: relative;
}
.link_yank {
  opacity: 1;
}
.link_yanked {
  position: absolute;
  right: -1rem;
  top: -2rem;
  background-color: var(--theme-hover);
  color: var(--theme-text-hover);
  width: auto;
  white-space: nowrap;
  padding: 0.25rem 0.75rem;
  font-size: var(--font-size-meta);
  line-height: var(--line-height);
  font-weight: var(--font-weight);
  border-radius: 1rem;
  text-align: center;
}
.link_yanked::before {
  position: absolute;
  top: calc(var(--font-size-meta) * var(--line-height));
  content: "";
  border-color: var(--theme-hover) transparent;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  height: 0;
  width: 0;
  transform-origin: 50% 50%;
  transform: rotate(145deg);
  right: 1rem;
}

.excerpt_container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  margin-bottom: var(--inner_margin);
  border-radius: 0.25rem;
  background: var(--theme-haze);
  box-shadow:  inset 0 0 3rem hsla(0, 0%, 0%, 0.2);
}
.excerpt_container:hover {
  box-shadow: 0 0 3rem hsla(0, 0%, 0%, 0.4);
}
@media screen {
  html[data-color-scheme=dark] .excerpt_container {
    box-shadow:  inset 0 0 3rem hsla(0, 0%, 50%, 0.2);
  }
  html[data-color-scheme=dark] .excerpt_container:hover {
    box-shadow: 0 0 3rem hsla(0, 0%, 100%, 0.4);
  }
}
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme=light]) .excerpt_container {
    box-shadow:  inset 0 0 3rem hsla(0, 0%, 50%, 0.2);
  }
  html:not([data-color-scheme=light]) .excerpt_container:hover {
    box-shadow: 0 0 3rem hsla(0, 0%, 100%, 0.4);
  }
}
@media (any-hover: hover) {
  .excerpt_container:hover, .excerpt_container:focus {
    background: var(--theme-haze-hover);
  }
}
html[data-color-scheme-transition] .excerpt_container {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
@media screen {
  .content .excerpt_container a, .content .excerpt_container a:link, .content .excerpt_container a:visited, .content .excerpt_container a:hover, .content .excerpt_container a:focus, .content .excerpt_container a:active, .article_body .excerpt_container a, .panel_container .excerpt_container a, .excerpt_container .excerpt_container a, .article_body .excerpt_container a:link, .article_body .excerpt_container a:visited, .article_body .excerpt_container a:hover, .article_body .excerpt_container a:focus, .article_body .excerpt_container a:active {
    color: inherit;
    text-decoration: none;
  }
  .content .excerpt_container sub a, .content .excerpt_container sup a, .content .excerpt_container a.no-link, .content .excerpt_container a.button, .content .excerpt_container a.footnote-backref, .article_body .excerpt_container sub a, .panel_container .excerpt_container sub a, .excerpt_container .excerpt_container sub a, .article_body .excerpt_container sup a, .panel_container .excerpt_container sup a, .excerpt_container .excerpt_container sup a, .article_body .excerpt_container a.no-link, .panel_container .excerpt_container a.no-link, .excerpt_container .excerpt_container a.no-link, .article_body .excerpt_container a.button, .panel_container .excerpt_container a.button, .excerpt_container .excerpt_container a.button, .article_body .excerpt_container a.footnote-backref, .panel_container .excerpt_container a.footnote-backref, .excerpt_container .excerpt_container a.footnote-backref {
    color: inherit;
  }
}
.excerpt_container:last-child {
  margin-bottom: 0;
}
.excerpt_container > a {
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
}
.excerpt_header, .excerpt_title, .excerpt_meta, .excerpt_main, .excerpt_thumbnail, .excerpt_content, .excerpt_footer {
  width: 100%;
}
.excerpt_header {
  font-size: var(--font-size_heading);
}
.excerpt_title, .excerpt_meta {
  padding: 0 var(--inner_padding);
}
.excerpt_title {
  padding-top: var(--inner_padding);
  margin: 0;
}
.excerpt_main {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
@media screen and (min-width: 36rem) {
  .excerpt_main.image.content .excerpt_thumbnail {
    float: left;
    padding: var(--inner_padding_4-3) var(--inner_padding_4-2) var(--inner_padding_4-2) var(--inner_padding);
    max-width: 60%;
  }
}
@media screen and (min-width: 48rem) {
  .excerpt_main.image.content .excerpt_thumbnail {
    max-width: 40%;
  }
}
.excerpt_thumbnail {
  padding: var(--inner_padding_4-3) var(--inner_padding) var(--inner_padding_4-2) var(--inner_padding);
}
.excerpt_thumbnail img {
  margin: 0;
  min-height: 4rem;
  max-height: 8rem;
}
@supports (aspect-ratio: 2/1) {
  .excerpt_thumbnail img {
    object-fit: cover;
    aspect-ratio: 16/9;
    height: auto;
    min-height: unset;
    max-height: unset;
  }
}
@media screen and (min-width: 20rem) {
  .excerpt_thumbnail {
    border-radius: 0.5rem;
  }
}
.excerpt_content {
  height: auto;
  padding: 0 var(--inner_padding);
  min-height: unset;
}
.excerpt_footer {
  clear: both;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.excerpt_footer_link {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: baseline;
}
.excerpt_footer_read-on, .excerpt_footer_page-count {
  padding: var(--inner_padding_4-1) var(--inner_padding) var(--inner_padding) var(--inner_padding);
  margin: 0;
}
.excerpt_footer_read-on {
  text-align: right;
}
.excerpt_footer_read-on .read-on::before {
  content: "↳  ";
}
@media screen and (min-width: 36rem) {
  .excerpt_container {
    margin: var(--inner_margin) 0 0 0;
  }
  .excerpt_container .excerpt_main.image.content .excerpt_thumbnail {
    float: none;
    padding-right: var(--inner_padding);
    max-width: 100%;
  }
  .excerpt_container .excerpt_main.image.content .excerpt_content {
    height: auto;
  }
  .excerpt_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(21.75rem, 1fr));
    grid-auto-flow: dense;
    grid-gap: var(--inner_padding) var(--inner_padding);
    margin: 0;
  }
  .excerpt_grid .excerpt_container {
    margin: 0;
  }
}
@media screen and (min-width: 36rem) and (min-width: 48rem) {
  .excerpt_container.featured {
    grid-column: auto/span 2;
  }
  .excerpt_container.featured .excerpt_main.image.content .excerpt_thumbnail {
    float: left;
    padding: var(--inner_padding_4-3) var(--inner_padding_4-2) var(--inner_padding_4-2) var(--inner_padding);
    max-width: 50%;
  }
}

.sidebar {
  clear: both;
  font-size: var(--font-size-normal);
  margin-top: var(--inner_margin_4-6);
  background: linear-gradient(0deg, transparent 0%, var(--haze) calc(100% - 2px), var(--xhaze) calc(100% - 2px));
}
@media screen and (min-width: 76rem) {
  .sidebar {
    --font-size-base: var(--font-size-aside);
    --font-size-normal: calc(1 * var(--font-size-base));
    --font-size-smaller-1: calc(0.84 * var(--font-size-base));
    --font-size-smaller-2: calc(0.71 * var(--font-size-base));
    --font-size-smaller-3: calc(0.59 * var(--font-size-base));
    --font-size-smaller-4: calc(0.5 * var(--font-size-base));
    --font-size-smaller-5: calc(0.42 * var(--font-size-base));
    --font-size-larger-1: calc(1.19 * var(--font-size-base));
    --font-size-larger-2: calc(1.41 * var(--font-size-base));
    --font-size-larger-3: calc(1.68 * var(--font-size-base));
    --font-size-larger-4: calc(2 * var(--font-size-base));
    --font-size-larger-5: calc(2.38 * var(--font-size-base));
    --font-size-larger-6: calc(2.83 * var(--font-size-base));
  }
}
.sidebar h1, .sidebar h2 {
  font-size: var(--font-size-larger-2);
}
.sidebar h3 {
  font-size: var(--font-size-larger-1);
}
.sidebar h4, .sidebar h5, .sidebar h6 {
  font-size: var(--font-size-normal);
}
.sidebar ul, .sidebar ol {
  margin-left: 0;
  padding-left: 0;
}
.sidebar ul > li + li, .sidebar ol > li + li {
  margin-top: 0;
  padding-top: 0.5em;
}
.sidebar ul > li {
  list-style: disc outside;
  margin-left: 0.8em;
  padding-left: 0.2em;
}
.sidebar ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.sidebar ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.sidebar ul > li > ul li::before {
  content: "–";
  float: left;
  margin-left: -1.75em;
}
.sidebar ul > li > ul li > ul li {
  margin-left: -0.25em;
  padding-left: 0.75em;
  list-style-type: circle;
}
.sidebar ul > li > ul li > ul li::before {
  content: none;
}
.sidebar ol li {
  list-style: decimal outside;
  margin-left: 1em;
  padding-left: 0.5em;
}
.sidebar li ul, .sidebar li ol {
  padding-left: 1.25em;
}
.sidebar ul > li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.sidebar ul > li > a {
  display: inline-block;
  padding: calc(max(0px, 2.125rem - 0.5em - 1em * var(--line-height)) / 2) 0;
}
.sidebar ul > li > ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0.5em;
}
.sidebar ul > li > ul li::before {
  content: none;
}
.sidebar_inner {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--inner_margin);
}
.sidebar_inner > *:not(:first-child) {
  margin-left: 0;
}
html[data-color-scheme-transition] .sidebar_inner {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
@media screen {
  .sidebar_inner {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen and (min-width: 60rem) {
  .sidebar {
    background: none;
  }
  .sidebar_inner {
    background: linear-gradient(0deg, transparent 0%, var(--haze) calc(100% - 2px), var(--xhaze) calc(100% - 2px));
  }
}
@media screen and (min-width: 76rem) {
  .sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
  .sidebar_inner {
    background: linear-gradient(90deg, transparent 0%, var(--haze) calc(100% - 2px), var(--xhaze) calc(100% - 2px));
    margin: 0 calc(-1 * var(--inner_padding_4-2)) 0 calc(-1 * var(--inner_padding_4-2));
  }
}
@media screen and (min-width: 76rem) {
  .sidebar_inner {
    padding-right: env(safe-area-inset-right, 0px);
    padding-left: max(1 * var(--body_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen and (min-width: 76rem) {
  .sidebar_inner {
    padding-top: max(0.5 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(0.5 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(0.5 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(0.5 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
  html[data-color-scheme-transition] .sidebar_inner {
    transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
  }
  .sidebar_inner h2:first-of-type {
    margin-top: calc(1em * (1 - var(--line-height-heading)));
    padding-top: 0;
  }
}

.author_header {
  display: grid;
  grid-template-columns: 3rem 1fr;
  grid-gap: 1rem;
}
.author_bio a {
  color: var(--theme);
}

.pagination {
  display: flex;
  margin: var(--inner_margin) 0;
}

.page-item {
  padding: 0.2rem;
}
.page-item.disabled {
  opacity: 0.7;
}
.page-item:first-child, .page-item:last-child {
  display: none;
}
.page-item.active a {
  background-color: var(--theme-hover);
}
.page-link {
  padding: 0.25rem 0.75rem;
  background-color: var(--theme);
  color: var(--theme-text);
  border-radius: 1rem;
}
.page_only {
  display: none !important;
}
.page .page_only {
  display: inline !important;
}

.round {
  border-radius: 50%;
  max-width: 100%;
  height: auto;
  padding: 0;
  vertical-align: middle;
}

.float_left {
  float: left;
  margin-right: 1rem;
}
.float_left + p {
  padding-top: 0;
}
.float_right {
  float: right;
  margin-left: 1rem;
}
.float_left::after, .float_right::after {
  clear: both;
}

.follow {
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: flex-end;
}
.follow svg {
  margin-left: 0.75rem;
  fill: var(--text);
}

.img_alt {
  font-style: italic;
  padding-top: 0rem;
  opacity: 0.67;
}

kbd {
  display: inline-block;
  margin: 0 0.1rem;
  padding: 0.1rem 0.6rem;
  background-clip: padding-box;
  border: 1px solid rgba(var(--RGB_text), 0.2);
  border-radius: 0.25rem;
  box-shadow: 0 1px 0.2rem rgba(0, 0, 0, 0.1), inset 0 1px 0 0 #fff;
  overflow-wrap: break-word;
}
kbd kbd {
  box-shadow: none;
  border: none;
}

/* ----- SHORTCODES ------- */
.note {
  margin: 1rem 5% 1rem 5%;
  padding: 0.5rem 1rem;
  position: relative;
  color: var(--text);
  display: inline-block;
  background: rgb(255, 255, 136) linear-gradient(135deg, var(--note-bg) 80%, var(--note-bg) 85%, var(--note-bg-light) 100%);
  width: 90%;
  height: 100%;
  border: 0.0625rem solid var(--note-border-yellow);
  border-bottom-right-radius: 4rem 0.5rem;
  --note-bg-yellow: hsl(60, 100%, 77%);
  --note-bg-yellow-light: hsl(60, 100%, 89.19%);
  --note-bg-yellow-top: hsl(60, 97%, 69.3%);
  --note-border-yellow: hsl(60, 0%, 90.8%);
  --note-bg-orange: hsl(25, 100%, 77%);
  --note-bg-orange-light: hsl(25, 100%, 89.19%);
  --note-bg-orange-top: hsl(25, 97%, 74.69%);
  --note-border-orange: hsl(25, 0%, 90.8%);
  --note-bg-red: hsl(0, 100%, 77%);
  --note-bg-red-light: hsl(0, 100%, 89.19%);
  --note-bg-red-top: hsl(0, 97%, 74.69%);
  --note-border-red: hsl(0, 0%, 90.8%);
  --note-bg-green: hsl(160, 100%, 77%);
  --note-bg-green-light: hsl(160, 100%, 89.19%);
  --note-bg-green-top: hsl(160, 97%, 74.69%);
  --note-border-green: hsl(160, 0%, 90.8%);
  --note-bg-blue: hsl(210, 100%, 77%);
  --note-bg-blue-light: hsl(210, 100%, 89.19%);
  --note-bg-blue-top: hsl(210, 97%, 74.69%);
  --note-border-blue: hsl(210, 0%, 90.8%);
  --note-bg: var(--note-bg-yellow);
  --note-bg-light: var(--note-bg-yellow-light);
  --note-bg-top: var(--note-bg-yellow-top);
  --note-border: var(--note-border-yellow);
  --note-shadow-bg: rgba(0, 0, 0, 0.40);
}
html[data-color-scheme-transition] .note {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.note.important, .note.orange {
  --note-bg: var(--note-bg-orange);
  --note-bg-light: var(--note-bg-orange-light);
  --note-bg-top: var(--note-bg-orange-top);
  --note-border: var(--note-border-orange);
}
.note.red {
  --note-bg: var(--note-bg-red);
  --note-bg-light: var(--note-bg-red-light);
  --note-bg-top: var(--note-bg-red-top);
  --note-border: var(--note-border-red);
}
.note.green {
  --note-bg: var(--note-bg-green);
  --note-bg-light: var(--note-bg-green-light);
  --note-bg-top: var(--note-bg-green-top);
  --note-border: var(--note-border-green);
}
.note.blue {
  --note-bg: var(--note-bg-blue);
  --note-bg-light: var(--note-bg-blue-light);
  --note-bg-top: var(--note-bg-blue-top);
  --note-border: var(--note-border-blue);
}
.note::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: -3rem;
  margin-top: 3rem;
  width: 100%;
  height: calc(100% - 3rem);
  border-top: 3rem solid var(--note-bg-top);
  border-bottom-right-radius: 4rem 0.5rem;
  display: inline-block;
  background: rgb(255, 255, 136) linear-gradient(135deg, var(--note-bg) 80%, var(--note-bg) 85%, var(--note-bg-light) 100%);
}
.note::after {
  content: "";
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 1rem;
  width: 8rem;
  height: 1rem;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 2px 15px 5px var(--note-shadow-bg);
  transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
.note_wrap {
  position: relative;
  z-index: 2;
}
.note h2 {
  font-size: 150%;
}
.note h3 {
  font-size: 120%;
}
.note h4 {
  font-size: 100%;
}
.note h2,
.note h3,
.note h4,
.note h5 {
  color: var(--text);
  margin: 0;
  padding: 0;
}

@media screen {
  html[data-color-scheme=dark] .note {
    --note-bg-yellow: hsl(60, 100%, 10%);
    --note-bg-yellow-light: hsl(60, 100%, 4.7%);
    --note-bg-yellow-top: hsl(60, 97%, 9.8%);
    --note-border-yellow: hsl(60, 0%, 28%);
    --note-bg-orange: hsl(25, 100%, 10%);
    --note-bg-orange-light: hsl(25, 100%, 4.7%);
    --note-bg-orange-top: hsl(25, 97%, 9.8%);
    --note-border-orange: hsl(25, 0%, 28%);
    --note-bg-red: hsl(0, 100%, 10%);
    --note-bg-red-light: hsl(0, 100%, 4.7%);
    --note-bg-red-top: hsl(0, 97%, 9.8%);
    --note-border-red: hsl(0, 0%, 28%);
    --note-bg-green: hsl(160, 100%, 10%);
    --note-bg-green-light: hsl(160, 100%, 4.7%);
    --note-bg-green-top: hsl(160, 97%, 9.8%);
    --note-border-green: hsl(160, 0%, 28%);
    --note-bg-blue: hsl(210, 100%, 10%);
    --note-bg-blue-light: hsl(210, 100%, 4.7%);
    --note-bg-blue-top: hsl(210, 97%, 9.8%);
    --note-border-blue: hsl(210, 0%, 28%);
    --note-shadow-bg: rgba(0, 0, 0, 0.95);
  }
}
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme=light]) .note {
    --note-bg-yellow: hsl(60, 100%, 10%);
    --note-bg-yellow-light: hsl(60, 100%, 4.7%);
    --note-bg-yellow-top: hsl(60, 97%, 9.8%);
    --note-border-yellow: hsl(60, 0%, 28%);
    --note-bg-orange: hsl(25, 100%, 10%);
    --note-bg-orange-light: hsl(25, 100%, 4.7%);
    --note-bg-orange-top: hsl(25, 97%, 9.8%);
    --note-border-orange: hsl(25, 0%, 28%);
    --note-bg-red: hsl(0, 100%, 10%);
    --note-bg-red-light: hsl(0, 100%, 4.7%);
    --note-bg-red-top: hsl(0, 97%, 9.8%);
    --note-border-red: hsl(0, 0%, 28%);
    --note-bg-green: hsl(160, 100%, 10%);
    --note-bg-green-light: hsl(160, 100%, 4.7%);
    --note-bg-green-top: hsl(160, 97%, 9.8%);
    --note-border-green: hsl(160, 0%, 28%);
    --note-bg-blue: hsl(210, 100%, 10%);
    --note-bg-blue-light: hsl(210, 100%, 4.7%);
    --note-bg-blue-top: hsl(210, 97%, 9.8%);
    --note-border-blue: hsl(210, 0%, 28%);
    --note-shadow-bg: rgba(0, 0, 0, 0.95);
  }
}
.shortcode_responsive-figure,
.excerpt_container {
  margin: var(--inner_margin) auto;
}

.content .responsive-image_container,
.shortcode_responsive-figure,
.excerpt_container {
  --float_margin: var(--inner_margin_4-3);
  --float_margin-top: calc( (1 + (var(--line-height) - 1) / 2) * 1em);
  border-radius: 0.125rem;
}
.content .responsive-image_container > div,
.shortcode_responsive-figure > div,
.excerpt_container > div {
  margin: 0;
  padding: 0;
}
.content .responsive-image_container_img,
.shortcode_responsive-figure_img,
.excerpt_container_img {
  display: block;
  margin: 0 auto;
  padding: 0;
  border-radius: 0.125rem;
  max-width: 100%;
  max-height: 100%;
}
.content .responsive-image_container.caption,
.shortcode_responsive-figure.caption,
.excerpt_container.caption {
  background: var(--theme-haze);
  box-shadow:  inset 0 0 3rem hsla(0, 0%, 0%, 0.2);
  padding: var(--inner_padding_4-2) var(--inner_padding_4-2);
  color: var(--text);
}
@media screen {
  html[data-color-scheme=dark] .content .responsive-image_container.caption,
  html[data-color-scheme=dark] .shortcode_responsive-figure.caption,
  html[data-color-scheme=dark] .excerpt_container.caption {
    box-shadow:  inset 0 0 3rem hsla(0, 0%, 50%, 0.2);
  }
}
@media screen and (prefers-color-scheme: dark) {
  html:not([data-color-scheme=light]) .content .responsive-image_container.caption,
  html:not([data-color-scheme=light]) .shortcode_responsive-figure.caption,
  html:not([data-color-scheme=light]) .excerpt_container.caption {
    box-shadow:  inset 0 0 3rem hsla(0, 0%, 50%, 0.2);
  }
}
html[data-color-scheme-transition] .content .responsive-image_container.caption,
html[data-color-scheme-transition] .shortcode_responsive-figure.caption,
html[data-color-scheme-transition] .excerpt_container.caption {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
@media screen {
  .content .content .responsive-image_container.caption a, .content .content .responsive-image_container.caption a:link, .content .content .responsive-image_container.caption a:visited, .content .content .responsive-image_container.caption a:hover, .content .content .responsive-image_container.caption a:focus, .content .content .responsive-image_container.caption a:active, .article_body .content .responsive-image_container.caption a, .panel_container .content .responsive-image_container.caption a, .excerpt_container .content .responsive-image_container.caption a, .article_body .content .responsive-image_container.caption a:link, .article_body .content .responsive-image_container.caption a:visited, .article_body .content .responsive-image_container.caption a:hover, .article_body .content .responsive-image_container.caption a:focus, .article_body .content .responsive-image_container.caption a:active,
  .content .shortcode_responsive-figure.caption a,
  .content .shortcode_responsive-figure.caption a:link,
  .content .shortcode_responsive-figure.caption a:visited,
  .content .shortcode_responsive-figure.caption a:hover,
  .content .shortcode_responsive-figure.caption a:focus,
  .content .shortcode_responsive-figure.caption a:active,
  .article_body .shortcode_responsive-figure.caption a,
  .panel_container .shortcode_responsive-figure.caption a,
  .excerpt_container .shortcode_responsive-figure.caption a,
  .article_body .shortcode_responsive-figure.caption a:link,
  .article_body .shortcode_responsive-figure.caption a:visited,
  .article_body .shortcode_responsive-figure.caption a:hover,
  .article_body .shortcode_responsive-figure.caption a:focus,
  .article_body .shortcode_responsive-figure.caption a:active,
  .content .excerpt_container.caption a,
  .content .excerpt_container.caption a:link,
  .content .excerpt_container.caption a:visited,
  .content .excerpt_container.caption a:hover,
  .content .excerpt_container.caption a:focus,
  .content .excerpt_container.caption a:active,
  .article_body .excerpt_container.caption a,
  .panel_container .excerpt_container.caption a,
  .excerpt_container .excerpt_container.caption a,
  .article_body .excerpt_container.caption a:link,
  .article_body .excerpt_container.caption a:visited,
  .article_body .excerpt_container.caption a:hover,
  .article_body .excerpt_container.caption a:focus,
  .article_body .excerpt_container.caption a:active {
    color: inherit;
    text-decoration: none;
  }
  .content .content .responsive-image_container.caption sub a, .content .content .responsive-image_container.caption sup a, .content .content .responsive-image_container.caption a.no-link, .content .content .responsive-image_container.caption a.button, .content .content .responsive-image_container.caption a.footnote-backref, .article_body .content .responsive-image_container.caption sub a, .panel_container .content .responsive-image_container.caption sub a, .excerpt_container .content .responsive-image_container.caption sub a, .article_body .content .responsive-image_container.caption sup a, .panel_container .content .responsive-image_container.caption sup a, .excerpt_container .content .responsive-image_container.caption sup a, .article_body .content .responsive-image_container.caption a.no-link, .panel_container .content .responsive-image_container.caption a.no-link, .excerpt_container .content .responsive-image_container.caption a.no-link, .article_body .content .responsive-image_container.caption a.button, .panel_container .content .responsive-image_container.caption a.button, .excerpt_container .content .responsive-image_container.caption a.button, .article_body .content .responsive-image_container.caption a.footnote-backref, .panel_container .content .responsive-image_container.caption a.footnote-backref, .excerpt_container .content .responsive-image_container.caption a.footnote-backref,
  .content .shortcode_responsive-figure.caption sub a,
  .content .shortcode_responsive-figure.caption sup a,
  .content .shortcode_responsive-figure.caption a.no-link,
  .content .shortcode_responsive-figure.caption a.button,
  .content .shortcode_responsive-figure.caption a.footnote-backref,
  .article_body .shortcode_responsive-figure.caption sub a,
  .panel_container .shortcode_responsive-figure.caption sub a,
  .excerpt_container .shortcode_responsive-figure.caption sub a,
  .article_body .shortcode_responsive-figure.caption sup a,
  .panel_container .shortcode_responsive-figure.caption sup a,
  .excerpt_container .shortcode_responsive-figure.caption sup a,
  .article_body .shortcode_responsive-figure.caption a.no-link,
  .panel_container .shortcode_responsive-figure.caption a.no-link,
  .excerpt_container .shortcode_responsive-figure.caption a.no-link,
  .article_body .shortcode_responsive-figure.caption a.button,
  .panel_container .shortcode_responsive-figure.caption a.button,
  .excerpt_container .shortcode_responsive-figure.caption a.button,
  .article_body .shortcode_responsive-figure.caption a.footnote-backref,
  .panel_container .shortcode_responsive-figure.caption a.footnote-backref,
  .excerpt_container .shortcode_responsive-figure.caption a.footnote-backref,
  .content .excerpt_container.caption sub a,
  .content .excerpt_container.caption sup a,
  .content .excerpt_container.caption a.no-link,
  .content .excerpt_container.caption a.button,
  .content .excerpt_container.caption a.footnote-backref,
  .article_body .excerpt_container.caption sub a,
  .panel_container .excerpt_container.caption sub a,
  .excerpt_container .excerpt_container.caption sub a,
  .article_body .excerpt_container.caption sup a,
  .panel_container .excerpt_container.caption sup a,
  .excerpt_container .excerpt_container.caption sup a,
  .article_body .excerpt_container.caption a.no-link,
  .panel_container .excerpt_container.caption a.no-link,
  .excerpt_container .excerpt_container.caption a.no-link,
  .article_body .excerpt_container.caption a.button,
  .panel_container .excerpt_container.caption a.button,
  .excerpt_container .excerpt_container.caption a.button,
  .article_body .excerpt_container.caption a.footnote-backref,
  .panel_container .excerpt_container.caption a.footnote-backref,
  .excerpt_container .excerpt_container.caption a.footnote-backref {
    color: inherit;
  }
}
.content .responsive-image_container.caption > figcaption,
.shortcode_responsive-figure.caption > figcaption,
.excerpt_container.caption > figcaption {
  width: 100%;
  padding: var(--inner_padding_4-2) 0 0 0;
}
.content .responsive-image_container.background-light,
.shortcode_responsive-figure.background-light,
.excerpt_container.background-light {
  background: var(--bg-light);
  color: var(--text-light);
}
html[data-color-scheme-transition] .content .responsive-image_container.background-light,
html[data-color-scheme-transition] .shortcode_responsive-figure.background-light,
html[data-color-scheme-transition] .excerpt_container.background-light {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.content .responsive-image_container.background-dark,
.shortcode_responsive-figure.background-dark,
.excerpt_container.background-dark {
  background: var(--bg-dark);
  color: var(--text-dark);
}
html[data-color-scheme-transition] .content .responsive-image_container.background-dark,
html[data-color-scheme-transition] .shortcode_responsive-figure.background-dark,
html[data-color-scheme-transition] .excerpt_container.background-dark {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.content .responsive-image_container.float-left, .content .responsive-image_container.float-right,
.shortcode_responsive-figure.float-left,
.shortcode_responsive-figure.float-right,
.excerpt_container.float-left,
.excerpt_container.float-right {
  float: none;
  max-width: 100%;
  margin: var(--inner_margin) auto;
}
*:not(figure) + .content .responsive-image_container,
*:not(figure) + .shortcode_responsive-figure,
*:not(figure) + .excerpt_container {
  clear: both;
}
.content .responsive-image_container.relative-width-50, .content .responsive-image_container.relative-width-60,
.shortcode_responsive-figure.relative-width-50,
.shortcode_responsive-figure.relative-width-60,
.excerpt_container.relative-width-50,
.excerpt_container.relative-width-60 {
  max-width: 100%;
}
@media screen and (min-width: 20rem) {
  .content .responsive-image_container.float-left, .content .responsive-image_container.float-right,
  .shortcode_responsive-figure.float-left,
  .shortcode_responsive-figure.float-right,
  .excerpt_container.float-left,
  .excerpt_container.float-right {
    max-width: 80%;
  }
  .content .responsive-image_container.relative-width-20,
  .shortcode_responsive-figure.relative-width-20,
  .excerpt_container.relative-width-20 {
    max-width: 40%;
  }
  .content .responsive-image_container.relative-width-20.float-left,
  .shortcode_responsive-figure.relative-width-20.float-left,
  .excerpt_container.relative-width-20.float-left {
    float: left;
    margin: 0.75rem;
    margin: var(--float_margin-top) var(--float_margin) var(--float_margin) 0;
  }
  .content .responsive-image_container.relative-width-20.float-right,
  .shortcode_responsive-figure.relative-width-20.float-right,
  .excerpt_container.relative-width-20.float-right {
    float: right;
    margin: 0.75rem;
    margin: var(--float_margin-top) 0 var(--float_margin) var(--float_margin);
  }
}
@media screen and (min-width: 36rem) {
  .content .responsive-image_container.relative-width-20,
  .shortcode_responsive-figure.relative-width-20,
  .excerpt_container.relative-width-20 {
    max-width: 30%;
  }
  .content .responsive-image_container.relative-width-30,
  .shortcode_responsive-figure.relative-width-30,
  .excerpt_container.relative-width-30 {
    max-width: 40%;
  }
  .content .responsive-image_container.relative-width-30.float-left,
  .shortcode_responsive-figure.relative-width-30.float-left,
  .excerpt_container.relative-width-30.float-left {
    float: left;
    margin: 0.75rem;
    margin: var(--float_margin-top) var(--float_margin) var(--float_margin) 0;
  }
  .content .responsive-image_container.relative-width-30.float-right,
  .shortcode_responsive-figure.relative-width-30.float-right,
  .excerpt_container.relative-width-30.float-right {
    float: right;
    margin: 0.75rem;
    margin: var(--float_margin-top) 0 var(--float_margin) var(--float_margin);
  }
  .content .responsive-image_container.relative-width-40,
  .shortcode_responsive-figure.relative-width-40,
  .excerpt_container.relative-width-40 {
    max-width: 50%;
  }
  .content .responsive-image_container.relative-width-50,
  .shortcode_responsive-figure.relative-width-50,
  .excerpt_container.relative-width-50 {
    max-width: 60%;
  }
  .content .responsive-image_container.relative-width-60,
  .shortcode_responsive-figure.relative-width-60,
  .excerpt_container.relative-width-60 {
    max-width: 70%;
  }
}
@media screen and (min-width: 48rem), print {
  .content .responsive-image_container.float-left, .content .responsive-image_container.float-right,
  .shortcode_responsive-figure.float-left,
  .shortcode_responsive-figure.float-right,
  .excerpt_container.float-left,
  .excerpt_container.float-right {
    max-width: 60%;
  }
  .content .responsive-image_container.float-left,
  .shortcode_responsive-figure.float-left,
  .excerpt_container.float-left {
    float: left;
    margin: 0.75rem;
    margin: var(--float_margin-top) var(--float_margin) var(--float_margin) 0;
  }
  .content .responsive-image_container.float-right,
  .shortcode_responsive-figure.float-right,
  .excerpt_container.float-right {
    float: right;
    margin: 0.75rem;
    margin: var(--float_margin-top) 0 var(--float_margin) var(--float_margin);
  }
  .content .responsive-image_container.relative-width-20,
  .shortcode_responsive-figure.relative-width-20,
  .excerpt_container.relative-width-20 {
    max-width: 30%;
  }
  .content .responsive-image_container.relative-width-30,
  .shortcode_responsive-figure.relative-width-30,
  .excerpt_container.relative-width-30 {
    max-width: 40%;
  }
  .content .responsive-image_container.relative-width-40,
  .shortcode_responsive-figure.relative-width-40,
  .excerpt_container.relative-width-40 {
    max-width: 50%;
  }
  .content .responsive-image_container.relative-width-50,
  .shortcode_responsive-figure.relative-width-50,
  .excerpt_container.relative-width-50 {
    max-width: 50%;
  }
  .content .responsive-image_container.relative-width-60,
  .shortcode_responsive-figure.relative-width-60,
  .excerpt_container.relative-width-60 {
    max-width: 60%;
  }
}
@media screen and (min-width: 76rem), print {
  .content .responsive-image_container.relative-width-20,
  .shortcode_responsive-figure.relative-width-20,
  .excerpt_container.relative-width-20 {
    max-width: 20%;
  }
  .content .responsive-image_container.relative-width-30,
  .shortcode_responsive-figure.relative-width-30,
  .excerpt_container.relative-width-30 {
    max-width: 30%;
  }
  .content .responsive-image_container.relative-width-40,
  .shortcode_responsive-figure.relative-width-40,
  .excerpt_container.relative-width-40 {
    max-width: 40%;
  }
  .content .responsive-image_container.relative-width-50,
  .shortcode_responsive-figure.relative-width-50,
  .excerpt_container.relative-width-50 {
    max-width: 50%;
  }
  .content .responsive-image_container.relative-width-60,
  .shortcode_responsive-figure.relative-width-60,
  .excerpt_container.relative-width-60 {
    max-width: 60%;
  }
}

.nav_open + .nav_sub::before, .nav_open + .nav_sub .nav_child:first-child::before {
  width: 0;
  height: 0;
  border-left: 0.33rem solid transparent;
  border-right: 0.33rem solid transparent;
  top: -0.5rem;
  left: 1rem;
}

@media screen {
  .to_top {
    background-color: var(--theme);
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 50%;
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 99;
  }
  html[data-color-scheme-transition] .to_top {
    transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
  }
  .to_top.ios {
    position: absolute;
    bottom: 0.75rem;
    right: 0;
  }
}
@media screen and (any-hover: hover) {
  .to_top:hover {
    background-color: var(--theme);
  }
}
@media screen {
  .to_top svg {
    fill: var(--theme-text);
    opacity: 0.5;
    transition: 0.3s opacity var(--ease);
  }
}
@media screen and (any-hover: hover) {
  .to_top:hover svg {
    opacity: 1;
  }
}
.header_claris {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 2.5rem;
  z-index: 99;
  padding: 0;
  background: transparent;
  line-height: 1.5rem;
}
.header_claris::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: rgba(var(--RGB_choice-bg), 0.98);
  background: linear-gradient(to top, rgba(var(--RGB_choice-bg), 0.9) 0%, rgba(var(--RGB_choice-bg), 0.9) 20%, rgba(var(--RGB_xhaze), 0.9) 90%, rgba(var(--RGB_xhaze), 0.9) 100%);
  box-shadow: 0.25rem 0.25rem 3rem var(--shadow);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .header_claris::after {
    background: linear-gradient(to top, rgba(var(--RGB_choice-bg), 0.6) 0%, rgba(var(--RGB_choice-bg), 0.6) 20%, rgba(var(--RGB_xhaze), 0.6) 90%, rgba(var(--RGB_xhaze), 0.6) 100%);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
  }
}
html[data-color-scheme-transition] .header_claris::after {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}

@media screen {
  .header_claris {
    display: block;
  }
}
.nav {
  position: relative;
  height: 2.5rem;
  display: flex;
  justify-content: space-between;
  color: var(--text);
  white-space: nowrap;
  column-gap: var(--inner_padding_4-2);
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--screenViewWidthChrome);
  font-size: var(--font-size-nav);
  line-height: 1.5rem;
}
.nav .icon {
  width: var(--icon-height-nav);
  height: var(--icon-height-nav);
}
.nav_active {
  padding: 0;
  border-radius: 0.125rem;
}
.nav_active, .nav_active_is_menu.nav_menu, .nav_active_has_menu:not(.nav_open), .nav_active_parent_is_menu.nav_menu, .nav_active_parent_has_menu {
  color: var(--text);
  z-index: 2;
  cursor: default;
}
.nav_active::after, .nav_active_is_menu.nav_menu::after, .nav_active_has_menu:not(.nav_open)::after, .nav_active_parent_is_menu.nav_menu::after, .nav_active_parent_has_menu::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--theme-bg-active);
  border: 0.125em solid var(--theme-bg-active);
  height: unset;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
@media screen and (min-width: 56rem) {
  .nav_group_menu .nav_active::after, .nav_group_menu .nav_active_is_menu.nav_menu::after, .nav_group_menu .nav_active_has_menu:not(.nav_open)::after, .nav_group_menu .nav_active_parent_is_menu.nav_menu::after, .nav_group_menu .nav_active_parent_has_menu::after {
    background: var(--theme-bg-active);
    border: none;
    border-bottom: 0.25em solid var(--theme);
    height: unset;
    border-radius: 0;
  }
}
.nav_active .icon, .nav_active_is_menu.nav_menu .icon, .nav_active_has_menu:not(.nav_open) .icon, .nav_active_parent_is_menu.nav_menu .icon, .nav_active_parent_has_menu .icon {
  fill: var(--text);
}
.nav_active:hover, .nav_active_is_menu.nav_menu:hover, .nav_active_has_menu:not(.nav_open):hover, .nav_active_parent_is_menu.nav_menu:hover, .nav_active_parent_has_menu:hover {
  color: var(--text);
}
.nav_active:active, .nav_active_is_menu.nav_menu:active, .nav_active_has_menu:not(.nav_open):active, .nav_active_parent_is_menu.nav_menu:active, .nav_active_parent_has_menu:active {
  color: var(--xaccent);
}
.nav_active:focus, .nav_active_is_menu.nav_menu:focus, .nav_active_has_menu:not(.nav_open):focus, .nav_active_parent_is_menu.nav_menu:focus, .nav_active_parent_has_menu:focus {
  outline: var(--accent);
}
.nav_open_sub .nav_active.nav_child.nav_item {
  color: var(--text);
  z-index: 2;
  cursor: default;
}
.nav_open_sub .nav_active.nav_child.nav_item::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--theme-bg-active);
  border: 0.125em solid var(--theme-bg-active);
  height: unset;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
@media screen and (min-width: 56rem) {
  .nav_group_menu .nav_open_sub .nav_active.nav_child.nav_item::after {
    background: var(--theme-bg-active);
    border: none;
    border-bottom: 0.25em solid var(--theme);
    height: unset;
    border-radius: 0;
  }
}
.nav_open_sub .nav_active.nav_child.nav_item .icon {
  fill: var(--text);
}
.nav_open_sub .nav_active.nav_child.nav_item:hover {
  color: var(--text);
}
a:not(:has(~ .nav_active), .nav_active).nav_active_in_section {
  color: var(--text);
  z-index: 2;
}
a:not(:has(~ .nav_active), .nav_active).nav_active_in_section::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  border: 0.125em solid var(--theme);
  height: unset;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
@media screen and (min-width: 56rem) {
  .nav_group_menu a:not(:has(~ .nav_active), .nav_active).nav_active_in_section::after {
    background: transparent;
    border: none;
    border-bottom: 0.25em solid var(--theme);
    height: unset;
    border-radius: 0;
  }
}
a:not(:has(~ .nav_active), .nav_active).nav_active_in_section .icon {
  fill: var(--text);
}
.nav_active, .nav_active_page {
  color: var(--text);
  z-index: 2;
  cursor: default;
}
.nav_active::after, .nav_active_page::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--theme-bg-active);
  border: 0.125em solid var(--theme-bg-active);
  height: unset;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
@media screen and (min-width: 56rem) {
  .nav_group_menu .nav_active::after, .nav_group_menu .nav_active_page::after {
    background: var(--theme-bg-active);
    border: none;
    border-bottom: 0.25em solid var(--theme);
    height: unset;
    border-radius: 0;
  }
}
.nav_active .icon, .nav_active_page .icon {
  fill: var(--text);
}
.nav_active:hover, .nav_active_page:hover {
  color: var(--text);
}
.nav_icon {
  width: 0.7rem;
  margin: auto 0.5rem auto 0.5rem;
  transition: transform 0.3s var(--ease);
  transform-origin: 50% 50%;
  transform: rotate(180deg);
}
.nav_body {
  position: fixed;
  max-width: unset;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: inherit;
  transition: transform 0.5s var(--easing);
}
.nav_body_right {
  transform: translateX(100%);
  transform: translateX(calc(100% + 100vw));
  transition: transform 0.5s var(--easing);
  right: 0;
}
.nav_body_left {
  transform: translateX(-100%);
  transform: translateX(calc(-100% - 100vw));
  transition: transform 0.5s var(--easing);
  left: 0;
}
.nav_body::after {
  content: "";
  position: absolute;
  top: 2.5rem;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: rgba(var(--RGB_choice-bg), 0.98);
  background: linear-gradient(to bottom, rgba(var(--RGB_choice-bg), 0.9) 0%, rgba(var(--RGB_choice-bg), 0.9) 20%, rgba(var(--RGB_xhaze), 0.9) 90%, rgba(var(--RGB_xhaze), 0.9) 100%);
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
  .nav_body::after {
    background: linear-gradient(to bottom, rgba(var(--RGB_choice-bg), 0.6) 0%, rgba(var(--RGB_choice-bg), 0.6) 20%, rgba(var(--RGB_xhaze), 0.6) 90%, rgba(var(--RGB_xhaze), 0.6) 100%);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
  }
}
html[data-color-scheme-transition] .nav_body::after {
  transition: color calc(0.25 * var(--color-scheme-duration)) var(--color-scheme-timing), background-color var(--color-scheme-duration) var(--color-scheme-timing);
}
.nav_group_color-scheme_mobile.nav_group {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: fit-content;
}
.nav_group_related, .nav_group_follow {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex: 0 0 auto;
}
@media screen and (min-width: 56rem) {
  .nav_group_related .nav_item, .nav_group_follow .nav_item {
    padding: var(--inner_padding_4-2);
  }
}
.nav_sub {
  left: 0;
  position: absolute;
  z-index: 20;
  border-radius: 0 0 0.5rem 0.5rem;
  top: 3rem;
  transition: height 0.3s ease-in-out;
  height: 0;
  overflow: hidden;
  background: transparent;
}
.nav_item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.5rem var(--inner_padding_4-1);
  border-radius: 0;
}
@media (any-hover: hover) {
  .nav_item:not(.nav_active):hover, .nav_item a.nav_active_in_section:hover {
    color: var(--theme-text-hover);
    z-index: 2;
  }
  .nav_item:not(.nav_active):hover::after, .nav_item a.nav_active_in_section:hover::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--theme-bg-hover);
    border: 0.125em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 56rem) {
  .nav_group_menu .nav_item:not(.nav_active):hover::after, .nav_group_menu .nav_item a.nav_active_in_section:hover::after {
    background: var(--theme-bg-hover);
    border: none;
    border-bottom: 0.25em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0;
  }
}
@media (any-hover: hover) {
  .nav_item:not(.nav_active):hover .icon, .nav_item a.nav_active_in_section:hover .icon {
    fill: var(--theme-text-hover);
  }
}
.nav_parent {
  width: 100%;
  display: grid;
  position: relative;
}
.nav_parent_follow, .nav_parent_color-scheme {
  flex-wrap: wrap;
  width: auto;
}
.nav_parent_color-scheme {
  margin-right: 0;
  margin-left: auto;
}
.nav_parent_follow .nav_item {
  margin: 0 0.25rem;
  line-height: 1.25rem;
}
.nav_parent_follow .nav_item .icon {
  margin: 0;
}
.nav_open {
  color: var(--theme-text);
  z-index: 2;
}
.nav_open::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--theme-bg);
  border: 0.125em solid var(--theme-bg);
  height: unset;
  border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
}
@media screen and (min-width: 56rem) {
  .nav_group_menu .nav_open::after {
    background: var(--theme-bg);
    border: none;
    border-bottom: 0.25em solid var(--theme);
    height: unset;
    border-radius: 0;
  }
}
.nav_open .icon {
  fill: var(--theme-text);
}
.nav_open + .nav_sub .nav_child {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  z-index: 3;
}
@media screen and (min-width: 56rem) {
  .nav_open + .nav_sub .nav_child + a {
    padding-top: 0.5rem;
  }
}
.nav_open + .nav_sub .nav_child:not(:first-child) {
  position: relative;
}
.nav_open + .nav_sub .nav_child:first-child::before {
  position: absolute;
  content: "";
  border-bottom: 0.5rem solid var(--choice-bg-menu);
  z-index: 2;
}
.nav_open + .nav_sub {
  width: 100%;
  height: auto;
  z-index: 999;
  overflow: auto;
  border-radius: 0.5rem;
  padding: 0;
}
@media screen and (min-width: 56rem) {
  .nav_open + .nav_sub {
    color: var(--text);
    background: transparent;
    min-width: 100%;
    width: auto;
    white-space: nowrap;
  }
}
.nav_open + .nav_sub::before, .nav_open + .nav_sub::after {
  content: "";
  position: absolute;
}
.nav_open + .nav_sub::before {
  z-index: 1;
}
@media screen and (min-width: 56rem) {
  .nav_open + .nav_sub::before {
    border-bottom: 0.5rem solid var(--choice-bg-menu);
  }
}
.nav_open + .nav_sub::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.5rem;
  background: var(--choice-bg-menu);
}
@media screen and (min-width: 56rem) {
  .nav_open + .nav_sub::after {
    background: var(--choice-bg-menu);
    width: auto;
    white-space: nowrap;
  }
}
.nav_open .nav_icon {
  color: var(--theme-text-hover);
  transform: rotate(0deg);
}
.nav_sub .nav_item {
  position: relative;
  z-index: 5;
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  transition: background 0.3s ease-out;
  margin: 0;
}
.nav_sub .nav_item:not(.nav_child) {
  position: relative;
}
@media (any-hover: hover) {
  .nav_sub .nav_item:hover:not(.nav_active) {
    color: var(--theme-text-hover);
    z-index: 2;
    margin: 0;
    border-radius: 0.5rem;
  }
  .nav_sub .nav_item:hover:not(.nav_active)::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--theme-bg-hover);
    border: 0.125em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 56rem) {
  .nav_group_menu .nav_sub .nav_item:hover:not(.nav_active)::after {
    background: var(--theme-bg-hover);
    border: none;
    border-bottom: 0.25em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0;
  }
}
@media (any-hover: hover) {
  .nav_sub .nav_item:hover:not(.nav_active) .icon {
    fill: var(--theme-text-hover);
  }
}
.nav_brand {
  position: relative;
  margin-left: calc(0px - var(--inner_padding));
  margin-right: 0;
  padding-left: var(--inner_padding);
  width: min-content;
  display: flex;
  align-items: center;
  column-gap: var(--inner_margin_4-2);
  color: var(--theme-text);
}
@media (any-hover: hover) {
  .nav_brand:not(.nav_active):hover {
    color: var(--theme-text-hover);
    z-index: 2;
  }
  .nav_brand:not(.nav_active):hover::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--theme-bg-hover);
    border: 0.125em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0 0.25rem 0.25rem 0;
  }
}
@media screen and (any-hover: hover) and (min-width: 56rem) {
  .nav_group_menu .nav_brand:not(.nav_active):hover::after {
    background: var(--theme-bg-hover);
    border: none;
    border-bottom: 0.25em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0;
  }
}
@media (any-hover: hover) {
  .nav_brand:not(.nav_active):hover .icon {
    fill: var(--theme-text-hover);
  }
}
.nav_brand_logo {
  display: flex;
  align-items: center;
  overflow: hidden; /* ensures excess image height is clipped */
  border-radius: 0.5rem;
  z-index: 3;
  height: 2.5rem;
}
.nav_brand_logo img, .nav_brand_logo svg {
  max-width: unset;
  width: auto;
  background: transparent !important;
  max-height: unset;
  height: 1.5rem;
  fill: var(--theme-text);
  transition: 0.3s var(--ease);
}
@media screen and (min-width: 36rem) {
  .nav_brand_logo img, .nav_brand_logo svg {
    height: 1.8rem;
  }
}
.nav_brand_logo svg .background {
  stroke: var(--logo-stroke-background);
  fill: var(--logo-fill-background);
}
.nav_brand_logo svg .primary {
  stroke: var(--logo-stroke-primary);
  fill: var(--logo-fill-primary);
}
.nav_brand_logo svg .secondary {
  stroke: var(--logo-stroke-secondary);
  fill: var(--logo-fill-secondary);
}
.nav_brand_logo svg .tertiary {
  stroke: var(--logo-stroke-tertiary);
  fill: var(--logo-fill-tertiary);
}
.nav_brand_logo.padding-1 img {
  padding: 0.25em;
}
.nav_brand_logo.padding-2 img {
  padding: 0.5em;
}
.nav_brand_logo.padding-3 img {
  padding: 0.75em;
}
.nav_brand_logo.padding-4 img {
  padding: 1em;
}
.nav_brand_text {
  display: block;
  font-weight: var(--font-weight-strong);
  line-height: 1rem;
  padding: 0.75rem var(--inner_padding_4-2) 0.75rem var(--inner_padding_4-1);
}
.nav_mobile_toggle, .nav_color-scheme_choice {
  position: relative;
  height: 100%;
  padding: 0 0 0 var(--inner_padding);
  cursor: pointer;
  z-index: 1000;
}
.nav_mobile_toggle .icon, .nav_color-scheme_choice .icon {
  fill: var(--text-);
  pointer-events: none;
}
.nav_color-scheme_choice_mask {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}
.nav_color-scheme_choice_icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
}
.nav_color-scheme_choice_icon .icon {
  display: block;
  fill: var(--text);
  width: 1rem;
  height: 1rem;
  margin: 0;
  padding: 0;
}
.nav_color-scheme_choice_dark {
  opacity: 0;
}
html[data-color-scheme-transition] .nav_color-scheme_choice_icon {
  transition: opacity var(--color-scheme-duration) var(--color-scheme-timing), background var(--color-scheme-duration) var(--color-scheme-timing);
}
html[data-color-scheme-transition] .nav_color-scheme_choice_icon .icon {
  transition: fill var(--color-scheme-duration) var(--color-scheme-timing);
}
@media (any-hover: hover) {
  html:not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_icon {
    background: var(--theme-bg-hover);
    transition: background 0.35s var(--color-scheme-timing);
  }
  html:not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_icon .icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  html:not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_dark {
    opacity: 1;
    z-index: 1;
  }
  html:not([data-color-scheme-transition]) .nav_color-scheme_choice:hover .nav_color-scheme_choice_light {
    opacity: 0;
    transition: none;
    z-index: auto;
  }
}
.nav_mobile_toggle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(0px - var(--inner_padding));
  padding-right: var(--inner_padding);
}
@media (any-hover: hover) {
  .nav_mobile_toggle:not(.nav_active):hover, .nav_mobile_toggle a.nav_active_in_section:hover {
    color: var(--theme-text-hover);
    z-index: 2;
  }
  .nav_mobile_toggle:not(.nav_active):hover::after, .nav_mobile_toggle a.nav_active_in_section:hover::after {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--theme-bg-hover);
    border: 0.125em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0.25rem 0 0 0.25rem;
  }
}
@media screen and (any-hover: hover) and (min-width: 56rem) {
  .nav_group_menu .nav_mobile_toggle:not(.nav_active):hover::after, .nav_group_menu .nav_mobile_toggle a.nav_active_in_section:hover::after {
    background: var(--theme-bg-hover);
    border: none;
    border-bottom: 0.25em solid var(--theme-bg-hover);
    height: unset;
    border-radius: 0;
  }
}
@media (any-hover: hover) {
  .nav_mobile_toggle:not(.nav_active):hover .icon, .nav_mobile_toggle a.nav_active_in_section:hover .icon {
    fill: var(--theme-text-hover);
  }
}
.nav_mobile_toggle_open {
  display: block;
}
.nav_mobile_toggle_close {
  display: none;
}
.nav_mobile_toggle.isopen .nav_mobile_toggle_open {
  display: none;
}
.nav_mobile_toggle.isopen .nav_mobile_toggle_close {
  display: block;
}
.nav_center {
  display: none;
}
@media screen and (min-width: 56rem) {
  .nav_center {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
  }
}

@media screen {
  .main_claris {
    padding-top: 2.5rem;
    margin-top: -2.5rem;
    min-height: 100vh;
    min-height: 100lvh;
    width: 100%;
  }
}
@media screen and (min-width: 36rem) {
  .main_claris {
    padding-top: 3rem;
    margin-top: -3rem;
  }
}

@supports (position: sticky) and (not (-webkit-touch-callout: none)) {
  @media screen and (min-width: 36rem) and (min-height: 42rem) {
    .footer_claris {
      position: sticky;
      bottom: 0;
      left: 0;
      width: 100%;
    }
  }
}
@media screen {
  .footer_claris a, .footer_claris a:link, .footer_claris a:visited, .footer_claris a:focus {
    text-decoration: none;
  }
  .footer_claris a:hover, .footer_claris a:active {
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 0.05em;
  }
  .footer_claris a, .footer_claris a:link {
    color: rgba(var(--RGB_link-dark), 1);
    text-decoration-color: rgba(var(--RGB_link-dark), 0.5);
  }
  .footer_claris a:visited {
    color: rgba(var(--RGB_link-dark-visited), 1);
    text-decoration-color: rgba(var(--RGB_link-dark-visited), 0.5);
  }
}
@media screen and (any-hover: hover) {
  .footer_claris a:hover {
    color: rgba(var(--RGB_link-dark-hover), 1);
    text-decoration-color: rgba(var(--RGB_link-dark-hover), 1);
  }
}
@media screen {
  .footer_claris a:focus {
    color: rgba(var(--RGB_link-dark-focus), 1);
    text-decoration-color: rgba(var(--RGB_link-dark-focus), 0.5);
    outline: 1px dashed var(--link-dark-focus);
  }
  .footer_claris a:active {
    color: rgba(var(--RGB_link-dark-active), 1);
    text-decoration-color: rgba(var(--RGB_link-dark-active), 1);
  }
}
.footer_claris sub a, .footer_claris sup a, .footer_claris a.no-link, .footer_claris a.button, .footer_claris a.footnote-backref {
  text-decoration: none;
}
.footer_claris sub a, .footer_claris sub a:link, .footer_claris sub a:hover, .footer_claris sub a:visited, .footer_claris sub a:focus, .footer_claris sub a:active, .footer_claris sup a, .footer_claris sup a:link, .footer_claris sup a:hover, .footer_claris sup a:visited, .footer_claris sup a:focus, .footer_claris sup a:active, .footer_claris a.no-link, .footer_claris a.no-link:link, .footer_claris a.no-link:hover, .footer_claris a.no-link:visited, .footer_claris a.no-link:focus, .footer_claris a.no-link:active, .footer_claris a.button, .footer_claris a.button:link, .footer_claris a.button:hover, .footer_claris a.button:visited, .footer_claris a.button:focus, .footer_claris a.button:active, .footer_claris a.footnote-backref, .footer_claris a.footnote-backref:link, .footer_claris a.footnote-backref:hover, .footer_claris a.footnote-backref:visited, .footer_claris a.footnote-backref:focus, .footer_claris a.footnote-backref:active {
  text-decoration: none;
}

@supports (position: sticky) and (not (-webkit-touch-callout: none)) {
  @media screen and (min-width: 36rem) and (min-height: 42rem) {
    .hero-image_background_main .main_inner {
      min-height: 40vh;
      min-height: 40svh;
      margin: 0 auto -100vh auto;
      margin-bottom: -100lvh;
      z-index: 3;
    }
    .hero-image_background_main ~ .footer_claris {
      position: sticky;
      bottom: 0;
      z-index: 0;
    }
    .hero-image_background_figure {
      display: none;
    }
    .hero-image_background_main .hero-image_background_figure {
      display: block;
      position: sticky;
      top: unset;
      bottom: 0;
      margin: 0;
      padding: 0;
      z-index: 2;
      margin-top: -3rem;
    }
  }
}
@media screen and (max-width: 55.99rem) {
  html.jsopen .main_claris {
    padding-top: 2.5rem;
    margin-top: 0;
  }
  html.jsopen .main_claris *[id]:target {
    scroll-margin-top: 3.5rem;
  }
}
@media screen and (max-width: 55.99rem) and (min-width: 36rem) {
  html.jsopen .main_claris {
    padding-top: 3rem;
    margin-top: 0;
  }
  html.jsopen .main_claris *[id]:target {
    scroll-margin-top: 4rem;
  }
}
@media screen and (max-width: 55.99rem) {
  html.jsopen .header_claris {
    position: fixed;
  }
  .jsopen::after {
    content: "";
    position: fixed;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .jsopen .nav_body .nav_item,
  .jsopen .nav_body .nav_item.nav_menu,
  .jsopen .nav_follow {
    border-radius: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .jsopen .nav_body {
    transform: translateX(0);
    width: auto;
  }
}
@media screen and (max-width: 55.99rem) {
  .jsopen .nav_body {
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
  .jsopen .nav_body > .nav_group .nav_item {
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 55.99rem) and (min-width: 36rem) {
  .jsopen .nav_body > .nav_group .nav_item {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 55.99rem) {
  .jsopen .nav_body > .nav_group:first-child {
    margin-top: 4rem;
  }
  .jsopen .nav_group_follow_color-scheme {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 56rem) {
  .header_claris {
    font-size: var(--font-size-nav);
  }
  .nav, .nav_body {
    flex-direction: row;
  }
  .nav_body {
    position: relative;
    transform: none;
    width: auto;
    max-width: none;
    top: auto;
    bottom: auto;
    transition: none;
    column-gap: var(--inner_margin_4-2);
  }
  .nav_body::after {
    content: none;
  }
  .nav_group {
    position: relative;
    display: flex;
    align-items: center;
  }
  .nav_group_follow_color-scheme {
    margin-left: auto;
    display: flex;
    align-content: center;
    justify-content: space-between;
    width: auto;
  }
  .nav_group_follow_color-scheme .color-scheme {
    margin-right: 0;
  }
  .nav_logourl {
    display: none;
  }
  .nav_follow:first-child a {
    margin-left: 0;
  }
  .nav_sub {
    position: absolute;
    left: 0;
    top: 3.5rem;
    height: 0;
    z-index: 20;
    padding: 0.96rem 0 0;
  }
  .nav_center {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
  }
  .nav_hide, .nav_mobile_toggle {
    display: none;
  }
  .color-scheme {
    position: relative;
    right: auto;
    top: auto;
  }
}
@media screen and (min-width: 36rem) {
  .header_claris {
    height: 3rem;
    line-height: 1.5rem;
  }
  .nav {
    height: 3rem;
  }
  .nav_brand_logo {
    height: 3rem;
    margin-right: 0;
  }
  .nav_brand_text {
    line-height: 1.5rem;
  }
  .nav_item {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .nav_color-scheme_choice_mask, .nav_color-scheme_choice_icon {
    width: 3rem;
    height: 3rem;
  }
  .nav_mobile_toggle {
    padding-right: var(--inner_padding);
  }
  .nav_body::after {
    top: 3rem;
  }
}
html.content-above-header,
html.content-above-header body {
  scroll-behavior: auto;
}
html.content-above-header body {
  min-height: 100vh;
  min-height: 100lvh;
}
html.content-above-header .main_claris {
  padding-top: 2.5rem;
  margin-top: 0;
}
html.content-above-header .main_claris *[id]:target {
  scroll-margin-top: 3.5rem;
}
@media screen and (min-width: 36rem) {
  html.content-above-header .main_claris {
    padding-top: 3rem;
    margin-top: 0;
  }
  html.content-above-header .main_claris *[id]:target {
    scroll-margin-top: 4rem;
  }
}
html.content-above-header .header_claris {
  position: sticky;
}

.table_of_contents {
  visibility: hidden;
  width: 100%;
  clear: both;
  --font-size-base: var(--font-size-aside-meta);
  --font-size-normal: calc(1 * var(--font-size-base));
  --font-size-smaller-1: calc(0.84 * var(--font-size-base));
  --font-size-smaller-2: calc(0.71 * var(--font-size-base));
  --font-size-smaller-3: calc(0.59 * var(--font-size-base));
  --font-size-smaller-4: calc(0.5 * var(--font-size-base));
  --font-size-smaller-5: calc(0.42 * var(--font-size-base));
  --font-size-larger-1: calc(1.19 * var(--font-size-base));
  --font-size-larger-2: calc(1.41 * var(--font-size-base));
  --font-size-larger-3: calc(1.68 * var(--font-size-base));
  --font-size-larger-4: calc(2 * var(--font-size-base));
  --font-size-larger-5: calc(2.38 * var(--font-size-base));
  --font-size-larger-6: calc(2.83 * var(--font-size-base));
  font-size: var(--font-size-normal);
  --toc_indent: calc(1.5 * var(--font-size-normal));
  --toc_item_between: calc(0.5 * var(--font-size-normal));
  --toc_indicator_line_color: var(--xhaze);
  --toc_indicator_line_width: 1px;
  --toc_indicator_width: calc(var(--toc_indent) / 2);
  --toc_indicator_icon_color: var(--xxxhaze);
  --toc_indicator_icon_width: calc(var(--toc_indicator_width) / 3);
}
.table_of_contents_heading {
  font-size: var(--font-size-normal);
  margin: calc(1em * (1 - var(--line-height-heading))) 0 var(--inner_margin_4-1) 0;
  padding: 0;
  text-transform: uppercase;
}
.table_of_contents a {
  text-decoration: none;
  color: var(--text);
}
.table_of_contents ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.table_of_contents ul > li {
  position: relative;
  list-style-type: none;
  margin: 0 0 0 var(--toc_indent);
  padding: calc(var(--toc_item_between) / 2) 0;
}
.table_of_contents ul > li ul {
  padding-left: 1em;
}
.table_of_contents ul > li::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: calc(0px - var(--toc_indent) - var(--toc_indicator_line_width) / 2 + var(--toc_indicator_width) / 2);
  border-left: var(--toc_indicator_line_width) solid var(--toc_indicator_line_color);
}
.table_of_contents li.active a,
.table_of_contents nav:not(.active) li.visible a {
  color: var(--text);
}
.table_of_contents li.active > a::before,
.table_of_contents nav:not(.active) li.visible > a::before {
  content: "";
  display: block;
  position: absolute;
  width: var(--toc_indicator_icon_width);
  top: 0;
  bottom: 0;
  left: calc(var(--toc_indicator_width) / 2 - var(--toc_indicator_icon_width) / 2 - var(--toc_indent));
  background-color: var(--toc_indicator_icon_color);
  outline-color: var(--toc_indicator_icon_color) !important;
  opacity: 1;
  z-index: 1;
}
@media (any-hover: hover) {
  .table_of_contents nav:not(.active) li, .table_of_contents nav:not(.active) li > a:active,
  .table_of_contents nav:not(.active) li.visible ~ li,
  .table_of_contents nav:not(.active) li.visible ~ li > a:active,
  .table_of_contents nav.active li,
  .table_of_contents nav.active li > a:active {
    color: var(--accent);
    cursor: pointer;
  }
  .table_of_contents nav:not(.active) li:hover,
  .table_of_contents nav:not(.active) li.visible ~ li:hover,
  .table_of_contents nav.active li:hover {
    color: var(--theme);
    list-style-type: none;
  }
  .table_of_contents nav:not(.active) li:hover > a,
  .table_of_contents nav:not(.active) li.visible ~ li:hover > a,
  .table_of_contents nav.active li:hover > a {
    color: var(--theme);
  }
}
.table_of_contents ul ul li.active a,
.table_of_contents nav:not(.active) ul ul li.visible a {
  color: var(--text);
}
.table_of_contents ul ul li.active > a::before,
.table_of_contents nav:not(.active) ul ul li.visible > a::before {
  content: "";
  display: block;
  position: absolute;
  width: var(--toc_indicator_icon_width);
  top: 0;
  bottom: 0;
  left: calc(var(--toc_indicator_width) / 2 - var(--toc_indicator_icon_width) / 2 - var(--toc_indent));
  background-color: var(--toc_indicator_icon_color);
  outline-color: var(--toc_indicator_icon_color) !important;
  opacity: 1;
  z-index: 1;
}
@media (any-hover: hover) {
  .table_of_contents nav:not(.active) ul ul li, .table_of_contents nav:not(.active) ul ul li > a:active,
  .table_of_contents nav:not(.active) ul ul li.visible ~ li,
  .table_of_contents nav:not(.active) ul ul li.visible ~ li > a:active,
  .table_of_contents nav.active ul ul li,
  .table_of_contents nav.active ul ul li > a:active {
    color: var(--accent);
    cursor: pointer;
  }
  .table_of_contents nav:not(.active) ul ul li:hover,
  .table_of_contents nav:not(.active) ul ul li.visible ~ li:hover,
  .table_of_contents nav.active ul ul li:hover {
    color: var(--theme);
    list-style-type: none;
  }
  .table_of_contents nav:not(.active) ul ul li:hover > a,
  .table_of_contents nav:not(.active) ul ul li.visible ~ li:hover > a,
  .table_of_contents nav.active ul ul li:hover > a {
    color: var(--theme);
  }
}
.table_of_contents nav:not(.active) .article_top, .table_of_contents nav.active .article_top {
  margin: 0 0 0 var(--toc_indent);
  padding: 0 0 calc(var(--toc_item_between) / 2) 0;
  position: relative;
  font-size: var(--font-size-larger-1);
}
@media (any-hover: hover) {
  .table_of_contents nav:not(.active) .article_top, .table_of_contents nav:not(.active) .article_top > a:active, .table_of_contents nav.active .article_top, .table_of_contents nav.active .article_top > a:active {
    color: var(--accent);
    cursor: pointer;
  }
  .table_of_contents nav:not(.active) .article_top:hover, .table_of_contents nav.active .article_top:hover {
    color: var(--theme);
    list-style-type: none;
  }
  .table_of_contents nav:not(.active) .article_top:hover > a, .table_of_contents nav.active .article_top:hover > a {
    color: var(--theme);
  }
}
.table_of_contents nav:not(.active) .article_top::before, .table_of_contents nav.active .article_top::before {
  content: none;
}
.table_of_contents nav:not(.active) .article_top > a::before, .table_of_contents nav:not(.active) .article_top.active > a::before, .table_of_contents nav:not(.active) .article_top.visible > a::before, .table_of_contents nav.active .article_top > a::before, .table_of_contents nav.active .article_top.active > a::before, .table_of_contents nav.active .article_top.visible > a::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(1em * var(--line-height) / 2 - var(--toc_indicator_width) / 2);
  left: calc(0px - var(--toc_indent));
  width: var(--toc_indicator_width);
  height: var(--toc_indicator_width);
  border-radius: 50%;
  outline: 2px solid var(--toc_indicator_line_color);
  opacity: 1;
}
.table_of_contents nav:not(.active) .article_top > a::after, .table_of_contents nav:not(.active) .article_top.active > a::after, .table_of_contents nav:not(.active) .article_top.visible > a::after, .table_of_contents nav.active .article_top > a::after, .table_of_contents nav.active .article_top.active > a::after, .table_of_contents nav.active .article_top.visible > a::after {
  position: absolute;
  content: "";
  top: calc(1em * var(--line-height) / 2 + var(--toc_indicator_width) / 2);
  bottom: 0;
  left: calc(0px - var(--toc_indicator_line_width) / 2 + var(--toc_indicator_width) / 2 - var(--toc_indent));
  border-left: var(--toc_indicator_line_width) solid var(--toc_indicator_line_color);
}

@media screen {
  .outdated::before {
    content: "";
    display: block;
    width: 60%;
    height: 1rem;
    position: absolute;
    left: 0.2rem;
    bottom: 0.05rem;
    background-color: rgba(0, 0, 0, 0.5);
    transform: rotate(-2deg);
    box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: -1;
  }
  .outdated::after {
    content: "";
    display: block;
    width: 60%;
    height: 1rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.05rem;
    background-color: rgba(0, 0, 0, 0.5);
    transform: rotate(2deg);
    box-shadow: 0 0 10px #000;
    opacity: 1;
    z-index: -1;
  }
  .outated h2::before {
    content: "";
    display: block;
    width: 30%;
    height: 1.5rem;
    position: absolute;
    top: -0.75rem;
    left: 35%;
    background-color: rgba(240, 240, 180, 0.35);
    transform: rotate(-3deg);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15), inset 0 0 2px rgba(255, 255, 255, 0.8);
    opacity: 1;
  }
}
@media screen {
  .article_body a, .article_body a:link, .article_body a:hover, .article_body a:visited, .article_body a:focus, .article_body a:active {
    color: var(--text);
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 0.05em;
  }
  .article_body a, .article_body a:link {
    color: rgba(var(--RGB_link), 1);
    text-decoration-color: rgba(var(--RGB_link), 0.5);
  }
  .article_body a:visited {
    color: rgba(var(--RGB_link-visited), 1);
    text-decoration-color: rgba(var(--RGB_link-visited), 0.5);
  }
}
@media screen and (any-hover: hover) {
  .article_body a:hover {
    color: rgba(var(--RGB_link-hover), 1);
    text-decoration-color: rgba(var(--RGB_link-hover), 1);
  }
}
@media screen {
  .article_body a:focus {
    color: rgba(var(--RGB_link-focus), 1);
    text-decoration-color: rgba(var(--RGB_link-focus), 0.5);
    outline: 1px dashed var(--link-focus);
  }
  .article_body a:active {
    color: rgba(var(--RGB_link-active), 1);
    text-decoration-color: rgba(var(--RGB_link-active), 1);
  }
}
.article_body sub a, .article_body sup a, .article_body a.no-link, .article_body a.button, .article_body a.footnote-backref {
  text-decoration: none;
}
.article_body sub a, .article_body sub a:link, .article_body sub a:hover, .article_body sub a:visited, .article_body sub a:focus, .article_body sub a:active, .article_body sup a, .article_body sup a:link, .article_body sup a:hover, .article_body sup a:visited, .article_body sup a:focus, .article_body sup a:active, .article_body a.no-link, .article_body a.no-link:link, .article_body a.no-link:hover, .article_body a.no-link:visited, .article_body a.no-link:focus, .article_body a.no-link:active, .article_body a.button, .article_body a.button:link, .article_body a.button:hover, .article_body a.button:visited, .article_body a.button:focus, .article_body a.button:active, .article_body a.footnote-backref, .article_body a.footnote-backref:link, .article_body a.footnote-backref:hover, .article_body a.footnote-backref:visited, .article_body a.footnote-backref:focus, .article_body a.footnote-backref:active {
  text-decoration: none;
}

@media screen {
  .sidebar a, .sidebar a:link, .sidebar a:visited, .sidebar a:focus {
    text-decoration: none;
  }
  .sidebar a:hover, .sidebar a:active {
    text-decoration-line: underline;
    text-underline-position: under;
    text-underline-offset: 0.05em;
  }
  .sidebar a, .sidebar a:link {
    color: rgba(var(--RGB_link), 1);
    text-decoration-color: rgba(var(--RGB_link), 0.5);
  }
  .sidebar a:visited {
    color: rgba(var(--RGB_link-visited), 1);
    text-decoration-color: rgba(var(--RGB_link-visited), 0.5);
  }
}
@media screen and (any-hover: hover) {
  .sidebar a:hover {
    color: rgba(var(--RGB_link-hover), 1);
    text-decoration-color: rgba(var(--RGB_link-hover), 1);
  }
}
@media screen {
  .sidebar a:focus {
    color: rgba(var(--RGB_link-focus), 1);
    text-decoration-color: rgba(var(--RGB_link-focus), 0.5);
    outline: 1px dashed var(--link-focus);
  }
  .sidebar a:active {
    color: rgba(var(--RGB_link-active), 1);
    text-decoration-color: rgba(var(--RGB_link-active), 1);
  }
}
.sidebar sub a, .sidebar sup a, .sidebar a.no-link, .sidebar a.button, .sidebar a.footnote-backref {
  text-decoration: none;
}
.sidebar sub a, .sidebar sub a:link, .sidebar sub a:hover, .sidebar sub a:visited, .sidebar sub a:focus, .sidebar sub a:active, .sidebar sup a, .sidebar sup a:link, .sidebar sup a:hover, .sidebar sup a:visited, .sidebar sup a:focus, .sidebar sup a:active, .sidebar a.no-link, .sidebar a.no-link:link, .sidebar a.no-link:hover, .sidebar a.no-link:visited, .sidebar a.no-link:focus, .sidebar a.no-link:active, .sidebar a.button, .sidebar a.button:link, .sidebar a.button:hover, .sidebar a.button:visited, .sidebar a.button:focus, .sidebar a.button:active, .sidebar a.footnote-backref, .sidebar a.footnote-backref:link, .sidebar a.footnote-backref:hover, .sidebar a.footnote-backref:visited, .sidebar a.footnote-backref:focus, .sidebar a.footnote-backref:active {
  text-decoration: none;
}

@media screen and (min-height: 42rem) {
  html .main_claris {
    padding-top: 2.5rem;
    margin-top: 0;
  }
  html .main_claris *[id]:target {
    scroll-margin-top: 3.5rem;
  }
}
@media screen and (min-height: 42rem) and (min-width: 36rem) {
  html .main_claris {
    padding-top: 3rem;
    margin-top: 0;
  }
  html .main_claris *[id]:target {
    scroll-margin-top: 4rem;
  }
}
@media screen and (min-height: 42rem) {
  html .header_claris {
    position: fixed;
  }
}
/*! purgecss start ignore */
@keyframes footnotes-accessible_highlight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes footnotes-accessible_highlight-color {
  0% {
    opacity: 1;
    background: var(--highlight-bg-yellow);
  }
  100% {
    background: var(--theme-bg);
  }
}
.footnotes li p {
  position: relative;
  z-index: 2;
}
.footnotes li p::after {
  position: absolute;
  z-index: -1;
  content: "";
  top: -0.5em;
  left: -0.5em;
  right: -0.5em;
  bottom: -0.5em;
  background: var(--highlight-bg-yellow);
  border-radius: 0.25em;
  opacity: 0;
}
.footnotes li:target p::after, .footnotes li:focus p::after {
  animation: footnotes-accessible_highlight 3s cubic-bezier(0.3, 0, 1, 0.7);
}

p sup[id^=fnref] {
  line-height: 0;
}
p sup[id^=fnref] a {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 0 0.3em 0;
  border-radius: 50%;
}
p sup[id^=fnref] a::after {
  position: absolute;
  z-index: -1;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: var(--theme-bg);
  opacity: 0;
}
p sup[id^=fnref]:target a, p sup[id^=fnref]:focus a {
  animation: footnotes-accessible_highlight-color 3s cubic-bezier(0.3, 0, 1, 0.7);
}

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.medium-zoom-image {
  margin-top: var(--navigation-header-height);
  z-index: 101;
}
.medium-zoom-image--opened {
  z-index: 102;
}

.medium-zoom--opened .medium-zoom-overlay {
  z-index: 101;
}

/*! purgecss stop ignore */
@media print {
  nav,
  button,
  .header_claris,
  .footer_claris,
  .button,
  .sidebar {
    display: none;
  }
  body,
  .main_claris,
  .article_content {
    background: white;
  }
  html {
    font-size: 10pt;
  }
  .main_claris .article_content a::after {
    content: " (" attr(href) ") ";
  }
}
.pt-1 {
  padding-top: 1.5rem;
}

.pb-1 {
  padding-bottom: 1.5rem;
}

.mt-1 {
  margin-top: 1.5rem;
}

.mb-1 {
  margin-bottom: 1.5rem;
}

.pt-2 {
  padding-top: 3rem;
}

.pb-2 {
  padding-bottom: 3rem;
}

.mt-2 {
  margin-top: 3rem;
}

.mb-2 {
  margin-bottom: 3rem;
}

.flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.shadow {
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.17);
}

@media screen {
  .inner {
    padding-top: max(1 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(1 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen {
  .inner_4-2 {
    padding-top: max(0.5 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(0.5 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(0.5 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(0.5 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen {
  .inner_top {
    padding-top: max(1 * var(--inner_padding), env(safe-area-inset-top, 0px));
  }
}
@media screen {
  .inner_bottom {
    padding-bottom: max(1 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
  }
}
@media screen {
  .inner_full-bleed_left {
    padding-left: env(safe-area-inset-left, 0px);
  }
}
@media screen {
  .inner_horizontal {
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen {
  .inner_horizontal .inner_top, .inner_horizontal.inner_top {
    padding-top: max(1 * var(--inner_padding), env(safe-area-inset-top, 0px));
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen {
  .inner_horizontal .inner_bottom, .inner_horizontal.inner_bottom {
    padding-right: max(1 * var(--inner_padding), env(safe-area-inset-right, 0px));
    padding-bottom: max(1 * var(--inner_padding), env(safe-area-inset-bottom, 0px));
    padding-left: max(1 * var(--inner_padding), env(safe-area-inset-left, 0px));
  }
}
@media screen {
  .inner_full-bleed_horizontal {
    padding-right: env(safe-area-inset-right, 0px);
    padding-left: env(safe-area-inset-left, 0px);
  }
}

@media screen {
  .outer_horizontal {
    padding-right: max(1 * var(--outer_padding), env(safe-area-inset-right, 0px));
    padding-left: max(1 * var(--outer_padding), env(safe-area-inset-left, 0px));
  }
}

@media screen and (min-width: 60rem) {
  .grid-main {
    display: grid;
    --num-columns: 7;
    --main-column-width-min: 32rem;
    --main-column-width-max: 40rem;
    --sidebar-half-min: 6rem;
    --sidebar-half-max: 8rem;
    grid-template-columns: minmax(max(env(safe-area-inset-left, 0px), var(--inner_padding)), 1fr) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(var(--main-column-width-min), var(--main-column-width-max)) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(max(env(safe-area-inset-right, 0px), var(--inner_padding)), 1fr);
    grid-template-rows: minmax(min-content, min-content) minmax(min-content, min-content);
  }
  .grid-main .content {
    grid-row: 1;
  }
  .grid-main .content_singlecolumn {
    max-width: 60rem;
  }
  .grid-main .sidebar {
    grid-row: 2;
  }
  .grid-main .article_aside {
    grid-column: 5/span 2;
  }
}
@media screen and (min-width: 60rem) {
  .grid-main .article_aside {
    padding-right: max(1 * var(--body_padding), env(safe-area-inset-right, 0px));
  }
  .grid-main :not(.hero-image_background_main) .article_aside + .article_content {
    grid-column: 1/span 4;
  }
  .grid-main .grid-columns-all, .grid-main .content, .grid-main .sidebar, .grid-main .header_multicolumn, .grid-main .content_multicolumn {
    grid-column: 1/span var(--num-columns);
  }
}
@media screen and (min-width: 76rem) {
  .grid-main {
    --main-column-width-min: 32rem;
    --main-column-width-max: 60rem;
    --sidebar-half-min: 6rem;
    --sidebar-half-max: 8rem;
    grid-template-columns: minmax(max(env(safe-area-inset-left, 0px), var(--inner_padding)), 1fr) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(var(--main-column-width-min), var(--main-column-width-max)) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(var(--sidebar-half-min), var(--sidebar-half-max)) minmax(max(env(safe-area-inset-right, 0px), var(--inner_padding)), 1fr);
  }
  .grid-main .sidebar {
    grid-row: 1;
    grid-column: 2/span 2;
  }
  .grid-main .article_aside {
    grid-column: 5/span 2;
  }
  .grid-main .article_aside + .article_content {
    grid-column: 4/span 1;
  }
  .grid-main .content + .sidebar {
    grid-column: 2/span 2;
  }
  .grid-main .header_multicolumn, .grid-main .content_multicolumn {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(max(env(safe-area-inset-left, 0px), var(--inner_padding)) + 4 * var(--sidebar-half-max) + var(--main-column-width-max) + max(env(safe-area-inset-right, 0px), var(--inner_padding)));
  }
}
.facebook svg {
  fill: #325c94;
}

.twitter svg {
  fill: #00abdc;
}

.linkedin svg {
  fill: #007bb6;
}

.inline {
  display: inline;
  margin: 0;
}

.hidden {
  display: none;
}

/*! purgecss start ignore */
@keyframes pulse {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
pre, code {
  word-break: break-word;
}

code {
  font-size: calc(0.9 * var(--font-size));
  font-weight: 400;
  overflow-y: hidden;
}
code.noClass, code:not(pre > code) {
  display: inline;
  padding: calc(1em * (var(--line-height) - 1) / 8) 0.125ch;
  border-radius: 0.125em;
  background-color: var(--haze);
  hyphens: manual;
}

pre code {
  display: block;
}
pre code.noClass {
  --inlineColor: var(--code-text);
  color: var(--inlineColor);
  display: inline;
  line-break: inherit;
  padding: 0;
  border: medium none currentcolor;
  border-radius: 0;
  background-color: transparent;
}

.highlight {
  position: relative;
  background: var(--code-bg) !important;
  border-radius: 0.2rem;
  margin: 1.5rem auto 0 auto;
  width: 100%;
  scrollbar-color: var(--code-scrollbar-thumb) var(--code-scrollbar-track);
}
.highlight + .highlight {
  margin-top: 2.25rem;
}
.highlight:hover > div {
  opacity: 1;
}
.highlight *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
.highlight *::-webkit-scrollbar-track {
  background-color: var(--code-scrollbar-track);
  border-radius: 8px;
}
.highlight *::-webkit-scrollbar-thumb {
  background-color: var(--code-scrollbar-thumb);
  border-radius: 8px;
}
.highlight_inner {
  position: relative;
  display: grid;
  max-width: 100%;
  padding: 0 1rem;
  border-radius: 0 0.2rem 0.2rem 0;
  overflow-x: auto;
}
.highlight .lang {
  position: absolute;
  color: var(--code-text);
  background-color: var(--code-bg);
  top: 0;
  right: 0;
  text-align: right;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  font-size: 80%;
  opacity: 0;
}
.highlight:hover .lang {
  opacity: 0.75;
}
.highlight .highlight {
  margin: 0;
}
.highlight pre {
  color: white !important;
  color: var(--code-text) !important;
  border-radius: 0.125rem;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
}
@media screen and (min-width: 60rem) {
  .highlight pre {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }
}
.highlight table {
  display: grid;
  max-width: 100%;
  margin-bottom: 0;
  background: transparent;
}
.highlight td,
.highlight th {
  padding: 0;
}
.highlight .lntd {
  width: 100%;
  border: none;
}
.highlight .lntd:first-child,
.highlight .lntd:first-child pre {
  width: 2.5rem !important;
  padding-left: 0;
  padding-right: 0;
  color: rgba(255, 255, 255, 0.5);
  user-select: none;
}
.highlight .lntd:first-child pre {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.highlight code.noClass {
  padding: inherit;
  border: inherit;
  border-radius: inherit;
  background-color: inherit;
}

.err {
  color: #a61717;
  background-color: #e3d2d2;
}

.hl {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
}

.ln,
.lnt {
  margin-right: 0.75rem;
  padding: 0;
  transition: opacity 0.3s var(--ease);
}
.ln,
.ln span,
.lnt,
.lnt span {
  color: hsla(0, 0%, 100%, 0.5);
  user-select: none;
}

.k,
.kc,
.kd,
.kn,
.kp,
.kr,
.kt,
.nt {
  color: #6ab825;
  font-weight: var(--font-weight-code);
}

.kn,
.kp {
  font-weight: 400;
}

.nb,
.no,
.nv {
  color: #24909d;
}

.nc,
.nf,
.nn {
  color: #447fcf;
}

.s,
.sa,
.sb,
.sc,
.dl,
.sd,
.s2,
.se,
.sh,
.si,
.sx,
.sr,
.s1,
.ss {
  color: #ed9d13;
}

.m,
.mb,
.mf,
.mh,
.mi,
.il,
.mo {
  color: #3677a9;
}

.ow {
  color: #6ab825;
  font-weight: var(--font-weight-code);
}

.c,
.ch,
.cm,
.c1 {
  color: #999;
  font-style: italic;
}

.cs {
  color: #e50808;
  background-color: #520000;
  font-weight: var(--font-weight-code);
}

.cp,
.cpf {
  color: #d93f3f;
  font-weight: var(--font-weight-code);
}

.gd,
.gr {
  color: #de3b3b;
}

.ge {
  font-style: italic;
}

.gh,
.gu,
.nd,
.na,
.ne {
  color: #ffa500;
  font-weight: var(--font-weight-code);
}

.gi {
  color: #589819;
}

.go {
  color: #ccc;
}

.gp {
  color: #aaa;
}

.gs {
  font-weight: var(--font-weight-code);
}

.gt {
  color: #de3b3b;
}

.w {
  color: #666;
}

.hljs-string {
  color: #6ab825;
}
.hljs-attr {
  color: #ed9d13;
}
.p .hljs-attr {
  color: var(--code-text);
}

.ln {
  display: none;
}

.pre_wrap {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
.pre_linenumbers.ln {
  display: inline;
}

.panel_box {
  display: inline-flex;
  grid-gap: 0.5rem;
  transition: opacity 0.3s var(--easing);
  background: var(--code-bg);
  padding: 0.5rem 1.5rem;
  align-items: center;
  position: absolute;
  right: 0rem;
  top: -2.4rem;
  opacity: 0;
  border-radius: 0.2rem;
}
.panel_icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0.1rem;
  transform-origin: 50% 50%;
}
.panel_icon.active {
  animation: pulse 0.1s linear;
}
.panel_icon svg {
  fill: var(--code-text);
  width: 1.5rem;
  height: 1.5rem;
}
.panel_hide {
  display: none;
}
.panel_from {
  position: absolute;
  color: var(--code-text);
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 1.5rem 0.5rem 1.5rem;
  cursor: pointer;
  z-index: 19;
  background: var(--code-bg);
  border-radius: 0.25rem;
}
.panel_expanded .panel_from {
  display: none;
}

/*! purgecss end ignore */
@font-face {
  font-display: swap;
  font-family: dm-mono-fallback;
  font-style: normal;
  font-weight: 400;
  src: local(Courier New);
  size-adjust: 100%;
  ascent-override: 98%;
  descent-override: 32%;
  line-gap-override: normal;
}
pre, code, .font-mono, .font-code {
  font-family: "DM Mono", dm-mono-fallback, monospace;
  --font-weight: 400;
  --line-height: 1.45;
  font-size: calc(0.9 * var(--font-size));
  font-weight: 400;
  line-height: 1.45;
  --font-weight-strong: 600;
}
pre strong, code strong, .font-mono strong, .font-code strong {
  font-weight: 600;
}
pre .variant-small-caps, code .variant-small-caps, .font-mono .variant-small-caps, .font-code .variant-small-caps {
  font-family: "DM Mono SC", dm-mono-fallback, monospace;
  --line-height: 1.45;
  font-size: calc(0.9 * var(--font-size));
  line-height: 1.45;
  font-variant: inherit;
}
pre .variant-all-small-caps, code .variant-all-small-caps, .font-mono .variant-all-small-caps, .font-code .variant-all-small-caps {
  font-family: "DM Mono SC", dm-mono-fallback, monospace;
  --line-height: 1.45;
  font-size: calc(0.9 * var(--font-size));
  line-height: 1.45;
  font-variant: inherit;
}
pre .role-display, code .role-display, .font-mono .role-display, .font-code .role-display {
  font-family: "DM Mono", dm-mono-fallback, monospace;
  --line-height: 1.2;
  line-height: 1.2;
  font-size: calc(0.9 * var(--font-size));
}
pre .role-display.variant-small-caps, code .role-display.variant-small-caps, .font-mono .role-display.variant-small-caps, .font-code .role-display.variant-small-caps {
  font-family: "DM Mono SC", dm-mono-fallback, monospace;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
}
pre .role-display .variant-small-caps, code .role-display .variant-small-caps, .font-mono .role-display .variant-small-caps, .font-code .role-display .variant-small-caps {
  font-family: "DM Mono SC", dm-mono-fallback, monospace;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
}
pre .role-display.variant-all-small-caps, code .role-display.variant-all-small-caps, .font-mono .role-display.variant-all-small-caps, .font-code .role-display.variant-all-small-caps {
  font-family: "DM Mono SC", dm-mono-fallback, monospace;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
}
pre .role-display .variant-all-small-caps, code .role-display .variant-all-small-caps, .font-mono .role-display .variant-all-small-caps, .font-code .role-display .variant-all-small-caps {
  font-family: "DM Mono SC", dm-mono-fallback, monospace;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
}
@font-face {
  font-display: swap;
  font-family: source-sans-3-fallback;
  font-style: normal;
  font-weight: 400;
  src: local("Arial");
  size-adjust: 94%;
  ascent-override: 96.256%;
  descent-override: 37.6%;
  line-gap-override: 0%;
}
@font-face {
  font-display: swap;
  font-family: source-sans-3-fallback;
  font-style: normal;
  font-weight: 300;
  src: local("Arial");
  size-adjust: 87%;
  ascent-override: 89.088%;
  descent-override: 34.8%;
  line-gap-override: 0%;
}
@font-face {
  font-display: swap;
  font-family: source-sans-3-fallback;
  font-style: normal;
  font-weight: 500;
  src: local("Arial");
  size-adjust: 97%;
  ascent-override: 99.328%;
  descent-override: 38.8%;
  line-gap-override: 0%;
}
html, .font-sans, .font-content, .font-default, .font-meta {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  --font-weight: 400;
  --line-height: 1.5;
  font-weight: 400;
  line-height: 1.5;
  --font-weight-strong: 600;
}
html strong, .font-sans strong, .font-content strong, .font-default strong, .font-meta strong {
  font-weight: 600;
}
html .variant-small-caps, .font-sans .variant-small-caps, .font-content .variant-small-caps, .font-default .variant-small-caps, .font-meta .variant-small-caps {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  font-variant: small-caps;
}
html .variant-all-small-caps, .font-sans .variant-all-small-caps, .font-content .variant-all-small-caps, .font-default .variant-all-small-caps, .font-meta .variant-all-small-caps {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  font-variant: all-small-caps;
}
html .role-display, .font-sans .role-display, .font-content .role-display, .font-default .role-display, .font-meta .role-display {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  --line-height: 1.2;
  line-height: 1.2;
}
html .role-display, .font-sans .role-display, .font-content .role-display, .font-default .role-display, .font-meta .role-display {
  --font-weight-strong: 900;
}
html .role-display strong, .font-sans .role-display strong, .font-content .role-display strong, .font-default .role-display strong, .font-meta .role-display strong {
  font-weight: 900;
}
html strong.role-display, .font-sans strong.role-display, .font-content strong.role-display, .font-default strong.role-display, .font-meta strong.role-display {
  font-weight: 900;
}
html .role-display.variant-small-caps, .font-sans .role-display.variant-small-caps, .font-content .role-display.variant-small-caps, .font-default .role-display.variant-small-caps, .font-meta .role-display.variant-small-caps {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: small-caps;
}
html .role-display .variant-small-caps, .font-sans .role-display .variant-small-caps, .font-content .role-display .variant-small-caps, .font-default .role-display .variant-small-caps, .font-meta .role-display .variant-small-caps {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: small-caps;
}
html .role-display.variant-all-small-caps, .font-sans .role-display.variant-all-small-caps, .font-content .role-display.variant-all-small-caps, .font-default .role-display.variant-all-small-caps, .font-meta .role-display.variant-all-small-caps {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: all-small-caps;
}
html .role-display .variant-all-small-caps, .font-sans .role-display .variant-all-small-caps, .font-content .role-display .variant-all-small-caps, .font-default .role-display .variant-all-small-caps, .font-meta .role-display .variant-all-small-caps {
  font-family: "Source Sans 3", source-sans-3-fallback, sans-serif;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: all-small-caps;
}
.font-serif, .font-article {
  font-family: Alegreya, Arial;
  --font-weight: 400;
  --line-height: 1.4;
  font-weight: 400;
  line-height: 1.4;
  --font-weight-strong: 600;
}
.font-serif strong, .font-article strong {
  font-weight: 600;
}
.font-serif .variant-small-caps, .font-article .variant-small-caps {
  font-family: "Alegreya SC", Arial;
  --line-height: 1.4;
  line-height: 1.4;
  font-variant: inherit;
}
.font-serif .variant-all-small-caps, .font-article .variant-all-small-caps {
  font-family: "Alegreya SC", Arial;
  --line-height: 1.4;
  line-height: 1.4;
  font-variant: inherit;
  text-transform: lowercase;
}
.font-serif .role-display, .font-article .role-display {
  font-family: Alegreya, Arial;
  --line-height: 1.2;
  line-height: 1.2;
}
.font-serif .role-display, .font-article .role-display {
  --font-weight-strong: 900;
}
.font-serif .role-display strong, .font-article .role-display strong {
  font-weight: 900;
}
.font-serif strong.role-display, .font-article strong.role-display {
  font-weight: 900;
}
.font-serif .role-display.variant-small-caps, .font-article .role-display.variant-small-caps {
  font-family: "Alegreya SC", Arial;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
}
.font-serif .role-display .variant-small-caps, .font-article .role-display .variant-small-caps {
  font-family: "Alegreya SC", Arial;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
}
.font-serif .role-display.variant-all-small-caps, .font-article .role-display.variant-all-small-caps {
  font-family: "Alegreya SC", Arial;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
  text-transform: lowercase;
}
.font-serif .role-display .variant-all-small-caps, .font-article .role-display .variant-all-small-caps {
  font-family: "Alegreya SC", Arial;
  --line-height: 1.2;
  line-height: 1.2;
  font-variant: inherit;
  text-transform: lowercase;
}
/* dm-mono-300 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-300.woff2") format("woff2"), url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-300.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-mono-300italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Mono";
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-300italic.woff2") format("woff2"), url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-300italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-mono-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-regular.woff2") format("woff2"), url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-mono-italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Mono";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-italic.woff2") format("woff2"), url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-mono-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-500.woff2") format("woff2"), url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-500.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* dm-mono-500italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "DM Mono";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-500italic.woff2") format("woff2"), url("/fonts/dm-mono-v10-latin-ext/dm-mono-v10-latin-ext-500italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-200 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-200.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-200.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-200italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 200;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-200italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-200italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-300 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-300.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-300.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-300italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 300;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-300italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-300italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-regular.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-500.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-500.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-500italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-500italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-500italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-600 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-600.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-600.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-600italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-600italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-600italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-700 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-700.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-700.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-700italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-700italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-700italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-800 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-800.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-800.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-800italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-800italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-800italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-900 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-900.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-900.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-3-900italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans 3";
  font-style: italic;
  font-weight: 900;
  src: url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-900italic.woff2") format("woff2"), url("/fonts/source-sans-3-v8-latin-ext/source-sans-3-v8-latin-ext-900italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-regular.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-italic.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-500.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-500.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-500italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-500italic.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-500italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-600 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-600.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-600.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-600italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: italic;
  font-weight: 600;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-600italic.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-600italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-700 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-700.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-700.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-700italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-700italic.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-700italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-800 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-800.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-800.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-800italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-800italic.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-800italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-900 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-900.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-900.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-900italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya";
  font-style: italic;
  font-weight: 900;
  src: url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-900italic.woff2") format("woff2"), url("/fonts/alegreya-v35-latin-ext/alegreya-v35-latin-ext-900italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-regular - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-regular.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-regular.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-italic.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 500;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-500.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-500.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-500italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: italic;
  font-weight: 500;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-500italic.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-500italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-700 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 700;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-700.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-700.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-700italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: italic;
  font-weight: 700;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-700italic.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-700italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-800 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-800.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-800.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-800italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: italic;
  font-weight: 800;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-800italic.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-800italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-900 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: normal;
  font-weight: 900;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-900.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-900.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sc-900italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Alegreya SC";
  font-style: italic;
  font-weight: 900;
  src: url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-900italic.woff2") format("woff2"), url("/fonts/alegreya-sc-v25-latin-ext/alegreya-sc-v25-latin-ext-900italic.woff") format("woff"); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*# sourceMappingURL=main_all.css.map */