html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
@font-face {
    font-family: "Tiempos Headline";
    src: url(../fonts/TiemposHeadlineWeb-Regular.woff2) format("woff2"),
        url(../fonts/TiemposHeadlineWeb-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Headline";
    src: url(../fonts/TiemposHeadlineWeb-RegularItalic.woff2) format("woff2"),
        url(../fonts/TiemposHeadlineWeb-RegularItalic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Headline";
    src: url(../fonts/TiemposHeadlineWeb-Black.woff2) format("woff2"),
        url(../fonts/TiemposHeadlineWeb-Black.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Headline";
    src: url(../fonts/TiemposHeadlineWeb-BlackItalic.woff2) format("woff2"),
        url(../fonts/TiemposHeadlineWeb-BlackItalic.woff) format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Text";
    src: url(../fonts/TiemposTextWeb-Regular.woff2) format("woff2"),
        url(../fonts/TiemposTextWeb-Regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Text";
    src: url(../fonts/TiemposTextWeb-RegularItalic.woff2) format("woff2"),
        url(../fonts/TiemposTextWeb-RegularItalic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Text";
    src: url(../fonts/TiemposTextWeb-Bold.woff2) format("woff2"),
        url(../fonts/TiemposTextWeb-Bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Tiempos Text";
    src: url(../fonts/TiemposTextWeb-BoldItalic.woff2) format("woff2"),
        url(../fonts/TiemposTextWeb-BoldItalic.woff) format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Graphik";
    src: url(../fonts/Graphik-Regular-Web.woff2) format("woff2"),
        url(../fonts/Graphik-Regular-Web.woff) format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Graphik";
    src: url(../fonts/Graphik-RegularItalic-Web.woff2) format("woff2"),
        url(../fonts/Graphik-RegularItalic-Web.woff2) format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Graphik";
    src: url(../fonts/Graphik-Bold-Web.woff2) format("woff2"),
        url(../fonts/Graphik-Bold-Web.woff) format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Graphik";
    src: url(../fonts/Graphik-BoldItalic-Web.woff2) format("woff2"),
        url(../fonts/Graphik-BoldItalic-Web.woff) format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
:root {
    --fonts-hed: "Tiempos Headline", serif;
    --fonts-serif: "Tiempos Text", serif;
    --fonts-sans: "Graphik", sans-serif;
    --scale-3: 0.5787037037rem;
    --scale-2: 0.6944444444rem;
    --scale-1: 0.8333333333rem;
    --scale0: 1rem;
    --scale1: 1.2rem;
    --scale2: 1.44rem;
    --scale3: 1.728rem;
    --scale4: 2.0736rem;
    --scale5: 2.48832rem;
    --scale6: 2.985984rem;
    --scale7: 3.5831808rem;
    --scale8: 4.29981696rem;
    --line-height-3: 1;
    --line-height-2: 1.2;
    --line-height-1: 1.44;
    --line-height0: 1.728;
}
:root {
    --spacing-2: 0.2893518519rem;
    --spacing-1: 0.5787037037rem;
    --spacing0: 1rem;
    --spacing1: 1.44rem;
    --spacing2: 2.0736rem;
    --spacing3: 2.985984rem;
}
html.force-dark-mode .hide-on-dark-mode {
    display: none;
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .hide-on-dark-mode {
        display: none;
    }
}
html.force-light-mode .hide-on-light-mode {
    display: none;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .hide-on-light-mode {
        display: none;
    }
}
.dark-mode-control {
    --button-size: 1.7rem;
    position: relative;
}
.dark-mode-control__icon,
.btn__icon.dark-mode-control__icon {
    display: none;
    height: 100%;
    width: 100%;
}
.dark-mode-control__icon svg,
.btn__icon.dark-mode-control__icon svg {
    fill: currentColor;
}
html:not(.force-light-mode):not(.force-dark-mode)
    .dark-mode-control__icon--auto,
html.force-light-mode .dark-mode-control__icon--light,
html.force-dark-mode .dark-mode-control__icon--dark {
    display: block;
}
.dark-mode-control__select {
    opacity: 0;
    display: inline-block;
    font-size: var(--scale-1);
    height: var(--button-size);
    width: var(--button-size);
    position: absolute;
    left: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.dark-mode-control__select::-ms-expand {
    display: none;
}
.dark-mode-control__select:hover {
    cursor: pointer;
}
:root {
    --black: #000000;
    --white: #ffffff;
    --gray-3: #f6f6f6;
    --gray-10: #e2e2e2;
    --gray-20: #c6c6c6;
    --gray-30: #ababab;
    --gray-40: #919191;
    --gray-50: #777;
    --gray-60: #5e5e5e;
    --gray-70: #474747;
    --gray-80: #303030;
    --gray-90: #1b1b1b;
    --gray-97: #0b0b0b;
    --cool-10: #dee3e6;
    --cool-20: #bec8ce;
    --cool-30: #9eadb6;
    --cool-40: #84939c;
    --cool-50: #6c7982;
    --cool-60: #556068;
    --cool-70: #40484f;
    --cool-80: #2b3137;
    --cool-90: #1b2127;
    --warm-10: #eeece7;
    --warm-20: #cdc6b7;
    --warm-30: #b1ab9c;
    --warm-40: #979082;
    --warm-50: #7d7669;
    --warm-60: #645e51;
    --warm-70: #4c463a;
    --warm-80: #353025;
    --warm-90: #201b10;
    --red-10: #ffd9d1;
    --red-20: #fdb3a5;
    --red-30: #f58d7a;
    --red-40: #e96552;
    --red-50: #da352b;
    --red-60: #bb0b15;
    --red-70: #9b0000;
    --red-80: #7e0000;
    --red-90: #620000;
    --orange-10: #ffe6d0;
    --orange-20: #ffcda3;
    --orange-30: #fcb475;
    --orange-40: #f49c47;
    --orange-50: #e98406;
    --orange-60: #c06300;
    --orange-70: #984300;
    --orange-80: #742300;
    --orange-90: #540000;
    --yellow-10: #fff2d4;
    --yellow-20: #fee6aa;
    --yellow-30: #fada7f;
    --yellow-40: #f3ce50;
    --yellow-50: #eac300;
    --yellow-60: #b99800;
    --yellow-70: #8a7000;
    --yellow-80: #604900;
    --yellow-90: #3f2500;
    --olive-10: #f2f6d5;
    --olive-20: #e3ecaa;
    --olive-30: #d3e380;
    --olive-40: #c0da52;
    --olive-50: #acd105;
    --olive-60: #7ea600;
    --olive-70: #527d00;
    --olive-80: #2c5500;
    --olive-90: #1e2f00;
    --green-10: #d9f2db;
    --green-20: #b3e4b7;
    --green-30: #8bd694;
    --green-40: #5ec772;
    --green-50: #14b84f;
    --green-60: #00942e;
    --green-70: #007107;
    --green-80: #004f00;
    --green-90: #003100;
    --aqua-10: #daf3eb;
    --aqua-20: #b4e7d6;
    --aqua-30: #8cdbc3;
    --aqua-40: #5eceaf;
    --aqua-50: #00c19c;
    --aqua-60: #009a78;
    --aqua-70: #007556;
    --aqua-80: #005236;
    --aqua-90: #003118;
    --turquoise-10: #dcf2f4;
    --turquoise-20: #b7e5e8;
    --turquoise-30: #90d8dd;
    --turquoise-40: #62cbd2;
    --turquoise-50: #05bec7;
    --turquoise-60: #0098a1;
    --turquoise-70: #00737c;
    --turquoise-80: #00505a;
    --turquoise-90: #002f39;
    --blue-10: #dceef9;
    --blue-20: #b9def3;
    --blue-30: #92ceed;
    --blue-40: #64bee6;
    --blue-50: #06aee0;
    --blue-60: #008bbb;
    --blue-70: #006997;
    --blue-80: #004975;
    --blue-90: #002c54;
    --blue-97: #012d44;
    --cobalt-10: #dde1f9;
    --cobalt-20: #b9c4f3;
    --cobalt-30: #93a8ed;
    --cobalt-40: #678ee6;
    --cobalt-50: #2074df;
    --cobalt-60: #005cc3;
    --cobalt-70: #0045a7;
    --cobalt-80: #00308c;
    --cobalt-90: #001d72;
    --purple-10: #f5e2ff;
    --purple-20: #e9c4ff;
    --purple-30: #dda7fe;
    --purple-40: #cf89fd;
    --purple-50: #bf6afb;
    --purple-60: #9c4ad8;
    --purple-70: #7a28b6;
    --purple-80: #580095;
    --purple-90: #350075;
    --fuschia-10: #f8d8f2;
    --fuschia-20: #efb1e4;
    --fuschia-30: #e488d6;
    --fuschia-40: #d75dc8;
    --fuschia-50: #c91dba;
    --fuschia-60: #ad00a0;
    --fuschia-70: #910086;
    --fuschia-80: #75006d;
    --fuschia-90: #5a0055;
    --pink-10: #fbd7e0;
    --pink-20: #f4afc2;
    --pink-30: #ea85a4;
    --pink-40: #de5988;
    --pink-50: #cf176d;
    --pink-60: #b30057;
    --pink-70: #970042;
    --pink-80: #7c002e;
    --pink-90: #61001b;
}
.bg-black {
    --color-bg: var(--black);
}
html.force-light-mode .bg-white {
    --color-bg: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bg-white {
        --color-bg: var(--white);
    }
}
html.force-dark-mode .bg-white {
    --color-bg: var(--cool-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bg-white {
        --color-bg: var(--cool-90);
    }
}
.bg-yellow-50 {
    --color-bg: var(--yellow-50);
}
.bg-blue-97 {
    --color-bg: var(--blue-97);
}
html.force-light-mode .text-dark {
    --color-text-hed: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark {
        --color-text-hed: var(--black);
    }
}
html.force-dark-mode .text-dark {
    --color-text-hed: var(--gray-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark {
        --color-text-hed: var(--gray-10);
    }
}
html.force-light-mode .text-dark {
    --color-text-body: var(--gray-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark {
        --color-text-body: var(--gray-90);
    }
}
html.force-dark-mode .text-dark {
    --color-text-body: var(--gray-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark {
        --color-text-body: var(--gray-20);
    }
}
html.force-light-mode .text-dark {
    --color-text-supp: var(--gray-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark {
        --color-text-supp: var(--gray-70);
    }
}
html.force-dark-mode .text-dark {
    --color-text-supp: var(--gray-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark {
        --color-text-supp: var(--gray-40);
    }
}
html.force-light-mode .text-dark {
    --color-text-meta: var(--gray-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark {
        --color-text-meta: var(--gray-40);
    }
}
html.force-dark-mode .text-dark {
    --color-text-meta: var(--gray-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark {
        --color-text-meta: var(--gray-60);
    }
}
html.force-light-mode .text-light {
    --color-text-hed: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light {
        --color-text-hed: var(--white);
    }
}
html.force-dark-mode .text-light {
    --color-text-hed: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light {
        --color-text-hed: var(--white);
    }
}
html.force-light-mode .text-light {
    --color-text-body: var(--gray-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light {
        --color-text-body: var(--gray-20);
    }
}
html.force-dark-mode .text-light {
    --color-text-body: var(--gray-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light {
        --color-text-body: var(--gray-20);
    }
}
html.force-light-mode .text-light {
    --color-text-supp: var(--gray-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light {
        --color-text-supp: var(--gray-40);
    }
}
html.force-dark-mode .text-light {
    --color-text-supp: var(--gray-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light {
        --color-text-supp: var(--gray-40);
    }
}
html.force-light-mode .text-light {
    --color-text-meta: var(--gray-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light {
        --color-text-meta: var(--gray-60);
    }
}
html.force-dark-mode .text-light {
    --color-text-meta: var(--gray-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light {
        --color-text-meta: var(--gray-60);
    }
}
html.force-light-mode .accent-red {
    --color-accent-10: var(--red-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-10: var(--red-10);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-10: var(--red-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-10: var(--red-90);
    }
}
html.force-light-mode .accent-red {
    --color-accent-20: var(--red-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-20: var(--red-20);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-20: var(--red-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-20: var(--red-80);
    }
}
html.force-light-mode .accent-red {
    --color-accent-30: var(--red-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-30: var(--red-30);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-30: var(--red-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-30: var(--red-70);
    }
}
html.force-light-mode .accent-red {
    --color-accent-40: var(--red-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-40: var(--red-40);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-40: var(--red-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-40: var(--red-60);
    }
}
html.force-light-mode .accent-red {
    --color-accent-50: var(--red-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-50: var(--red-50);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-50: var(--red-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-50: var(--red-50);
    }
}
html.force-light-mode .accent-red {
    --color-accent-60: var(--red-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-60: var(--red-60);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-60: var(--red-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-60: var(--red-40);
    }
}
html.force-light-mode .accent-red {
    --color-accent-70: var(--red-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-70: var(--red-70);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-70: var(--red-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-70: var(--red-30);
    }
}
html.force-light-mode .accent-red {
    --color-accent-80: var(--red-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-80: var(--red-80);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-80: var(--red-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-80: var(--red-20);
    }
}
html.force-light-mode .accent-red {
    --color-accent-90: var(--red-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-red {
        --color-accent-90: var(--red-90);
    }
}
html.force-dark-mode .accent-red {
    --color-accent-90: var(--red-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-red {
        --color-accent-90: var(--red-10);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-10: var(--orange-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-10: var(--orange-10);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-10: var(--orange-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-10: var(--orange-90);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-20: var(--orange-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-20: var(--orange-20);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-20: var(--orange-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-20: var(--orange-80);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-30: var(--orange-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-30: var(--orange-30);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-30: var(--orange-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-30: var(--orange-70);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-40: var(--orange-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-40: var(--orange-40);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-40: var(--orange-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-40: var(--orange-60);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-50: var(--orange-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-50: var(--orange-50);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-50: var(--orange-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-50: var(--orange-50);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-60: var(--orange-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-60: var(--orange-60);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-60: var(--orange-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-60: var(--orange-40);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-70: var(--orange-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-70: var(--orange-70);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-70: var(--orange-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-70: var(--orange-30);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-80: var(--orange-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-80: var(--orange-80);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-80: var(--orange-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-80: var(--orange-20);
    }
}
html.force-light-mode .accent-orange {
    --color-accent-90: var(--orange-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-orange {
        --color-accent-90: var(--orange-90);
    }
}
html.force-dark-mode .accent-orange {
    --color-accent-90: var(--orange-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-orange {
        --color-accent-90: var(--orange-10);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-10: var(--yellow-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-10: var(--yellow-10);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-10: var(--yellow-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-10: var(--yellow-90);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-20: var(--yellow-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-20: var(--yellow-20);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-20: var(--yellow-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-20: var(--yellow-80);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-30: var(--yellow-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-30: var(--yellow-30);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-30: var(--yellow-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-30: var(--yellow-70);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-40: var(--yellow-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-40: var(--yellow-40);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-40: var(--yellow-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-40: var(--yellow-60);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-50: var(--yellow-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-50: var(--yellow-50);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-50: var(--yellow-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-50: var(--yellow-50);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-60: var(--yellow-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-60: var(--yellow-60);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-60: var(--yellow-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-60: var(--yellow-40);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-70: var(--yellow-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-70: var(--yellow-70);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-70: var(--yellow-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-70: var(--yellow-30);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-80: var(--yellow-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-80: var(--yellow-80);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-80: var(--yellow-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-80: var(--yellow-20);
    }
}
html.force-light-mode .accent-yellow {
    --color-accent-90: var(--yellow-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-yellow {
        --color-accent-90: var(--yellow-90);
    }
}
html.force-dark-mode .accent-yellow {
    --color-accent-90: var(--yellow-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-yellow {
        --color-accent-90: var(--yellow-10);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-10: var(--olive-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-10: var(--olive-10);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-10: var(--olive-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-10: var(--olive-90);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-20: var(--olive-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-20: var(--olive-20);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-20: var(--olive-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-20: var(--olive-80);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-30: var(--olive-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-30: var(--olive-30);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-30: var(--olive-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-30: var(--olive-70);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-40: var(--olive-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-40: var(--olive-40);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-40: var(--olive-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-40: var(--olive-60);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-50: var(--olive-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-50: var(--olive-50);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-50: var(--olive-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-50: var(--olive-50);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-60: var(--olive-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-60: var(--olive-60);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-60: var(--olive-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-60: var(--olive-40);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-70: var(--olive-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-70: var(--olive-70);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-70: var(--olive-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-70: var(--olive-30);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-80: var(--olive-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-80: var(--olive-80);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-80: var(--olive-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-80: var(--olive-20);
    }
}
html.force-light-mode .accent-olive {
    --color-accent-90: var(--olive-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-olive {
        --color-accent-90: var(--olive-90);
    }
}
html.force-dark-mode .accent-olive {
    --color-accent-90: var(--olive-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-olive {
        --color-accent-90: var(--olive-10);
    }
}
html.force-light-mode .accent-green {
    --color-accent-10: var(--green-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-10: var(--green-10);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-10: var(--green-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-10: var(--green-90);
    }
}
html.force-light-mode .accent-green {
    --color-accent-20: var(--green-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-20: var(--green-20);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-20: var(--green-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-20: var(--green-80);
    }
}
html.force-light-mode .accent-green {
    --color-accent-30: var(--green-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-30: var(--green-30);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-30: var(--green-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-30: var(--green-70);
    }
}
html.force-light-mode .accent-green {
    --color-accent-40: var(--green-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-40: var(--green-40);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-40: var(--green-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-40: var(--green-60);
    }
}
html.force-light-mode .accent-green {
    --color-accent-50: var(--green-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-50: var(--green-50);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-50: var(--green-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-50: var(--green-50);
    }
}
html.force-light-mode .accent-green {
    --color-accent-60: var(--green-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-60: var(--green-60);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-60: var(--green-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-60: var(--green-40);
    }
}
html.force-light-mode .accent-green {
    --color-accent-70: var(--green-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-70: var(--green-70);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-70: var(--green-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-70: var(--green-30);
    }
}
html.force-light-mode .accent-green {
    --color-accent-80: var(--green-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-80: var(--green-80);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-80: var(--green-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-80: var(--green-20);
    }
}
html.force-light-mode .accent-green {
    --color-accent-90: var(--green-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-green {
        --color-accent-90: var(--green-90);
    }
}
html.force-dark-mode .accent-green {
    --color-accent-90: var(--green-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-green {
        --color-accent-90: var(--green-10);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-10: var(--aqua-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-10: var(--aqua-10);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-10: var(--aqua-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-10: var(--aqua-90);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-20: var(--aqua-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-20: var(--aqua-20);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-20: var(--aqua-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-20: var(--aqua-80);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-30: var(--aqua-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-30: var(--aqua-30);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-30: var(--aqua-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-30: var(--aqua-70);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-40: var(--aqua-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-40: var(--aqua-40);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-40: var(--aqua-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-40: var(--aqua-60);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-50: var(--aqua-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-50: var(--aqua-50);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-50: var(--aqua-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-50: var(--aqua-50);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-60: var(--aqua-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-60: var(--aqua-60);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-60: var(--aqua-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-60: var(--aqua-40);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-70: var(--aqua-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-70: var(--aqua-70);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-70: var(--aqua-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-70: var(--aqua-30);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-80: var(--aqua-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-80: var(--aqua-80);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-80: var(--aqua-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-80: var(--aqua-20);
    }
}
html.force-light-mode .accent-aqua {
    --color-accent-90: var(--aqua-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-aqua {
        --color-accent-90: var(--aqua-90);
    }
}
html.force-dark-mode .accent-aqua {
    --color-accent-90: var(--aqua-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-aqua {
        --color-accent-90: var(--aqua-10);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-10: var(--turquoise-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-10: var(--turquoise-10);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-10: var(--turquoise-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-10: var(--turquoise-90);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-20: var(--turquoise-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-20: var(--turquoise-20);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-20: var(--turquoise-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-20: var(--turquoise-80);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-30: var(--turquoise-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-30: var(--turquoise-30);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-30: var(--turquoise-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-30: var(--turquoise-70);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-40: var(--turquoise-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-40: var(--turquoise-40);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-40: var(--turquoise-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-40: var(--turquoise-60);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-50: var(--turquoise-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-50: var(--turquoise-50);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-50: var(--turquoise-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-50: var(--turquoise-50);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-60: var(--turquoise-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-60: var(--turquoise-60);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-60: var(--turquoise-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-60: var(--turquoise-40);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-70: var(--turquoise-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-70: var(--turquoise-70);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-70: var(--turquoise-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-70: var(--turquoise-30);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-80: var(--turquoise-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-80: var(--turquoise-80);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-80: var(--turquoise-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-80: var(--turquoise-20);
    }
}
html.force-light-mode .accent-turquoise {
    --color-accent-90: var(--turquoise-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-turquoise {
        --color-accent-90: var(--turquoise-90);
    }
}
html.force-dark-mode .accent-turquoise {
    --color-accent-90: var(--turquoise-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-turquoise {
        --color-accent-90: var(--turquoise-10);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-10: var(--blue-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-10: var(--blue-10);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-10: var(--blue-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-10: var(--blue-90);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-20: var(--blue-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-20: var(--blue-20);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-20: var(--blue-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-20: var(--blue-80);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-30: var(--blue-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-30: var(--blue-30);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-30: var(--blue-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-30: var(--blue-70);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-40: var(--blue-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-40: var(--blue-40);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-40: var(--blue-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-40: var(--blue-60);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-50: var(--blue-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-50: var(--blue-50);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-50: var(--blue-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-50: var(--blue-50);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-60: var(--blue-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-60: var(--blue-60);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-60: var(--blue-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-60: var(--blue-40);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-70: var(--blue-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-70: var(--blue-70);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-70: var(--blue-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-70: var(--blue-30);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-80: var(--blue-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-80: var(--blue-80);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-80: var(--blue-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-80: var(--blue-20);
    }
}
html.force-light-mode .accent-blue {
    --color-accent-90: var(--blue-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-blue {
        --color-accent-90: var(--blue-90);
    }
}
html.force-dark-mode .accent-blue {
    --color-accent-90: var(--blue-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-blue {
        --color-accent-90: var(--blue-10);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-10: var(--cobalt-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-10: var(--cobalt-10);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-10: var(--cobalt-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-10: var(--cobalt-90);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-20: var(--cobalt-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-20: var(--cobalt-20);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-20: var(--cobalt-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-20: var(--cobalt-80);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-30: var(--cobalt-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-30: var(--cobalt-30);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-30: var(--cobalt-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-30: var(--cobalt-70);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-40: var(--cobalt-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-40: var(--cobalt-40);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-40: var(--cobalt-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-40: var(--cobalt-60);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-50: var(--cobalt-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-50: var(--cobalt-50);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-50: var(--cobalt-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-50: var(--cobalt-50);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-60: var(--cobalt-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-60: var(--cobalt-60);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-60: var(--cobalt-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-60: var(--cobalt-40);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-70: var(--cobalt-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-70: var(--cobalt-70);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-70: var(--cobalt-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-70: var(--cobalt-30);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-80: var(--cobalt-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-80: var(--cobalt-80);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-80: var(--cobalt-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-80: var(--cobalt-20);
    }
}
html.force-light-mode .accent-cobalt {
    --color-accent-90: var(--cobalt-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-cobalt {
        --color-accent-90: var(--cobalt-90);
    }
}
html.force-dark-mode .accent-cobalt {
    --color-accent-90: var(--cobalt-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-cobalt {
        --color-accent-90: var(--cobalt-10);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-10: var(--purple-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-10: var(--purple-10);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-10: var(--purple-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-10: var(--purple-90);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-20: var(--purple-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-20: var(--purple-20);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-20: var(--purple-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-20: var(--purple-80);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-30: var(--purple-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-30: var(--purple-30);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-30: var(--purple-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-30: var(--purple-70);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-40: var(--purple-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-40: var(--purple-40);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-40: var(--purple-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-40: var(--purple-60);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-50: var(--purple-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-50: var(--purple-50);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-50: var(--purple-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-50: var(--purple-50);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-60: var(--purple-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-60: var(--purple-60);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-60: var(--purple-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-60: var(--purple-40);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-70: var(--purple-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-70: var(--purple-70);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-70: var(--purple-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-70: var(--purple-30);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-80: var(--purple-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-80: var(--purple-80);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-80: var(--purple-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-80: var(--purple-20);
    }
}
html.force-light-mode .accent-purple {
    --color-accent-90: var(--purple-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-purple {
        --color-accent-90: var(--purple-90);
    }
}
html.force-dark-mode .accent-purple {
    --color-accent-90: var(--purple-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-purple {
        --color-accent-90: var(--purple-10);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-10: var(--fuschia-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-10: var(--fuschia-10);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-10: var(--fuschia-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-10: var(--fuschia-90);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-20: var(--fuschia-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-20: var(--fuschia-20);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-20: var(--fuschia-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-20: var(--fuschia-80);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-30: var(--fuschia-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-30: var(--fuschia-30);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-30: var(--fuschia-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-30: var(--fuschia-70);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-40: var(--fuschia-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-40: var(--fuschia-40);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-40: var(--fuschia-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-40: var(--fuschia-60);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-50: var(--fuschia-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-50: var(--fuschia-50);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-50: var(--fuschia-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-50: var(--fuschia-50);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-60: var(--fuschia-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-60: var(--fuschia-60);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-60: var(--fuschia-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-60: var(--fuschia-40);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-70: var(--fuschia-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-70: var(--fuschia-70);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-70: var(--fuschia-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-70: var(--fuschia-30);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-80: var(--fuschia-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-80: var(--fuschia-80);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-80: var(--fuschia-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-80: var(--fuschia-20);
    }
}
html.force-light-mode .accent-fuschia {
    --color-accent-90: var(--fuschia-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-fuschia {
        --color-accent-90: var(--fuschia-90);
    }
}
html.force-dark-mode .accent-fuschia {
    --color-accent-90: var(--fuschia-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-fuschia {
        --color-accent-90: var(--fuschia-10);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-10: var(--pink-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-10: var(--pink-10);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-10: var(--pink-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-10: var(--pink-90);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-20: var(--pink-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-20: var(--pink-20);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-20: var(--pink-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-20: var(--pink-80);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-30: var(--pink-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-30: var(--pink-30);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-30: var(--pink-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-30: var(--pink-70);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-40: var(--pink-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-40: var(--pink-40);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-40: var(--pink-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-40: var(--pink-60);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-50: var(--pink-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-50: var(--pink-50);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-50: var(--pink-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-50: var(--pink-50);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-60: var(--pink-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-60: var(--pink-60);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-60: var(--pink-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-60: var(--pink-40);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-70: var(--pink-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-70: var(--pink-70);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-70: var(--pink-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-70: var(--pink-30);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-80: var(--pink-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-80: var(--pink-80);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-80: var(--pink-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-80: var(--pink-20);
    }
}
html.force-light-mode .accent-pink {
    --color-accent-90: var(--pink-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .accent-pink {
        --color-accent-90: var(--pink-90);
    }
}
html.force-dark-mode .accent-pink {
    --color-accent-90: var(--pink-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .accent-pink {
        --color-accent-90: var(--pink-10);
    }
}
@media screen and (min-width: 0) {
    :root {
        --vert-rhythm-lg: var(--spacing2);
        --vert-rhythm-sm: var(--spacing1);
    }
}
@media screen and (min-width: 48em) {
    :root {
        --vert-rhythm-lg: var(--spacing3);
    }
}
@media print {
    :root {
        --vert-rhythm-sm: var(--spacing-1);
    }
}
@media screen and (min-width: 36em) {
    .article {
        width: calc((((100% - 5rem) / 6) * 4) + 3rem);
    }
}
@media screen and (min-width: 48em) {
    .article {
        width: calc((((100% - 14.5152rem) / 8) * 6) + 10.368rem);
    }
}
@media screen and (min-width: 60em) {
    .article {
        width: calc((((100% - 22.8096rem) / 12) * 8) + 14.5152rem);
    }
}
@media screen and (min-width: 78em) {
    .article {
        width: calc((((100% - 26.9568rem) / 14) * 8) + 14.5152rem);
    }
}
@media print {
    .article {
        width: 55ch;
    }
}
@media screen and (min-width: 0) {
    .full,
    .size01,
    .size02,
    .size03,
    .size04,
    .size05,
    .size06,
    .size07,
    .size08,
    .size09,
    .size10,
    .size11,
    .size12,
    .size13,
    .size14 {
        clear: both;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg);
    }
}
@media screen and (min-width: 48em) {
    .full,
    .size01,
    .size02,
    .size03,
    .size04,
    .size05,
    .size06,
    .size07,
    .size08,
    .size09,
    .size10,
    .size11,
    .size12,
    .size13,
    .size14 {
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg);
    }
}
@media screen and (min-width: 60em) {
    .full,
    .size01,
    .size02,
    .size03,
    .size04,
    .size05,
    .size06,
    .size07,
    .size08,
    .size09,
    .size10,
    .size11,
    .size12,
    .size13,
    .size14 {
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg);
    }
}
@media screen and (min-width: 78em) {
    .full,
    .size01,
    .size02,
    .size03,
    .size04,
    .size05,
    .size06,
    .size07,
    .size08,
    .size09,
    .size10,
    .size11,
    .size12,
    .size13,
    .size14 {
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg);
    }
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.left {
    margin-left: 0;
    margin-right: auto;
}
.right {
    margin-left: auto;
    margin-right: 0;
}
.full {
    width: 100vw;
}
.center .full {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
@media screen and (min-width: 0) {
    .left .full {
        margin-left: -1.44rem;
    }
    .right .full {
        margin-left: calc(
            (((((100% - (3rem)) / 4) * 0) + 0rem) + 1.44rem) * -1
        );
    }
}
@media screen and (min-width: 36em) {
    .left .full {
        margin-left: -1.44rem;
    }
    .right .full {
        margin-left: calc(
            (((((100% - (3rem)) / 4) * 2) + 2rem) + 1.44rem) * -1
        );
    }
}
@media screen and (min-width: 48em) {
    .left .full {
        margin-left: -2.985984rem;
    }
    .right .full {
        margin-left: calc(
            (((((100% - (10.368rem)) / 6) * 2) + 4.1472rem) + 2.985984rem) * -1
        );
    }
}
@media screen and (min-width: 60em) {
    .left .full {
        margin-left: -2.985984rem;
    }
    .right .full {
        margin-left: calc(
            (((((100% - (14.5152rem)) / 8) * 4) + 8.2944rem) + 2.985984rem) * -1
        );
    }
}
@media screen and (min-width: calc(1344px + 5.971968rem)) {
    .left .full {
        margin-left: calc(((100vw - 1344px) / 2) * -1);
    }
    .right .full {
        margin-left: calc(
            (
                    ((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) +
                        ((100vw - 1344px) / 2)
                ) * -1
        );
    }
}
@media screen and (min-width: 0) and (max-width: 36em) {
    .wide-xs.wide-xs.wide-xs.wide-xs.wide-xs:not(.full),
    .multi.wide-xs.wide-xs.wide-xs.wide-xs:not(.full) > * {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
@media screen and (min-width: 0) and (max-width: 48em) {
    .wide-sm.wide-sm.wide-sm.wide-sm.wide-sm:not(.full),
    .multi.wide-sm.wide-sm.wide-sm.wide-sm:not(.full) > * {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
@media screen and (min-width: 0) and (max-width: 60em) {
    .wide-md.wide-md.wide-md.wide-md.wide-md:not(.full),
    .multi.wide-md.wide-md.wide-md.wide-md:not(.full) > * {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
@media screen and (min-width: 0) {
    .left.wrap {
        clear: left;
        float: left;
        margin-right: 1rem;
        margin-top: 0;
        margin-bottom: 1rem;
    }
}
@media screen and (min-width: 36em) {
    .left.wrap {
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
}
@media screen and (min-width: 48em) {
    .left.wrap {
        margin-right: 2.0736rem;
        margin-bottom: 2.0736rem;
    }
}
@media screen and (min-width: 60em) {
    .left.wrap {
        margin-right: 2.0736rem;
        margin-bottom: 2.0736rem;
    }
}
@media screen and (min-width: 0) {
    .right.wrap {
        clear: right;
        float: right;
        margin-left: 1rem;
        margin-top: 0;
        margin-bottom: 1rem;
    }
}
@media screen and (min-width: 36em) {
    .right.wrap {
        margin-left: 1rem;
        margin-bottom: 1rem;
    }
}
@media screen and (min-width: 48em) {
    .right.wrap {
        margin-left: 2.0736rem;
        margin-bottom: 2.0736rem;
    }
}
@media screen and (min-width: 60em) {
    .right.wrap {
        margin-left: 2.0736rem;
        margin-bottom: 2.0736rem;
    }
}
.multi {
    align-items: center;
    display: flex;
}
.multi > * {
    min-height: 0;
    min-width: 0;
    width: 100%;
}
@media screen and (min-width: 0) and (max-width: 36em) {
    .wide-xs.multi,
    .wide-sm.multi,
    .wide-md.multi {
        display: block;
    }
    .multi.wide-xs > *:nth-child(1n + 2),
    .multi.wide-sm > *:nth-child(1n + 2),
    .multi.wide-md > *:nth-child(1n + 2) {
        margin-top: 1rem;
    }
}
@media screen and (min-width: 0) and (max-width: 48em) {
    .multi.wide-sm,
    .multi.wide-md {
        display: block;
    }
    .multi.wide-sm > *:nth-child(1n + 2),
    .multi.wide-md > *:nth-child(1n + 2) {
        margin-top: 1rem;
    }
}
@media screen and (min-width: 0) and (max-width: 60em) {
    .multi.wide-md {
        display: block;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) {
    .multi.wide-md > *:nth-child(1n + 2) {
        margin-top: 2.0736rem;
    }
}
@media screen and (min-width: 0) {
    .size01 {
        width: calc((((100% - 3rem) / 4) * 1) + 0rem);
    }
    .size02,
    .size03,
    .size04 {
        width: calc((((100% - 3rem) / 4) * 2) + 1rem);
    }
    .size05,
    .size06 {
        width: calc((((100% - 3rem) / 4) * 3) + 2rem);
    }
    .size07,
    .size08 {
        width: 100%;
    }
    .multi.size02 > *:nth-child(1n + 2),
    .multi.size03 > *:nth-child(1n + 2),
    .multi.size04 > *:nth-child(1n + 2) {
        margin-left: 1rem;
    }
    .multi.size05 > *:nth-child(1n + 2),
    .multi.size06 > *:nth-child(1n + 2) {
        margin-left: 1rem;
    }
    .multi.size07 > *:nth-child(1n + 2),
    .multi.size08 > *:nth-child(1n + 2),
    .multi.size09 > *:nth-child(1n + 2),
    .multi.size10 > *:nth-child(1n + 2),
    .multi.size11 > *:nth-child(1n + 2),
    .multi.size12 > *:nth-child(1n + 2),
    .multi.size13 > *:nth-child(1n + 2),
    .multi.size14 > *:nth-child(1n + 2) {
        margin-left: 1rem;
    }
}
@media screen and (min-width: 0) and (max-width: 36em) {
    .size05.wrap,
    .size06.wrap,
    .size07,
    .size08,
    .size09,
    .size10,
    .size11,
    .size12,
    .size13,
    .size14,
    .wide-xs.wide-xs,
    .wide-sm.wide-sm,
    .wide-md.wide-md {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
    }
    .size05.wrap.left,
    .size06.wrap.left,
    .size07.left,
    .size08.left,
    .size09.left,
    .size10.left,
    .size11.left,
    .size12.left,
    .size13.left,
    .size14.left,
    .wide-xs.wide-xs.left,
    .wide-sm.wide-sm.left,
    .wide-md.wide-md.left {
        margin-right: auto;
    }
    .size05.wrap.right,
    .size06.wrap.right,
    .size07.right,
    .size08.right,
    .size09.right,
    .size10.right,
    .size11.right,
    .size12.right,
    .size13.right,
    .size14.right,
    .wide-xs.wide-xs.right,
    .wide-sm.wide-sm.right,
    .wide-md.wide-md.right {
        margin-left: auto;
    }
}
@media screen and (min-width: 36em) {
    .size01 {
        width: calc((((100% - 3rem) / 4) * 1) + 0rem);
    }
    .size02,
    .size03,
    .size04 {
        width: calc((((100% - 3rem) / 4) * 2) + 1rem);
    }
    .size05,
    .size06 {
        width: calc((((100% - 3rem) / 4) * 3) + 2rem);
    }
    .size07,
    .size08 {
        width: 100%;
    }
    .size09,
    .size10 {
        width: calc((((100% - 3rem) / 4) * 5) + 4rem);
    }
    .size11,
    .size12,
    .size13,
    .size14 {
        width: calc((((100% - 3rem) / 4) * 6) + 5rem);
    }
    .size09.center,
    .size10.center {
        margin-left: calc((((((100% - 3rem) / 4) * 1) + 1rem) * -1) / 2);
    }
    .size11.center,
    .size12.center,
    .size13.center,
    .size14.center,
    .left.out01,
    .left.out02 {
        margin-left: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1);
    }
    .left.out03,
    .left.out04 {
        margin-left: calc(((((100% - 3rem) / 4) * 2) + 2rem) * -1);
    }
    .size09.center,
    .size10.center {
        margin-right: calc((((((100% - 3rem) / 4) * 1) + 1rem) * -1) / 2);
    }
    .size11.center,
    .size12.center,
    .size13.center,
    .size14.center,
    .right.out01,
    .right.out02 {
        margin-right: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1);
    }
    .right.out03,
    .right.out04 {
        margin-right: calc(((((100% - 3rem) / 4) * 2) + 2rem) * -1);
    }
    .left.in03 {
        margin-left: calc((((100% - 3rem) / 4) * 1) + 1rem);
    }
    .right.in03 {
        margin-right: calc((((100% - 3rem) / 4) * 1) + 1rem);
    }
    .multi.size09 > *:nth-child(1n + 2),
    .multi.size10 > *:nth-child(1n + 2) {
        margin-left: 1rem;
    }
    .multi.size11 > *:nth-child(1n + 2),
    .multi.size12 > *:nth-child(1n + 2),
    .multi.size13 > *:nth-child(1n + 2),
    .multi.size14 > *:nth-child(1n + 2) {
        margin-left: 1rem;
    }
}
@media screen and (min-width: 36em) and (max-width: 48em) {
    .size02.in03,
    .size03.in03,
    .size04.in03,
    .size05:not(.out01):not(.out02):not(.out03):not(.out04),
    .size06:not(.out01):not(.out02):not(.out03):not(.out04),
    .size07:not(.out03):not(.out04),
    .size08:not(.out03):not(.out04),
    .size09.wrap,
    .size10.wrap,
    .size11.wrap,
    .size12.wrap,
    .size13.wrap,
    .size14.wrap,
    .wide-sm.wide-sm.wide-sm.wide-sm,
    .wide-md.wide-md.wide-md.wide-md {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
    }
    .size02.in03.left,
    .size03.in03.left,
    .size04.in03.left,
    .size05:not(.out01):not(.out02):not(.out03):not(.out04).left,
    .size06:not(.out01):not(.out02):not(.out03):not(.out04).left,
    .size07:not(.out03):not(.out04).left,
    .size08:not(.out03):not(.out04).left,
    .size09.wrap.left,
    .size10.wrap.left,
    .size11.wrap.left,
    .size12.wrap.left,
    .size13.wrap.left,
    .size14.wrap.left,
    .wide-sm.wide-sm.wide-sm.wide-sm.left,
    .wide-md.wide-md.wide-md.wide-md.left {
        margin-right: auto;
    }
    .size02.in03.right,
    .size03.in03.right,
    .size04.in03.right,
    .size05:not(.out01):not(.out02):not(.out03):not(.out04).right,
    .size06:not(.out01):not(.out02):not(.out03):not(.out04).right,
    .size07:not(.out03):not(.out04).right,
    .size08:not(.out03):not(.out04).right,
    .size09.wrap.right,
    .size10.wrap.right,
    .size11.wrap.right,
    .size12.wrap.right,
    .size13.wrap.right,
    .size14.wrap.right,
    .wide-sm.wide-sm.wide-sm.wide-sm.right,
    .wide-md.wide-md.wide-md.wide-md.right {
        margin-left: auto;
    }
    .size07.right.in03:not(.out03):not(.out04),
    .size08.right.in03:not(.out03):not(.out04),
    .size09.right,
    .size09.right.wrap,
    .size10.right,
    .size10.right.wrap {
        margin-left: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1);
    }
    .size09.right.in03,
    .size10.right.in03,
    .size11.right,
    .size11.right.wrap,
    .size12.right,
    .size12.right.wrap,
    .size13.right,
    .size13.right.wrap,
    .size14.right,
    .size14.right.wrap {
        margin-left: calc(((((100% - 3rem) / 4) * 2) + 2rem) * -1);
    }
    .size11.right.in03,
    .size12.right.in03,
    .size13.right.in03,
    .size14.right.in03 {
        margin-left: calc(((((100% - 3rem) / 4) * 3) + 3rem) * -1);
    }
}
@media screen and (min-width: 48em) {
    .size01 {
        width: calc((((100% - 10.368rem) / 6) * 1) + 0rem);
    }
    .size02,
    .size03 {
        width: calc((((100% - 10.368rem) / 6) * 2) + 2.0736rem);
    }
    .size04 {
        width: calc((((100% - 10.368rem) / 6) * 3) + 4.1472rem);
    }
    .size05 {
        width: calc((((100% - 10.368rem) / 6) * 4) + 6.2208rem);
    }
    .size06,
    .size07 {
        width: calc((((100% - 10.368rem) / 6) * 5) + 8.2944rem);
    }
    .size08 {
        width: 100%;
    }
    .size09,
    .size10 {
        width: calc((((100% - 10.368rem) / 6) * 7) + 12.4416rem);
    }
    .size11,
    .size12,
    .size13,
    .size14 {
        width: calc((((100% - 10.368rem) / 6) * 8) + 14.5152rem);
    }
    .size09.center,
    .size10.center {
        margin-left: calc(
            (((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1) / 2
        );
    }
    .size11.center,
    .size12.center,
    .size13.center,
    .size14.center,
    .left.out01,
    .left.out02 {
        margin-left: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1);
    }
    .left.out03,
    .left.out04 {
        margin-left: calc(((((100% - 10.368rem) / 6) * 2) + 4.1472rem) * -1);
    }
    .size09.center,
    .size10.center {
        margin-right: calc(
            (((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1) / 2
        );
    }
    .size11.center,
    .size12.center,
    .size13.center,
    .size14.center,
    .right.out01,
    .right.out02 {
        margin-right: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1);
    }
    .right.out03,
    .right.out04 {
        margin-right: calc(((((100% - 10.368rem) / 6) * 2) + 4.1472rem) * -1);
    }
    .left.in01,
    .left.in02 {
        margin-left: calc((((100% - 10.368rem) / 6) * 1) + 2.0736rem);
    }
    .left.in03 {
        margin-left: calc((((100% - 10.368rem) / 6) * 2) + 4.1472rem);
    }
    .right.in01,
    .right.in02 {
        margin-right: calc((((100% - 10.368rem) / 6) * 1) + 2.0736rem);
    }
    .right.in03 {
        margin-right: calc((((100% - 10.368rem) / 6) * 2) + 4.1472rem);
    }
    .multi.size02 > *:nth-child(1n + 2),
    .multi.size03 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size04 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size05 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size06 > *:nth-child(1n + 2),
    .multi.size07 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size08 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size09 > *:nth-child(1n + 2),
    .multi.size10 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size11 > *:nth-child(1n + 2),
    .multi.size12 > *:nth-child(1n + 2),
    .multi.size13 > *:nth-child(1n + 2),
    .multi.size14 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) {
    .size02.in03,
    .size03.in03,
    .size04.in01,
    .size04.in02,
    .size04.in03,
    .size05:not(.out01):not(.out02):not(.out03):not(.out04),
    .size06:not(.out03):not(.out04),
    .size07:not(.out03):not(.out04),
    .size08.wrap,
    .size09.wrap,
    .size10.wrap,
    .size11.wrap,
    .size12.wrap,
    .size13.wrap,
    .size14.wrap,
    .wide-md.wide-md.wide-md.wide-md {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
    }
    .size02.in03.left,
    .size03.in03.left,
    .size04.in01.left,
    .size04.in02.left,
    .size04.in03.left,
    .size05:not(.out01):not(.out02):not(.out03):not(.out04).left,
    .size06:not(.out03):not(.out04).left,
    .size07:not(.out03):not(.out04).left,
    .size08.wrap.left,
    .size09.wrap.left,
    .size10.wrap.left,
    .size11.wrap.left,
    .size12.wrap.left,
    .size13.wrap.left,
    .size14.wrap.left,
    .wide-md.wide-md.wide-md.wide-md.left {
        margin-right: auto;
    }
    .size02.in03.right,
    .size03.in03.right,
    .size04.in01.right,
    .size04.in02.right,
    .size04.in03.right,
    .size05:not(.out01):not(.out02):not(.out03):not(.out04).right,
    .size06:not(.out03):not(.out04).right,
    .size07:not(.out03):not(.out04).right,
    .size08.wrap.right,
    .size09.wrap.right,
    .size10.wrap.right,
    .size11.wrap.right,
    .size12.wrap.right,
    .size13.wrap.right,
    .size14.wrap.right,
    .wide-md.wide-md.wide-md.wide-md.right {
        margin-left: auto;
    }
    .size06.right.in03:not(.out03):not(.out04),
    .size07.right.in03:not(.out03):not(.out04),
    .size08.right.in01,
    .size08.right.in01.wrap,
    .size08.right.in02,
    .size08.right.in02.wrap,
    .size09.right,
    .size09.right.wrap,
    .size10.right,
    .size10.right.wrap {
        margin-left: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1);
    }
    .size08.right.in03,
    .size08.right.in03.wrap,
    .size09.right.in03,
    .size09.right.in03.wrap,
    .size10.right.in03,
    .size10.right.in03.wrap,
    .size11.right,
    .size11.right.wrap,
    .size12.right,
    .size12.right.wrap,
    .size13.right,
    .size13.right.wrap,
    .size14.right,
    .size14.right.wrap {
        margin-left: calc(((((100% - 10.368rem) / 6) * 2) + 4.1472rem) * -1);
    }
    .size11.right.in01,
    .size11.right.in01.wrap,
    .size11.right.in02,
    .size11.right.in02.wrap,
    .size12.right.in01,
    .size12.right.in01.wrap,
    .size12.right.in02,
    .size12.right.in02.wrap,
    .size13.right.in01,
    .size13.right.in01.wrap,
    .size13.right.in02,
    .size13.right.in02.wrap,
    .size14.right.in01,
    .size14.right.in01.wrap,
    .size14.right.in02,
    .size14.right.in02.wrap {
        margin-left: calc(((((100% - 10.368rem) / 6) * 3) + 6.2208rem) * -1);
    }
    .size11.right.in03,
    .size11.right.in03.wrap,
    .size12.right.in03,
    .size12.right.in03.wrap,
    .size13.right.in03,
    .size13.right.in03.wrap,
    .size14.right.in03,
    .size14.right.in03.wrap {
        margin-left: calc(((((100% - 10.368rem) / 6) * 4) + 8.2944rem) * -1);
    }
}
@media screen and (min-width: 60em) {
    .size01 {
        width: calc((((100% - 14.5152rem) / 8) * 1) + 0rem);
    }
    .size02 {
        width: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem);
    }
    .size03 {
        width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem);
    }
    .size04 {
        width: calc((((100% - 14.5152rem) / 8) * 4) + 6.2208rem);
    }
    .size05 {
        width: calc((((100% - 14.5152rem) / 8) * 5) + 8.2944rem);
    }
    .size06 {
        width: calc((((100% - 14.5152rem) / 8) * 6) + 10.368rem);
    }
    .size07 {
        width: calc((((100% - 14.5152rem) / 8) * 7) + 12.4416rem);
    }
    .size08 {
        width: 100%;
    }
    .size09 {
        width: calc((((100% - 14.5152rem) / 8) * 9) + 16.5888rem);
    }
    .size10 {
        width: calc((((100% - 14.5152rem) / 8) * 10) + 18.6624rem);
    }
    .size11 {
        width: calc((((100% - 14.5152rem) / 8) * 11) + 20.736rem);
    }
    .size12,
    .size13,
    .size14 {
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
    }
    .size09.center {
        margin-left: calc(
            (((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1) / 2
        );
    }
    .left.out01,
    .size10.center {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1);
    }
    .size11.center {
        margin-left: calc(
            (((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1) / 2
        );
    }
    .left.out02,
    .size12.center,
    .size13.center,
    .size14.center {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
    }
    .left.out03 {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
    }
    .left.out04 {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) * -1);
    }
    .size09.center {
        margin-right: calc(
            (((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1) / 2
        );
    }
    .right.out01,
    .size10.center {
        margin-right: calc(((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1);
    }
    .size11.center {
        margin-right: calc(
            (((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1) / 2
        );
    }
    .right.out02,
    .size12.center,
    .size13.center,
    .size14.center {
        margin-right: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
    }
    .right.out03 {
        margin-right: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
    }
    .right.out04 {
        margin-right: calc(((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) * -1);
    }
    .left.in01 {
        margin-left: calc((((100% - 14.5152rem) / 8) * 1) + 2.0736rem);
    }
    .left.in02 {
        margin-left: calc((((100% - 14.5152rem) / 8) * 2) + 4.1472rem);
    }
    .left.in03 {
        margin-left: calc((((100% - 14.5152rem) / 8) * 3) + 6.2208rem);
    }
    .right.in01 {
        margin-right: calc((((100% - 14.5152rem) / 8) * 1) + 2.0736rem);
    }
    .right.in02 {
        margin-right: calc((((100% - 14.5152rem) / 8) * 2) + 4.1472rem);
    }
    .right.in03 {
        margin-right: calc((((100% - 14.5152rem) / 8) * 3) + 6.2208rem);
    }
    .multi.size02 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size03 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size04 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size05 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size06 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size07 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size08 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size09 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size10 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size11 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size12 > *:nth-child(1n + 2),
    .multi.size13 > *:nth-child(1n + 2),
    .multi.size14 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .size03.in03,
    .size04.in02,
    .size04.in03,
    .size05.in01,
    .size05.in02,
    .size05.in03,
    .size06:not(.out01):not(.out02):not(.out03):not(.out04),
    .size07:not(.out02):not(.out03):not(.out04),
    .size08:not(.out03):not(.out04),
    .size09:not(.out04),
    .size10.wrap,
    .size11.wrap,
    .size12.wrap,
    .size13.wrap,
    .size14.wrap {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
    }
    .size03.in03.left,
    .size04.in02.left,
    .size04.in03.left,
    .size05.in01.left,
    .size05.in02.left,
    .size05.in03.left,
    .size06:not(.out01):not(.out02):not(.out03):not(.out04).left,
    .size07:not(.out02):not(.out03):not(.out04).left,
    .size08:not(.out03):not(.out04).left,
    .size09:not(.out04).left,
    .size10.wrap.left,
    .size11.wrap.left,
    .size12.wrap.left,
    .size13.wrap.left,
    .size14.wrap.left {
        margin-right: auto;
    }
    .size03.in03.right,
    .size04.in02.right,
    .size04.in03.right,
    .size05.in01.right,
    .size05.in02.right,
    .size05.in03.right,
    .size06:not(.out01):not(.out02):not(.out03):not(.out04).right,
    .size07:not(.out02):not(.out03):not(.out04).right,
    .size08:not(.out03):not(.out04).right,
    .size09:not(.out04).right,
    .size10.wrap.right,
    .size11.wrap.right,
    .size12.wrap.right,
    .size13.wrap.right,
    .size14.wrap.right {
        margin-left: auto;
    }
    .size06.right.in03:not(.out01):not(.out02):not(.out03):not(.out04),
    .size07.right.in02:not(.out02):not(.out03):not(.out04),
    .size08.right.in01:not(.out03):not(.out04),
    .size09.right:not(.out04),
    .size10.right.out01,
    .size10.right.out01.wrap,
    .size11.right.out02,
    .size11.right.out02.wrap,
    .size12.right.out03,
    .size12.right.out03.wrap,
    .size13.right.out03,
    .size13.right.out03.wrap,
    .size14.right.out03,
    .size14.right.out03.wrap {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 1) + 2.0736rem) * -1);
    }
    .size07.right.in03:not(.out02):not(.out03):not(.out04),
    .size08.right.in02:not(.out03):not(.out04),
    .size09.right.in01:not(.out04),
    .size10.right,
    .size10.right.wrap,
    .size11.right.out01,
    .size11.right.out01.wrap,
    .size12.right.out02,
    .size13.right.out02,
    .size14.right.out02 {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
    }
    .size08.right.in03:not(.out03):not(.out04),
    .size09.right.in02:not(.out04),
    .size10.right.in01,
    .size10.right.in01.wrap,
    .size11.right,
    .size11.right.wrap,
    .size12.right.out01,
    .size13.right.out01,
    .size14.right.out01 {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
    }
    .size09.right.in03:not(.out04),
    .size10.right.in02,
    .size10.right.in02.wrap,
    .size11.right.in01,
    .size11.right.in01.wrap,
    .size12.right,
    .size12.right.wrap,
    .size13.right,
    .size13.right.wrap,
    .size14.right,
    .size14.right.wrap {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 4) + 8.2944rem) * -1);
    }
    .size10.right.in03,
    .size10.right.in03.wrap,
    .size11.right.in02,
    .size11.right.in02.wrap,
    .size12.right.in01,
    .size12.right.in01.wrap,
    .size13.right.in01,
    .size13.right.in01.wrap,
    .size14.right.in01,
    .size14.right.in01.wrap {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 5) + 10.368rem) * -1);
    }
    .size11.right.in03,
    .size11.right.in03.wrap,
    .size12.right.in02,
    .size12.right.in02.wrap,
    .size13.right.in02,
    .size13.right.in02.wrap,
    .size14.right.in02,
    .size14.right.in02.wrap {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 6) + 12.4416rem) * -1);
    }
    .size12.right.in03,
    .size12.right.in03.wrap,
    .size13.right.in03,
    .size13.right.in03.wrap,
    .size14.right.in03,
    .size14.right.in03.wrap {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 7) + 14.5152rem) * -1);
    }
}
@media screen and (min-width: 78em) {
    .size13 {
        width: calc((((100% - 14.5152rem) / 8) * 13) + 24.8832rem);
    }
    .size14 {
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
    }
    .size13.center {
        margin-left: calc(
            (((((100% - 14.5152rem) / 8) * 5) + 10.368rem) * -1) / 2
        );
    }
    .size14.center {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
    }
    .multi.size13 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
    .multi.size14 > *:nth-child(1n + 2) {
        margin-left: 2.0736rem;
    }
}
:root {
    --color-form-placeholder: var(--color-text-supp);
    --color-form: var(--color-text-hed);
    --form-border-radius: 0px;
    --form-border: 2px solid;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: 1;
    margin: 0;
    max-width: 100%;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}
input,
[type="email"],
[type="search"],
[type="text"],
[type="button"],
[type="submit"],
textarea {
    color: var(--color-form);
    border: var(--form-border);
    background-color: transparent;
    border-radius: var(--form-border-radius);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
[type="email"],
[type="search"],
[type="text"],
textarea {
    padding: var(--spacing-1);
    font-family: var(--fonts-sans);
}
textarea {
    display: block;
}
[type="checkbox"] {
    background-color: transparent;
    border: var(--form-border);
    border-color: var(--color-form);
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
[type="radio"] {
    border-radius: 50%;
    border: var(--form-border);
    border-color: var(--color-form);
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}
button,
[type="button"],
[type="submit"] {
    --button-text-color: var(--color-bg, --white);
    background-color: var(--color-accent-50, --blue-50);
    color: var(--button-text-color);
    display: inline-block;
    padding: var(--spacing-1);
    text-decoration: none;
    border: none;
    border-radius: var(--form-border-radius);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    text-align: center;
    cursor: pointer;
}
select {
    display: inline-block;
    margin: 0;
    padding: var(--spacing-1);
    padding-right: var(--spacing2);
    border: var(--form-border);
    border-radius: var(--form-border-radius);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    background-color: transparent;
    background-repeat: no-repeat, repeat;
    background-position: right 0.5em top 50%, 0 0;
    background-size: 0.65em auto, 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
html.force-light-mode select {
    color: var(--cool-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) select {
        color: var(--cool-90);
    }
}
html.force-dark-mode select {
    color: var(--cool-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) select {
        color: var(--cool-20);
    }
}
/*html.force-light-mode select {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%232b3137%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E");
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) select {
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%232b3137%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E");
    }
}
html.force-dark-mode select {
    background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%23bec8ce%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E");
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) select {
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27292.4%27%20height%3D%27292.4%27%3E%3Cpath%20fill%3D%27%23bec8ce%27%20d%3D%27M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%27%2F%3E%3C%2Fsvg%3E");
    }
}*/
select::-ms-expand {
    display: none;
}
.form {
    font-family: var(--fonts-sans);
}
.form__label {
    font-size: var(--scale-2);
    font-weight: 700;
    display: block;
    letter-spacing: 0.0075em;
    word-spacing: 0.06em;
    width: 100%;
}
.form__legend {
    font-size: var(--scale-2);
    font-weight: 700;
    display: block;
    letter-spacing: 0.0075em;
    word-spacing: 0.06em;
    width: 100%;
}
.form__input-text {
    background-color: transparent;
    color: var(--color-form);
    font-size: 1em;
    padding: var(--spacing-1);
    transition: box-shadow 0.2s;
    width: 100%;
}
.form__input-text::placeholder {
    color: var(--color-form-placeholder);
}
.form__input-text:focus::placeholder {
    color: transparent;
}
.form__input-text:focus,
.form__input-text:hover {
    box-shadow: 0 0 2px var(--accent-color-50);
}
.form__textarea {
    background-color: transparent;
    color: var(--color-form);
    font-size: 1em;
    min-height: 6em;
    padding: var(--spacing-1);
    transition: box-shadow 0.2s;
    width: 100%;
}
.form__textarea::placeholder {
    color: var(--color-form-placeholder);
}
.form__textarea:focus::placeholder {
    color: transparent;
}
.form__textarea:focus,
.form__textarea:hover {
    box-shadow: 0 0 2px var(--accent-color-50);
}
.form__input-checkbox {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    color: var(--color-form);
    border: var(--form-border);
    font-size: var(--scale-1);
    height: var(--checkbox-size);
    width: var(--checkbox-size);
}
/* .form__input-checkbox:checked {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' fill='black'/%3E%3Cpath d='M5 11.5L10 16.5L19.5 7' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
} */
.form__input-checkbox-wrapper {
    --checkbox-size: var(--spacing1);
    padding-left: calc(var(--checkbox-size) + 0.5rem);
    position: relative;
    min-height: var(--checkbox-size);
}
.form__input-checkbox-wrapper .form__input-checkbox {
    position: absolute;
    top: -0.1rem;
    left: 0;
}
.form__submit-btn--arrow-circular {
    border-radius: 50%;
    font-size: 0;
    height: var(--button-size);
    line-height: 0;
    margin-left: var(--spacing-1);
    transition: transform 0.2s ease-out;
    width: var(--button-size);
}
html.force-light-mode .form__submit-btn--arrow-circular {
    mix-blend-mode: multiply;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .form__submit-btn--arrow-circular {
        mix-blend-mode: multiply;
    }
}
html.force-dark-mode .form__submit-btn--arrow-circular {
    mix-blend-mode: lighten;
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .form__submit-btn--arrow-circular {
        mix-blend-mode: lighten;
    }
}
html.force-light-mode .form__submit-btn--arrow-circular {
    background-color: var(--red-50);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .form__submit-btn--arrow-circular {
        background-color: var(--red-50);
    }
}
html.force-dark-mode .form__submit-btn--arrow-circular {
    background-color: var(--red-50);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .form__submit-btn--arrow-circular {
        background-color: var(--red-50);
    }
}
.form__submit-btn--arrow-circular:hover {
    transform: scale(1.05);
}
.form__submit-btn--arrow-circular.form__submit-btn--is-submitting {
    background: none;
}
.form__submit-btn-wrapper--arrow-transparent {
    height: var(--button-size);
    margin-left: calc(var(--button-size) * -1);
    position: relative;
    width: var(--button-size);
}
.form__submit-btn-wrapper--arrow-transparent svg {
    height: var(--spacing0);
    fill: var(--color-accent-50);
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    transition: fill 0.2s ease-out;
    width: var(--spacing0);
}
.form__submit-btn-wrapper--arrow-transparent:hover svg {
    fill: var(--color-text-hed);
}
.form__submit-btn--arrow-transparent {
    font-size: 0;
    height: var(--button-size);
    line-height: 0;
    opacity: 0;
    transition: all 0.2s ease-out;
    width: var(--button-size);
}
html.force-light-mode .form__submit-btn--arrow-transparent {
    mix-blend-mode: multiply;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .form__submit-btn--arrow-transparent {
        mix-blend-mode: multiply;
    }
}
html.force-dark-mode .form__submit-btn--arrow-transparent {
    mix-blend-mode: lighten;
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .form__submit-btn--arrow-transparent {
        mix-blend-mode: lighten;
    }
}
.form__input-wrapper--full {
    margin-bottom: var(--spacing1);
    width: 100%;
}
@media screen and (min-width: 60em) {
    .form__input-wrapper--full {
        margin-bottom: var(--spacing2);
    }
}
.form__input-wrapper--half {
    margin-bottom: var(--spacing1);
    width: 100%;
}
@media screen and (min-width: 60em) {
    .form__input-wrapper--half {
        margin-bottom: var(--spacing2);
        width: calc(50% - 1rem);
    }
    .form__input-wrapper--half:nth-of-type(2n + 2) {
        margin-left: 2rem;
    }
}
.form__submit-btn-wrapper--arrow-circular {
    position: relative;
}
.form__submit-btn-wrapper--arrow-circular svg {
    height: var(--spacing0);
    fill: var(--white);
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-25%, -50%);
    top: 50%;
    width: var(--spacing0);
    z-index: 10;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.form__feedback {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-1);
    margin-bottom: var(--spacing0);
}
.form__feedback--red-box {
    background-color: var(--red-10);
    border-radius: 3px;
    padding: var(--spacing0);
    color: var(--red-70);
}
.form__success-message {
    color: var(--color-text-hed);
}
.form__error-message {
    color: var(--red-50);
    display: none;
}
.-js-has-error .form__error-message {
    display: block;
}
.form__legal {
    color: var(--color-text-supp);
    display: block;
    font-size: var(--scale-3);
    font-family: var(--fonts-sans);
    line-height: var(--line-height-1);
    margin: var(--spacing0) 0;
}
.form__legal a,
.form__legal a:visited {
    color: var(--color-text-supp) !important;
    text-decoration: underline;
    text-decoration-color: currentColor !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
}
.grecaptcha-badge {
    visibility: hidden;
}
.form--event-registration {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
}
html {
    font-size: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: var(--spacing3);
}
@media screen and (min-width: 60em) {
    html {
        font-size: 120%;
    }
}
@media print {
    html {
        font-size: 10pt;
    }
}
body {
    --gutter: var(--spacing0);
    background-color: var(--color-bg);
    color: var(--color-text-body);
    font-family: var(--fonts-serif);
    line-height: var(--line-height0);
}
@media screen and (min-width: 48em) {
    body {
        --gutter: var(--spacing2);
    }
}
@media print {
    body {
        line-height: var(--line-height-1);
    }
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
img,
svg,
video {
    display: block;
    width: 100%;
    height: auto;
}
.DV-pixelping {
    height: 1px;
    width: 1px;
}
.icon {
    display: inline-block;
    fill: currentColor;
    height: 1em;
    vertical-align: baseline;
    width: 1em;
}
#admin-link {
    bottom: 0.5rem;
    font-size: var(--scale-2);
    right: 0.5rem;
    padding: 0.5rem;
    position: fixed;
    text-transform: uppercase;
    width: auto;
    z-index: 10000;
}
.a11y {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.a11y-focusable:focus {
    clip: auto;
    clip-path: none;
    -webkit-clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static !important;
    width: auto;
}
.a11y-focusable--absolute:focus {
    clip: auto;
    clip-path: none;
    -webkit-clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: absolute !important;
    width: auto;
}
.aspect-2k,
.aspect-2-3,
.aspect-1-1,
.aspect-16-9,
.aspect-3-2,
.aspect-3-4,
.aspect-4-3,
.aspect-9-16 {
    display: block;
    position: relative;
}
.aspect-2k > *,
.aspect-2-3 > *,
.aspect-1-1 > *,
.aspect-16-9 > *,
.aspect-3-2 > *,
.aspect-3-4 > *,
.aspect-4-3 > *,
.aspect-9-16 > * {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.aspect-2k {
    padding-top: 52.6315789474%;
}
.aspect-16-9 {
    padding-top: 56.25%;
}
.aspect-9-16 {
    padding-top: 177.777777778%;
}
.aspect-4-3 {
    padding-top: 75%;
}
.aspect-3-4 {
    padding-top: 133.333333333%;
}
.aspect-3-2 {
    padding-top: 66.6666666667%;
}
.aspect-2-3 {
    padding-top: 150%;
}
.aspect-1-1 {
    padding-top: 100%;
}
.hide {
    display: none !important;
}
@media screen and (max-width: 0) {
    .hide-below-xs {
        display: none !important;
    }
}
@media screen and (max-width: 36em) {
    .hide-below-sm {
        display: none !important;
    }
}
@media screen and (max-width: 48em) {
    .hide-below-md {
        display: none !important;
    }
}
@media screen and (max-width: 60em) {
    .hide-below-lg {
        display: none !important;
    }
}
@media screen and (max-width: 78em) {
    .hide-below-xl {
        display: none !important;
    }
}
@media screen and (min-width: 0) {
    .hide-above-xs {
        display: none !important;
    }
}
@media screen and (min-width: 36em) {
    .hide-above-sm {
        display: none !important;
    }
}
@media screen and (min-width: 48em) {
    .hide-above-md {
        display: none !important;
    }
}
@media screen and (min-width: 60em) {
    .hide-above-lg {
        display: none !important;
    }
}
@media screen and (min-width: 78em) {
    .hide-above-xl {
        display: none !important;
    }
}
html.force-dark-mode .hide-on-dark-mode {
    display: none;
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .hide-on-dark-mode {
        display: none;
    }
}
html.force-light-mode .hide-on-light-mode {
    display: none;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .hide-on-light-mode {
        display: none;
    }
}
.dark-mode-control {
    --button-size: 1.7rem;
    position: relative;
}
.dark-mode-control__icon,
.btn__icon.dark-mode-control__icon {
    display: none;
    height: 100%;
    width: 100%;
}
.dark-mode-control__icon svg,
.btn__icon.dark-mode-control__icon svg {
    fill: currentColor;
}
html:not(.force-light-mode):not(.force-dark-mode)
    .dark-mode-control__icon--auto,
html.force-light-mode .dark-mode-control__icon--light,
html.force-dark-mode .dark-mode-control__icon--dark {
    display: block;
}
.dark-mode-control__select {
    opacity: 0;
    display: inline-block;
    font-size: var(--scale-1);
    height: var(--button-size);
    width: var(--button-size);
    position: absolute;
    left: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
.dark-mode-control__select::-ms-expand {
    display: none;
}
.dark-mode-control__select:hover {
    cursor: pointer;
}
.stack {
    display: flex;
}
.stack > * {
    --stack-spacing: var(--spacing0);
}
.stack--row {
    flex-direction: row;
}
.stack--row > * + * {
    margin-left: var(--stack-spacing);
}
.stack--col {
    flex-direction: column;
}
.stack--col > * + * {
    margin-top: var(--stack-spacing);
}
.stack--spacing-2 > * {
    --stack-spacing: var(--spacing-2);
}
.stack--spacing-1 > * {
    --stack-spacing: var(--spacing-1);
}
.stack--spacing0 > * {
    --stack-spacing: var(--spacing0);
}
.stack--spacing1 > * {
    --stack-spacing: var(--spacing1);
}
.stack--spacing2 > * {
    --stack-spacing: var(--spacing2);
}
.stack--spacing3 > * {
    --stack-spacing: var(--spacing3);
}
.stack--col > * + .stack__exception-2,
.stack--col > .stack__exception-2 + * {
    margin-top: var(--spacing-2);
}
.stack--row > * + .stack__exception-2,
.stack--row > .stack__exception-2 + * {
    margin-left: var(--spacing-2);
}
.stack--col > * + .stack__exception-1,
.stack--col > .stack__exception-1 + * {
    margin-top: var(--spacing-1);
}
.stack--row > * + .stack__exception-1,
.stack--row > .stack__exception-1 + * {
    margin-left: var(--spacing-1);
}
.stack--col > * + .stack__exception0,
.stack--col > .stack__exception0 + * {
    margin-top: var(--spacing0);
}
.stack--row > * + .stack__exception0,
.stack--row > .stack__exception0 + * {
    margin-left: var(--spacing0);
}
.stack--col > * + .stack__exception1,
.stack--col > .stack__exception1 + * {
    margin-top: var(--spacing1);
}
.stack--row > * + .stack__exception1,
.stack--row > .stack__exception1 + * {
    margin-left: var(--spacing1);
}
.stack--col > * + .stack__exception2,
.stack--col > .stack__exception2 + * {
    margin-top: var(--spacing2);
}
.stack--row > * + .stack__exception2,
.stack--row > .stack__exception2 + * {
    margin-left: var(--spacing2);
}
.stack--col > * + .stack__exception3,
.stack--col > .stack__exception3 + * {
    margin-top: var(--spacing3);
}
.stack--row > * + .stack__exception3,
.stack--row > .stack__exception3 + * {
    margin-left: var(--spacing3);
}
@media screen and (max-width: 36em) {
    .stack--collapse-below-sm {
        flex-direction: column;
    }
    .stack--collapse-below-sm * + * {
        margin-left: 0;
        margin-top: var(--stack-spacing);
    }
    .stack--row.stack--collapse-below-sm > * + .stack__exception-2,
    .stack--row.stack--collapse-below-sm > .stack__exception-2 + * {
        margin-top: var(--spacing-2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-sm > * + .stack__exception-1,
    .stack--row.stack--collapse-below-sm > .stack__exception-1 + * {
        margin-top: var(--spacing-1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-sm > * + .stack__exception0,
    .stack--row.stack--collapse-below-sm > .stack__exception0 + * {
        margin-top: var(--spacing0);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-sm > * + .stack__exception1,
    .stack--row.stack--collapse-below-sm > .stack__exception1 + * {
        margin-top: var(--spacing1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-sm > * + .stack__exception2,
    .stack--row.stack--collapse-below-sm > .stack__exception2 + * {
        margin-top: var(--spacing2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-sm > * + .stack__exception3,
    .stack--row.stack--collapse-below-sm > .stack__exception3 + * {
        margin-top: var(--spacing3);
        margin-left: 0;
    }
}
@media screen and (max-width: 48em) {
    .stack--collapse-below-md {
        flex-direction: column;
    }
    .stack--collapse-below-md * + * {
        margin-left: 0;
        margin-top: var(--stack-spacing);
    }
    .stack--row.stack--collapse-below-md > * + .stack__exception-2,
    .stack--row.stack--collapse-below-md > .stack__exception-2 + * {
        margin-top: var(--spacing-2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-md > * + .stack__exception-1,
    .stack--row.stack--collapse-below-md > .stack__exception-1 + * {
        margin-top: var(--spacing-1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-md > * + .stack__exception0,
    .stack--row.stack--collapse-below-md > .stack__exception0 + * {
        margin-top: var(--spacing0);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-md > * + .stack__exception1,
    .stack--row.stack--collapse-below-md > .stack__exception1 + * {
        margin-top: var(--spacing1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-md > * + .stack__exception2,
    .stack--row.stack--collapse-below-md > .stack__exception2 + * {
        margin-top: var(--spacing2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-md > * + .stack__exception3,
    .stack--row.stack--collapse-below-md > .stack__exception3 + * {
        margin-top: var(--spacing3);
        margin-left: 0;
    }
}
@media screen and (max-width: 60em) {
    .stack--collapse-below-lg {
        flex-direction: column;
    }
    .stack--collapse-below-lg * + * {
        margin-left: 0;
        margin-top: var(--stack-spacing);
    }
    .stack--row.stack--collapse-below-lg > * + .stack__exception-2,
    .stack--row.stack--collapse-below-lg > .stack__exception-2 + * {
        margin-top: var(--spacing-2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-lg > * + .stack__exception-1,
    .stack--row.stack--collapse-below-lg > .stack__exception-1 + * {
        margin-top: var(--spacing-1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-lg > * + .stack__exception0,
    .stack--row.stack--collapse-below-lg > .stack__exception0 + * {
        margin-top: var(--spacing0);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-lg > * + .stack__exception1,
    .stack--row.stack--collapse-below-lg > .stack__exception1 + * {
        margin-top: var(--spacing1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-lg > * + .stack__exception2,
    .stack--row.stack--collapse-below-lg > .stack__exception2 + * {
        margin-top: var(--spacing2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-lg > * + .stack__exception3,
    .stack--row.stack--collapse-below-lg > .stack__exception3 + * {
        margin-top: var(--spacing3);
        margin-left: 0;
    }
}
@media screen and (max-width: 78em) {
    .stack--collapse-below-xl {
        flex-direction: column;
    }
    .stack--collapse-below-xl * + * {
        margin-left: 0;
        margin-top: var(--stack-spacing);
    }
    .stack--row.stack--collapse-below-xl > * + .stack__exception-2,
    .stack--row.stack--collapse-below-xl > .stack__exception-2 + * {
        margin-top: var(--spacing-2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-xl > * + .stack__exception-1,
    .stack--row.stack--collapse-below-xl > .stack__exception-1 + * {
        margin-top: var(--spacing-1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-xl > * + .stack__exception0,
    .stack--row.stack--collapse-below-xl > .stack__exception0 + * {
        margin-top: var(--spacing0);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-xl > * + .stack__exception1,
    .stack--row.stack--collapse-below-xl > .stack__exception1 + * {
        margin-top: var(--spacing1);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-xl > * + .stack__exception2,
    .stack--row.stack--collapse-below-xl > .stack__exception2 + * {
        margin-top: var(--spacing2);
        margin-left: 0;
    }
    .stack--row.stack--collapse-below-xl > * + .stack__exception3,
    .stack--row.stack--collapse-below-xl > .stack__exception3 + * {
        margin-top: var(--spacing3);
        margin-left: 0;
    }
}
.content {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .content {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .content {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .content {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .content {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .content {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .content {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .content {
        margin: 0 auto;
    }
}
.site-header {
    --header-border: 1px solid var(--header-light);
    --header-hover: var(--color-accent-50);
    color: var(--header-dark);
    font-family: var(--fonts-sans);
    line-height: var(--line-height-2);
    position: sticky;
    top: 0;
    z-index: 1000;
}
html.force-light-mode .text-dark .site-header {
    --header-light: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-header {
        --header-light: var(--cool-10);
    }
}
html.force-dark-mode .text-dark .site-header {
    --header-light: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-header {
        --header-light: var(--cool-80);
    }
}
html.force-light-mode .text-dark .site-header {
    --header-dark: var(--cool-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-header {
        --header-dark: var(--cool-80);
    }
}
html.force-dark-mode .text-dark .site-header {
    --header-dark: var(--cool-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-header {
        --header-dark: var(--cool-10);
    }
}
html.force-light-mode .text-light .site-header {
    --header-light: var(--cool-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light .site-header {
        --header-light: var(--cool-80);
    }
}
html.force-dark-mode .text-light .site-header {
    --header-light: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light .site-header {
        --header-light: var(--cool-80);
    }
}
html.force-light-mode .text-light .site-header {
    --header-dark: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light .site-header {
        --header-dark: var(--cool-10);
    }
}
html.force-dark-mode .text-light .site-header {
    --header-dark: var(--cool-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light .site-header {
        --header-dark: var(--cool-10);
    }
}
@media screen and (max-width: 48em) {
    @supports (backdrop-filter: saturate(150%) blur(20px)) or
        (--webkit-backdrop-filter: saturate(150%) blur(20px)) {
        .site-header {
            backdrop-filter: saturate(150%) blur(20px);
            -webkit-backdrop-filter: saturate(150%) blur(20px);
        }
        html.force-light-mode .text-dark .site-header {
            background-color: rgba(255, 255, 255, 0.8);
        }
        @media (prefers-color-scheme: light) {
            html:not(.force-dark-mode) .text-dark .site-header {
                background-color: rgba(255, 255, 255, 0.8);
            }
        }
        html.force-dark-mode .text-dark .site-header {
            background-color: rgba(27, 33, 39, 0.8);
        }
        @media screen and (prefers-color-scheme: dark) {
            html:not(.force-light-mode) .text-dark .site-header {
                background-color: rgba(27, 33, 39, 0.8);
            }
        }
        html.force-light-mode .text-light .site-header {
            background-color: rgba(27, 33, 39, 0.8);
        }
        @media (prefers-color-scheme: light) {
            html:not(.force-dark-mode) .text-light .site-header {
                background-color: rgba(27, 33, 39, 0.8);
            }
        }
        html.force-dark-mode .text-light .site-header {
            background-color: rgba(27, 33, 39, 0.8);
        }
        @media screen and (prefers-color-scheme: dark) {
            html:not(.force-light-mode) .text-light .site-header {
                background-color: rgba(27, 33, 39, 0.8);
            }
        }
    }
}
@supports (backdrop-filter: saturate(150%) blur(20px)) or
    (--webkit-backdrop-filter: saturate(150%) blur(20px)) {
    .site-header:not(.site-header--full):not(.site-header--floats-over):not(
            .site-header--expanded
        ) {
        backdrop-filter: saturate(150%) blur(20px);
        -webkit-backdrop-filter: saturate(150%) blur(20px);
    }
    html.force-light-mode
        .text-dark
        .site-header:not(.site-header--full):not(.site-header--floats-over):not(
            .site-header--expanded
        ) {
        background-color: rgba(255, 255, 255, 0.8);
    }
    @media (prefers-color-scheme: light) {
        html:not(.force-dark-mode)
            .text-dark
            .site-header:not(.site-header--full):not(
                .site-header--floats-over
            ):not(.site-header--expanded) {
            background-color: rgba(255, 255, 255, 0.8);
        }
    }
    html.force-dark-mode
        .text-dark
        .site-header:not(.site-header--full):not(.site-header--floats-over):not(
            .site-header--expanded
        ) {
        background-color: rgba(27, 33, 39, 0.8);
    }
    @media screen and (prefers-color-scheme: dark) {
        html:not(.force-light-mode)
            .text-dark
            .site-header:not(.site-header--full):not(
                .site-header--floats-over
            ):not(.site-header--expanded) {
            background-color: rgba(27, 33, 39, 0.8);
        }
    }
    html.force-light-mode
        .text-light
        .site-header:not(.site-header--full):not(.site-header--floats-over):not(
            .site-header--expanded
        ) {
        background-color: rgba(27, 33, 39, 0.8);
    }
    @media (prefers-color-scheme: light) {
        html:not(.force-dark-mode)
            .text-light
            .site-header:not(.site-header--full):not(
                .site-header--floats-over
            ):not(.site-header--expanded) {
            background-color: rgba(27, 33, 39, 0.8);
        }
    }
    html.force-dark-mode
        .text-light
        .site-header:not(.site-header--full):not(.site-header--floats-over):not(
            .site-header--expanded
        ) {
        background-color: rgba(27, 33, 39, 0.8);
    }
    @media screen and (prefers-color-scheme: dark) {
        html:not(.force-light-mode)
            .text-light
            .site-header:not(.site-header--full):not(
                .site-header--floats-over
            ):not(.site-header--expanded) {
            background-color: rgba(27, 33, 39, 0.8);
        }
    }
}
.site-header a {
    color: inherit;
    text-decoration: none;
    transition: 0.2s;
}
@media screen and (min-width: 48em) {
    .site-header.site-header--full {
        position: relative;
    }
}
.text-dark .site-header.site-header--expanded,
.text-light .site-header.site-header--expanded {
    bottom: 0;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
}
html.force-light-mode .text-dark .site-header.site-header--expanded,
html.force-light-mode .text-light .site-header.site-header--expanded {
    --header-light: var(--cool-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-header.site-header--expanded,
    html:not(.force-dark-mode) .text-light .site-header.site-header--expanded {
        --header-light: var(--cool-70);
    }
}
html.force-dark-mode .text-dark .site-header.site-header--expanded,
html.force-dark-mode .text-light .site-header.site-header--expanded {
    --header-light: var(--cool-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-header.site-header--expanded,
    html:not(.force-light-mode) .text-light .site-header.site-header--expanded {
        --header-light: var(--cool-70);
    }
}
html.force-light-mode .text-dark .site-header.site-header--expanded,
html.force-light-mode .text-light .site-header.site-header--expanded {
    --header-dark: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-header.site-header--expanded,
    html:not(.force-dark-mode) .text-light .site-header.site-header--expanded {
        --header-dark: var(--cool-10);
    }
}
html.force-dark-mode .text-dark .site-header.site-header--expanded,
html.force-dark-mode .text-light .site-header.site-header--expanded {
    --header-dark: var(--cool-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-header.site-header--expanded,
    html:not(.force-light-mode) .text-light .site-header.site-header--expanded {
        --header-dark: var(--cool-10);
    }
}
html.force-light-mode .text-dark .site-header.site-header--expanded,
html.force-light-mode .text-light .site-header.site-header--expanded {
    background: var(--cool-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-header.site-header--expanded,
    html:not(.force-dark-mode) .text-light .site-header.site-header--expanded {
        background: var(--cool-90);
    }
}
html.force-dark-mode .text-dark .site-header.site-header--expanded,
html.force-dark-mode .text-light .site-header.site-header--expanded {
    background: var(--cool-90);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-header.site-header--expanded,
    html:not(.force-light-mode) .text-light .site-header.site-header--expanded {
        background: var(--cool-90);
    }
}
.site-header--floats-over:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    position: relative;
    z-index: 10;
}
.site-header--floats-over.site-header--scrolled {
    position: fixed;
    width: 100%;
}
.site-header--has-bg:not(.site-header--scrolled):not(.site-header--expanded) {
    background-color: var(--header-bg);
}
html.force-light-mode
    .text-dark
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--color-accent-90);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-dark
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--color-accent-90);
    }
}
html.force-dark-mode
    .text-dark
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--color-accent-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-dark
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--color-accent-80);
    }
}
html.force-light-mode
    .text-dark
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--color-accent-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-dark
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--color-accent-20);
    }
}
html.force-dark-mode
    .text-dark
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--color-accent-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-dark
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--color-accent-20);
    }
}
html.force-light-mode
    .text-dark
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-dark
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--color-accent-30);
    }
}
html.force-dark-mode
    .text-dark
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--color-accent-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-dark
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--color-accent-10);
    }
}
html.force-light-mode
    .text-light
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--color-accent-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--color-accent-80);
    }
}
html.force-dark-mode
    .text-light
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--color-accent-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--color-accent-80);
    }
}
html.force-light-mode
    .text-light
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--color-accent-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--color-accent-20);
    }
}
html.force-dark-mode
    .text-light
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--color-accent-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--color-accent-20);
    }
}
html.force-light-mode
    .text-light
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--color-accent-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--color-accent-10);
    }
}
html.force-dark-mode
    .text-light
    .site-header--has-bg:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--color-accent-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--color-accent-10);
    }
}
html.force-light-mode
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-light-mode
    .text-light
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--black);
    }
}
html.force-dark-mode
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-dark-mode
    .text-light
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--black);
    }
}
html.force-light-mode
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-light-mode
    .text-light
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--white);
    }
}
html.force-dark-mode
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-dark-mode
    .text-light
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--white);
    }
}
html.force-light-mode
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-light-mode
    .text-light
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--white);
    }
}
html.force-dark-mode
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-dark-mode
    .text-light
    .site-header--has-bg-white:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg-white:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--white);
    }
}
html.force-light-mode
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-light-mode
    .text-light
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--black);
    }
}
html.force-dark-mode
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-dark-mode
    .text-light
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-dark: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-dark: var(--black);
    }
}
html.force-light-mode
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-light-mode
    .text-light
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--white);
    }
}
html.force-dark-mode
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-dark-mode
    .text-light
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-light: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-light: var(--white);
    }
}
html.force-light-mode
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-light-mode
    .text-light
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-dark-mode)
        .text-light
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--white);
    }
}
html.force-dark-mode
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .text-dark,
html.force-dark-mode
    .text-light
    .site-header--has-bg-black:not(.site-header--scrolled):not(
        .site-header--expanded
    ) {
    --header-bg: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .text-dark,
    html:not(.force-light-mode)
        .text-light
        .site-header--has-bg-black:not(.site-header--scrolled):not(
            .site-header--expanded
        ) {
        --header-bg: var(--white);
    }
}
.site-header__wrap-full {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .site-header__wrap-full {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .site-header__wrap-full {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .site-header__wrap-full {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .site-header__wrap-full {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .site-header__wrap-full {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .site-header__wrap-full {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .site-header__wrap-full {
        margin: 0 auto;
    }
}
.site-header__wrap-full {
    display: none;
}
@media screen and (min-width: 48em) {
    .site-header--full .site-header__wrap-full {
        align-items: center;
        border: none;
        display: grid;
        font-size: var(--scale-1);
        grid-template-areas: "menu logo logo donate" "border border border border" "links links newsletter newsletter";
        grid-template-columns: 13em 1fr 7em 13em;
        padding: var(--spacing2) 0;
        row-gap: var(--spacing-1);
    }
    .site-header--full .site-header__wrap-full::before {
        background: var(--header-light);
        content: "";
        display: block;
        grid-area: border;
        height: 1px;
        width: 100%;
    }
    .site-header--full.site-header--expanded .site-header__wrap-full {
        grid-template-areas: "menu logo logo donate";
    }
    .site-header--full.site-header--expanded .site-header__wrap-full::before {
        display: none;
    }
    .site-header--scrolled.site-header--expanded .site-header__wrap-full {
        display: none;
    }
}
.site-header--wrap-compact {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .site-header--wrap-compact {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .site-header--wrap-compact {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .site-header--wrap-compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .site-header--wrap-compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .site-header--wrap-compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .site-header--wrap-compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .site-header--wrap-compact {
        margin: 0 auto;
    }
}
.site-header--floats-over:not(.site-header--scrolled)
    .site-header--wrap-compact {
    --site-header-page-margins: var(--spacing1);
    left: 0;
    right: 0;
    margin: 0 var(--site-header-page-margins);
    position: absolute;
    max-width: none;
}
@media screen and (min-width: 48em) {
    .site-header--floats-over:not(.site-header--scrolled)
        .site-header--wrap-compact {
        --site-header-page-margins: var(--spacing3);
    }
}
@media print {
    .site-header--floats-over:not(.site-header--scrolled)
        .site-header--wrap-compact {
        margin: 0 auto;
        margin-bottom: var(--spacing0);
        position: static;
        width: 55ch;
    }
}
@media print {
    .site-header--wrap-compact {
        margin: 0 auto;
        margin-bottom: var(--spacing0);
        position: static;
        width: 55ch;
    }
}
.site-header__inner-wrap-compact {
    align-items: center;
    border-bottom: var(--header-border);
    display: grid;
    font-size: var(--scale-2);
    grid-template-areas: "menu logo donate";
    grid-template-columns: 5em 1fr 5em;
    padding: var(--spacing-1) 0;
}
@media screen and (min-width: 36em) {
    .site-header__inner-wrap-compact {
        font-size: var(--scale-1);
    }
}
@media print {
    .site-header__inner-wrap-compact {
        border: none;
        display: block;
        font-size: var(--scale0);
    }
}
@media screen and (min-width: 48em) {
    .site-header--full .site-header__inner-wrap-compact {
        max-width: 1344px;
        position: fixed;
        top: 0;
        transform: translateY(-150%);
        transition: 0.2s;
        width: calc(100% - 5.971968rem);
    }
}
@media screen and (min-width: 60em) {
    .site-header--floats-over:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .site-header__inner-wrap-compact {
        grid-template-columns: 1.5rem 1fr 5em;
    }
}
.site-header--no-border:not(.site-header--scrolled):not(.site-header--expanded)
    .site-header__inner-wrap-compact {
    border-bottom: none;
}
.site-header--transparent-dark-border:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .site-header__inner-wrap-compact {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.site-header--transparent-light-border:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .site-header__inner-wrap-compact {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-header--light:not(.site-header--scrolled):not(.site-header--expanded)
    .site-header__inner-wrap-compact {
    color: var(--header-light);
}
.site-header--expanded .site-header__inner-wrap-compact {
    border-bottom: none;
}
@media screen and (min-width: 48em) {
    .site-header--scrolled .site-header__inner-wrap-compact {
        border-bottom: none;
        transform: translateY(0);
    }
}
@media screen and (min-width: 48em) {
    .site-header--scrolled:not(.site-header--expanded)
        .site-header__inner-wrap-compact::before {
        background-color: var(--color-bg);
        border-bottom: var(--header-border);
        content: "";
        display: block;
        height: 100%;
        position: fixed;
        margin-left: calc(-1 * (50vw - 50%));
        top: 0;
        width: 100vw;
        z-index: -1;
    }
    @supports (backdrop-filter: saturate(150%) blur(20px)) or
        (--webkit-backdrop-filter: saturate(150%) blur(20px)) {
        .site-header--scrolled:not(.site-header--expanded)
            .site-header__inner-wrap-compact::before {
            backdrop-filter: saturate(150%) blur(20px);
            -webkit-backdrop-filter: saturate(150%) blur(20px);
        }
        html.force-light-mode
            .text-dark
            .site-header--scrolled:not(.site-header--expanded)
            .site-header__inner-wrap-compact::before {
            background-color: rgba(255, 255, 255, 0.8);
        }
        @media (prefers-color-scheme: light) {
            html:not(.force-dark-mode)
                .text-dark
                .site-header--scrolled:not(.site-header--expanded)
                .site-header__inner-wrap-compact::before {
                background-color: rgba(255, 255, 255, 0.8);
            }
        }
        html.force-dark-mode
            .text-dark
            .site-header--scrolled:not(.site-header--expanded)
            .site-header__inner-wrap-compact::before {
            background-color: rgba(27, 33, 39, 0.8);
        }
        @media screen and (prefers-color-scheme: dark) {
            html:not(.force-light-mode)
                .text-dark
                .site-header--scrolled:not(.site-header--expanded)
                .site-header__inner-wrap-compact::before {
                background-color: rgba(27, 33, 39, 0.8);
            }
        }
        html.force-light-mode
            .text-light
            .site-header--scrolled:not(.site-header--expanded)
            .site-header__inner-wrap-compact::before {
            background-color: rgba(27, 33, 39, 0.8);
        }
        @media (prefers-color-scheme: light) {
            html:not(.force-dark-mode)
                .text-light
                .site-header--scrolled:not(.site-header--expanded)
                .site-header__inner-wrap-compact::before {
                background-color: rgba(27, 33, 39, 0.8);
            }
        }
        html.force-dark-mode
            .text-light
            .site-header--scrolled:not(.site-header--expanded)
            .site-header__inner-wrap-compact::before {
            background-color: rgba(27, 33, 39, 0.8);
        }
        @media screen and (prefers-color-scheme: dark) {
            html:not(.force-light-mode)
                .text-light
                .site-header--scrolled:not(.site-header--expanded)
                .site-header__inner-wrap-compact::before {
                background-color: rgba(27, 33, 39, 0.8);
            }
        }
    }
}
.site-header__wrap-expanded {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .site-header__wrap-expanded {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .site-header__wrap-expanded {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .site-header__wrap-expanded {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .site-header__wrap-expanded {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .site-header__wrap-expanded {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .site-header__wrap-expanded {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .site-header__wrap-expanded {
        margin: 0 auto;
    }
}
.site-header__wrap-expanded {
    display: none;
}
.site-header--expanded .site-header__wrap-expanded {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing2);
}
@media screen and (min-width: 48em) {
    .site-header--expanded .site-header__wrap-expanded {
        padding-bottom: var(--spacing3);
    }
}
.site-header--scrolled.site-header--expanded .site-header__wrap-expanded {
    margin-top: 5rem;
}
.site-header--floats-over:not(.site-header--scrolled)
    .site-header__wrap-expanded {
    margin-top: 5rem;
}
.site-header__section-logo {
    grid-area: logo;
    justify-self: center;
    padding: 0 var(--spacing-1);
}
@media print {
    .site-header__section-logo {
        padding: 0;
    }
}
.site-header__wrap-full .site-header__section-logo {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-self: stretch;
    padding: 0 0 var(--spacing0) 0;
}
.site-header--floats-over:not(.site-header--scrolled):not(
        .site-header--expanded
    )
    .site-header__section-logo {
    filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.25));
}
@media print {
    .site-header--floats-over:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .site-header__section-logo {
        filter: unset;
    }
}
@media screen and (min-width: 60em) {
    .site-header--floats-over:not(.site-header--scrolled):not(
            .site-header--expanded
        )
        .site-header__section-logo {
        justify-self: start;
    }
}
.site-header__wordmark {
    display: block;
    fill: currentColor;
    max-width: 13em;
    width: 100%;
}
@media print {
    .site-header__wordmark {
        fill: unset;
        max-width: 20ch;
    }
}
.site-header__wrap-full .site-header__wordmark {
    max-width: 25em;
}
.site-header__wrap-full .site-header__wordmark:focus,
.site-header__wrap-full .site-header__wordmark:hover {
    color: var(--header-hover);
}
.site-header__tagline {
    display: block;
    font-family: var(--fonts-serif);
    font-size: var(--scale-2);
    font-weight: bold;
    margin-top: var(--spacing-2);
    text-align: center;
}
.site-header__section-donate {
    color: var(--white);
    grid-area: donate;
    justify-self: end;
}
.site-header__wrap-full .site-header__section-donate {
    padding-bottom: var(--spacing0);
}
@media print {
    .site-header__section-donate {
        display: none;
    }
}
.site-header__donate-link {
    background: var(--red-50);
    border-radius: 0.2em;
    display: inline-block;
    font-family: var(--fonts-serif);
    font-weight: bold;
    line-height: 1;
    padding: 0.4em 0.5em 0.6em;
}
@media screen and (min-width: 36em) {
    .site-header__wrap-compact .site-header__donate-link {
        padding-left: 1em;
        padding-right: 1em;
    }
}
.site-header__wrap-full .site-header__donate-link {
    padding-left: 2.5em;
    padding-right: 2.5em;
}
.site-header__donate-link:focus,
.site-header__donate-link:hover {
    background-color: var(--red-40);
}
.site-header__section-newsletter {
    border-left: var(--header-border);
    justify-self: stretch;
    display: block;
    grid-area: newsletter;
    padding-left: var(--spacing0);
    position: relative;
}
.site-header--full.site-header--expanded .site-header__section-newsletter {
    display: none;
}
.site-header__section-skip {
    border-radius: 4px;
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    padding: var(--spacing-1);
    left: 1rem;
    top: 1rem;
    z-index: 1001;
}
html.force-light-mode .site-header__section-skip {
    background-color: var(--gray-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .site-header__section-skip {
        background-color: var(--gray-10);
    }
}
html.force-dark-mode .site-header__section-skip {
    background-color: var(--gray-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .site-header__section-skip {
        background-color: var(--gray-70);
    }
}
.site-header__section-skip:focus {
    outline-offset: 4px;
    border: none;
}
.site-header__section-menu {
    justify-self: start;
    grid-area: menu;
}
.site-header__wrap-full .site-header__section-menu {
    padding-bottom: var(--spacing0);
}
.site-header__section-menu .icon.close {
    display: none;
}
.site-header--expanded .site-header__section-menu .icon.menu {
    display: none;
}
.site-header--expanded .site-header__section-menu .icon.close {
    display: inline-block;
}
@media print {
    .site-header__section-menu {
        display: none;
    }
}
.site-header__menu-list {
    display: flex;
}
.site-header__menu-list > * + * {
    margin-left: var(--spacing0);
}
.site-header__menu-link {
    background: transparent;
    font-size: var(--scale0);
    font-weight: bold;
    line-height: 1;
}
.site-header__menu-link:focus,
.site-header__menu-link:hover {
    cursor: pointer;
}
.site-header__wrap-full .site-header__menu-link {
    background: var(--header-light);
    font-size: var(--scale-1);
}
.site-header__wrap-full .site-header__menu-link:focus,
.site-header__wrap-full .site-header__menu-link:hover {
    background: var(--header-hover);
    color: var(--white);
}
.site-header__menu-link .icon {
    vertical-align: -0.1em;
}
.site-header__wrap-full .site-header__menu-link[data-link="Menu"] {
    border-radius: 0.2em;
    padding: 0.5em 1em;
}
.site-header__menu-link[data-link="Search"] {
    border-radius: 1em;
    height: 2em;
    line-height: 1;
    padding: 0.5em;
}
.site-header--expanded .site-header__menu-link[data-link="Search"] {
    display: none;
}
.site-header__menu-label {
    display: none;
}
.site-header__wrap-full .site-header__menu-label {
    display: inline;
    margin-left: var(--spacing-2);
}
.site-header__section-search {
    width: 100%;
}
.search-form {
    font-size: var(--scale0);
    padding: var(--spacing1) 0 var(--spacing3);
}
@media screen and (min-width: 48em) {
    .search-form {
        padding-top: 0;
    }
}
.search-form__submit {
    background: var(--header-light);
    border: none;
    border-radius: 1em;
    color: inherit;
    font-size: inherit;
    height: 2em;
    line-height: 1;
    padding: 0.5em;
}
.search-form__submit .icon {
    margin-top: -0.1em;
}
.search-form__input-wrap {
    align-items: center;
    display: flex;
    justify-content: center;
}
.search-form__input-text {
    background: var(--header-light);
    border: none;
    border-radius: 0.2em;
    color: var(--header-dark);
    font-family: var(--fonts-sans);
    font-size: inherit;
    padding: 0.5em;
    margin-right: var(--spacing-1);
    max-width: 20em;
    width: 100%;
}
.search-form__input-text::placeholder {
    color: inherit;
}
.site-header__section-links-collapsed {
    font-size: var(--scale-2);
    grid-area: links;
}
.site-header--full.site-header--expanded .site-header__section-links-collapsed {
    display: none;
}
.site-header__section-links-expanded {
    column-gap: var(--spacing0);
    display: grid;
    grid-template-areas: "special border1 region" "topics border1 type" "info border1 follow";
    grid-template-columns: 1fr 1px 1fr;
    row-gap: var(--spacing1);
}
@media screen and (min-width: 48em) {
    .site-header__section-links-expanded {
        column-gap: var(--spacing1);
        grid-template-areas: "special border1 region border2 info" "topics border1 type border2 follow";
        grid-template-columns: 1fr 1px 1fr 1px 1fr;
    }
}
.site-header__section-links-expanded::before,
.site-header__section-links-expanded::after {
    background: var(--header-light);
    display: block;
}
.site-header__section-links-expanded::before {
    content: "";
    grid-area: border1;
}
@media screen and (min-width: 48em) {
    .site-header__section-links-expanded::after {
        content: "";
        grid-area: border2;
    }
}
.site-header__links-heading {
    display: block;
    font-size: var(--scale0);
    font-weight: bold;
    margin-bottom: var(--spacing1);
}
.site-header__section-links-collapsed .site-header__links-list {
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
}
.site-header__section-links-collapsed .site-header__links-list > * {
    margin-right: var(--spacing0);
}
@media screen and (min-width: 78em) {
    .site-header__section-links-collapsed .site-header__links-list > * {
        margin-right: var(--spacing2);
    }
}
.site-header__section-links-collapsed .site-header__links-list > *:last-child {
    margin-right: 0;
}
.site-header__section-links-expanded .site-header__links-list {
    display: block;
    font-size: var(--scale-1);
}
.site-header__section-links-expanded .site-header__links-list > * {
    margin-bottom: var(--spacing0);
}
.site-header__section-links-expanded .site-header__links-list > *:last-child {
    margin-bottom: 0;
}
.site-header__link:focus,
.site-header__link:hover {
    color: var(--header-hover);
}
.site-header__links-topics::before,
.site-header__links-type::before,
.site-header__links-info::before,
.site-header__links-follow::before {
    background: var(--header-light);
    content: "";
    display: block;
    height: 1px;
    margin-bottom: var(--spacing1);
    width: 50%;
}
@media screen and (min-width: 48em) {
    .site-header__links-info::before {
        display: none;
    }
}
.site-header__links-topics {
    grid-area: topics;
}
.site-header__links-topics .icon {
    margin-right: var(--spacing-2);
    vertical-align: -0.1em;
}
.site-header__links-region {
    grid-area: region;
}
.site-header__links-type {
    grid-area: type;
}
.site-header__links-special {
    font-weight: bold;
    grid-area: special;
}
.site-header__links-special .site-header__link {
    font-size: var(--scale0);
}
.site-header__links-info {
    grid-area: info;
    order: -1;
}
.site-header__links-follow {
    grid-area: follow;
}
.site-header__links-list.site-header__links-list-follow {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--scale0);
}
.site-header__links-list.site-header__links-list-follow > * {
    margin-right: var(--spacing-1);
    margin-top: 0;
}
.site-header__links-list.site-header__links-list-follow > *:last-child {
    margin-right: 0;
}
.site-header__link.site-header__link-follow {
    background: var(--header-light);
    border-radius: 1em;
    display: block;
    height: 2em;
    overflow: hidden;
    padding: 0.5em;
}
.site-header__link.site-header__link-follow:focus,
.site-header__link.site-header__link-follow:hover {
    background: var(--header-hover);
    color: var(--white);
}
.site-header__link.site-header__link--featured {
    background: var(--green-50);
    color: var(--white);
    padding: 0.3em 0.4em;
}
.site-header__link.site-header__link--featured:focus,
.site-header__link.site-header__link--featured:hover {
    background: var(--green-40);
    color: var(--white);
}
.site-header__section-breadcrumb {
    font-family: var(--fonts-sans);
    font-weight: bold;
    font-size: var(--scale0);
    grid-area: links;
}
@media print {
    .site-header__section-breadcrumb {
        display: none;
    }
}
.site-header--expanded .site-header__section-breadcrumb {
    display: none;
}
.site-header__section-breadcrumb--compact {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .site-header__section-breadcrumb--compact {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .site-header__section-breadcrumb--compact {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .site-header__section-breadcrumb--compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .site-header__section-breadcrumb--compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .site-header__section-breadcrumb--compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .site-header__section-breadcrumb--compact {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .site-header__section-breadcrumb--compact {
        margin: 0 auto;
    }
}
.site-header__section-breadcrumb--compact {
    margin-top: var(--spacing-2);
}
@media screen and (min-width: 48em) {
    .site-header__section-breadcrumb--compact {
        display: none;
    }
}
.breadcrumb__subcategory:before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    display: inline-block;
    /* background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23333333%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");*/
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: 0.65em auto;
    transform: rotate(270deg);
    margin-right: 0.25em;
    margin-left: 0.125em;
}
@media screen and (prefers-color-scheme: dark) {
    .breadcrumb__subcategory:before {
        filter: invert(1);
    }
}
.site-footer__section-newsletter {
    padding: var(--spacing2) 0;
}
html.force-light-mode .text-dark .site-footer__section-newsletter {
    background: var(--cool-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-footer__section-newsletter {
        background: var(--cool-80);
    }
}
html.force-dark-mode .text-dark .site-footer__section-newsletter {
    background: var(--cool-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-footer__section-newsletter {
        background: var(--cool-70);
    }
}
html.force-light-mode .text-light .site-footer__section-newsletter {
    background: var(--cool-70);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light .site-footer__section-newsletter {
        background: var(--cool-70);
    }
}
html.force-dark-mode .text-light .site-footer__section-newsletter {
    background: var(--cool-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light .site-footer__section-newsletter {
        background: var(--cool-70);
    }
}
.site-footer__section-newsletter .newsletter-signup {
    line-height: var(--line-height-2);
}
@media screen and (min-width: 48em) {
    .site-footer__section-newsletter .newsletter-signup {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}
@media screen and (min-width: 78em) {
    .site-footer__section-newsletter .newsletter-signup {
        justify-content: center;
    }
}
.site-footer__section-newsletter .site-footer__newsletter-heading {
    color: var(--white);
    display: block;
    font-size: var(--scale1);
}
@media screen and (max-width: 48em) {
    .site-footer__section-newsletter .site-footer__newsletter-heading {
        margin-bottom: var(--spacing-1);
    }
}
@media screen and (min-width: 48em) {
    .site-footer__section-newsletter .site-footer__newsletter-heading {
        width: calc((((100% - 14.5152rem) / 8) * 4) + 6.2208rem);
    }
}
@media screen and (min-width: 60em) {
    .site-footer__section-newsletter .site-footer__newsletter-heading {
        font-size: var(--scale2);
        width: calc((((100% - 22.8096rem) / 12) * 6) + 10.368rem);
    }
}
@media screen and (min-width: 78em) {
    .site-footer__section-newsletter .site-footer__newsletter-heading {
        margin-right: 2.0736rem;
        width: calc((((100% - 26.9568rem) / 14) * 6) + 10.368rem);
    }
}
.site-footer__section-newsletter .newsletter-signup__input-wrap {
    border-radius: 0.2em;
    font-size: var(--scale1);
    padding: var(--spacing-2) var(--spacing-1);
    position: relative;
    margin: 0 auto;
}
html.force-light-mode
    .text-dark
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    background: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-dark
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        background: var(--white);
    }
}
html.force-dark-mode
    .text-dark
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    background: rgba(0, 0, 0, 0);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-dark
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        background: rgba(0, 0, 0, 0);
    }
}
html.force-light-mode
    .text-dark
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    border: none;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-dark
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        border: none;
    }
}
html.force-dark-mode
    .text-dark
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    border: 1px solid var(--cool-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-dark
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        border: 1px solid var(--cool-20);
    }
}
html.force-light-mode
    .text-light
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    background: rgba(0, 0, 0, 0);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-light
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        background: rgba(0, 0, 0, 0);
    }
}
html.force-dark-mode
    .text-light
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    background: rgba(0, 0, 0, 0);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-light
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        background: rgba(0, 0, 0, 0);
    }
}
html.force-light-mode
    .text-light
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    border: 1px solid var(--cool-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-light
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        border: 1px solid var(--cool-20);
    }
}
html.force-dark-mode
    .text-light
    .site-footer__section-newsletter
    .newsletter-signup__input-wrap {
    border: 1px solid var(--cool-20);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-light
        .site-footer__section-newsletter
        .newsletter-signup__input-wrap {
        border: 1px solid var(--cool-20);
    }
}
@media screen and (min-width: 48em) {
    .site-footer__section-newsletter .newsletter-signup__input-wrap {
        margin: 0;
        width: calc((((100% - 14.5152rem) / 8) * 4) + 6.2208rem);
    }
}
@media screen and (min-width: 60em) {
    .site-footer__section-newsletter .newsletter-signup__input-wrap {
        width: calc((((100% - 22.8096rem) / 12) * 6) + 10.368rem);
    }
}
@media screen and (min-width: 78em) {
    .site-footer__section-newsletter .newsletter-signup__input-wrap {
        width: calc((((100% - 26.9568rem) / 14) * 6) + 10.368rem);
    }
}
.site-footer__section-newsletter .newsletter-signup__input-text::placeholder {
    font-size: var(--scale-1);
}
.site-footer__section-newsletter .newsletter-signup__post-signup-prompt {
    color: var(--white);
    font-size: var(--scale1);
    width: 100%;
}
@media screen and (max-width: 48em) {
    .site-footer__section-newsletter .newsletter-signup__post-signup-prompt {
        bottom: 0;
        top: unset;
    }
}
@media screen and (min-width: 48em) {
    .site-footer__section-newsletter .newsletter-signup__post-signup-prompt {
        margin: 0 auto;
        text-align: right;
        width: 100%;
    }
}
@media screen and (min-width: 60em) {
    .site-footer__section-newsletter .newsletter-signup__post-signup-prompt {
        font-size: var(--scale0);
    }
}
@media screen and (min-width: 78em) {
    .site-footer__section-newsletter .newsletter-signup__post-signup-prompt {
        width: calc((((100% - 26.9568rem) / 14) * 12) + 22.8096rem);
    }
}
.site-footer__newsletter-wrap {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .site-footer__newsletter-wrap {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .site-footer__newsletter-wrap {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .site-footer__newsletter-wrap {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .site-footer__newsletter-wrap {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .site-footer__newsletter-wrap {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .site-footer__newsletter-wrap {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .site-footer__newsletter-wrap {
        margin: 0 auto;
    }
}
.site-footer {
    clear: both;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    margin-top: var(--spacing3);
}
html.force-light-mode .text-dark .site-footer {
    background: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-footer {
        background: var(--cool-10);
    }
}
html.force-dark-mode .text-dark .site-footer {
    background: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-footer {
        background: var(--cool-80);
    }
}
html.force-light-mode .text-light .site-footer {
    background: var(--cool-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light .site-footer {
        background: var(--cool-80);
    }
}
html.force-dark-mode .text-light .site-footer {
    background: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light .site-footer {
        background: var(--cool-80);
    }
}
@media print {
    .site-footer {
        display: none;
    }
}
.site-footer a {
    color: inherit;
    text-decoration: none;
}
.site-footer a:focus,
.site-footer a:hover {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.1em;
}
.text-dark .site-footer a:focus,
.text-dark .site-footer a:hover {
    color: var(--color-accent-70);
}
html.force-light-mode .text-light .site-footer a:focus,
html.force-light-mode .text-light .site-footer a:hover {
    color: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light .site-footer a:focus,
    html:not(.force-dark-mode) .text-light .site-footer a:hover {
        color: var(--color-accent-30);
    }
}
html.force-dark-mode .text-light .site-footer a:focus,
html.force-dark-mode .text-light .site-footer a:hover {
    color: var(--color-accent-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light .site-footer a:focus,
    html:not(.force-light-mode) .text-light .site-footer a:hover {
        color: var(--color-accent-30);
    }
}
.site-footer__wrap-outer {
    max-width: 1344px;
}
@media screen and (min-width: 0) {
    .site-footer__wrap-outer {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 36em) {
    .site-footer__wrap-outer {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) {
    .site-footer__wrap-outer {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 60em) {
    .site-footer__wrap-outer {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 78em) {
    .site-footer__wrap-outer {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 88em) {
    .site-footer__wrap-outer {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 1439.551488px) {
    .site-footer__wrap-outer {
        margin: 0 auto;
    }
}
.site-footer__wrap-inner {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--spacing1) 0;
}
@media screen and (min-width: 48em) {
    .site-footer__wrap-inner {
        display: grid;
        grid-gap: 2.0736rem;
        grid-template-areas: "logo links links links";
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media screen and (min-width: 78em) {
    .site-footer__wrap-inner {
        padding-left: calc((((100% - 26.9568rem) / 14) * 1) + 2.0736rem);
        padding-right: calc((((100% - 26.9568rem) / 14) * 1) + 2.0736rem);
    }
}
.site-footer__section-logo {
    font-size: var(--scale-2);
    grid-area: logo;
    line-height: var(--line-height-2);
}
@media screen and (max-width: 48em) {
    .site-footer__section-logo {
        margin: var(--spacing0) 0;
    }
}
.site-footer__section-logo > * + * {
    margin-top: var(--spacing-1);
}
.site-footer__wordmark {
    display: block;
    max-width: 20em;
}
html.force-light-mode .text-dark .site-footer__wordmark {
    fill: var(--cool-80);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-dark .site-footer__wordmark {
        fill: var(--cool-80);
    }
}
html.force-dark-mode .text-dark .site-footer__wordmark {
    fill: var(--cool-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-dark .site-footer__wordmark {
        fill: var(--cool-10);
    }
}
html.force-light-mode .text-light .site-footer__wordmark {
    fill: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .text-light .site-footer__wordmark {
        fill: var(--cool-10);
    }
}
html.force-dark-mode .text-light .site-footer__wordmark {
    fill: var(--cool-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .text-light .site-footer__wordmark {
        fill: var(--cool-10);
    }
}
.site-footer__tagline {
    display: block;
    font-family: var(--fonts-serif);
    margin-top: var(--spacing-2);
}
.site-footer__section-links {
    grid-area: links;
}
@media screen and (min-width: 36em) {
    .site-footer__section-links {
        column-count: 3;
        column-gap: 1rem;
    }
    .site-footer__section-links > * {
        break-inside: avoid;
    }
}
@media screen and (min-width: 48em) {
    .site-footer__section-links {
        grid-gap: 2.0736rem;
    }
}
@media screen and (max-width: 36em) {
    .site-footer__section-links > *:nth-child(1n + 2) {
        border-top: 1px solid;
    }
    html.force-light-mode
        .text-dark
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-30);
    }
}
@media screen and (max-width: 36em) and (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-dark
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-30);
    }
}
@media screen and (max-width: 36em) {
    html.force-dark-mode
        .text-dark
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-70);
    }
}
@media screen and (max-width: 36em) and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-dark
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-70);
    }
}
@media screen and (max-width: 36em) {
    html.force-light-mode
        .text-light
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-70);
    }
}
@media screen and (max-width: 36em) and (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .text-light
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-70);
    }
}
@media screen and (max-width: 36em) {
    html.force-dark-mode
        .text-light
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-70);
    }
}
@media screen and (max-width: 36em) and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .text-light
        .site-footer__section-links
        > *:nth-child(1n + 2) {
        border-color: var(--cool-70);
    }
}
.site-footer__links-heading {
    display: block;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
@media screen and (max-width: 36em) {
    .site-footer__links-heading {
        padding: var(--spacing-1) 0;
    }
    .site-footer__links-heading:hover {
        cursor: pointer;
    }
}
.site-footer__links-list {
    margin-bottom: var(--spacing-1);
}
.btn {
    --button-color: var(--color-accent-50);
    --button-size: 1.7rem;
    --button-text-color: var(--color-bg, --white);
    background-color: var(--button-color);
    border-radius: 4px;
    color: var(--button-text-color);
    display: flex;
    flex-direction: row;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    letter-spacing: 0.0075em;
    word-spacing: 0.06em;
    line-height: var(--line-height-3);
    justify-content: center;
    padding: var(--scale-2);
    text-align: center;
    transition: all 0.2s ease-in;
    will-change: opacity;
}
.btn:hover {
    opacity: 0.75;
    cursor: pointer;
}
.btn--size3 {
    --button-size: 2.985984rem;
}
.btn--wide {
    min-width: 8rem;
}
a.btn {
    text-decoration: none;
    border-bottom: 0;
}
.btn--icon-only {
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: var(--button-size);
    padding: 0;
    width: var(--button-size);
}
.btn--outline {
    background-color: transparent;
    border: 2px solid var(--button-color) !important;
}
html.force-light-mode .btn--outline {
    color: var(--button-color);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .btn--outline {
        color: var(--button-color);
    }
}
html.force-dark-mode .btn--outline {
    color: var(--button-color);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .btn--outline {
        color: var(--button-color);
    }
}
.btn--transparent {
    background-color: transparent;
}
.btn--circular {
    --button-size: 1.7rem;
    border-radius: 50%;
    height: var(--button-size);
    padding: 0;
    width: var(--button-size);
}
.btn__icon {
    fill: currentColor;
    height: 50%;
    pointer-events: none;
    width: 50%;
    vertical-align: baseline;
}
.btn__icon--white {
    fill: var(--color-bg);
}
.-js-copy-textarea {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
}
.btn--black {
    --button-color: var(--black);
}
.btn--dark {
    --button-color: var(--color-accent-70);
}
.btn--light {
    --button-color: var(--color-accent-30);
}
html.force-light-mode .btn--light {
    --button-text-color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .btn--light {
        --button-text-color: var(--black);
    }
}
html.force-dark-mode .btn--light {
    --button-text-color: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .btn--light {
        --button-text-color: var(--white);
    }
}
html.force-light-mode .btn--light-cool {
    --button-text-color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .btn--light-cool {
        --button-text-color: var(--black);
    }
}
html.force-dark-mode .btn--light-cool {
    --button-text-color: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .btn--light-cool {
        --button-text-color: var(--white);
    }
}
html.force-light-mode .btn--light-cool {
    --button-color: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .btn--light-cool {
        --button-color: var(--cool-10);
    }
}
html.force-dark-mode .btn--light-cool {
    --button-color: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .btn--light-cool {
        --button-color: var(--cool-80);
    }
}
.btn--red {
    --button-color: var(--red-50);
}
.btn--green {
    --button-color: var(--green-50);
}
.btn--pink {
    --button-color: var(--pink-50);
}
.-js-copy-btn {
    position: relative;
}
.-js-copy-textarea {
    width: 0;
    height: 0;
    opacity: 0;
}
@keyframes tooltipPopIn {
    0% {
        opacity: 0;
        transform: scale(0.9);
        top: -2.5em;
    }
    10% {
        opacity: 1;
        transform: scale(1);
        top: -3.5em;
    }
    90% {
        opacity: 1;
        transform: scale(1);
        top: -3.5em;
    }
    100% {
        opacity: 0;
        transform: scale(0.9);
        top: -3.5em;
    }
}
.-js-copy-tooltip {
    animation: tooltipPopIn ease-in-out 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    border-radius: 4px;
    color: var(--white);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    padding: var(--spacing-1) var(--spacing0);
    position: absolute;
    transform-origin: center center;
    width: 9.5em;
    z-index: 1000;
}
html.force-light-mode .-js-copy-tooltip {
    background-color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .-js-copy-tooltip {
        background-color: var(--black);
    }
}
html.force-dark-mode .-js-copy-tooltip {
    background-color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .-js-copy-tooltip {
        background-color: var(--black);
    }
}
.share-tools__btn-list {
    display: flex;
    flex-direction: row;
}
.share-tools__btn-list > * {
    margin-left: var(--spacing-1);
}
.share-tools__btn-list > *:first-child {
    margin-left: 0;
}
.newsletter-signup {
    position: relative;
}
@media print {
    .newsletter-signup {
        display: none;
    }
}
.newsletter-signup__input-wrap {
    align-items: center;
    display: flex;
    opacity: 1;
    transition: opacity 0.2s;
}
.newsletter-signup__input-wrap > .icon {
    margin-top: -0.2em;
}
.-js-is-successful .newsletter-signup__input-wrap {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.newsletter-signup__feedback {
    border-radius: 4px;
    color: var(--color-bg);
    font-size: var(--scale-2);
    font-weight: 700;
    left: 50%;
    padding: var(--spacing-1);
    position: absolute;
    text-align: center;
    top: calc(-1 * var(--spacing-2));
    transform: translate(-50%, -100%);
    margin: 0 auto;
    width: 80%;
    display: none;
}
html.force-light-mode .newsletter-signup__feedback {
    background-color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .newsletter-signup__feedback {
        background-color: var(--black);
    }
}
html.force-dark-mode .newsletter-signup__feedback {
    background-color: var(--cool-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .newsletter-signup__feedback {
        background-color: var(--cool-30);
    }
}
.newsletter-signup__feedback ::before {
    --tail-size: 0.75rem;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    width: var(--tail-size);
    height: var(--tail-size);
    bottom: calc(-1 / 2 * var(--tail-size));
    left: calc(50% - var(--tail-size) / 2);
}
html.force-light-mode .newsletter-signup__feedback ::before {
    background-color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .newsletter-signup__feedback ::before {
        background-color: var(--black);
    }
}
html.force-dark-mode .newsletter-signup__feedback ::before {
    background-color: var(--cool-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .newsletter-signup__feedback ::before {
        background-color: var(--cool-30);
    }
}
.-js-has-error .newsletter-signup__feedback {
    display: block;
}
.newsletter-signup__post-signup-prompt {
    color: inherit;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.-js-is-successful .newsletter-signup__post-signup-prompt {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.newsletter-signup__input-text {
    border: none;
    color: inherit;
    flex-grow: 1;
    margin-left: var(--spacing-2);
    padding: 0.4em 0;
}
.newsletter-signup__input-text::placeholder {
    color: inherit;
    font-size: var(--scale-2);
}
.newsletter-signup__input-text:focus::placeholder {
    color: transparent;
}
.newsletter-signup__submit {
    border: none;
    border-radius: 50%;
    font-size: var(--scale3);
    height: 1em;
    overflow: hidden;
    padding: 0;
}
html.force-light-mode .newsletter-signup__submit {
    background: rgba(0, 0, 0, 0);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .newsletter-signup__submit {
        background: rgba(0, 0, 0, 0);
    }
}
html.force-dark-mode .newsletter-signup__submit {
    background: rgba(0, 0, 0, 0);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .newsletter-signup__submit {
        background: rgba(0, 0, 0, 0);
    }
}
html.force-light-mode .newsletter-signup__submit {
    color: inherit;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .newsletter-signup__submit {
        color: inherit;
    }
}
html.force-dark-mode .newsletter-signup__submit {
    color: inherit;
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .newsletter-signup__submit {
        color: inherit;
    }
}
.placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
html.force-light-mode .placeholder {
    background-color: var(--gray-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .placeholder {
        background-color: var(--gray-10);
    }
}
html.force-dark-mode .placeholder {
    background-color: var(--gray-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .placeholder {
        background-color: var(--gray-80);
    }
}
.placeholder__text {
    display: block;
    font-family: var(--fonts-sans);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-text-hed);
}
.opener {
    --opener-page-margins: var(--spacing1);
}
html.force-light-mode .opener {
    --opener-bg: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener {
        --opener-bg: var(--color-accent-30);
    }
}
html.force-dark-mode .opener {
    --opener-bg: var(--color-accent-10);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener {
        --opener-bg: var(--color-accent-10);
    }
}
html.force-light-mode .opener {
    --opener-light: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener {
        --opener-light: var(--white);
    }
}
html.force-dark-mode .opener {
    --opener-light: var(--color-accent-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener {
        --opener-light: var(--color-accent-40);
    }
}
html.force-light-mode .opener {
    --opener-dark: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener {
        --opener-dark: var(--black);
    }
}
html.force-dark-mode .opener {
    --opener-dark: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener {
        --opener-dark: var(--white);
    }
}
@media screen and (min-width: 48em) {
    .opener {
        --opener-page-margins: var(--spacing3);
    }
}
html.force-light-mode .opener--same-color-in-dark-mode {
    --opener-bg: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener--same-color-in-dark-mode {
        --opener-bg: var(--color-accent-30);
    }
}
html.force-dark-mode .opener--same-color-in-dark-mode {
    --opener-bg: var(--color-accent-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener--same-color-in-dark-mode {
        --opener-bg: var(--color-accent-70);
    }
}
html.force-light-mode .opener--same-color-in-dark-mode {
    --opener-light: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener--same-color-in-dark-mode {
        --opener-light: var(--white);
    }
}
html.force-dark-mode .opener--same-color-in-dark-mode {
    --opener-light: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener--same-color-in-dark-mode {
        --opener-light: var(--white);
    }
}
html.force-light-mode .opener--same-color-in-dark-mode {
    --opener-dark: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener--same-color-in-dark-mode {
        --opener-dark: var(--black);
    }
}
html.force-dark-mode .opener--same-color-in-dark-mode {
    --opener-dark: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener--same-color-in-dark-mode {
        --opener-dark: var(--black);
    }
}
.opener .opener__topics {
    margin-bottom: var(--spacing-2);
    margin-top: var(--spacing-2);
}
.opener .opener__hed {
    margin-bottom: var(--spacing-2);
    margin-top: var(--spacing-2);
}
.opener .opener__dek {
    margin-bottom: var(--spacing-2);
    margin-top: var(--spacing-2);
}
.opener .opener__dek--match-text-column {
    margin: var(--spacing1) auto var(--spacing-2);
}
@media screen and (min-width: 36em) {
    .opener .opener__dek--match-text-column {
        width: calc((((100% - 5rem) / 6) * 4) + 3rem);
    }
}
@media screen and (min-width: 48em) {
    .opener .opener__dek--match-text-column {
        width: calc((((100% - 14.5152rem) / 8) * 6) + 10.368rem);
    }
}
@media screen and (min-width: 60em) {
    .opener .opener__dek--match-text-column {
        margin: var(--spacing-2) auto;
        width: calc((((100% - 22.8096rem) / 12) * 8) + 14.5152rem);
    }
}
@media screen and (min-width: 78em) {
    .opener .opener__dek--match-text-column {
        width: calc((((100% - 26.9568rem) / 14) * 8) + 14.5152rem);
    }
}
.opener--none,
.opener--small,
.opener--medium,
.opener--large {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 48em) {
    .opener--none,
    .opener--small,
    .opener--medium,
    .opener--large {
        padding-top: var(--spacing0);
    }
}
.opener--none .opener__art-wrapper,
.opener--small .opener__art-wrapper,
.opener--medium .opener__art-wrapper,
.opener--large .opener__art-wrapper {
    margin-bottom: var(--spacing1);
    margin-top: var(--spacing1);
}
.opener--none .opener__topic-title-dek-wrapper,
.opener--small .opener__topic-title-dek-wrapper,
.opener--medium .opener__topic-title-dek-wrapper,
.opener--large .opener__topic-title-dek-wrapper {
    display: contents;
}
.opener--none.opener--order-art-hed-dek .opener__art-wrapper,
.opener--small.opener--order-art-hed-dek .opener__art-wrapper,
.opener--medium.opener--order-art-hed-dek .opener__art-wrapper,
.opener--large.opener--order-art-hed-dek .opener__art-wrapper {
    margin-top: 0;
}
.opener--none.opener--order-art-hed-dek.opener--center .opener__topics,
.opener--small.opener--order-art-hed-dek.opener--center .opener__topics,
.opener--medium.opener--order-art-hed-dek.opener--center .opener__topics,
.opener--large.opener--order-art-hed-dek.opener--center .opener__topics {
    margin-bottom: var(--spacing1);
}
@media print {
    .opener--none,
    .opener--small,
    .opener--medium,
    .opener--large {
        width: 55ch;
    }
}
.opener--none {
    padding: var(--spacing1) 0;
}
@media screen and (min-width: 48em) {
    .opener--none {
        padding: 0 0 var(--spacing2) 0;
    }
    .opener--none.opener--center {
        padding: 0 0 var(--spacing3) 0;
    }
}
@media screen and (min-width: 60em) {
    .opener--none:not(.opener--center) {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
    }
}
@media screen and (min-width: 60em) and (min-width: 78em) {
    .opener--none:not(.opener--center) {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
        padding-right: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem);
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
    }
}
@media screen and (max-width: 60em) {
    .opener--small {
        padding-bottom: var(--spacing0);
    }
}
@media screen and (min-width: 60em) {
    .opener--small {
        column-gap: 2rem;
        display: grid;
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        padding-bottom: var(--spacing2);
        grid-template-columns: auto 50%;
        grid-template-rows: auto;
        grid-template-areas: "topics media" "title  media" "dek    media" "space  media";
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
    }
    .opener--small .opener__art-wrapper {
        grid-area: media;
        margin: 0;
    }
    .opener--small .opener__topics {
        grid-area: topics;
    }
    .opener--small .opener__hed {
        grid-area: title;
    }
    .opener--small .opener__dek {
        grid-area: dek;
    }
}
@media screen and (min-width: 78em) {
    .opener--small {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
    }
}
.opener--medium.opener--center.opener--order-art-hed-dek .opener__topics,
.opener--large.opener--center.opener--order-art-hed-dek .opener__topics {
    order: -1;
}
@media screen and (min-width: 36em) {
    .opener--large .opener__art-wrapper {
        width: calc((((100% - 3rem) / 4) * 6) + 5rem);
        margin-left: calc(((((100% - 3rem) / 4) * 1) + 1rem) * -1);
    }
}
@media screen and (min-width: 48em) {
    .opener--large .opener__art-wrapper {
        width: calc((((100% - 10.368rem) / 6) * 8) + 14.5152rem);
        margin-left: calc(((((100% - 10.368rem) / 6) * 1) + 2.0736rem) * -1);
    }
}
@media screen and (min-width: 60em) {
    .opener--large .opener__art-wrapper {
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
    }
}
@media screen and (min-width: 78em) {
    .opener--large .opener__art-wrapper {
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
    }
}
.opener--grid {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    display: grid;
}
.opener--grid .attribution {
    margin-bottom: var(--spacing1);
    text-align: left;
}
.opener--grid.opener--has-background-accent::after {
    background-color: var(--opener-bg);
}
.opener--grid.opener--has-background-white::after {
    background-color: var(--white);
}
.opener--grid.opener--has-background-black::after {
    background-color: var(--black);
}
.opener--grid .opener__topic-title-dek-wrapper--has-background-accent {
    background-color: var(--opener-bg);
}
.opener--grid .opener__topic-title-dek-wrapper--has-background-white {
    background-color: var(--white);
}
.opener--grid .opener__topic-title-dek-wrapper--has-background-black {
    background-color: var(--black);
}
@media screen and (max-width: 60em) {
    .opener--grid {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
    }
    .opener--grid .opener__art-wrapper {
        display: contents;
    }
    .opener--grid .opener__art {
        align-self: stretch;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        object-fit: cover;
        object-position: 50% 50%;
        width: 100vw;
    }
    .opener--grid .opener__art-width--1,
    .opener--grid .opener__art-width--2,
    .opener--grid .opener__art-width--3,
    .opener--grid .opener__art-width--4 {
        height: 100vw;
    }
    .opener--grid .opener__art-width--1 > video,
    .opener--grid .opener__art-width--2 > video,
    .opener--grid .opener__art-width--3 > video,
    .opener--grid .opener__art-width--4 > video {
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }
    .opener--grid .opener__art-width--5:is(img),
    .opener--grid .opener__art-width--6:is(img) {
        height: 100vh;
        max-height: -webkit-fill-available;
        max-height: stretch;
    }
    .opener--grid .opener__art-width--5 > img,
    .opener--grid .opener__art-width--6 > img {
        height: 100vh;
        max-height: -webkit-fill-available;
        max-height: stretch;
        object-fit: cover;
        object-position: 50% 50%;
        position: sticky;
        top: 0;
    }
    .opener--grid .opener__art-width--5 > video,
    .opener--grid .opener__art-width--6 > video {
        height: 100vh;
        max-height: -webkit-fill-available;
        max-height: stretch;
        object-fit: cover;
        object-position: 50% 50%;
        position: sticky;
        top: 0;
    }
    .opener--grid .opener__art--inset {
        height: auto;
    }
    .opener--grid::after {
        content: "";
        display: block;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 4;
        z-index: -1;
    }
    .opener--grid .attribution {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
        margin-bottom: var(--spacing1);
        padding-left: var(--opener-page-margins);
        padding-right: var(--opener-page-margins);
    }
    html.force-light-mode
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-supp: var(--gray-40);
    }
}
@media screen and (max-width: 60em) and (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-supp: var(--gray-40);
    }
}
@media screen and (max-width: 60em) {
    html.force-dark-mode
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-supp: var(--gray-40);
    }
}
@media screen and (max-width: 60em) and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-supp: var(--gray-40);
    }
}
@media screen and (max-width: 60em) {
    html.force-light-mode
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-meta: var(--gray-60);
    }
}
@media screen and (max-width: 60em) and (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-meta: var(--gray-60);
    }
}
@media screen and (max-width: 60em) {
    html.force-dark-mode
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-meta: var(--gray-60);
    }
}
@media screen and (max-width: 60em) and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .opener--grid.opener--has-background-black
        .attribution {
        --color-text-meta: var(--gray-60);
    }
}
@media screen and (max-width: 60em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
        padding: 0 var(--opener-page-margins);
    }
    .opener--grid.opener--has-background .opener__topic-title-dek-wrapper {
        padding-bottom: var(--opener-page-margins);
    }
    .opener--grid .opener__topic-title-dek-wrapper--has-background {
        margin: 0 var(--opener-page-margins);
        padding: var(--opener-page-margins);
    }
    .opener--grid .opener__topic-title-dek-wrapper--mobile-fullbleed {
        align-self: end;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        margin-top: 70vh;
        padding: var(--opener-page-margins);
        z-index: 10;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        max-width: 1344px;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 0) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 36em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 1.44rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 48em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 60em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 78em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 88em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 2.985984rem;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) and (min-width: 1439.551488px) {
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: 0 auto;
    }
}
@media screen and (min-width: 48em) and (max-width: 60em) {
    .opener--grid .opener__topic-title-dek-wrapper {
        padding: 0 calc((((100% - 14.5152rem) / 8) * 1) + 2.0736rem);
    }
    .opener--grid .opener__topic-title-dek-wrapper--mobile-fullbleed {
        margin: 0;
        padding: var(--opener-page-margins);
    }
    .opener--grid .opener__topic-title-dek-wrapper--has-background {
        padding-top: var(--opener-page-margins);
        padding-bottom: var(--opener-page-margins);
    }
}
@media screen and (min-width: 60em) {
    .opener--grid {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: minmax(100vh, auto) auto auto;
    }
    .opener--grid::after {
        border-bottom: 1px solid;
        content: "";
        display: block;
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 1;
        grid-row-end: 2;
        z-index: -1;
    }
    html.force-light-mode .opener--grid::after {
        border-color: var(--gray-10);
    }
}
@media screen and (min-width: 60em) and (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener--grid::after {
        border-color: var(--gray-10);
    }
}
@media screen and (min-width: 60em) {
    html.force-dark-mode .opener--grid::after {
        border-color: var(--gray-80);
    }
}
@media screen and (min-width: 60em) and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener--grid::after {
        border-color: var(--gray-80);
    }
}
@media screen and (min-width: 60em) {
    .opener--grid.opener--has-background::after {
        border: none;
    }
    .opener--grid .opener__art-wrapper {
        display: contents;
    }
    .opener--grid .opener__art,
    .opener--grid .opener__topic-title-dek-wrapper {
        grid-row-start: 1;
        grid-row-end: 2;
    }
    .opener--grid .opener__art {
        align-self: stretch;
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%;
        min-height: 100%;
        width: 100%;
    }
    .opener--grid .opener__art > img {
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%;
    }
    .opener--grid .opener__art > video {
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%;
        min-height: 100%;
    }
    .opener--grid .opener__art.opener__art--inset,
    .opener--grid .opener__art.opener__art--inset > img,
    .opener--grid .opener__art.opener__art--inset > video {
        max-height: calc(100vh - 2 * var(--opener-page-margins));
        object-fit: contain;
    }
    .opener--grid .attribution {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 2;
        grid-row-end: 3;
        padding-left: var(--opener-page-margins);
        padding-right: 50vw;
    }
    .opener--grid .attribution--right {
        padding-left: 50vw;
        padding-right: var(--opener-page-margins);
    }
    .opener--grid .opener__topic-title-dek-wrapper {
        align-self: center;
        display: flex;
        flex-direction: column;
        margin: var(--opener-page-margins);
        z-index: 5;
    }
    .opener--grid .opener__topic-title-dek-wrapper--valign-top {
        align-self: start;
    }
    .opener--grid .opener__topic-title-dek-wrapper--valign-center {
        align-self: center;
    }
    .opener--grid .opener__topic-title-dek-wrapper--valign-bottom {
        align-self: end;
    }
    .opener--grid .opener__topic-title-dek-wrapper--has-background {
        padding: calc(var(--opener-page-margins) * 2 / 3);
    }
    .opener--grid .content {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    .opener--grid .opener__art--inset {
        align-self: center;
        height: auto;
        padding: 0 var(--opener-page-margins);
        max-height: 100vh;
        max-height: calc(100vh - 2 * var(--opener-page-margins));
    }
    .opener--grid .opener__art-start--1,
    .opener--grid .opener__text-start--1 {
        grid-column-start: 1;
    }
    .opener--grid .opener__art-width--1,
    .opener--grid .opener__text-width--1 {
        grid-column-end: span 1;
    }
    .opener--grid .opener__art-start--2,
    .opener--grid .opener__text-start--2 {
        grid-column-start: 2;
    }
    .opener--grid .opener__art-width--2,
    .opener--grid .opener__text-width--2 {
        grid-column-end: span 2;
    }
    .opener--grid .opener__art-start--3,
    .opener--grid .opener__text-start--3 {
        grid-column-start: 3;
    }
    .opener--grid .opener__art-width--3,
    .opener--grid .opener__text-width--3 {
        grid-column-end: span 3;
    }
    .opener--grid .opener__art-start--4,
    .opener--grid .opener__text-start--4 {
        grid-column-start: 4;
    }
    .opener--grid .opener__art-width--4,
    .opener--grid .opener__text-width--4 {
        grid-column-end: span 4;
    }
    .opener--grid .opener__art-start--5,
    .opener--grid .opener__text-start--5 {
        grid-column-start: 5;
    }
    .opener--grid .opener__art-width--5,
    .opener--grid .opener__text-width--5 {
        grid-column-end: span 5;
    }
    .opener--grid .opener__art-start--6,
    .opener--grid .opener__text-start--6 {
        grid-column-start: 6;
    }
    .opener--grid .opener__art-width--6,
    .opener--grid .opener__text-width--6 {
        grid-column-end: span 6;
    }
}
@media screen and (min-width: 60em) and (max-width: 78em) {
    .opener--grid {
        --opener-page-margins: var(--spacing1);
    }
    .opener--grid .opener__topic-title-dek-wrapper {
        margin: var(--spacing0);
        margin-top: 3rem;
    }
    .opener--grid .opener__topics--vertical-rule::after,
    .opener--grid .opener__hed--vertical-rule::after {
        max-height: 2rem;
    }
    .opener--grid .opener__dek {
        font-size: var(--scale-1);
    }
}
@media print {
    .opener--grid {
        margin: 0 auto;
        width: 55ch;
    }
}
.opener--center {
    text-align: center;
}
.opener--has-background.opener--none {
    position: relative;
}
.opener--has-background.opener--none::before {
    background-color: var(--opener-bg);
    content: "";
    height: 100%;
    left: calc(-50vw + 50%);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}
@media screen and (min-width: 48em) {
    .opener--has-background.opener--none {
        padding-bottom: var(--spacing3);
        padding-top: 0;
    }
    .opener--has-background.opener--none.opener--center {
        padding-bottom: 7rem;
    }
}
.opener--has-background.opener--medium,
.opener--has-background.opener--large {
    position: relative;
}
.opener--has-background.opener--medium .opener__art-wrapper,
.opener--has-background.opener--large .opener__art-wrapper {
    position: relative;
}
.opener--has-background.opener--medium::before,
.opener--has-background.opener--medium .opener__art-wrapper::before,
.opener--has-background.opener--large::before,
.opener--has-background.opener--large .opener__art-wrapper::before {
    background-color: var(--opener-bg);
    content: "";
    height: 50%;
    left: calc(-50vw + 50%);
    position: absolute;
    top: 0;
    width: 100vw;
    z-index: -1;
}
.opener--has-background.opener--none .opener__dek,
.opener--has-background.opener--medium.opener--order-hed-dek-art .opener__dek,
.opener--has-background.opener--large.opener--order-hed-dek-art .opener__dek {
    color: var(--opener-dark);
}
.opener--has-background.opener--small.opener--order-art-hed-dek::before,
.opener--has-background.opener--medium.opener--order-art-hed-dek::before,
.opener--has-background.opener--large.opener--order-art-hed-dek::before {
    height: 30%;
}
.opener--has-background.opener--small.opener--order-hed-art-dek::before,
.opener--has-background.opener--medium.opener--order-hed-art-dek::before,
.opener--has-background.opener--large.opener--order-hed-art-dek::before {
    height: 50%;
}
.opener--has-background.opener--small.opener--order-hed-dek-art::before,
.opener--has-background.opener--medium.opener--order-hed-dek-art::before,
.opener--has-background.opener--large.opener--order-hed-dek-art::before {
    height: 70%;
}
.opener--order-art-hed-dek .opener__art-wrapper {
    order: 1;
}
.opener--order-art-hed-dek .opener__topics {
    order: 2;
}
.opener--order-art-hed-dek .opener__hed {
    order: 3;
}
.opener--order-art-hed-dek .opener__dek {
    order: 4;
}
.opener--order-art-hed-dek .article-meta-1,
.opener--order-art-hed-dek .article-meta-2 {
    order: 5;
}
.opener--order-hed-dek-art .opener__topics {
    order: 1;
}
.opener--order-hed-dek-art .opener__hed {
    order: 2;
}
.opener--order-hed-dek-art .opener__dek {
    order: 3;
}
.opener--order-hed-dek-art .article-meta-1,
.opener--order-hed-dek-art .article-meta-2 {
    order: 4;
}
.opener--order-hed-dek-art .opener__art-wrapper {
    order: 5;
    margin-bottom: var(--spacing0);
}
.opener--order-hed-art-dek .opener__topics {
    order: 1;
}
.opener--order-hed-art-dek .opener__hed {
    order: 2;
}
.opener--order-hed-art-dek .opener__art-wrapper {
    order: 3;
}
.opener--order-hed-art-dek .opener__dek {
    order: 4;
}
.opener--order-hed-art-dek .article-meta-1,
.opener--order-hed-art-dek .article-meta-2 {
    order: 5;
}
.opener__art-wrapper--scrim {
    position: relative;
    z-index: -10;
}
.opener__art-wrapper--scrim::after {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.6) 90%
    );
    bottom: 0;
    content: "";
    display: block;
    height: 25%;
    left: 0;
    position: absolute;
    width: 100%;
}
.opener__topics {
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-3);
}
.opener__topics--vertical-rule::after {
    background-color: var(--color-accent-70);
    content: "";
    display: block;
    height: 10vh;
    max-height: 4rem;
    margin: var(--spacing0) auto var(--spacing-1);
    width: 2px;
}
.opener__topics--vertical-rule.-is-over-bg::after {
    background-color: var(--opener-light);
}
.opener__topics-link {
    color: var(--color-accent-70);
    text-decoration: none;
}
.opener__topics-link:hover {
    text-decoration: underline;
}
.opener__topics-link.-is-over-bg {
    color: var(--opener-light);
}
html.force-light-mode .opener__topics-link.opener__topics-link--light {
    color: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__topics-link.opener__topics-link--light {
        color: var(--white);
    }
}
html.force-dark-mode .opener__topics-link.opener__topics-link--light {
    color: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .opener__topics-link.opener__topics-link--light {
        color: var(--white);
    }
}
html.force-light-mode
    .opener__topics-link.opener__topics-link--light.-is-over-bg {
    color: var(--opener-light);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .opener__topics-link.opener__topics-link--light.-is-over-bg {
        color: var(--opener-light);
    }
}
html.force-dark-mode
    .opener__topics-link.opener__topics-link--light.-is-over-bg {
    color: var(--opener-light);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .opener__topics-link.opener__topics-link--light.-is-over-bg {
        color: var(--opener-light);
    }
}
html.force-light-mode .opener__topics-link.opener__topics-link--dark {
    color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__topics-link.opener__topics-link--dark {
        color: var(--black);
    }
}
html.force-dark-mode .opener__topics-link.opener__topics-link--dark {
    color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__topics-link.opener__topics-link--dark {
        color: var(--black);
    }
}
html.force-light-mode
    .opener__topics-link.opener__topics-link--dark.-is-over-bg {
    color: var(--opener-dark);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .opener__topics-link.opener__topics-link--dark.-is-over-bg {
        color: var(--opener-dark);
    }
}
html.force-dark-mode
    .opener__topics-link.opener__topics-link--dark.-is-over-bg {
    color: var(--opener-dark);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .opener__topics-link.opener__topics-link--dark.-is-over-bg {
        color: var(--opener-dark);
    }
}
.opener__hed {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-size: var(--scale3);
    font-weight: 700;
    line-height: var(--line-height-2);
}
@media screen and (min-width: 48em) and (max-width: 60em) {
    .opener__hed {
        font-size: var(--scale4);
    }
}
@media screen and (min-width: 78em) {
    .opener__hed {
        font-size: var(--scale4);
    }
}
@media screen and (min-width: 88em) {
    .opener__hed {
        font-size: var(--scale5);
    }
}
.opener__hed.-is-over-bg {
    color: var(--opener-dark);
}
html.force-light-mode .opener__hed.opener__hed--light {
    color: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__hed.opener__hed--light {
        color: var(--white);
    }
}
html.force-dark-mode .opener__hed.opener__hed--light {
    color: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__hed.opener__hed--light {
        color: var(--white);
    }
}
html.force-light-mode .opener__hed.opener__hed--light.-is-over-bg {
    color: var(--opener-light);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__hed.opener__hed--light.-is-over-bg {
        color: var(--opener-light);
    }
}
html.force-dark-mode .opener__hed.opener__hed--light.-is-over-bg {
    color: var(--opener-light);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__hed.opener__hed--light.-is-over-bg {
        color: var(--opener-light);
    }
}
html.force-light-mode .opener__hed.opener__hed--dark {
    color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__hed.opener__hed--dark {
        color: var(--black);
    }
}
html.force-dark-mode .opener__hed.opener__hed--dark {
    color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__hed.opener__hed--dark {
        color: var(--black);
    }
}
html.force-light-mode .opener__hed.opener__hed--dark.-is-over-bg {
    color: var(--opener-dark);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__hed.opener__hed--dark.-is-over-bg {
        color: var(--opener-dark);
    }
}
html.force-dark-mode .opener__hed.opener__hed--dark.-is-over-bg {
    color: var(--opener-dark);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__hed.opener__hed--dark.-is-over-bg {
        color: var(--opener-dark);
    }
}
.opener__hed--small {
    font-size: var(--scale3);
}
@media only screen and (min-width: 60em) and (max-height: 27rem) {
    .opener__hed--small {
        font-size: var(--scale2);
    }
}
@media only screen and (min-width: 88em) and (min-height: 27rem) {
    .opener__hed--small {
        font-size: var(--scale4);
    }
}
.opener__hed--vertical-rule::after {
    background-color: var(--color-accent-70);
    content: "";
    display: block;
    height: 10vh;
    max-height: 4rem;
    margin: var(--spacing0) auto var(--spacing-1);
    width: 2px;
}
.opener__hed--vertical-rule.-is-over-bg::after {
    background-color: var(--opener-light);
}
.opener__dek {
    color: var(--color-text-supp);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    line-height: var(--line-height-1);
}
.opener__dek.-is-over-bg {
    color: var(--opener-dark);
}
html.force-light-mode .opener__dek.opener__dek--light {
    color: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__dek.opener__dek--light {
        color: var(--white);
    }
}
html.force-dark-mode .opener__dek.opener__dek--light {
    color: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__dek.opener__dek--light {
        color: var(--white);
    }
}
html.force-light-mode .opener__dek.opener__dek--light.-is-over-bg {
    color: var(--opener-light);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__dek.opener__dek--light.-is-over-bg {
        color: var(--opener-light);
    }
}
html.force-dark-mode .opener__dek.opener__dek--light.-is-over-bg {
    color: var(--opener-light);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__dek.opener__dek--light.-is-over-bg {
        color: var(--opener-light);
    }
}
html.force-light-mode .opener__dek.opener__dek--dark {
    color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__dek.opener__dek--dark {
        color: var(--black);
    }
}
html.force-dark-mode .opener__dek.opener__dek--dark {
    color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__dek.opener__dek--dark {
        color: var(--black);
    }
}
html.force-light-mode .opener__dek.opener__dek--dark.-is-over-bg {
    color: var(--opener-dark);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .opener__dek.opener__dek--dark.-is-over-bg {
        color: var(--opener-dark);
    }
}
html.force-dark-mode .opener__dek.opener__dek--dark.-is-over-bg {
    color: var(--opener-dark);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .opener__dek.opener__dek--dark.-is-over-bg {
        color: var(--opener-dark);
    }
}
@keyframes openerFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.opener--grid .opener__art,
.opener--grid .attribution,
.opener--grid .opener__topics,
.opener--grid .opener__hed,
.opener--grid .opener__dek,
.opener--grid .article-meta-1 {
    animation: openerFadeIn linear 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateZ(0);
    will-change: transform;
}
@media print {
    .opener--grid .opener__art,
    .opener--grid .attribution,
    .opener--grid .opener__topics,
    .opener--grid .opener__hed,
    .opener--grid .opener__dek,
    .opener--grid .article-meta-1 {
        animation: none;
        opacity: 1;
        transform: unset;
    }
}
.opener--grid .opener__art {
    animation-delay: 0.5s;
}
.opener--grid .opener__attribution {
    animation-delay: 0.75s;
}
.opener--grid .opener__topics {
    animation-delay: 1.5s;
}
.opener--grid .opener__hed {
    animation-delay: 2s;
}
.opener--grid .opener__dek {
    animation-delay: 2.5s;
}
.opener--grid .article-meta-1 {
    animation-delay: 3s;
}
.article-meta-1--center {
    text-align: center;
}
.article-meta-1.-is-over-bg .article-meta-1__byline,
.article-meta-1.-is-over-bg .article-meta-1__pubdate {
    color: var(--opener-light);
}
html.force-light-mode .article-meta-1--light .article-meta-1__byline,
html.force-light-mode .article-meta-1--light .article-meta-1__pubdate {
    color: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-meta-1--light .article-meta-1__byline,
    html:not(.force-dark-mode) .article-meta-1--light .article-meta-1__pubdate {
        color: var(--white);
    }
}
html.force-dark-mode .article-meta-1--light .article-meta-1__byline,
html.force-dark-mode .article-meta-1--light .article-meta-1__pubdate {
    color: var(--white);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-meta-1--light .article-meta-1__byline,
    html:not(.force-light-mode)
        .article-meta-1--light
        .article-meta-1__pubdate {
        color: var(--white);
    }
}
html.force-light-mode
    .article-meta-1--light.-is-over-bg
    .article-meta-1__byline,
html.force-light-mode
    .article-meta-1--light.-is-over-bg
    .article-meta-1__pubdate {
    color: var(--opener-light);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .article-meta-1--light.-is-over-bg
        .article-meta-1__byline,
    html:not(.force-dark-mode)
        .article-meta-1--light.-is-over-bg
        .article-meta-1__pubdate {
        color: var(--opener-light);
    }
}
html.force-dark-mode .article-meta-1--light.-is-over-bg .article-meta-1__byline,
html.force-dark-mode
    .article-meta-1--light.-is-over-bg
    .article-meta-1__pubdate {
    color: var(--opener-light);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .article-meta-1--light.-is-over-bg
        .article-meta-1__byline,
    html:not(.force-light-mode)
        .article-meta-1--light.-is-over-bg
        .article-meta-1__pubdate {
        color: var(--opener-light);
    }
}
html.force-light-mode .article-meta-1--dark .article-meta-1__byline,
html.force-light-mode .article-meta-1--dark .article-meta-1__pubdate {
    color: var(--black);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-meta-1--dark .article-meta-1__byline,
    html:not(.force-dark-mode) .article-meta-1--dark .article-meta-1__pubdate {
        color: var(--black);
    }
}
html.force-dark-mode .article-meta-1--dark .article-meta-1__byline,
html.force-dark-mode .article-meta-1--dark .article-meta-1__pubdate {
    color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-meta-1--dark .article-meta-1__byline,
    html:not(.force-light-mode) .article-meta-1--dark .article-meta-1__pubdate {
        color: var(--black);
    }
}
html.force-light-mode .article-meta-1--dark.-is-over-bg .article-meta-1__byline,
html.force-light-mode
    .article-meta-1--dark.-is-over-bg
    .article-meta-1__pubdate {
    color: var(--opener-dark);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode)
        .article-meta-1--dark.-is-over-bg
        .article-meta-1__byline,
    html:not(.force-dark-mode)
        .article-meta-1--dark.-is-over-bg
        .article-meta-1__pubdate {
        color: var(--opener-dark);
    }
}
html.force-dark-mode .article-meta-1--dark.-is-over-bg .article-meta-1__byline,
html.force-dark-mode
    .article-meta-1--dark.-is-over-bg
    .article-meta-1__pubdate {
    color: var(--opener-dark);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode)
        .article-meta-1--dark.-is-over-bg
        .article-meta-1__byline,
    html:not(.force-light-mode)
        .article-meta-1--dark.-is-over-bg
        .article-meta-1__pubdate {
        color: var(--opener-dark);
    }
}
.article-meta-1--hide-byline .article-meta-1__byline,
.article-meta-1--hide-byline .article-meta-1__pubdate {
    display: none;
}
.article-meta-1__byline {
    color: var(--color-text-hed);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-1);
    margin-top: var(--spacing0);
}
@media screen and (min-width: 78em) {
    .article-meta-1__byline {
        font-size: var(--scale-2);
    }
}
.article-meta-1__byline a,
.article-meta-1__byline a:visited {
    color: inherit;
}
.article-meta-1__pubdate {
    color: var(--color-text-meta);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    margin-top: var(--spacing-2);
}
@media screen and (min-width: 78em) {
    .article-meta-1__pubdate {
        font-size: var(--scale-2);
    }
}
.article-meta-1__section-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-top: var(--spacing0);
    margin-bottom: 0;
}
@media print {
    .article-meta-1__section-actions {
        display: none;
    }
}
.article-meta-1__section-actions--center {
    justify-content: center;
}
.article-meta-1__republish {
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    letter-spacing: 0.02em;
    line-height: 0;
    margin-left: var(--spacing-1);
    padding-top: 0.8rem;
    padding-bottom: 0.7rem;
    text-transform: uppercase;
    border-radius: calc(var(--button-size) / 2);
}
.article-meta-1__partnership {
    color: var(--color-accent-50);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    margin-top: var(--spacing1);
}
@media print {
    .article-meta-1__partnership {
        color: inherit;
    }
}
.article-meta-1__partnership a,
.article-meta-1__partnership a:visited {
    color: inherit;
}
.article-meta-2--hide-byline .article-meta-2__byline,
.article-meta-2--hide-byline .article-meta-2__pubdate {
    display: none;
}
.article-meta-2__rule {
    border-bottom: none;
    border-top: 1px solid;
    margin-bottom: var(--spacing0);
    margin-top: 0;
}
html.force-light-mode .article-meta-2__rule {
    border-color: var(--gray-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-meta-2__rule {
        border-color: var(--gray-10);
    }
}
html.force-dark-mode .article-meta-2__rule {
    border-color: var(--gray-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-meta-2__rule {
        border-color: var(--gray-80);
    }
}
@media screen and (min-width: 60em) {
    .article-meta-2__rule {
        margin-bottom: var(--spacing3);
    }
}
@media screen and (min-width: 60em) {
    .article-meta-2__rule--wide {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
    }
}
@media screen and (min-width: 78em) {
    .article-meta-2__rule--wide {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
    }
}
@media screen and (min-width: 60em) {
    .article-meta-2--wide {
        align-items: start;
        display: grid;
        grid-template-columns:
            calc((((100% - 26.9568rem) / 14) * 12) + 22.8096rem)
            auto;
        grid-template-rows: auto;
        grid-template-areas: "important important" "rule rule" "byline actions";
        justify-items: stretch;
        margin-bottom: calc(var(--spacing1) * -1);
    }
    .article-meta-2--wide .article-meta-2__important {
        grid-area: important;
        width: 100%;
    }
    .article-meta-2--wide .article-meta-2__rule {
        grid-area: rule;
        width: 100%;
        margin-left: 0;
        margin-bottom: var(--spacing1);
    }
    .article-meta-2--wide .article-meta-2__section-byline {
        grid-area: byline;
        margin: 0;
        padding-right: var(--spacing2);
        width: 100%;
    }
    .article-meta-2--wide .article-meta-2__section-actions {
        grid-area: actions;
        height: 0;
        margin: 0;
        width: 100%;
    }
}
@media screen and (min-width: 60em) {
    .article-meta-2--wide {
        grid-template-columns:
            calc((((100% - 22.8096rem) / 12) * 10) + 18.6624rem)
            auto;
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
    }
}
@media screen and (min-width: 78em) {
    .article-meta-2--wide {
        grid-template-columns:
            calc((((100% - 26.9568rem) / 14) * 12) + 22.8096rem)
            auto;
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
    }
}
.article-meta-2--center {
    text-align: center;
}
@media screen and (min-width: 60em) {
    .article-meta-2__section-byline {
        float: left;
        margin-bottom: var(--spacing1);
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        margin-top: var(--spacing-2);
        width: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem);
    }
}
@media screen and (min-width: 78em) {
    .article-meta-2__section-byline {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem);
    }
}
.article-meta-2__byline {
    color: var(--color-text-hed);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-1);
}
@media screen and (min-width: 60em) {
    .article-meta-2__byline {
        font-size: var(--scale-2);
    }
}
.article-meta-2__byline a,
.article-meta-2__byline a:visited {
    color: inherit;
}
.article-meta-2__pubdate {
    color: var(--color-text-meta);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    margin-top: var(--spacing-2);
}
@media screen and (min-width: 60em) {
    .article-meta-2__pubdate {
        font-size: var(--scale-2);
    }
}
.article-meta-2__section-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: var(--spacing0);
    margin-bottom: 0;
}
@media screen and (min-width: 60em) {
    .article-meta-2__section-actions {
        flex-direction: column;
        float: right;
        margin-right: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        margin-top: var(--spacing-2);
        width: calc((((100% - 14.5152rem) / 8) * 2) + 2.0736rem);
    }
}
@media screen and (min-width: 78em) {
    .article-meta-2__section-actions {
        margin-right: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
    }
}
@media print {
    .article-meta-2__section-actions {
        display: none;
    }
}
.article-meta-2__republish {
    color: var(--color-accent-70);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-2);
}
@media screen and (min-width: 60em) {
    .article-meta-2__republish {
        margin-top: var(--spacing0);
        text-align: center;
        width: 100%;
    }
}
.article-meta-2__partnership {
    color: var(--color-text-body);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1);
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing0);
}
.article-meta-2__partnership a,
.article-meta-2__partnership a:visited {
    color: inherit;
}
@media screen and (min-width: 60em) {
    .article-meta-2__important--wide {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 2) + 4.1472rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 12) + 22.8096rem);
    }
}
@media screen and (min-width: 78em) {
    .article-meta-2__important--wide {
        margin-left: calc(((((100% - 14.5152rem) / 8) * 3) + 6.2208rem) * -1);
        width: calc((((100% - 14.5152rem) / 8) * 14) + 26.9568rem);
    }
}
.article-meta-2__content-warning {
    border-top: 1px solid;
    padding: var(--spacing-1);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    text-align: center;
    width: 100%;
}
html.force-light-mode .article-meta-2__content-warning {
    border-color: var(--red-40);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-meta-2__content-warning {
        border-color: var(--red-40);
    }
}
html.force-dark-mode .article-meta-2__content-warning {
    border-color: var(--red-60);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-meta-2__content-warning {
        border-color: var(--red-60);
    }
}
html.force-light-mode .article-meta-2__content-warning {
    color: var(--red-60);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-meta-2__content-warning {
        color: var(--red-60);
    }
}
html.force-dark-mode .article-meta-2__content-warning {
    color: var(--red-40);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-meta-2__content-warning {
        color: var(--red-40);
    }
}
.article-body,
.article-body__section {
    font-size: var(--scale0);
    margin-top: var(--spacing1);
}
.article-body:after,
.article-body__section:after {
    clear: both;
    content: "";
    display: table;
}
@media screen and (min-width: 60em) {
    .article-body,
    .article-body__section {
        margin-top: var(--spacing3);
    }
}
.article-body > p:not([class]),
.article-body__section > p:not([class]) {
    margin-top: var(--vert-rhythm-sm);
    margin-bottom: var(--vert-rhythm-sm);
}
.article-body > *:not([class]) a,
.article-body__section > *:not([class]) a,
.article-body > *:not([class]) a:visited,
.article-body__section > *:not([class]) a:visited,
.article-body > .spaced-list a,
.article-body__section > .spaced-list a,
.article-body > .spaced-list a:visited,
.article-body__section > .spaced-list a:visited {
    color: var(--color-accent-70);
    text-decoration: underline;
    text-decoration-color: var(--color-accent-30);
    text-decoration-thickness: 0.1em;
    text-underline-offset: 0.1em;
}
.article-body > *:not([class]) a:focus,
.article-body__section > *:not([class]) a:focus,
.article-body > *:not([class]) a:hover,
.article-body__section > *:not([class]) a:hover,
.article-body > *:not([class]) a:visited:focus,
.article-body__section > *:not([class]) a:visited:focus,
.article-body > *:not([class]) a:visited:hover,
.article-body__section > *:not([class]) a:visited:hover,
.article-body > .spaced-list a:focus,
.article-body__section > .spaced-list a:focus,
.article-body > .spaced-list a:hover,
.article-body__section > .spaced-list a:hover,
.article-body > .spaced-list a:visited:focus,
.article-body__section > .spaced-list a:visited:focus,
.article-body > .spaced-list a:visited:hover,
.article-body__section > .spaced-list a:visited:hover {
    text-decoration-color: currentColor;
}
@media print {
    .article-body > *:not([class]) a,
    .article-body__section > *:not([class]) a,
    .article-body > *:not([class]) a:visited,
    .article-body__section > *:not([class]) a:visited,
    .article-body > .spaced-list a,
    .article-body__section > .spaced-list a,
    .article-body > .spaced-list a:visited,
    .article-body__section > .spaced-list a:visited {
        color: inherit;
        text-decoration-color: currentColor;
    }
}
.article-body > h2:not([class]),
.article-body__section > h2:not([class]),
.article-body > h3:not([class]),
.article-body__section > h3:not([class]),
.article-body > h4:not([class]),
.article-body__section > h4:not([class]),
.article-body > h5:not([class]),
.article-body__section > h5:not([class]),
.article-body > h6:not([class]),
.article-body__section > h6:not([class]) {
    font-family: var(--fonts-sans);
    font-weight: bold;
    line-height: var(--line-height-2);
    margin-top: calc(1em * var(--line-height-2) * 1.5);
}
.article-body > h2:not([class]),
.article-body__section > h2:not([class]) {
    font-size: var(--scale3);
}
.article-body > h3:not([class]),
.article-body__section > h3:not([class]) {
    font-size: var(--scale3);
}
.article-body > h4:not([class]),
.article-body__section > h4:not([class]) {
    font-size: var(--scale2);
}
.article-body > h5:not([class]),
.article-body__section > h5:not([class]) {
    font-size: var(--scale1);
}
.article-body > h6:not([class]),
.article-body__section > h6:not([class]) {
    font-size: var(--scale0);
}
.article-body ol,
.article-body__section ol,
.article-body ul,
.article-body__section ul {
    list-style-position: outside;
    margin: var(--vert-rhythm-sm) 0;
    margin-left: 2em;
}
.article-body ol,
.article-body__section ol {
    list-style-type: decimal;
}
.article-body li ol,
.article-body__section li ol {
    list-style-type: lower-alpha;
    margin-bottom: 0;
    margin-top: 0;
}
.article-body li li ol,
.article-body__section li li ol {
    list-style-type: lower-roman;
}
.article-body ul,
.article-body__section ul {
    list-style-type: disc;
}
.article-body li ul,
.article-body__section li ul {
    list-style-type: circle;
    margin-bottom: 0;
    margin-top: 0;
}
.article-body li li ul,
.article-body__section li li ul {
    list-style-type: square;
}
.article-body .spaced-list li,
.article-body__section .spaced-list li {
    margin: var(--vert-rhythm-sm) 0;
}
.article-body table,
.article-body__section table {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    width: 100%;
}
html.force-light-mode .article-body table,
html.force-light-mode .article-body__section table {
    border-color: var(--cool-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body table,
    html:not(.force-dark-mode) .article-body__section table {
        border-color: var(--cool-20);
    }
}
html.force-dark-mode .article-body table,
html.force-dark-mode .article-body__section table {
    border-color: var(--cool-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body table,
    html:not(.force-light-mode) .article-body__section table {
        border-color: var(--cool-70);
    }
}
.article-body th,
.article-body__section th {
    font-weight: bold;
}
html.force-light-mode .article-body th,
html.force-light-mode .article-body__section th {
    background: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body th,
    html:not(.force-dark-mode) .article-body__section th {
        background: var(--cool-10);
    }
}
html.force-dark-mode .article-body th,
html.force-dark-mode .article-body__section th {
    background: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body th,
    html:not(.force-light-mode) .article-body__section th {
        background: var(--cool-80);
    }
}
.article-body th,
.article-body__section th,
.article-body td,
.article-body__section td {
    border-style: solid;
    border-width: 1px;
    padding: var(--spacing-2);
    text-align: left;
}
html.force-light-mode .article-body th,
html.force-light-mode .article-body__section th,
html.force-light-mode .article-body td,
html.force-light-mode .article-body__section td {
    border-color: var(--cool-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body th,
    html:not(.force-dark-mode) .article-body__section th,
    html:not(.force-dark-mode) .article-body td,
    html:not(.force-dark-mode) .article-body__section td {
        border-color: var(--cool-20);
    }
}
html.force-dark-mode .article-body th,
html.force-dark-mode .article-body__section th,
html.force-dark-mode .article-body td,
html.force-dark-mode .article-body__section td {
    border-color: var(--cool-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body th,
    html:not(.force-light-mode) .article-body__section th,
    html:not(.force-light-mode) .article-body td,
    html:not(.force-light-mode) .article-body__section td {
        border-color: var(--cool-70);
    }
}
.article-body th.numeric,
.article-body__section th.numeric,
.article-body td.numeric,
.article-body__section td.numeric {
    text-align: right;
    font-feature-settings: "tnum" 1;
}
@media screen and (min-width: 48em) {
    .article-body > .full .attribution,
    .article-body__section > .full .attribution {
        margin-left: var(--spacing3);
        margin-right: var(--spacing3);
    }
}
.article-body > blockquote:not([class]),
.article-body__section > blockquote:not([class]) {
    border-left: var(--spacing-2) solid;
    font-family: var(--fonts-sans);
    margin: var(--vert-rhythm-sm) 0;
    padding-left: calc(1em);
}
html.force-light-mode .article-body > blockquote:not([class]),
html.force-light-mode .article-body__section > blockquote:not([class]) {
    border-color: var(--color-accent-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body > blockquote:not([class]),
    html:not(.force-dark-mode)
        .article-body__section
        > blockquote:not([class]) {
        border-color: var(--color-accent-20);
    }
}
html.force-dark-mode .article-body > blockquote:not([class]),
html.force-dark-mode .article-body__section > blockquote:not([class]) {
    border-color: var(--color-accent-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body > blockquote:not([class]),
    html:not(.force-light-mode)
        .article-body__section
        > blockquote:not([class]) {
        border-color: var(--color-accent-80);
    }
}
.article-body > hr:not([class]),
.article-body__section > hr:not([class]) {
    border: none;
    height: var(--spacing-1);
    margin: var(--vert-rhythm-lg) auto;
    width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem);
}
html.force-light-mode .article-body > hr:not([class]),
html.force-light-mode .article-body__section > hr:not([class]) {
    background-color: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body > hr:not([class]),
    html:not(.force-dark-mode) .article-body__section > hr:not([class]) {
        background-color: var(--color-accent-30);
    }
}
html.force-dark-mode .article-body > hr:not([class]),
html.force-dark-mode .article-body__section > hr:not([class]) {
    background-color: var(--color-accent-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body > hr:not([class]),
    html:not(.force-light-mode) .article-body__section > hr:not([class]) {
        background-color: var(--color-accent-70);
    }
}
@media print {
    .article-body > hr:not([class]),
    .article-body__section > hr:not([class]) {
        border-bottom: 2pt solid currentColor;
        height: 0;
    }
}
.article-body
    :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
    + :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted),
.article-body__section
    :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
    + :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted) {
    margin-top: calc(var(--gutter) - var(--vert-margin));
}
@media screen and (max-width: 36em) {
    .article-body
        :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
        + .wide-xs:is(
            .bb-image,
            .bb-image-set,
            .bb-video,
            .bb-video-self-hosted
        ),
    .article-body__section
        :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
        + .wide-xs:is(
            .bb-image,
            .bb-image-set,
            .bb-video,
            .bb-video-self-hosted
        ) {
        margin-top: calc(var(--gutter) - 1.728rem) !important;
    }
}
@media screen and (max-width: 48em) {
    .article-body
        :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
        + .wide-sm:is(
            .bb-image,
            .bb-image-set,
            .bb-video,
            .bb-video-self-hosted
        ),
    .article-body__section
        :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
        + .wide-sm:is(
            .bb-image,
            .bb-image-set,
            .bb-video,
            .bb-video-self-hosted
        ) {
        margin-top: calc(var(--gutter) - 1.728rem) !important;
    }
}
@media screen and (max-width: 60em) {
    .article-body
        :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
        + .wide-md:is(
            .bb-image,
            .bb-image-set,
            .bb-video,
            .bb-video-self-hosted
        ),
    .article-body__section
        :is(.bb-image, .bb-image-set, .bb-video, .bb-video-self-hosted)
        + .wide-md:is(
            .bb-image,
            .bb-image-set,
            .bb-video,
            .bb-video-self-hosted
        ) {
        margin-top: calc(var(--gutter) - 1.728rem) !important;
    }
}
.article-body > pre,
.article-body__section > pre {
    margin: var(--vert-rhythm-sm) 0;
}
.article-body code,
.article-body__section code {
    border-radius: 0.25em;
    font-family: monospace;
    padding: 0.25em;
}
html.force-light-mode .article-body code,
html.force-light-mode .article-body__section code {
    background-color: var(--gray-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body code,
    html:not(.force-dark-mode) .article-body__section code {
        background-color: var(--gray-10);
    }
}
html.force-dark-mode .article-body code,
html.force-dark-mode .article-body__section code {
    background-color: var(--gray-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body code,
    html:not(.force-light-mode) .article-body__section code {
        background-color: var(--gray-80);
    }
}
.article-body > pre code,
.article-body__section > pre code {
    display: block;
    padding: 2em;
    overflow-x: scroll;
}
.article-body__note {
    font-family: var(--fonts-serif);
    font-size: var(--scale-1);
    font-style: italic;
}
.article-body__note p {
    margin-bottom: var(--spacing0);
    margin-top: var(--spacing0);
}
.article-body__note ul li {
    list-style: disc;
    margin-bottom: var(--spacing-1);
    margin-top: var(--spacing-1);
}
.article-body__note a,
.article-body__note a:visited {
    color: inherit;
}
.article-body__note--newsletter {
    max-width: 66ch;
}
.article-body__note--correction {
    font-family: var(--fonts-serif);
    font-size: var(--scale-1);
    font-style: italic;
}
.article-body__correction-label {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-1);
    display: block;
    padding: var(--spacing-2);
    text-transform: uppercase;
}
html.force-light-mode .article-body__correction-label {
    background-color: var(--yellow-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .article-body__correction-label {
        background-color: var(--yellow-10);
    }
}
html.force-dark-mode .article-body__correction-label {
    background-color: var(--yellow-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .article-body__correction-label {
        background-color: var(--yellow-80);
    }
}
@media screen and (min-width: 60em) {
    .article-body__correction-label {
        padding: var(--spacing-1);
    }
}
.article-body__note--contributor-line {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-style: normal;
}
@media screen and (max-width: 60em) {
    .article-body__bottom-notes .article-body__correction-label {
        display: inline-block;
        float: none;
        line-height: var(--line-height-3);
        margin-bottom: 0 !important;
        width: auto !important;
    }
}
@media screen and (min-width: 60em) {
    .article-body__bottom-notes .article-body__correction-label {
        margin-top: -0.3em !important;
        text-align: right;
    }
}
.article-body__correction-note
    + .article-body__correction-note
    .article-body__bottom-notes
    .article-body__correction-label {
    display: none;
}
.article-body__bottom-notes .article-body__note--contributor-line::before {
    background-color: var(--color-text-hed);
    content: "";
    display: block;
    height: 1px;
    margin: var(--spacing2) 0 var(--spacing1);
    width: 8rem;
}
.bb--border-top {
    padding-top: 1rem;
    border-top: var(--spacing-2) solid;
}
html.force-light-mode .bb--border-top {
    border-color: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bb--border-top {
        border-color: var(--color-accent-30);
    }
}
html.force-dark-mode .bb--border-top {
    border-color: var(--color-accent-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bb--border-top {
        border-color: var(--color-accent-30);
    }
}
.bb--chunky-border-top::before {
    content: "";
    display: block;
    height: var(--spacing-2);
    margin-bottom: 1rem;
    width: calc((((100% - 14.5152rem) / 8) * 3) + 4.1472rem);
}
html.force-light-mode .bb--chunky-border-top::before {
    background-color: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bb--chunky-border-top::before {
        background-color: var(--color-accent-30);
    }
}
html.force-dark-mode .bb--chunky-border-top::before {
    background-color: var(--color-accent-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bb--chunky-border-top::before {
        background-color: var(--color-accent-30);
    }
}
.bb--border-bottom {
    border-bottom: 1px solid;
    padding-bottom: 1rem;
}
html.force-light-mode .bb--border-bottom {
    border-color: var(--color-accent-30);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bb--border-bottom {
        border-color: var(--color-accent-30);
    }
}
html.force-dark-mode .bb--border-bottom {
    border-color: var(--color-accent-30);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bb--border-bottom {
        border-color: var(--color-accent-30);
    }
}
.bb-callout {
    --callout-module-height: 8rem;
    --callout-overlay-height: 6rem;
    padding: var(--spacing2);
    position: relative;
}
html.force-light-mode .bb-callout {
    background-color: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bb-callout {
        background-color: var(--cool-10);
    }
}
html.force-dark-mode .bb-callout {
    background-color: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bb-callout {
        background-color: var(--cool-80);
    }
}
@media screen and (min-width: 60em) {
    .bb-callout {
        --callout-module-height: 10rem;
        --callout-overlay-height: 6rem;
    }
}
@media print {
    .bb-callout {
        display: none;
    }
}
.bb-callout__title {
    color: var(--blue-50);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-bottom: var(--spacing-1);
    margin-top: calc(var(--spacing2) * -1);
    transform: translateY(-0.5rem);
    text-align: center;
}
.bb-callout__wrapper {
    overflow: hidden;
    position: relative;
    transition: height 1s ease-in;
}
.bb-callout--js-collapsed__wrapper {
    height: var(--callout-module-height) !important;
}
.bb-callout__overlay {
    background: linear-gradient(
        to bottom,
        rgba(var(--overlay-color), 0) 0%,
        rgba(var(--overlay-color), 1) 90%
    );
    bottom: 0;
    content: "";
    display: block;
    height: var(--callout-overlay-height);
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}
html.force-light-mode .bb-callout__overlay {
    --overlay-color: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bb-callout__overlay {
        --overlay-color: var(--cool-10);
    }
}
html.force-dark-mode .bb-callout__overlay {
    --overlay-color: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bb-callout__overlay {
        --overlay-color: var(--cool-80);
    }
}
.bb-callout__expand-button {
    margin-top: 0;
    margin-bottom: calc(var(--spacing2) * -1);
    transform: translateY(50%);
}
html.force-light-mode .bb-callout .fr_form .fr_bottom {
    background-color: var(--cool-20);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .bb-callout .fr_form .fr_bottom {
        background-color: var(--cool-20);
    }
}
html.force-dark-mode .bb-callout .fr_form .fr_bottom {
    background-color: var(--cool-70);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .bb-callout .fr_form .fr_bottom {
        background-color: var(--cool-70);
    }
}
.fr_form {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
}
.fr_form:after {
    clear: both;
    content: "";
    display: table;
}
.fr_form .fr_page * {
    line-height: inherit;
}
.fr_form .fr_page [type="email"],
.fr_form .fr_page [type="search"],
.fr_form .fr_page [type="text"],
.fr_form .fr_page .fr_field_wrapper textarea {
    display: block;
    max-width: inherit;
    padding: var(--spacing-1);
    width: 100%;
}
.fr_form [type="email"],
.fr_form [type="search"],
.fr_form [type="text"] {
    margin-bottom: var(--spacing0);
}
.fr_response_field .fr_add_file label {
    line-height: var(--line-height-3);
}
.fr_form abbr.fr_required {
    text-decoration: none;
}
.fr_form .fr_button {
    background: var(--color-accent-70);
    border-radius: 4px;
    border: none;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    padding: var(--spacing-1);
    text-transform: uppercase;
}
html.force-light-mode .fr_form .fr_button {
    color: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .fr_form .fr_button {
        color: var(--white);
    }
}
html.force-dark-mode .fr_form .fr_button {
    color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .fr_form .fr_button {
        color: var(--black);
    }
}
.fr_form .fr_button:focus,
.fr_form .fr_button:hover {
    background-color: var(--color-accent-50);
    border: none;
}
html.force-light-mode .fr_form .fr_button:focus,
html.force-light-mode .fr_form .fr_button:hover {
    color: var(--white);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .fr_form .fr_button:focus,
    html:not(.force-dark-mode) .fr_form .fr_button:hover {
        color: var(--white);
    }
}
html.force-dark-mode .fr_form .fr_button:focus,
html.force-dark-mode .fr_form .fr_button:hover {
    color: var(--black);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .fr_form .fr_button:focus,
    html:not(.force-light-mode) .fr_form .fr_button:hover {
        color: var(--black);
    }
}
input[data-rv-show] {
    margin-top: 0.25em;
}
.fr_form .fr_response_field {
    margin-bottom: var(--spacing1);
    max-width: inherit;
}
.fr_response_field .fr_option,
.fr_response_field label {
    margin-bottom: var(--spacing-1);
}
.fr_form .fr_text {
    font-size: inherit;
}
.fr_form .fr_error_alert_bar {
    margin-bottom: var(--spacing0);
}
.fr_form .fr_error_alert_bar a,
.fr_form .fr_error_alert_bar a:focus,
.fr_form .fr_error_alert_bar a:hover {
    color: var(--white);
    border-bottom: 2px solid #fff;
    text-decoration: none;
}
.fr_response_field_section_break {
    margin-top: var(--spacing2);
}
.fr_response_field_section_break:first-child {
    margin-top: 0;
}
.fr_form hr {
    border: none !important;
    height: 1px !important;
    margin: var(--spacing2) 0 !important;
}
html.force-light-mode .fr_form hr {
    background: var(--white) !important;
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .fr_form hr {
        background: var(--white) !important;
    }
}
html.force-dark-mode .fr_form hr {
    background: var(--black) !important;
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .fr_form hr {
        background: var(--black) !important;
    }
}
.fr_response_field label {
    font-weight: 700;
}
.fr_form .fr_response_field .fr_other_option,
.fr_form .fr_response_field label {
    font-size: inherit;
}
.fr_form .fr_response_field .fr_option,
.fr_form .fr_response_field .fr_option label {
    font-weight: normal;
}
.fr_form .fr_other_option label {
    display: block;
}
.fr_description {
    font-size: var(--scale-2);
    font-style: italic;
}
html.force-light-mode .fr_description {
    color: var(--color-text-supp);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .fr_description {
        color: var(--color-text-supp);
    }
}
html.force-dark-mode .fr_description {
    color: var(--color-text-supp);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .fr_description {
        color: var(--color-text-supp);
    }
}
.fr_form h3 {
    font-weight: 700;
    margin-bottom: var(--spacing0);
    text-transform: uppercase;
}
.fr_form .fr_bottom {
    padding: 1rem;
    padding: var(--spacing-1);
}
html.force-light-mode .fr_form .fr_bottom {
    background-color: var(--cool-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .fr_form .fr_bottom {
        background-color: var(--cool-10);
    }
}
html.force-dark-mode .fr_form .fr_bottom {
    background-color: var(--cool-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .fr_form .fr_bottom {
        background-color: var(--cool-80);
    }
}
.fr_response_field .fr_option {
    margin-left: var(--spacing1);
    position: relative;
}
.fr_response_field .fr_option [type="radio"],
.fr_response_field .fr_option [type="checkbox"] {
    float: left;
    margin-left: calc(var(--spacing1) * -1);
    margin-top: var(--spacing-2);
}
.fr_form + small {
    background-color: inherit !important;
    display: block !important;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right;
}
.fr_form + small a {
    color: inherit;
}
.article {
    margin-top: var(--spacing0);
}
@media screen and (min-width: 60em) {
    .article {
        margin-top: var(--spacing3);
    }
}
.article-body__section {
    margin-top: 0;
}
.article-body__section code {
    overflow-wrap: break-word;
}
.multi .help-us-choice {
    align-self: stretch;
}
.help-us-choice {
    border: 1px solid;
    border-radius: 4px;
    font-family: var(--fonts-sans);
    padding: var(--spacing1);
}
html.force-light-mode .help-us-choice {
    border-color: var(--gray-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .help-us-choice {
        border-color: var(--gray-10);
    }
}
html.force-dark-mode .help-us-choice {
    border-color: var(--gray-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .help-us-choice {
        border-color: var(--gray-80);
    }
}
.help-us-choice__button {
    max-width: 16rem;
}
.help-us-choice__text {
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
}
.help-us-choice__text-small {
    font-size: var(--scale-2);
    line-height: var(--line-height-1);
}
.help-us-choice__text-small a {
    color: inherit;
}
.help-us-nav {
    border-bottom: 1px solid;
    padding-bottom: var(--spacing0);
    display: flex;
    flex-direction: row;
    gap: var(--spacing0);
    align-items: center;
    justify-content: space-between;
}
html.force-light-mode .help-us-nav {
    border-color: var(--gray-10);
}
@media (prefers-color-scheme: light) {
    html:not(.force-dark-mode) .help-us-nav {
        border-color: var(--gray-10);
    }
}
html.force-dark-mode .help-us-nav {
    border-color: var(--gray-80);
}
@media screen and (prefers-color-scheme: dark) {
    html:not(.force-light-mode) .help-us-nav {
        border-color: var(--gray-80);
    }
}
.no-js .help-us-nav {
    display: none;
}
.help-us-nav .icon {
    margin-right: 0.5em;
    transform: rotate(180deg);
}
.help-us-nav__text {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    text-align: right;
}
.help-us-nav__text > a {
    color: inherit;
    display: inline-block;
    margin-left: 1em;
}
@media screen and (max-width: 48em) {
    .help-us-nav__text > a:first-of-type {
        margin-left: 0;
    }
}
.form {
    margin-top: var(--spacing2) !important;
}
.article-body__section aside {
    background-color: var(--color-accent-10);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    margin-top: var(--vert-margin) !important;
    padding: var(--spacing1);
}
.article-body__section aside > h4 {
    font-weight: 700;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: var(--spacing0);
}
.article-body__section aside > ul {
    margin: 0 0 0 var(--spacing-1);
}
.section-reporters {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1);
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: var(--spacing2);
    row-gap: var(--spacing2);
}
@media screen and (min-width: 60em) {
    .section-reporters {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr;
    }
}
.reporter__name {
    font-weight: 700;
    letter-spacing: 0.01em;
}
.reporter__name a {
    color: inherit;
}
.reporter__portrait {
    border-radius: 50%;
}

.attribution {
    text-align: left;
}
.attribution__caption,
.attribution__credit,
.attribution__note,
.attribution__note--multi,
.attribution__source,
.attribution__about {
    color: var(--color-text-supp);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
}
.attribution__credit {
    color: var(--color-text-meta);
    font-size: var(--scale-2);
}
@media screen and (min-width: 78em) {
    .attribution__credit {
        font-size: var(--scale-3);
    }
}