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,
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: georgia adjusted;
    src: local("Georgia Bold");
    font-weight: 900;
    size-adjust: 100%
}

@font-face {
    font-family: georgia adjusted;
    src: local("Georgia");
    font-weight: 400;
    size-adjust: 106%
}

:root {
    --fonts-hed: "Noto Serif", "Georgia Adjusted", Georgia, serif;
    --fonts-serif: "Noto Serif", "Georgia Adjusted", Georgia, serif;
    --fonts-sans: "Noto Sans", system-ui, Roboto, "Segoe UI", Helvetica, Arial, Oxygen-Sans, Cantarell, Ubuntu, sans-serif;
    --fonts-mono: ui-monospace, Menlo, "Roboto Mono", "Segoe UI Mono", Consolas, monospace;
    --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
}

.text-hed {
    font-family: var(--fonts-hed)
}

.text-serif {
    font-family: var(--fonts-serif)
}

.text-sans {
    font-family: var(--fonts-sans)
}

.text-mono {
    font-family: var(--fonts-mono)
}

:root {
    --spacing-2: 0.2893518519rem;
    --spacing-1: 0.5787037037rem;
    --spacing0: 1rem;
    --spacing1: 1.44rem;
    --spacing2: 2.0736rem;
    --spacing3: 2.985984rem
}

:root {
    --black: #000000;
    --white: #ffffff;
    --gray-3: #f6f6f6;
    --gray-10: #e2e2e2;
    --gray-20: #c6c6c6;
    --gray-30: #ababab;
    --gray-40: #919191;
    --gray-50: #777777;
    --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
}

html.force-light-mode body {
    --color-light-none: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) body {
        --color-light-none: var(--black)
    }
}

html.force-dark-mode body {
    --color-light-none: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) body {
        --color-light-none: var(--white)
    }
}

html.force-light-mode body {
    --color-light-full: var(--white)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) body {
        --color-light-full: var(--white)
    }
}

html.force-dark-mode body {
    --color-light-full: var(--black)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) body {
        --color-light-full: 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-black {
    --color-bg: var(--black);
    --site-header-color-text: var(--white);
    --site-header-color-button-text: var(--white);
    --site-header-fixed-color-border: var(--gray-90);
    --site-header-fixed-color-text: var(--white);
    --site-header-fixed-color-button-text: var(--white)
}

.bg-yellow-50 {
    --color-bg: var(--yellow-50);
    --site-header-color-text: var(--yellow-90);
    --site-header-color-button-text: var(--yellow-90);
    --site-header-fixed-color-border: var(--yellow-60);
    --site-header-fixed-color-text: var(--yellow-90);
    --site-header-fixed-color-button-text: var(--yellow-90)
}

.bg-blue-97 {
    --color-bg: var(--blue-97);
    --site-header-color-text: var(--blue-20);
    --site-header-color-button-text: var(--blue-20);
    --site-header-fixed-color-border: var(--blue-80);
    --site-header-fixed-color-text: var(--blue-20);
    --site-header-fixed-color-button-text: var(--blue-20)
}

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)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-10: var(--gray-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-10: var(--gray-10)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-10: var(--gray-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-10: var(--gray-80)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-20: var(--gray-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-20: var(--gray-20)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-20: var(--gray-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-20: var(--gray-70)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-30: var(--gray-30)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-30: var(--gray-30)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-30: var(--gray-60)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-30: var(--gray-60)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-40: var(--gray-40)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-40: var(--gray-40)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-40: var(--gray-50)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-40: var(--gray-50)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-50: var(--gray-50)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-50: var(--gray-50)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-50: var(--gray-40)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-50: var(--gray-40)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-60: var(--gray-60)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-60: var(--gray-60)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-60: var(--gray-30)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-60: var(--gray-30)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-70: var(--gray-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-70: var(--gray-70)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-70: var(--gray-20)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-70: var(--gray-20)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-80: var(--gray-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-80: var(--gray-80)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-80: var(--gray-10)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-80: var(--gray-10)
    }
}

html.force-light-mode .neutral-gray {
    --color-neutral-90: var(--gray-90)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-gray {
        --color-neutral-90: var(--gray-90)
    }
}

html.force-dark-mode .neutral-gray {
    --color-neutral-90: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-gray {
        --color-neutral-90: var(--white)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-10: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-10: var(--cool-10)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-10: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-10: var(--cool-80)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-20: var(--cool-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-20: var(--cool-20)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-20: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-20: var(--cool-70)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-30: var(--cool-30)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-30: var(--cool-30)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-30: var(--cool-60)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-30: var(--cool-60)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-40: var(--cool-40)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-40: var(--cool-40)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-40: var(--cool-50)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-40: var(--cool-50)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-50: var(--cool-50)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-50: var(--cool-50)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-50: var(--cool-40)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-50: var(--cool-40)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-60: var(--cool-60)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-60: var(--cool-60)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-60: var(--cool-30)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-60: var(--cool-30)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-70: var(--cool-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-70: var(--cool-70)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-70: var(--cool-20)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-70: var(--cool-20)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-80: var(--cool-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-80: var(--cool-80)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-80: var(--cool-10)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-80: var(--cool-10)
    }
}

html.force-light-mode .neutral-cool {
    --color-neutral-90: var(--cool-90)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-cool {
        --color-neutral-90: var(--cool-90)
    }
}

html.force-dark-mode .neutral-cool {
    --color-neutral-90: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-cool {
        --color-neutral-90: var(--white)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-10: var(--warm-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-10: var(--warm-10)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-10: var(--warm-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-10: var(--warm-80)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-20: var(--warm-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-20: var(--warm-20)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-20: var(--warm-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-20: var(--warm-70)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-30: var(--warm-30)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-30: var(--warm-30)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-30: var(--warm-60)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-30: var(--warm-60)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-40: var(--warm-40)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-40: var(--warm-40)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-40: var(--warm-50)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-40: var(--warm-50)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-50: var(--warm-50)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-50: var(--warm-50)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-50: var(--warm-40)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-50: var(--warm-40)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-60: var(--warm-60)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-60: var(--warm-60)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-60: var(--warm-30)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-60: var(--warm-30)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-70: var(--warm-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-70: var(--warm-70)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-70: var(--warm-20)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-70: var(--warm-20)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-80: var(--warm-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-80: var(--warm-80)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-80: var(--warm-10)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-80: var(--warm-10)
    }
}

html.force-light-mode .neutral-warm {
    --color-neutral-90: var(--warm-90)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .neutral-warm {
        --color-neutral-90: var(--warm-90)
    }
}

html.force-dark-mode .neutral-warm {
    --color-neutral-90: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .neutral-warm {
        --color-neutral-90: var(--white)
    }
}

@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:not(.full),
    .wide-sm.wide-sm:not(.full),
    .wide-md.wide-md:not(.full) {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: 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:not(.full).left,
    .wide-sm.wide-sm:not(.full).left,
    .wide-md.wide-md:not(.full).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:not(.full).right,
    .wide-sm.wide-sm:not(.full).right,
    .wide-md.wide-md:not(.full).right {
        margin-left: auto
    }

    .full.left,
    .full.right {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .full.left.wrap,
    .full.right.wrap {
        width: 100vw;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg)
    }
}

@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,
    .left.out03 {
        margin-left: calc(((((100% - 3rem)/4) * 1) + 1rem) * -1)
    }

    .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,
    .right.out03 {
        margin-right: calc(((((100% - 3rem)/4) * 1) + 1rem) * -1)
    }

    .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(.out04),
    .size08:not(.out04),
    .size09.wrap,
    .size10.wrap,
    .size11.wrap,
    .size12.wrap,
    .size13.wrap,
    .size14.wrap,
    .wide-sm.wide-sm.wide-sm.wide-sm:not(.full),
    .wide-md.wide-md.wide-md.wide-md:not(.full) {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: 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(.out04).left,
    .size08: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:not(.full).left,
    .wide-md.wide-md.wide-md.wide-md:not(.full).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(.out04).right,
    .size08: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:not(.full).right,
    .wide-md.wide-md.wide-md.wide-md:not(.full).right {
        margin-left: auto
    }

    .full.left,
    .full.right {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .full.left.wrap,
    .full.right.wrap {
        width: 100vw;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg)
    }

    .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,
    .left.out03 {
        margin-left: calc(((((100% - 10.368rem)/6) * 1) + 2.0736rem) * -1)
    }

    .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,
    .right.out03 {
        margin-right: calc(((((100% - 10.368rem)/6) * 1) + 2.0736rem) * -1)
    }

    .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(.out04),
    .size07:not(.out04),
    .size08.wrap,
    .size09.wrap,
    .size10.wrap,
    .size11.wrap,
    .size12.wrap,
    .size13.wrap,
    .size14.wrap,
    .wide-md.wide-md.wide-md.wide-md:not(.full) {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: 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(.out04).left,
    .size07: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:not(.full).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(.out04).right,
    .size07: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:not(.full).right {
        margin-left: auto
    }

    .full.left,
    .full.right {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .full.left.wrap,
    .full.right.wrap {
        width: 100vw;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg)
    }

    .size09.left.in01,
    .size09.left.in02,
    .size09.left.in03,
    .size10.left.in01,
    .size10.left.in02,
    .size10.left.in03,
    .size10.right.out01,
    .size10.right.out02,
    .size10.right.out03,
    .size10.right.out04 {
        margin-left: 0
    }

    .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,
    .size08.right.in03,
    .size08.right.in03.wrap,
    .size09.right.in01,
    .size09.right.in02,
    .size09.right.in03,
    .size10.right:not(.in01):not(.in02):not(.in03):not(.out01):not(.out02):not(.out03):not(.out04),
    .size10.right.in01,
    .size10.right.in02,
    .size10.right.in03,
    .size11.left,
    .size11.right,
    .size11.right.wrap,
    .size12.left,
    .size12.right,
    .size12.right.wrap,
    .size13.left,
    .size13.right,
    .size13.right.wrap,
    .size14.left,
    .size14.right,
    .size14.right.wrap {
        margin-left: calc(((((100% - 10.368rem)/6) * 1) + 2.0736rem) * -1)
    }

    .size08.left.in03,
    .size08.right.out01,
    .size08.right.out01.wrap,
    .size08.right.out02,
    .size08.right.out02.wrap,
    .size08.right.out03,
    .size08.right.out03.wrap {
        margin-left: calc((((100% - 10.368rem)/6) * 1) + 2.0736rem)
    }
}

@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,
    .left.out03,
    .size12.center,
    .size13.center,
    .size14.center {
        margin-left: calc(((((100% - 14.5152rem)/8) * 2) + 4.1472rem) * -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,
    .right.out03,
    .size12.center,
    .size13.center,
    .size14.center {
        margin-right: calc(((((100% - 14.5152rem)/8) * 2) + 4.1472rem) * -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
    }
}

@media screen and (min-width:60em)and (max-width:78em) {

    .size03.in03,
    .size04.in02,
    .size04.in03,
    .size05.in01,
    .size05.in02,
    .size05.in03,
    .size06:not(.out01):not(.out02):not(.out03):not(.out04),
    .size07:not(.in02):not(.in03):not(.out02):not(.out03):not(.out04),
    .size08: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);
        margin-bottom: 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(.in02):not(.in03):not(.out02):not(.out03):not(.out04).left,
    .size08: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(.in02):not(.in03):not(.out02):not(.out03):not(.out04).right,
    .size08: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
    }

    .full.left,
    .full.right {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .full.left.wrap,
    .full.right.wrap {
        width: 100vw;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg)
    }

    .size10.left.in01,
    .size10.left.in02,
    .size10.left.in03,
    .size10.right.out02,
    .size10.right.out03,
    .size10.right.out04 {
        margin-left: 0
    }

    .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,
    .size11.left,
    .size11.right.out02,
    .size11.right.out03,
    .size11.wrap.right.out02,
    .size11.wrap.right.out03 {
        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),
    .size08.right.in03:not(.out03):not(.out04),
    .size09.right.in01:not(.out04),
    .size09.right.in02:not(.out04),
    .size09.right.in03:not(.out04),
    .size10.right:not(.out01):not(.out02):not(.out03):not(.out04),
    .size10.right.in01,
    .size10.right.in02,
    .size10.right.in03,
    .size11.left.out02,
    .size11.left.out03,
    .size11.right,
    .size11.wrap.right,
    .size12.left,
    .size12.right,
    .size12.right.wrap,
    .size13.left,
    .size13.right,
    .size13.right.wrap,
    .size14.left,
    .size14.right,
    .size14.right.wrap {
        margin-left: calc(((((100% - 14.5152rem)/8) * 2) + 4.1472rem) * -1)
    }

    .size09.right.out01:not(.out04) {
        margin-left: 0
    }

    .size08.right.out01:not(.out04),
    .size08.right.out01.wrap:not(.out04),
    .size09.left.in02:not(.out04),
    .size09.left.in03:not(.out04),
    .size09.right.out02:not(.out04),
    .size09.right.out03:not(.out04) {
        margin-left: calc((((100% - 14.5152rem)/8) * 1) + 2.0736rem)
    }

    .size08.left.in03,
    .size08.right.out02:not(.out04),
    .size08.right.out02.wrap:not(.out04),
    .size08.right.out03:not(.out04),
    .size08.right.out03.wrap:not(.out04) {
        margin-left: calc((((100% - 14.5152rem)/8) * 2) + 4.1472rem)
    }
}

@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)
    }

    .left.out03 {
        margin-left: calc(((((100% - 14.5152rem)/8) * 3) + 6.2208rem) * -1)
    }

    .size08.left.in03,
    .right.out03 {
        margin-right: 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
    }

    .size08:not(.out03):not(.out04),
    .size09:not(.out03):not(.out04),
    .size10.wrap,
    .size11.wrap,
    .size12.wrap,
    .size13.wrap,
    .size14.wrap {
        clear: both;
        float: none;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg)
    }

    .size08:not(.out03):not(.out04).left,
    .size09:not(.out03):not(.out04).left,
    .size10.wrap.left,
    .size11.wrap.left,
    .size12.wrap.left,
    .size13.wrap.left,
    .size14.wrap.left {
        margin-right: auto
    }

    .size08:not(.out03):not(.out04).right,
    .size09:not(.out03):not(.out04).right,
    .size10.wrap.right,
    .size11.wrap.right,
    .size12.wrap.right,
    .size13.wrap.right,
    .size14.wrap.right {
        margin-left: auto
    }

    .full.left,
    .full.right {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%)
    }

    .full.left.wrap,
    .full.right.wrap {
        width: 100vw;
        margin-top: var(--vert-rhythm-lg);
        margin-bottom: var(--vert-rhythm-lg)
    }

    .size10.right.out02,
    .size11.left:not(.out01):not(.out02):not(.out03):not(.out04),
    .size11.right.out03 {
        margin-left: 0
    }

    .size08.right.in01:not(.out03):not(.out04),
    .size09.right:not(.in01):not(.in02):not(.in03):not(.out01):not(.out02):not(.out03):not(.out04),
    .size10.right.out01,
    .size11.right.out02,
    .size12.left:not(.out01):not(.out02):not(.out03):not(.out04),
    .size12.right.out03,
    .size12.right.out04 {
        margin-left: calc(((((100% - 14.5152rem)/8) * 1) + 2.0736rem) * -1)
    }

    .size08.right.in02:not(.out03):not(.out04),
    .size09.right.in01:not(.out03):not(.out04),
    .size10.right:not(.in01):not(.in02):not(.in03):not(.out01):not(.out02):not(.out03):not(.out04),
    .size11.right.out01,
    .size12.right.out02,
    .size13.left:not(.out03):not(.out04),
    .size13.right.out03,
    .size13.right.out04 {
        margin-left: calc(((((100% - 14.5152rem)/8) * 2) + 4.1472rem) * -1)
    }

    .size08.right.in03:not(.out03):not(.out04),
    .size09.right.in02:not(.out03):not(.out04),
    .size09.right.in03:not(.out03):not(.out04),
    .size10.right.in01,
    .size10.right.in02,
    .size10.right.in03,
    .size11.right:not(.out01):not(.out02):not(.out03):not(.out04),
    .size11.right.in01,
    .size11.right.in02,
    .size11.right.in03,
    .size12.right:not(.out02):not(.out03):not(.out04),
    .size13.right:not(.out03):not(.out04),
    .size14.left,
    .size14.right,
    .size14.right.wrap {
        margin-left: calc(((((100% - 14.5152rem)/8) * 3) + 6.2208rem) * -1)
    }

    .size08.right.out01:not(.out03):not(.out04),
    .size09.right.out02:not(.out03):not(.out04),
    .size10.left.in02,
    .size10.left.in03,
    .size10.right.out03 {
        margin-left: calc((((100% - 14.5152rem)/8) * 1) + 2.0736rem)
    }

    .size08.right.out02:not(.out03):not(.out04),
    .size09.left.in03:not(.out03):not(.out04),
    .size09.right.out03:not(.out04):not(.wrap) {
        margin-left: calc((((100% - 14.5152rem)/8) * 2) + 4.1472rem)
    }

    .size08.left.in03:not(.out03):not(.out04),
    .size08.right.out03:not(.out04) {
        margin-left: calc((((100% - 14.5152rem)/8) * 3) + 6.2208rem)
    }
}

: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 .5em top 50%, 0 0;
    background-size: .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;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyOTIuNCcgaGVpZ2h0PScyOTIuNCc+PHBhdGggZmlsbD0nIzJiMzEzNycgZD0nTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHonLz48L3N2Zz4=)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) select {
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyOTIuNCcgaGVpZ2h0PScyOTIuNCc+PHBhdGggZmlsbD0nIzJiMzEzNycgZD0nTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHonLz48L3N2Zz4=)
    }
}

html.force-dark-mode select {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyOTIuNCcgaGVpZ2h0PScyOTIuNCc+PHBhdGggZmlsbD0nI2JlYzhjZScgZD0nTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHonLz48L3N2Zz4=)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) select {
        background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyOTIuNCcgaGVpZ2h0PScyOTIuNCc+PHBhdGggZmlsbD0nI2JlYzhjZScgZD0nTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHonLz48L3N2Zz4=)
    }
}

select::-ms-expand {
    display: none
}

.form {
    font-family: var(--fonts-sans)
}

.form__label {
    font-size: var(--scale-2);
    font-weight: 700;
    display: block;
    width: 100%
}

.form__legend {
    font-size: var(--scale-2);
    font-weight: 700;
    display: block;
    width: 100%
}

.form__input-text {
    background-color: transparent;
    color: var(--color-form);
    font-size: 1em;
    padding: var(--spacing-1);
    transition: box-shadow .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 .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;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIGZpbGw9J2JsYWNrJy8+PHBhdGggZD0nTTUgMTEuNUwxMCAxNi41TDE5LjUgNycgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScyJy8+PC9zdmc+Cg==);
    background-size: cover
}

.form__input-checkbox-wrapper {
    --checkbox-size: var(--spacing1);
    padding-left: calc(var(--checkbox-size) + .5rem);
    position: relative;
    min-height: var(--checkbox-size)
}

.form__input-checkbox-wrapper .form__input-checkbox {
    position: absolute;
    top: -.1rem;
    left: 0
}

.form__input-radio {
    --radio-size: var(--spacing1)
}

.form__input-radio-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing-1)
}

.form__input-radio-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
    color: var(--color-form);
    border: var(--form-border);
    border-radius: 50%;
    font-size: var(--scale-1);
    height: var(--radio-size);
    width: var(--radio-size)
}

.form__input-radio-input:checked {
    background-position: center;
    background-repeat: none;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIGZpbGw9J3RyYW5zcGFyZW50Jy8+PGNpcmNsZSBjeD0nMTAnIGN5PScxMCcgcj0nOCcgZmlsbD0nYmxhY2snIHN0cm9rZT0ndHJhbnNwYXJlbnQnIHN0cm9rZS13aWR0aD0nMicvPjwvc3ZnPgo=)
}

.text-light .form__input-radio-input:checked {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cmVjdCB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIGZpbGw9J3RyYW5zcGFyZW50Jy8+PGNpcmNsZSBjeD0nMTAnIGN5PScxMCcgcj0nOCcgZmlsbD0nd2hpdGUnIHN0cm9rZT0ndHJhbnNwYXJlbnQnIHN0cm9rZS13aWR0aD0nMicvPjwvc3ZnPgo=)
}

.form__input-radio-label {
    font-size: var(--scale-2)
}

.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 .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: 0 0
}

.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);
    color: var(--color-accent-50);
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    transition: fill .2s ease-out;
    width: var(--spacing0)
}

.form__submit-btn-wrapper--arrow-transparent:hover svg {
    color: var(--color-text-hed)
}

.form__submit-btn--arrow-transparent {
    font-size: 0;
    height: var(--button-size);
    line-height: 0;
    opacity: 0;
    transition: all .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)
}

.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)
}

.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
}

.table {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    color: var(--color-text-body);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    width: 100%
}

html.force-light-mode .table {
    border-color: var(--cool-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .table {
        border-color: var(--cool-20)
    }
}

html.force-dark-mode .table {
    border-color: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .table {
        border-color: var(--cool-70)
    }
}

.table--small {
    font-size: var(--scale-2)
}

.table__th {
    font-weight: 700
}

html.force-light-mode .table__th {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .table__th {
        background: var(--cool-10)
    }
}

html.force-dark-mode .table__th {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .table__th {
        background: var(--cool-80)
    }
}

.table__th,
.table__td {
    border-style: solid;
    border-width: 1px;
    padding: var(--spacing-1);
    text-align: left
}

html.force-light-mode .table__th,
html.force-light-mode .table__td {
    border-color: var(--cool-20)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .table__th,
    html:not(.force-dark-mode) .table__td {
        border-color: var(--cool-20)
    }
}

html.force-dark-mode .table__th,
html.force-dark-mode .table__td {
    border-color: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .table__th,
    html:not(.force-light-mode) .table__td {
        border-color: var(--cool-70)
    }
}

.table__th a,
.table__td a {
    color: inherit;
    text-decoration: underline
}

.table__th--numeric,
.table__td--numeric {
    text-align: right;
    font-feature-settings: "tnum"1
}

@media screen and (max-width:48em) {

    .table__th--small,
    .table__td--small {
        width: 2em
    }
}

.table--dense__th,
.table--dense__td {
    padding: var(--spacing-2)
}

.table--long {
    position: relative;
    z-index: 10
}

@media screen and (min-width:60em) {
    .table--long {
        position: static;
        z-index: auto
    }
}

.table--long thead {
    position: sticky;
    top: 2.9375rem
}

.table--shortened__wrap {
    --table-height: 40vh;
    --table-height-fallback: 20em
}

.table--shortened__wrap table {
    border: none;
    margin: 0
}

.table--shortened__wrap thead tr>* {
    border-top: none
}

.table--shortened__wrap tbody tr:last-child>* {
    border-bottom: none
}

.table--shortened__wrap-inner {
    border: 1px solid var(--gray-20);
    border-width: 1px 0;
    clear: both;
    min-height: calc(var(--table-height-fallback)/2);
    max-height: var(--table-height-fallback);
    max-height: var(--table-height);
    overflow-y: auto;
    position: relative;
    z-index: 1
}

.table--shortened__wrap-cap {
    height: 4vh;
    pointer-events: none;
    position: sticky;
    width: 100%;
    z-index: 1;
    transition: opacity .2s
}

.table--shortened__wrap-cap--top {
    background: linear-gradient(to bottom, rgba(44, 44, 44, 0.15) 0%, rgba(44, 44, 44, 0) 80%);
    top: 0;
    margin-bottom: -4vh
}

.table--shortened__wrap-cap--bottom {
    background: linear-gradient(to top, rgba(44, 44, 44, 0.15) 0%, rgba(44, 44, 44, 0) 80%);
    bottom: 0;
    margin-top: -4vh
}

.table--shortened__wrap--js-at-top .table--shortened__wrap-cap--top,
.table--shortened__wrap--js-at-bottom .table--shortened__wrap-cap--bottom {
    opacity: 0
}

.table--minimal {
    border: none
}

.table--minimal__th {
    border: none;
    color: var(--color-text-meta);
    font-size: var(--scale-2);
    font-weight: 400
}

html.force-light-mode .table--minimal__th {
    background-color: var(--color-bg)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .table--minimal__th {
        background-color: var(--color-bg)
    }
}

html.force-dark-mode .table--minimal__th {
    background-color: var(--color-bg)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .table--minimal__th {
        background-color: var(--color-bg)
    }
}

.table--minimal__td {
    color: var(--color-text-supp)
}

a.tablesaw-btn {
    background-color: var(--gray-10);
    border: none
}

.tablesaw-fix-persist {
    table-layout: auto
}

.tablesaw-sortable-btn {
    cursor: pointer;
    padding: 0
}

.tablesaw-sortable-btn:hover,
.tablesaw-sortable-btn:focus {
    text-decoration: underline
}

.tablesaw-bar {
    margin-left: 0;
    width: 100%
}

.tablesaw-bar.tablesaw-all-cols-visible {
    display: none
}

.tablesaw-all-cols-visible+.tablesaw-sortable .tablesaw-sortable-btn {
    white-space: normal
}

.tablesaw-swipe {
    border-right-width: 0
}

.tablesaw-all-cols-visible+.tablesaw-swipe {
    border-right-width: 1px
}

.tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-right: 3px solid
}

html.force-light-mode .tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-color: var(--cool-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .tablesaw-swipe .tablesaw-swipe-cellpersist {
        border-color: var(--cool-20)
    }
}

html.force-dark-mode .tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-color: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .tablesaw-swipe .tablesaw-swipe-cellpersist {
        border-color: var(--cool-70)
    }
}

html.force-light-mode .tablesaw-sortable-head {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .tablesaw-sortable-head {
        background: var(--cool-10)
    }
}

html.force-dark-mode .tablesaw-sortable-head {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .tablesaw-sortable-head {
        background: var(--cool-80)
    }
}

html.force-light-mode .tablesaw-all-cols-visible+.tablesaw-sortable-head {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .tablesaw-all-cols-visible+.tablesaw-sortable-head {
        background: var(--cool-10)
    }
}

html.force-dark-mode .tablesaw-all-cols-visible+.tablesaw-sortable-head {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .tablesaw-all-cols-visible+.tablesaw-sortable-head {
        background: var(--cool-80)
    }
}

.tablesaw-all-cols-visible+.tablesaw-swipe .tablesaw-swipe-cellpersist {
    border-right-width: 1px
}

.tablesaw-all-cols-visible+.tablesaw-swipe tbody .tablesaw-swipe-cellpersist {
    background: var(--page-color-bg)
}

.tablesaw-advance-dots li {
    padding: 0 .2em
}

.content .tablesaw-advance-dots {
    margin: 0;
    padding: 0
}

.tablesaw-sortable-head {
    position: static
}

html {
    font-size: 100%;
    overflow-x: hidden;
    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);
    --page-margin: var(--spacing1);
    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);
        --page-margin: var(--spacing3)
    }
}

@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 {
    --icon-size: 1em;
    display: inline-block;
    fill: currentColor;
    height: var(--icon-size);
    vertical-align: baseline;
    width: var(--icon-size)
}

.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.7777777778%
}

.aspect-4-3 {
    padding-top: 75%
}

.aspect-3-4 {
    padding-top: 133.3333333333%
}

.aspect-3-2 {
    padding-top: 66.6666666667%
}

.aspect-2-3 {
    padding-top: 150%
}

.aspect-1-1 {
    padding-top: 100%
}

.hide,
.-js-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
    }
}

@media screen and (min-width:88em) {
    .hide-above-xxl {
        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: 60%;
    width: 60%
}

html:not(.force-light-mode, .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
}

.user-level--0 *[class*=user-level--1__]:not(.user-level--0__show),
.user-level--0 *[class*=user-level--2__]:not(.user-level--0__show),
.user-level--0 *[class*=user-level--3__]:not(.user-level--0__show) {
    display: none
}

.user-level--1 *[class*=user-level--0__]:not(.user-level--1__show),
.user-level--1 *[class*=user-level--2__]:not(.user-level--1__show),
.user-level--1 *[class*=user-level--3__]:not(.user-level--1__show) {
    display: none
}

.user-level--2 *[class*=user-level--0__]:not(.user-level--2__show),
.user-level--2 *[class*=user-level--1__]:not(.user-level--2__show),
.user-level--2 *[class*=user-level--3__]:not(.user-level--2__show) {
    display: none
}

.user-level--3 *[class*=user-level--0__]:not(.user-level--3__show),
.user-level--3 *[class*=user-level--1__]:not(.user-level--3__show),
.user-level--3 *[class*=user-level--2__]:not(.user-level--3__show) {
    display: none
}

.stretched-link::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    content: ""
}

.stretched-link-contain {
    position: relative
}

.stack {
    display: flex;
    gap: var(--spacing0)
}

.stack>* {
    flex: 0 1 auto
}

.stack--stretch-items>* {
    flex: 1 1 0%
}

.stack--row {
    flex-direction: row
}

.stack--col {
    flex-direction: column
}

@media screen and (max-width:0) {
    .stack--collapse-below-xs {
        flex-direction: column
    }
}

@media screen and (max-width:36em) {
    .stack--collapse-below-sm {
        flex-direction: column
    }
}

@media screen and (max-width:48em) {
    .stack--collapse-below-md {
        flex-direction: column
    }
}

@media screen and (max-width:60em) {
    .stack--collapse-below-lg {
        flex-direction: column
    }
}

@media screen and (max-width:78em) {
    .stack--collapse-below-xl {
        flex-direction: column
    }
}

@media screen and (max-width:88em) {
    .stack--collapse-below-xxl {
        flex-direction: column
    }
}

.stack--spacing-gutter {
    gap: var(--gutter)
}

.stack--spacing-none {
    gap: 0
}

.stack--spacing-2 {
    gap: var(--spacing-2)
}

.stack--spacing-1 {
    gap: var(--spacing-1)
}

.stack--spacing0 {
    gap: var(--spacing0)
}

.stack--spacing1 {
    gap: var(--spacing1)
}

.stack--spacing2 {
    gap: var(--spacing2)
}

.stack--spacing3 {
    gap: var(--spacing3)
}

.stack--wrap {
    flex-wrap: wrap
}

.stack--align-start {
    align-items: flex-start
}

.stack--align-end {
    align-items: flex-end
}

.stack--align-center {
    align-items: center
}

.stack--align-stretch {
    align-items: stretch
}

.stack--align-baseline {
    align-items: baseline
}

.stack--justify-start {
    justify-content: flex-start
}

.stack--justify-end {
    justify-content: flex-end
}

.stack--justify-center {
    justify-content: center
}

.stack--justify-between {
    justify-content: space-between
}

.stack--justify-around {
    justify-content: space-around
}

.stack--justify-evenly {
    justify-content: space-evenly
}

.stack__item--size-1 {
    flex: 1
}

.stack__item--size-2 {
    flex: 2
}

.stack__item--size-3 {
    flex: 3
}

.stack__item--size-4 {
    flex: 4
}

.stack__item-grow {
    flex-grow: 1
}

.stack__item-no-grow {
    flex-grow: 0
}

.stack__item-shrink {
    flex-shrink: 1
}

.stack__item-no-shrink {
    flex-shrink: 0
}

.stack__item--align-start {
    align-self: flex-start
}

.stack__item--align-end {
    align-self: flex-end
}

.stack__item--align-center {
    align-self: center
}

.stack__item--align-stretch {
    align-self: stretch
}

.stack__item--align-baseline {
    align-self: baseline
}

.stack__item--fill-col {
    width: 100%
}

@media screen and (min-width:36em) {
    .stack__item--fill-col-sm {
        width: 100%
    }
}

@media screen and (min-width:48em) {
    .stack__item--fill-col-md {
        width: 100%
    }
}

@media screen and (min-width:60em) {
    .stack__item--fill-col-lg {
        width: 100%
    }
}

@media screen and (min-width:78em) {
    .stack__item--fill-col-xl {
        width: 100%
    }
}

@media screen and (min-width:88em) {
    .stack__item--fill-col-xxl {
        width: 100%
    }
}

.stack__item--fit-content {
    width: fit-content
}

@media screen and (min-width:36em) {
    .stack__item--fit-content-sm {
        width: fit-content
    }
}

@media screen and (min-width:48em) {
    .stack__item--fit-content-md {
        width: fit-content
    }
}

@media screen and (min-width:60em) {
    .stack__item--fit-content-lg {
        width: fit-content
    }
}

@media screen and (min-width:78em) {
    .stack__item--fit-content-xl {
        width: fit-content
    }
}

@media screen and (min-width:88em) {
    .stack__item--fit-content-xxl {
        width: fit-content
    }
}

.btn {
    --button-color: var(--color-light-none);
    --button-icon-size: 50%;
    --button-size: 1.7rem;
    --button-text-color: var(--color-light-full);
    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;
    line-height: var(--line-height-3);
    justify-content: center;
    padding: var(--scale-2);
    text-align: center;
    transition: all .2s ease-in;
    will-change: opacity
}

.btn:hover {
    opacity: .75;
    cursor: pointer
}

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: var(--button-icon-size);
    pointer-events: none;
    width: var(--button-icon-size);
    vertical-align: baseline
}

.btn__icon--filled {
    --button-icon-size: 100%
}

.-js-copy-textarea {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute
}

.-js-copy-btn {
    position: relative
}

.-js-copy-textarea {
    width: 0;
    height: 0;
    opacity: 0
}

@keyframes tooltipPopIn {
    0% {
        opacity: 0;
        transform: scale(.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(.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)
    }
}

.iterate__container {
    z-index: 1000 !important
}

.iterate__container textarea,
.iterate__container input {
    border-left: 5px solid var(--color-accent-50) !important;
    border: 1px solid var(--color-accent-50) !important;
    font-weight: 400 !important
}

html.force-dark-mode .iterate__container textarea,
html.force-dark-mode .iterate__container input {
    background: transparent !important;
    color: inherit !important
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .iterate__container textarea,
    html:not(.force-light-mode) .iterate__container input {
        background: transparent !important;
        color: inherit !important
    }
}

.iterate__container svg {
    width: auto
}

html.force-dark-mode .iterate__container {
    background: var(--cool-80) !important;
    color: var(--color-text-body) !important
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__container {
        background: var(--cool-80) !important;
        color: var(--color-text-body) !important
    }
}

html.force-dark-mode .iterate__container [class*=segment] {
    background: var(--cool-90) !important;
    border-right-color: var(--cool-70) !important
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__container [class*=segment] {
        background: var(--cool-90) !important;
        border-right-color: var(--cool-70) !important
    }
}

html.force-dark-mode .iterate__container [class*=filled] {
    background: var(--color-accent-50) !important
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__container [class*=filled] {
        background: var(--color-accent-50) !important
    }
}

html.force-light-mode .iterate__container [class*=filled] {
    background: var(--color-accent-50) !important
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .iterate__container [class*=filled] {
        background: var(--color-accent-50) !important
    }
}

@media(max-width:540px) {
    html.force-dark-mode .iterate__container [class*=closeButtonPrompt] {
        background: transparent !important;
        border-right: 1px solid var(--cool-90) !important
    }
}

@media screen and (max-width:540px)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__container [class*=closeButtonPrompt] {
        background: transparent !important;
        border-right: 1px solid var(--cool-90) !important
    }
}

.iterate__container__border {
    background-color: transparent !important
}

.iterate__prompt .iterate__button {
    background: var(--color-accent-50) !important;
    color: var(--button-text-color) !important
}

@media(min-width:541px) {
    .iterate__prompt .iterate__button {
        border-width: 0 !important
    }

    html.force-light-mode .iterate__prompt .iterate__button {
        border: 14px solid #fff !important;
        border-top-width: 2px !important
    }
}

@media(min-width:541px)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .iterate__prompt .iterate__button {
        border: 14px solid #fff !important;
        border-top-width: 2px !important
    }
}

@media(min-width:541px) {
    html.force-dark-mode .iterate__prompt .iterate__button {
        border: 14px solid var(--cool-80) !important;
        border-top-width: 2px !important
    }
}

@media screen and (min-width:541px)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__prompt .iterate__button {
        border: 14px solid var(--cool-80) !important;
        border-top-width: 2px !important
    }
}

html.force-dark-mode .iterate__footer {
    border-top: 1px solid var(--cool-90) !important;
    background: transparent !important
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__footer {
        border-top: 1px solid var(--cool-90) !important;
        background: transparent !important
    }
}

.iterate__question {
    color: var(--color-text-hed) !important
}

.iterate__question .iterate__button {
    color: var(--color-accent-50) !important;
    transition: all .05s ease-out !important
}

html.force-light-mode .iterate__question .iterate__button {
    background: var(--color-accent-10) !important;
    color: var(--color-accent-60) !important
}

html.force-light-mode .iterate__question .iterate__button:hover,
html.force-light-mode .iterate__question .iterate__button[class*=active] {
    color: var(--color-accent-80) !important;
    background: var(--color-accent-20) !important
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .iterate__question .iterate__button {
        background: var(--color-accent-10) !important;
        color: var(--color-accent-60) !important
    }

    html:not(.force-dark-mode) .iterate__question .iterate__button:hover,
    html:not(.force-dark-mode) .iterate__question .iterate__button[class*=active] {
        color: var(--color-accent-80) !important;
        background: var(--color-accent-20) !important
    }
}

html.force-dark-mode .iterate__question .iterate__button {
    background: var(--cool-70) !important
}

html.force-dark-mode .iterate__question .iterate__button:hover,
html.force-dark-mode .iterate__question .iterate__button[class*=active] {
    color: var(--color-accent-90) !important;
    background: var(--color-accent-30) !important
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .iterate__question .iterate__button {
        background: var(--cool-70) !important
    }

    html:not(.force-light-mode) .iterate__question .iterate__button:hover,
    html:not(.force-light-mode) .iterate__question .iterate__button[class*=active] {
        color: var(--color-accent-90) !important;
        background: var(--color-accent-30) !important
    }
}

.iterate__footer__previous:not([disabled]) path,
.iterate__footer__next path,
.iterate__footer__next span,
.iterate__container [for*=star-rating] svg:first-child path {
    fill: var(--color-accent-50) !important;
    color: var(--color-accent-50) !important
}

.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)
    }

    .opener--none.opener--center {
        padding: 0 0 var(--spacing3)
    }
}

@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: 1fr auto auto 1fr;
        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;
        align-self: end
    }

    .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:48em) {
    .opener--large {
        padding-top: var(--spacing1)
    }
}

.opener--large .opener__art-wrapper {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw
}

@media screen and (min-width:88em) {
    .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)
    }
}

@media screen and (max-width:88em) {
    .opener--large .attribution {
        padding-left: var(--opener-page-margins);
        padding-right: var(--opener-page-margins)
    }
}

.opener--full {
    display: flex;
    flex-direction: column
}

.opener--full .opener__art-wrapper {
    display: contents
}

.opener--full .opener__art {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    --opener-art-max-height: calc(100vh - 210px);
    object-fit: cover;
    height: auto;
    width: 100vw;
    max-height: var(--opener-art-max-height, 100vh)
}

@media screen and (min-width:60em) {
    .opener--full .opener__art {
        --opener-art-min-height: 40vw;
        --opener-art-max-height: calc(100vh - 150px);
        min-height: var(--opener-art-min-height)
    }
}

.opener--full .opener__art>img,
.opener--full .opener__art>video,
.opener--full .opener__art>.opener__video-wrapper>video {
    object-fit: cover;
    height: auto;
    width: 100vw;
    max-height: var(--opener-art-max-height, 100vh)
}

@media screen and (min-width:60em) {

    .opener--full .opener__art>img,
    .opener--full .opener__art>video,
    .opener--full .opener__art>.opener__video-wrapper>video {
        min-height: var(--opener-art-min-height)
    }
}

.opener--full .attribution {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-bottom: var(--spacing1);
    padding-left: var(--opener-page-margins);
    padding-right: var(--opener-page-margins);
    text-align: left
}

@media screen and (min-width:60em) {
    .opener--full .attribution {
        padding-right: 25vw
    }
}

@media screen and (min-width:60em) {
    .opener--full .opener__topic-title-dek-wrapper {
        margin-left: calc(((((100% - 14.5152rem)/8) * 1) + 2.0736rem) * -1);
        width: calc((((100% - 14.5152rem)/8) * 10) + 18.6624rem)
    }
}

@media screen and (min-width:78em) {
    .opener--full .opener__topic-title-dek-wrapper {
        margin-left: calc(((((100% - 14.5152rem)/8) * 1) + 2.0736rem) * -1);
        width: calc((((100% - 14.5152rem)/8) * 10) + 18.6624rem)
    }
}

.opener--grid,
.opener--split {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    display: grid
}

.opener--grid .attribution,
.opener--split .attribution {
    margin-bottom: var(--spacing1);
    text-align: left
}

.opener--grid.opener--has-background-accent::after,
.opener--has-background-accent.opener--split::after {
    background-color: var(--opener-bg)
}

.opener--grid.opener--has-background-white::after,
.opener--has-background-white.opener--split::after {
    background-color: var(--white)
}

.opener--grid.opener--has-background-black::after,
.opener--has-background-black.opener--split::after {
    background-color: var(--black)
}

.opener--grid .opener__topic-title-dek-wrapper--has-background-accent,
.opener--split .opener__topic-title-dek-wrapper--has-background-accent {
    background-color: var(--opener-bg)
}

.opener--grid .opener__topic-title-dek-wrapper--has-background-white,
.opener--split .opener__topic-title-dek-wrapper--has-background-white {
    background-color: var(--white)
}

.opener--grid .opener__topic-title-dek-wrapper--has-background-black,
.opener--split .opener__topic-title-dek-wrapper--has-background-black {
    background-color: var(--black)
}

@media screen and (max-width:60em) {

    .opener--grid,
    .opener--split {
        grid-template-columns: auto;
        grid-template-rows: auto auto auto
    }

    .opener--grid .opener__art-wrapper,
    .opener--split .opener__art-wrapper {
        display: contents
    }

    .opener--grid .opener__art,
    .opener--split .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--split .opener__art-width--1,
    .opener--grid .opener__art-width--2,
    .opener--split .opener__art-width--2,
    .opener--grid .opener__art-width--3,
    .opener--split .opener__art-width--3,
    .opener--grid .opener__art-width--4,
    .opener--split .opener__art-width--4 {
        height: 100vw
    }

    .opener--grid .opener__art-width--1>.opener__video-wrapper,
    .opener--split .opener__art-width--1>.opener__video-wrapper,
    .opener--grid .opener__art-width--2>.opener__video-wrapper,
    .opener--split .opener__art-width--2>.opener__video-wrapper,
    .opener--grid .opener__art-width--3>.opener__video-wrapper,
    .opener--split .opener__art-width--3>.opener__video-wrapper,
    .opener--grid .opener__art-width--4>.opener__video-wrapper,
    .opener--split .opener__art-width--4>.opener__video-wrapper {
        height: 100vw
    }

    .opener--grid .opener__art-width--1>.opener__video-wrapper>video,
    .opener--split .opener__art-width--1>.opener__video-wrapper>video,
    .opener--grid .opener__art-width--2>.opener__video-wrapper>video,
    .opener--split .opener__art-width--2>.opener__video-wrapper>video,
    .opener--grid .opener__art-width--3>.opener__video-wrapper>video,
    .opener--split .opener__art-width--3>.opener__video-wrapper>video,
    .opener--grid .opener__art-width--4>.opener__video-wrapper>video,
    .opener--split .opener__art-width--4>.opener__video-wrapper>video {
        height: 100vw;
        object-fit: cover;
        object-position: 50% 50%
    }

    .opener--grid .opener__art-width--5:is(img),
    .opener--split .opener__art-width--5:is(img),
    .opener--grid .opener__art-width--6:is(img),
    .opener--split .opener__art-width--6:is(img) {
        height: 100vh
    }

    .opener--grid .opener__art-width--5>img,
    .opener--split .opener__art-width--5>img,
    .opener--grid .opener__art-width--6>img,
    .opener--split .opener__art-width--6>img {
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%;
        position: sticky;
        top: 0
    }

    .opener--grid .opener__art-width--5>.opener__video-wrapper,
    .opener--split .opener__art-width--5>.opener__video-wrapper,
    .opener--grid .opener__art-width--6>.opener__video-wrapper,
    .opener--split .opener__art-width--6>.opener__video-wrapper {
        position: sticky;
        top: 0
    }

    .opener--grid .opener__art-width--5>.opener__video-wrapper>video,
    .opener--split .opener__art-width--5>.opener__video-wrapper>video,
    .opener--grid .opener__art-width--6>.opener__video-wrapper>video,
    .opener--split .opener__art-width--6>.opener__video-wrapper>video {
        height: 100vh !important;
        object-fit: cover;
        object-position: 50% 50%
    }

    .opener--grid .opener__art--inset,
    .opener--split .opener__art--inset {
        height: auto
    }

    .opener--grid::after,
    .opener--split::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,
    .opener--split .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,
    html.force-light-mode .opener--has-background-black.opener--split .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,
    html:not(.force-dark-mode) .opener--has-background-black.opener--split .attribution {
        --color-text-supp: var(--gray-40)
    }
}

@media screen and (max-width:60em) {

    html.force-dark-mode .opener--grid.opener--has-background-black .attribution,
    html.force-dark-mode .opener--has-background-black.opener--split .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,
    html:not(.force-light-mode) .opener--has-background-black.opener--split .attribution {
        --color-text-supp: var(--gray-40)
    }
}

@media screen and (max-width:60em) {

    html.force-light-mode .opener--grid.opener--has-background-black .attribution,
    html.force-light-mode .opener--has-background-black.opener--split .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,
    html:not(.force-dark-mode) .opener--has-background-black.opener--split .attribution {
        --color-text-meta: var(--gray-60)
    }
}

@media screen and (max-width:60em) {

    html.force-dark-mode .opener--grid.opener--has-background-black .attribution,
    html.force-dark-mode .opener--has-background-black.opener--split .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,
    html:not(.force-light-mode) .opener--has-background-black.opener--split .attribution {
        --color-text-meta: var(--gray-60)
    }
}

@media screen and (max-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper,
    .opener--split .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)
    }
}

@media screen and (max-width:60em) {

    .opener--grid.opener--has-background .opener__topic-title-dek-wrapper,
    .opener--has-background.opener--split .opener__topic-title-dek-wrapper {
        padding-bottom: var(--opener-page-margins)
    }
}

@media screen and (max-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--has-background,
    .opener--split .opener__topic-title-dek-wrapper--has-background {
        margin: 0 var(--opener-page-margins);
        padding: var(--opener-page-margins)
    }
}

@media screen and (max-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--mobile-fullbleed,
    .opener--split .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 (max-width:60em) {

    .opener--grid .opener__topics--vertical-rule::after,
    .opener--split .opener__topics--vertical-rule::after,
    .opener--grid .opener__hed--vertical-rule::after,
    .opener--split .opener__hed--vertical-rule::after {
        display: none
    }
}

@media screen and (min-width:48em)and (max-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper,
    .opener--split .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,
    .opener--split .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,
    .opener--split .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,
    .opener--split .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,
    .opener--split .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,
    .opener--split .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,
    .opener--split .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,
    .opener--split .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,
    .opener--split .opener__topic-title-dek-wrapper {
        padding: 0 calc((((100% - 14.5152rem)/8) * 1) + 2.0736rem)
    }
}

@media screen and (min-width:48em)and (max-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--mobile-fullbleed,
    .opener--split .opener__topic-title-dek-wrapper--mobile-fullbleed {
        margin: 0;
        padding: var(--opener-page-margins)
    }
}

@media screen and (min-width:48em)and (max-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--has-background,
    .opener--split .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,
    .opener--split {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: minmax(100vh, auto) auto auto
    }

    .opener--grid::after,
    .opener--split::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,
    html.force-light-mode .opener--split::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,
    html:not(.force-dark-mode) .opener--split::after {
        border-color: var(--gray-10)
    }
}

@media screen and (min-width:60em) {

    html.force-dark-mode .opener--grid::after,
    html.force-dark-mode .opener--split::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,
    html:not(.force-light-mode) .opener--split::after {
        border-color: var(--gray-80)
    }
}

@media screen and (min-width:60em) {

    .opener--grid.opener--has-background::after,
    .opener--has-background.opener--split::after {
        border: none
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-wrapper,
    .opener--split .opener__art-wrapper {
        display: contents
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art,
    .opener--split .opener__art,
    .opener--grid .opener__topic-title-dek-wrapper,
    .opener--split .opener__topic-title-dek-wrapper {
        grid-row-start: 1;
        grid-row-end: 2
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art,
    .opener--split .opener__art {
        align-self: stretch;
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%;
        min-height: 100%;
        width: 100%
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art>img,
    .opener--split .opener__art>img {
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art>video,
    .opener--split .opener__art>video,
    .opener--grid .opener__art>.opener__video-wrapper>video,
    .opener--split .opener__art>.opener__video-wrapper>video {
        height: 100vh;
        object-fit: cover;
        object-position: 50% 50%;
        min-height: 100%
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art.opener__art--inset,
    .opener--split .opener__art.opener__art--inset,
    .opener--grid .opener__art.opener__art--inset>img,
    .opener--split .opener__art.opener__art--inset>img,
    .opener--grid .opener__art.opener__art--inset>video,
    .opener--split .opener__art.opener__art--inset>video,
    .opener--grid .opener__art.opener__art--inset>.opener__video-wrapper>video,
    .opener--split .opener__art.opener__art--inset>.opener__video-wrapper>video {
        max-height: calc(100vh - 2*var(--opener-page-margins));
        object-fit: contain;
        object-position: 50% 50% !important
    }
}

@media screen and (min-width:60em) {

    .opener--grid .attribution,
    .opener--split .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
    }
}

@media screen and (min-width:60em) {

    .opener--grid .attribution--right,
    .opener--split .attribution--right {
        padding-left: 50vw;
        padding-right: var(--opener-page-margins)
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper,
    .opener--split .opener__topic-title-dek-wrapper {
        align-self: center;
        display: flex;
        flex-direction: column;
        margin: var(--opener-page-margins);
        z-index: 5
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--valign-top,
    .opener--split .opener__topic-title-dek-wrapper--valign-top {
        align-self: start
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--valign-center,
    .opener--split .opener__topic-title-dek-wrapper--valign-center {
        align-self: center
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--valign-bottom,
    .opener--split .opener__topic-title-dek-wrapper--valign-bottom {
        align-self: end
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__topic-title-dek-wrapper--has-background,
    .opener--split .opener__topic-title-dek-wrapper--has-background {
        padding: calc(var(--opener-page-margins)*2/3)
    }
}

@media screen and (min-width:60em) {

    .opener--grid .content,
    .opener--split .content {
        grid-column-start: 1;
        grid-column-end: 7;
        grid-row-start: 3;
        grid-row-end: 4
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art--inset,
    .opener--split .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))
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-start--1,
    .opener--split .opener__art-start--1,
    .opener--grid .opener__text-start--1,
    .opener--split .opener__text-start--1 {
        grid-column-start: 1
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-width--1,
    .opener--split .opener__art-width--1,
    .opener--grid .opener__text-width--1,
    .opener--split .opener__text-width--1 {
        grid-column-end: span 1
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-start--2,
    .opener--split .opener__art-start--2,
    .opener--grid .opener__text-start--2,
    .opener--split .opener__text-start--2 {
        grid-column-start: 2
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-width--2,
    .opener--split .opener__art-width--2,
    .opener--grid .opener__text-width--2,
    .opener--split .opener__text-width--2 {
        grid-column-end: span 2
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-start--3,
    .opener--split .opener__art-start--3,
    .opener--grid .opener__text-start--3,
    .opener--split .opener__text-start--3 {
        grid-column-start: 3
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-width--3,
    .opener--split .opener__art-width--3,
    .opener--grid .opener__text-width--3,
    .opener--split .opener__text-width--3 {
        grid-column-end: span 3
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-start--4,
    .opener--split .opener__art-start--4,
    .opener--grid .opener__text-start--4,
    .opener--split .opener__text-start--4 {
        grid-column-start: 4
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-width--4,
    .opener--split .opener__art-width--4,
    .opener--grid .opener__text-width--4,
    .opener--split .opener__text-width--4 {
        grid-column-end: span 4
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-start--5,
    .opener--split .opener__art-start--5,
    .opener--grid .opener__text-start--5,
    .opener--split .opener__text-start--5 {
        grid-column-start: 5
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-width--5,
    .opener--split .opener__art-width--5,
    .opener--grid .opener__text-width--5,
    .opener--split .opener__text-width--5 {
        grid-column-end: span 5
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-start--6,
    .opener--split .opener__art-start--6,
    .opener--grid .opener__text-start--6,
    .opener--split .opener__text-start--6 {
        grid-column-start: 6
    }
}

@media screen and (min-width:60em) {

    .opener--grid .opener__art-width--6,
    .opener--split .opener__art-width--6,
    .opener--grid .opener__text-width--6,
    .opener--split .opener__text-width--6 {
        grid-column-end: span 6
    }
}

@media screen and (min-width:60em)and (max-width:78em) {

    .opener--grid,
    .opener--split {
        --opener-page-margins: var(--spacing1)
    }

    .opener--grid .opener__topic-title-dek-wrapper,
    .opener--split .opener__topic-title-dek-wrapper {
        margin: var(--spacing0);
        margin-top: 3rem
    }

    .opener--grid .opener__topics--vertical-rule::after,
    .opener--split .opener__topics--vertical-rule::after,
    .opener--grid .opener__hed--vertical-rule::after,
    .opener--split .opener__hed--vertical-rule::after {
        max-height: 2rem
    }

    .opener--grid .opener__dek,
    .opener--split .opener__dek {
        font-size: var(--scale-1)
    }
}

@media screen and (min-width:88em) {

    .opener--grid .content,
    .opener--split .content {
        width: 1344px
    }
}

@media print {

    .opener--grid,
    .opener--split {
        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%
}

body:has(.opener--has-background-accent) {
    --site-header-color-border: var(--color-accent-20);
    --site-header-color-text: var(--color-accent-90);
    --site-header-color-button-bg: var(--color-accent-20);
    --site-header-color-button-text: var(--color-accent-90)
}

html.force-light-mode body:has(.opener--has-background-accent) {
    --site-header-color-bg: var(--color-accent-30)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) body:has(.opener--has-background-accent) {
        --site-header-color-bg: var(--color-accent-30)
    }
}

html.force-dark-mode body:has(.opener--has-background-accent) {
    --site-header-color-bg: var(--color-accent-10)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) body:has(.opener--has-background-accent) {
        --site-header-color-bg: var(--color-accent-10)
    }
}

body:has(.opener--has-background-black) {
    --site-header-color-bg: var(--black);
    --site-header-color-border: var(--gray-80);
    --site-header-color-text: var(--white);
    --site-header-color-button-bg: var(--black);
    --site-header-color-button-text: var(--white)
}

body:has(.opener--has-background-white) {
    --site-header-color-bg: var(--white);
    --site-header-color-border: var(--gray-20);
    --site-header-color-text: var(--black);
    --site-header-color-button-bg: var(--white);
    --site-header-color-button-text: var(--black)
}

.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--scrim {
    position: relative;
    z-index: 0
}

.opener__art--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: 900;
    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--split .opener__art,
.opener--grid .attribution,
.opener--split .attribution,
.opener--grid .opener__topics,
.opener--split .opener__topics,
.opener--grid .opener__hed,
.opener--split .opener__hed,
.opener--grid .opener__dek,
.opener--split .opener__dek,
.opener--grid .article-meta-1,
.opener--split .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--split .opener__art,
    .opener--grid .attribution,
    .opener--split .attribution,
    .opener--grid .opener__topics,
    .opener--split .opener__topics,
    .opener--grid .opener__hed,
    .opener--split .opener__hed,
    .opener--grid .opener__dek,
    .opener--split .opener__dek,
    .opener--grid .article-meta-1,
    .opener--split .article-meta-1 {
        animation: none;
        opacity: 1;
        transform: unset
    }
}

.opener--grid .opener__art,
.opener--split .opener__art {
    animation-delay: .5s
}

.opener--grid .opener__attribution,
.opener--split .opener__attribution {
    animation-delay: .75s
}

.opener--grid .opener__topics,
.opener--split .opener__topics {
    animation-delay: 1.5s
}

.opener--grid .opener__hed,
.opener--split .opener__hed {
    animation-delay: 2s
}

.opener--grid .opener__dek,
.opener--split .opener__dek {
    animation-delay: 2.5s
}

.opener--grid .article-meta-1,
.opener--split .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;
    text-decoration: none
}

.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: .02em;
    line-height: 0;
    margin-left: var(--spacing-1);
    padding-top: .8rem;
    padding-bottom: .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;
    text-decoration: none
}

.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)
    }
}

.attribution {
    display: block;
    line-height: var(--line-height-3);
    margin-top: var(--spacing-2)
}

.attribution--right {
    text-align: right
}

.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__caption a,
.attribution__caption a:visited,
.attribution__credit a,
.attribution__credit a:visited,
.attribution__note a,
.attribution__note a:visited,
.attribution__note--multi a,
.attribution__note--multi a:visited,
.attribution__source a,
.attribution__source a:visited,
.attribution__about a,
.attribution__about a:visited {
    color: inherit
}

.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)
    }
}

.attribution__source,
.attribution__note,
.attribution__note--multi,
.attribution__about {
    display: block;
    line-height: var(--line-height-1);
    margin-top: var(--spacing0)
}

.attribution__source a,
.attribution__source a:visited,
.attribution__note a,
.attribution__note a:visited,
.attribution__note--multi a,
.attribution__note--multi a:visited,
.attribution__about a,
.attribution__about 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
}

.attribution__note>p:first-of-type {
    display: inline
}

.attribution__note::before {
    content: "Note: ";
    display: inline;
    font-weight: 700
}

.attribution__note--multi>p {
    margin-bottom: var(--spacing-1);
    margin-top: var(--spacing-1)
}

.attribution__note--multi::before {
    content: "Notes: ";
    display: block;
    font-weight: 700;
    margin-bottom: var(--spacing-1)
}

.attribution__about>p {
    margin-bottom: var(--spacing-1);
    margin-top: var(--spacing-1)
}

.lead-in {
    margin-bottom: var(--spacing0)
}

.lead-in__title {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.lead-in__intro {
    color: var(--color-text-body);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.lead-in__intro a,
.lead-in__intro 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
}

.lead-in__title+.lead-in__intro {
    margin-top: var(--spacing-1)
}

.promo-series {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    line-height: var(--line-height-1)
}

@media print {
    .promo-series {
        display: none
    }
}

.promo-series__header {
    display: flex
}

@media screen and (max-width:48em) {
    .promo-series__header {
        flex-direction: row;
        align-items: center
    }
}

@media screen and (min-width:48em) {
    .promo-series__header {
        flex-direction: column
    }
}

.promo-series__art {
    display: block
}

@media screen and (max-width:48em) {
    .promo-series__art {
        height: 4em;
        margin-right: var(--spacing0);
        width: auto
    }
}

@media screen and (min-width:48em) {
    .promo-series__art {
        margin-bottom: var(--spacing0)
    }
}

.promo-series__name {
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-2)
}

.promo-series__tagline {
    color: var(--color-text-meta)
}

.promo-series__introduction {
    font-size: var(--scale-2);
    border-top: 1px solid var(--color-neutral-10);
    margin-top: var(--spacing-1);
    padding-top: var(--spacing-1)
}

.promo-series__introduction a {
    color: inherit;
    text-decoration: underline
}

.story-promo-group {
    border: var(--spacing-2) solid var(--color-accent-30);
    border-right: none;
    border-top: none;
    padding: 0 0 1rem 1rem
}

@media print {
    .story-promo-group {
        display: none
    }
}

.story-promo-group.right {
    border-left: none;
    border-right: var(--spacing-2) solid var(--color-accent-30);
    padding-left: 0;
    padding-right: 1rem
}

.story-promo-group .lead-in {
    margin-bottom: var(--spacing0)
}

.story-promo-group .lead-in .lead-in__title {
    color: var(--color-accent-50);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-2)
}

.story-promo-group--border-none,
.story-promo-group--border-none.right {
    border: none;
    padding: 0
}

.story-promo-group__logo {
    fill: var(--color-accent-50);
    margin-bottom: var(--spacing-1);
    max-width: 10em
}

.story-promo {
    align-items: center;
    color: var(--color-text-hed);
    display: flex;
    justify-content: space-between;
    text-decoration: none
}

.story-promo+.story-promo {
    margin-top: var(--spacing0)
}

.story-promo__art {
    align-self: flex-start;
    filter: grayscale(100%);
    flex-shrink: 0;
    margin-left: var(--spacing-1);
    max-width: 15ch;
    order: 2
}

.story-promo:focus .story-promo__art,
.story-promo:hover .story-promo__art {
    filter: grayscale(0)
}

.size01 .story-promo__art,
.size02 .story-promo__art,
.size03 .story-promo__art {
    display: none
}

.size04 .story-promo__art,
.size05 .story-promo__art {
    width: 4em
}

@media screen and (max-width:48em) {

    .size04 .story-promo__art,
    .size05 .story-promo__art {
        display: none
    }
}

.size06 .story-promo__art,
.size07 .story-promo__art {
    width: 4em
}

@media screen and (min-width:36em) {

    .size06 .story-promo__art,
    .size07 .story-promo__art {
        width: 5em
    }
}

@media screen and (min-width:48em) {

    .size06 .story-promo__art,
    .size07 .story-promo__art {
        width: 6em
    }
}

.size08 .story-promo__art,
.size09 .story-promo__art,
.size10 .story-promo__art,
.size11 .story-promo__art,
.size12 .story-promo__art,
.size13 .story-promo__art,
.size14 .story-promo__art {
    width: 6em
}

@media screen and (min-width:48em) {

    .size08 .story-promo__art,
    .size09 .story-promo__art,
    .size10 .story-promo__art,
    .size11 .story-promo__art,
    .size12 .story-promo__art,
    .size13 .story-promo__art,
    .size14 .story-promo__art {
        width: 50%
    }
}

@media screen and (min-width:60em) {

    .size08 .story-promo__art,
    .size09 .story-promo__art,
    .size10 .story-promo__art,
    .size11 .story-promo__art,
    .size12 .story-promo__art,
    .size13 .story-promo__art,
    .size14 .story-promo__art {
        margin-left: var(--spacing0)
    }
}

.story-promo__info {
    width: 100%
}

.story-promo__info>*+* {
    margin-top: var(--spacing-2)
}

.story-promo__hed {
    display: block;
    font-family: var(--fonts-hed);
    font-size: var(--scale-1);
    font-weight: 900;
    line-height: var(--line-height-1);
    max-width: 50ch
}

.story-promo:focus .story-promo__hed,
.story-promo:hover .story-promo__hed {
    color: var(--color-accent-70);
    text-decoration: underline;
    text-decoration-color: var(--color-accent-30);
    text-decoration-thickness: .1em;
    text-underline-offset: .1em;
    text-decoration-color: currentColor
}

.size06 .story-promo__hed,
.size07 .story-promo__hed {
    font-size: var(--scale0)
}

@media screen and (min-width:48em) {

    .size06 .story-promo__hed,
    .size07 .story-promo__hed {
        font-size: var(--scale1)
    }
}

.size08 .story-promo__hed,
.size09 .story-promo__hed,
.size10 .story-promo__hed,
.size11 .story-promo__hed,
.size12 .story-promo__hed,
.size13 .story-promo__hed,
.size14 .story-promo__hed {
    font-size: var(--scale1)
}

.story-promo__dek {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1);
    max-width: 50ch
}

.size06 .story-promo__dek,
.size07 .story-promo__dek,
.size08 .story-promo__dek,
.size09 .story-promo__dek,
.size10 .story-promo__dek,
.size11 .story-promo__dek,
.size12 .story-promo__dek,
.size13 .story-promo__dek,
.size14 .story-promo__dek {
    font-size: var(--scale-1)
}

.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
    }
}

.most-read {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .most-read {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .most-read {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .most-read {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .most-read {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .most-read {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .most-read {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .most-read {
        margin: 0 auto
    }
}

.most-read {
    clear: both;
    margin-top: var(--spacing3)
}

@media print {
    .most-read {
        display: none
    }
}

.most-read__heading {
    color: var(--text-color-hed);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700
}

@media screen and (min-width:78em) {
    .most-read__heading {
        margin-left: auto;
        margin-right: auto;
        width: calc((((100% - 26.9568rem)/14) * 12) + 22.8096rem)
    }
}

.most-read-group {
    counter-reset: start-from 0;
    margin-top: var(--spacing-2)
}

@media screen and (min-width:36em) {
    .most-read-group {
        border-top: 1px solid var(--color-neutral-10);
        display: grid;
        grid-auto-rows: auto;
        grid-template-areas: "a1 a1 a1 a3 a3 a3""a1 a1 a1 a4 a4 a4""a2 a2 a2 a5 a5 a5""a2 a2 a2 a6 a6 a6";
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
    }
}

@media screen and (min-width:48em) {
    .most-read-group {
        grid-template-areas: "a1 a1 a1 a3 a3 a3""a1 a1 a1 a3 a3 a3""a1 a1 a1 a4 a4 a4""a2 a2 a2 a4 a4 a4""a2 a2 a2 a5 a5 a5""a2 a2 a2 a5 a5 a5"
    }
}

@media screen and (min-width:60em) {
    .most-read-group {
        grid-template-areas: "a1 a1 a1 a2 a2 a2""a3 a3 a4 a4 a5 a5"
    }
}

@media screen and (min-width:78em) {
    .most-read-group {
        margin-left: auto;
        margin-right: auto;
        width: calc((((100% - 26.9568rem)/14) * 12) + 22.8096rem)
    }
}

.most-read-story .story-card__series,
.most-read-story .story-card__dek,
.most-read-story .story-card__byline {
    display: none
}

.most-read-story .story-card__hed {
    padding-left: var(--scale0);
    text-indent: calc(var(--scale0)*-1)
}

.most-read-story .story-card__hed::before {
    color: var(--color-accent-50);
    display: inline-block;
    content: counter(start-from);
    font-family: var(--fonts-sans);
    font-feature-settings: "tnum"1;
    font-size: var(--scale-1);
    text-indent: 0;
    width: var(--scale0)
}

.most-read-story {
    align-self: stretch;
    counter-increment: start-from;
    display: flex;
    padding: var(--spacing0) 0
}

@media screen and (max-width:36em) {
    .most-read-story {
        border-top: 1px solid var(--color-neutral-10)
    }
}

@media screen and (min-width:36em) {
    .most-read-story {
        grid-column: auto/span 3;
        padding: 0 var(--spacing0)
    }
}

@media screen and (min-width:36em) {
    .most-read-story {
        padding: 0 var(--spacing0)
    }
}

@media screen and (min-width:60em) {
    .most-read-story {
        grid-column: auto/span 2;
        padding: var(--spacing0) 0
    }
}

.most-read-story:nth-child(1) {
    grid-area: a1;
    padding-left: 0
}

@media screen and (min-width:36em) {
    .most-read-story:nth-child(1) {
        border-right: 1px solid var(--color-neutral-10)
    }
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(1) {
        border-bottom: 1px solid var(--color-neutral-10);
        border-right: none
    }
}

.most-read-story:nth-child(2) {
    grid-area: a2;
    padding-left: 0
}

@media screen and (min-width:36em) {
    .most-read-story:nth-child(2) {
        border-right: 1px solid var(--color-neutral-10)
    }
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(2) {
        border-bottom: 1px solid var(--color-neutral-10);
        border-right: none
    }
}

.most-read-story:nth-child(3) {
    grid-area: a3;
    padding-right: 0
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(3) {
        margin-top: 0;
        padding-top: var(--spacing0)
    }
}

.most-read-story:nth-child(4) {
    grid-area: a4;
    padding-right: 0
}

.most-read-story:nth-child(5) {
    grid-area: a5;
    padding-right: 0
}

.most-read-story:nth-child(6) {
    display: none;
    grid-area: a6;
    padding-right: 0
}

@media screen and (min-width:36em)and (max-width:48em) {
    .most-read-story:nth-child(6) {
        display: block
    }
}

.most-read-story .story-card {
    align-self: stretch;
    align-self: stretch;
    color: inherit;
    display: block;
    text-decoration: none;
    width: 100%
}

@media screen and (min-width:36em) {
    .most-read-story .story-card {
        border-top: 1px solid var(--color-neutral-10);
        padding: var(--spacing0) 0
    }
}

@media screen and (min-width:60em) {
    .most-read-story .story-card {
        border-top: none;
        padding: 0 var(--spacing0)
    }
}

.most-read-story:nth-child(1) .story-card {
    border-top: none
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(2) .story-card {
        border-left: 1px solid var(--color-neutral-10)
    }
}

.most-read-story:nth-child(3) .story-card {
    border-top: none
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(4) .story-card {
        border-left: 1px solid var(--color-neutral-10)
    }
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(5) .story-card {
        border-left: 1px solid var(--color-neutral-10)
    }
}

.most-read-story .lead-art {
    display: block
}

.most-read-story:nth-child(1) .lead-art,
.most-read-story:nth-child(2) .lead-art {
    margin-bottom: var(--spacing-1)
}

@media screen and (max-width:48em) {

    .most-read-story:nth-child(1) .lead-art,
    .most-read-story:nth-child(2) .lead-art {
        float: none;
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width:48em) {

    .most-read-story:nth-child(1) .lead-art,
    .most-read-story:nth-child(2) .lead-art {
        width: calc((((100% - 6.2208rem)/4) * 2) + 2.0736rem)
    }
}

@media screen and (min-width:60em) {

    .most-read-story:nth-child(1) .lead-art,
    .most-read-story:nth-child(2) .lead-art {
        width: calc((((100% - 10.368rem)/6) * 3) + 4.1472rem)
    }
}

@media screen and (min-width:0) {
    .most-read-story:nth-child(n+3) .lead-art {
        margin-bottom: var(--spacing-1);
        margin-left: var(--spacing-1);
        width: calc((((100% - 3rem)/4) * 1) + 0rem)
    }
}

@media screen and (min-width:36em) {
    .most-read-story:nth-child(n+3) .lead-art {
        width: calc((((100% - 2rem)/3) * 1) + 0rem)
    }
}

@media screen and (min-width:48em) {
    .most-read-story:nth-child(n+3) .lead-art {
        width: calc((((100% - 6.2208rem)/4) * 1) + 0rem)
    }
}

@media screen and (min-width:60em)and (max-width:78em) {
    .most-read-story:nth-child(n+3) .lead-art {
        display: none
    }
}

.most-read-story .story-card__hed {
    font-size: var(--scale0)
}

.most-read-story:nth-child(1) .story-card__hed,
.most-read-story:nth-child(2) .story-card__hed {
    font-size: var(--scale2)
}

@media screen and (min-width:36em) {

    .most-read-story:nth-child(1) .story-card__hed,
    .most-read-story:nth-child(2) .story-card__hed {
        font-size: var(--scale3)
    }
}

@media screen and (max-width:60em) {

    .most-read-story:nth-child(1) .story-card__hed,
    .most-read-story:nth-child(2) .story-card__hed {
        line-height: var(--line-height-2)
    }
}

@media screen and (min-width:60em) {
    .most-read-story:nth-child(n+3) .story-card__hed {
        font-size: var(--scale-1)
    }
}

@media screen and (min-width:36em) {

    .most-read-story:nth-child(1) .lead-art+.story-card__description .story-card__hed,
    .most-read-story:nth-child(2) .lead-art+.story-card__description .story-card__hed {
        font-size: var(--scale1)
    }
}

@media screen and (min-width:60em) {

    .most-read-story:nth-child(1) .lead-art+.story-card__description .story-card__hed,
    .most-read-story:nth-child(2) .lead-art+.story-card__description .story-card__hed {
        font-feature-settings: "onum"1;
        font-size: var(--scale0)
    }
}

.most-read-story .story-card__unit {
    display: none
}

.topics-band {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .topics-band {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .topics-band {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .topics-band {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .topics-band {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .topics-band {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .topics-band {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .topics-band {
        margin: 0 auto
    }
}

.topics-band {
    clear: both;
    margin-top: var(--spacing3)
}

@media print {
    .topics-band {
        display: none
    }
}

.topics-band__heading {
    color: var(--text-color-hed);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-3);
    border-bottom: 1px solid var(--color-neutral-10);
    margin-bottom: var(--spacing0);
    padding-bottom: var(--spacing-1)
}

@media screen and (min-width:78em) {
    .topics-band__heading {
        margin-left: auto;
        margin-right: auto;
        width: calc((((100% - 26.9568rem)/14) * 12) + 22.8096rem)
    }
}

.topics-band__heading .icon {
    position: absolute;
    transform: translateX(0.2em)
}

@media screen and (min-width:78em) {
    .topics-band-group {
        margin-left: auto;
        margin-right: auto;
        width: calc((((100% - 26.9568rem)/14) * 12) + 22.8096rem)
    }
}

@media screen and (max-width:36em) {
    .topics-band-group .story-card {
        flex: 0 0 calc((((100% - 6.2208rem)/4) * 3) + 4.1472rem)
    }
}

@media screen and (min-width:36em)and (max-width:48em) {
    .topics-band-group .story-card {
        flex: 0 0 calc((((100% - 5rem)/6) * 4) + 3rem)
    }
}

@media screen and (min-width:48em)and (max-width:60em) {
    .topics-band-group .story-card {
        flex: 0 0 calc((((100% - 14.5152rem)/8) * 3) + 4.1472rem)
    }
}

@media screen and (min-width:60em) {
    .topics-band-group .story-card {
        flex: 0 0 calc((((100% - 22.8096rem)/12) * 4) + 6.2208rem)
    }
}

.topics-band-group .story-card .lead-art {
    float: none;
    margin-left: 0;
    width: 100%
}

.topics-band-group .story-card__dek,
.topics-band-group .story-card__byline {
    display: none
}

.topics-band-group .story-card {
    scroll-snap-align: start;
    scroll-margin: var(--page-margin)
}

@media screen and (min-width:78em) {
    .topics-band-group .story-card {
        scroll-margin: 0
    }
}

.series-highlights__item--bordered-row {
    margin-top: var(--spacing-2)
}

.series-highlights__item--bordered-row+.series-highlights__item--bordered-row {
    border-top: 1px solid var(--color-neutral-10);
    padding-top: var(--spacing-1)
}

.series-highlights__item--bordered-box {
    border: 1px solid var(--color-neutral-10);
    border-radius: 4px;
    flex: 0 0 16rem;
    padding: var(--spacing1)
}

.series-highlights__heading {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2)
}

.series-highlights__body {
    color: var(--color-text-body);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.series-highlights__body p+p {
    margin-top: 1rem
}

.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
}

.site-header .newsletter-signup,
.place .newsletter-signup {
    position: relative
}

@media print {

    .site-header .newsletter-signup,
    .place .newsletter-signup {
        display: none
    }
}

.site-header .newsletter-signup__input-wrap,
.place .newsletter-signup__input-wrap {
    align-items: center;
    display: flex;
    opacity: 1;
    transition: opacity .2s
}

.site-header .-js-is-successful .newsletter-signup__input-wrap,
.place .-js-is-successful .newsletter-signup__input-wrap {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.site-header .newsletter-signup__feedback,
.place .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 .site-header .newsletter-signup__feedback,
html.force-light-mode .place .newsletter-signup__feedback {
    background-color: var(--black)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .site-header .newsletter-signup__feedback,
    html:not(.force-dark-mode) .place .newsletter-signup__feedback {
        background-color: var(--black)
    }
}

html.force-dark-mode .site-header .newsletter-signup__feedback,
html.force-dark-mode .place .newsletter-signup__feedback {
    background-color: var(--cool-30)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .site-header .newsletter-signup__feedback,
    html:not(.force-light-mode) .place .newsletter-signup__feedback {
        background-color: var(--cool-30)
    }
}

.site-header .newsletter-signup__feedback ::before,
.place .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(-0.5*var(--tail-size));
    left: calc(50% - var(--tail-size)/2)
}

html.force-light-mode .site-header .newsletter-signup__feedback ::before,
html.force-light-mode .place .newsletter-signup__feedback ::before {
    background-color: var(--black)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .site-header .newsletter-signup__feedback ::before,
    html:not(.force-dark-mode) .place .newsletter-signup__feedback ::before {
        background-color: var(--black)
    }
}

html.force-dark-mode .site-header .newsletter-signup__feedback ::before,
html.force-dark-mode .place .newsletter-signup__feedback ::before {
    background-color: var(--cool-30)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .site-header .newsletter-signup__feedback ::before,
    html:not(.force-light-mode) .place .newsletter-signup__feedback ::before {
        background-color: var(--cool-30)
    }
}

.site-header .-js-has-error .newsletter-signup__feedback,
.place .-js-has-error .newsletter-signup__feedback {
    display: block
}

.site-header .newsletter-signup__post-signup-prompt,
.place .newsletter-signup__post-signup-prompt {
    color: inherit;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity .2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.site-header .-js-is-successful .newsletter-signup__post-signup-prompt,
.place .-js-is-successful .newsletter-signup__post-signup-prompt {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.site-header .newsletter-signup__input-text,
.place .newsletter-signup__input-text {
    border: none;
    color: inherit;
    flex-grow: 1;
    margin-left: var(--spacing-1);
    padding: .4em 0
}

.site-header .newsletter-signup__input-text::placeholder,
.place .newsletter-signup__input-text::placeholder {
    color: inherit;
    font-size: var(--scale-2)
}

.site-header .newsletter-signup__input-text:focus::placeholder,
.place .newsletter-signup__input-text:focus::placeholder {
    color: transparent
}

.site-header .newsletter-signup__submit,
.place .newsletter-signup__submit {
    border: none;
    border-radius: 50%;
    font-size: var(--scale3);
    height: 1em;
    overflow: hidden;
    padding: 0
}

html.force-light-mode .site-header .newsletter-signup__submit,
html.force-light-mode .place .newsletter-signup__submit {
    background: transparent
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .site-header .newsletter-signup__submit,
    html:not(.force-dark-mode) .place .newsletter-signup__submit {
        background: transparent
    }
}

html.force-dark-mode .site-header .newsletter-signup__submit,
html.force-dark-mode .place .newsletter-signup__submit {
    background: transparent
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .site-header .newsletter-signup__submit,
    html:not(.force-light-mode) .place .newsletter-signup__submit {
        background: transparent
    }
}

html.force-light-mode .site-header .newsletter-signup__submit,
html.force-light-mode .place .newsletter-signup__submit {
    color: inherit
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .site-header .newsletter-signup__submit,
    html:not(.force-dark-mode) .place .newsletter-signup__submit {
        color: inherit
    }
}

html.force-dark-mode .site-header .newsletter-signup__submit,
html.force-dark-mode .place .newsletter-signup__submit {
    color: inherit
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .site-header .newsletter-signup__submit,
    html:not(.force-light-mode) .place .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)
}

.pagination {
    --pagination-number-size: 1.5rem;
    --pagination-arrow-size: 2rem
}

.pagination__number,
.pagination__truncation {
    color: var(--color-neutral-70);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 400;
    line-height: var(--pagination-number-size);
    height: var(--pagination-number-size);
    width: var(--pagination-number-size);
    text-align: center
}

.pagination__number {
    background-color: transparent;
    border-radius: 50%;
    text-decoration: none;
    transition: all .15s linear
}

.pagination__number--current {
    background-color: var(--color-accent-50);
    color: var(--white);
    font-weight: 700
}

.pagination__number:not(.pagination__number--current):hover {
    background-color: var(--color-neutral-10)
}

.pagination__arrow {
    height: var(--pagination-arrow-size);
    width: var(--pagination-arrow-size)
}

.scrollable-overflow {
    max-width: 100%;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    position: relative
}

@media(hover:none) {
    .scrollable-overflow::-webkit-scrollbar {
        display: none
    }
}

.scrollable-overflow--snap {
    scroll-snap-type: x mandatory
}

.scrollable-overflow--snap__item {
    scroll-snap-align: start
}

.scrollable-overflow--force-scrollbar {
    padding-bottom: 1rem !important
}

.scrollable-overflow--force-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 6px;
    width: 6px
}

.scrollable-overflow--force-scrollbar::-webkit-scrollbar-track {
    border-radius: 3px;
    background-color: var(--color-neutral-10);
    margin-left: var(--scrollbar-inset, 0);
    margin-right: var(--scrollbar-inset, 0)
}

.scrollable-overflow--force-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: var(--color-neutral-30)
}

.js-scrollable-overflow--is-overflowing.scrollable-overflow--justify-start-when-overflowing,
.js-scrollable-overflow--is-overflowing .scrollable-overflow--justify-start-when-overflowing {
    justify-content: flex-start
}

.js-scrollable-overflow--mask-left {
    mask-image: linear-gradient(to right, transparent 0%, #fff 2rem)
}

.js-scrollable-overflow--mask-right {
    mask-image: linear-gradient(to right, #fff 0%, #fff calc(100% - 2rem), transparent 100%)
}

.js-scrollable-overflow--mask-left-and-right {
    mask-image: linear-gradient(to right, transparent 0%, #fff 2rem, #fff calc(100% - 2rem), transparent 100%)
}

.scrollable-overflow--full {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    max-width: 100vw;
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
    --scrollbar-inset: var(--page-margin)
}

.scrollable-overflow--full .scrollable-overflow--snap__item {
    scroll-margin: var(--page-margin)
}

@media screen and (max-width:78em) {
    .scrollable-overflow--full-below-xl {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        max-width: 100vw;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        --scrollbar-inset: var(--page-margin)
    }

    .scrollable-overflow--full-below-xl .scrollable-overflow--snap__item {
        scroll-margin: var(--page-margin)
    }
}

@media screen and (max-width:60em) {
    .scrollable-overflow--full-below-lg {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        max-width: 100vw;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        --scrollbar-inset: var(--page-margin)
    }

    .scrollable-overflow--full-below-lg .scrollable-overflow--snap__item {
        scroll-margin: var(--page-margin)
    }
}

@media screen and (max-width:48em) {
    .scrollable-overflow--full-below-md {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        max-width: 100vw;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        --scrollbar-inset: var(--page-margin)
    }

    .scrollable-overflow--full-below-md .scrollable-overflow--snap__item {
        scroll-margin: var(--page-margin)
    }
}

@media screen and (max-width:36em) {
    .scrollable-overflow--full-below-sm {
        width: auto;
        margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
        max-width: 100vw;
        padding-left: var(--page-margin);
        padding-right: var(--page-margin);
        --scrollbar-inset: var(--page-margin)
    }

    .scrollable-overflow--full-below-sm .scrollable-overflow--snap__item {
        scroll-margin: var(--page-margin)
    }
}

.scrollable-overflow__arrow {
    opacity: 1
}

.scrollable-overflow__arrow--disabled {
    opacity: .1
}

.scrollable-overflow__arrow--disabled:hover {
    cursor: not-allowed;
    opacity: .1 !important
}

.story-card {
    clear: both
}

.story-card a {
    color: inherit;
    text-decoration: none
}

.story-card a:focus,
.story-card a:hover {
    color: var(--color-accent-50);
    text-decoration: underline
}

.story-card__series {
    color: var(--color-text-hed);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase
}

.story-card__art,
.story-card .lead-art {
    display: block;
    float: right;
    margin: 0 0 var(--spacing-1) var(--spacing-1);
    width: 5rem
}

.story-card__description>*+* {
    margin-top: var(--spacing-1)
}

.story-card__hed {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.story-card__series+.story-card__hed {
    margin-top: var(--spacing-3)
}

.story-card__dek {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.story-card__byline {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

html.force-light-mode .story-card__byline {
    color: var(--cool-40)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .story-card__byline {
        color: var(--cool-40)
    }
}

html.force-dark-mode .story-card__byline {
    color: var(--cool-50)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .story-card__byline {
        color: var(--cool-50)
    }
}

.story-card__unit {
    background-color: var(--color-neutral-80);
    color: var(--color-bg);
    display: inline-block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-3);
    font-weight: 700;
    letter-spacing: .03em;
    padding: .2em .5em;
    text-decoration: none;
    text-transform: uppercase
}

.story-card--callout__author-photos {
    margin-top: var(--spacing0)
}

.story-card--callout__author-photo-link {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden
}

.link-style--no-decoration {
    color: inherit;
    text-decoration: none
}

.link-style--underline,
.series-highlights__body a {
    color: inherit;
    text-decoration: underline
}

.link-style--hover-underline:hover,
.link-style--hover-underline-color:hover {
    text-decoration: underline
}

.link-style--hover-color:hover,
.link-style--hover-underline-color:hover {
    color: var(--color-accent-50)
}

.link-style--hover-opacity:hover {
    opacity: .5
}

.series-nav {
    background-color: var(--color-bg);
    border-top: 1px solid var(--color-neutral-10);
    border-bottom: 1px solid var(--color-neutral-10);
    padding-bottom: var(--spacing-2);
    padding-top: var(--spacing-2);
    position: sticky;
    top: 0;
    z-index: 1001
}

.series-nav__name,
.series-nav__link {
    border-radius: 4px;
    padding: var(--spacing-1);
    background-color: var(--color-bg);
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 400;
    line-height: var(--line-height-3);
    margin: .15rem 0;
    text-decoration: none;
    white-space: nowrap;
    transition: all .15s linear
}

.series-nav__name:hover,
.series-nav__link:hover {
    background-color: var(--color-neutral-10)
}

.series-nav__name {
    font-weight: 700;
    margin-left: calc(var(--spacing-1)*-1)
}

.modal {
    background-color: var(--black);
    height: 100vh;
    left: 0;
    opacity: 1;
    overflow: scroll;
    position: fixed;
    top: 0;
    transition: opacity .75s linear;
    width: 100vw;
    z-index: 1000
}

.modal.-js-hide {
    display: block !important;
    opacity: 0;
    pointer-events: none
}

.modal__header {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    background-color: var(--black);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: var(--spacing0);
    position: sticky;
    top: 0
}

.modal-republish__content {
    color: var(--cool-30);
    font-family: var(--fonts-sans)
}

.modal-republish__license {
    font-size: var(--scale-2)
}

.modal-republish__instructions {
    color: var(--cool-30)
}

.modal-republish__instructions h3 {
    font-weight: 700
}

.modal-republish__instructions hr {
    border-color: var(--cool-90)
}

.modal-republish__instructions ul {
    font-size: var(--scale-1);
    list-style-position: outside;
    list-style-type: disc
}

@media screen and (min-width:60em) {
    .modal-republish__instructions ul {
        font-size: var(--scale-2)
    }
}

.modal-republish__instructions a {
    color: var(--blue-30)
}

.modal-republish__section-copy textarea {
    background-color: var(--cool-80);
    border: none;
    color: var(--cool-30);
    font-family: var(--fonts-mono);
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    padding: 1em;
    word-break: break-all
}

.modal-republish.-js-hide textarea {
    visibility: hidden
}

.modal-republish .modal-republish__content {
    display: flex;
    flex-direction: column;
    padding: 0 0 var(--spacing3);
    margin: 0 auto
}

@media screen and (min-width:60em) {
    .modal-republish .modal-republish__content {
        flex-direction: row;
        padding: 10vh 0;
        width: calc((((100% - 22.8096rem)/12) * 10) + 18.6624rem)
    }
}

@media screen and (min-width:78em) {
    .modal-republish .modal-republish__content {
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }
}

.modal-republish .modal-republish__content .modal-republish__instructions,
.modal-republish .modal-republish__content .modal-republish__section-copy {
    flex: 1 1 0
}

.modal-republish .modal-republish__content .modal-republish__instructions {
    padding: 0 0 var(--spacing1)
}

@media screen and (min-width:60em) {
    .modal-republish .modal-republish__content .modal-republish__instructions {
        padding: 0 var(--spacing1) 0 0
    }
}

.modal-republish .modal-republish__content .modal-republish__instructions hr {
    margin: var(--spacing2) 0
}

.modal-republish .modal-republish__content .modal-republish__instructions .modal-republish__intro,
.modal-republish .modal-republish__content .modal-republish__instructions ul {
    margin: var(--spacing1) 0
}

.modal-republish .modal-republish__content .modal-republish__instructions li {
    margin: var(--spacing-1) 0
}

.modal-republish .modal-republish__content .modal-republish__section-copy .modal-republish__title {
    margin-bottom: var(--spacing0)
}

.modal-republish .modal-republish__content .modal-republish__section-copy .-js-copy-textarea {
    height: 25vh;
    margin-bottom: var(--spacing-1);
    opacity: 1;
    position: static;
    width: 100%
}

.entry-type-article .series-nav {
    margin-block: 3rem
}

.article-body {
    font-size: var(--scale0);
    margin-top: var(--spacing1)
}

.article-body:after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width:60em) {
    .article-body {
        margin-top: var(--spacing3)
    }
}

.article-body>p:not([class]) {
    font-feature-settings: "onum"1;
    margin-top: var(--vert-rhythm-sm);
    margin-bottom: var(--vert-rhythm-sm)
}

.article-body>*:not([class]) a,
.article-body>*:not([class]) a:visited,
.article-body>.spaced-list a,
.article-body>.spaced-list a:visited {
    color: var(--color-accent-70);
    text-decoration: underline;
    text-decoration-color: var(--color-accent-30);
    text-decoration-thickness: .1em;
    text-underline-offset: .1em
}

.article-body>*:not([class]) a:focus,
.article-body>*:not([class]) a:hover,
.article-body>*:not([class]) a:visited:focus,
.article-body>*:not([class]) a:visited:hover,
.article-body>.spaced-list a:focus,
.article-body>.spaced-list a:hover,
.article-body>.spaced-list a:visited:focus,
.article-body>.spaced-list a:visited:hover {
    text-decoration-color: currentColor
}

@media print {

    .article-body>*:not([class]) a,
    .article-body>*:not([class]) a:visited,
    .article-body>.spaced-list a,
    .article-body>.spaced-list a:visited {
        color: inherit;
        text-decoration-color: currentColor
    }
}

.article-body>h2:not([class]),
.article-body>h3:not([class]),
.article-body>h4:not([class]),
.article-body>h5:not([class]),
.article-body>h6:not([class]) {
    font-family: var(--fonts-sans);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-top: calc(1em*var(--line-height-2)*1.5);
    margin-bottom: var(--vert-rhythm-sm)
}

.article-body>h2:not([class]) {
    font-size: var(--scale3)
}

.article-body>h3:not([class]) {
    font-size: var(--scale3)
}

.article-body>h4:not([class]) {
    font-size: var(--scale2)
}

.article-body>h5:not([class]) {
    font-size: var(--scale1)
}

.article-body>h6:not([class]) {
    font-size: var(--scale0)
}

.article-body ol,
.article-body ul {
    list-style-position: outside;
    margin: var(--vert-rhythm-sm) 0;
    margin-left: 2em
}

.article-body ol {
    list-style-type: decimal
}

.article-body li ol {
    list-style-type: lower-alpha;
    margin-bottom: 0;
    margin-top: 0
}

.article-body li li ol {
    list-style-type: lower-roman
}

.article-body ul {
    list-style-type: disc
}

.article-body li ul {
    list-style-type: circle;
    margin-bottom: 0;
    margin-top: 0
}

.article-body li li ul {
    list-style-type: square
}

.article-body .spaced-list li {
    margin: var(--vert-rhythm-sm) 0
}

.article-body 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 {
    border-color: var(--cool-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .article-body table {
        border-color: var(--cool-20)
    }
}

html.force-dark-mode .article-body table {
    border-color: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .article-body table {
        border-color: var(--cool-70)
    }
}

.article-body th {
    font-weight: 700
}

html.force-light-mode .article-body th {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .article-body th {
        background: var(--cool-10)
    }
}

html.force-dark-mode .article-body th {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .article-body th {
        background: var(--cool-80)
    }
}

.article-body th,
.article-body 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 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 td {
        border-color: var(--cool-20)
    }
}

html.force-dark-mode .article-body th,
html.force-dark-mode .article-body 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 td {
        border-color: var(--cool-70)
    }
}

.article-body th.numeric,
.article-body td.numeric {
    text-align: right;
    font-feature-settings: "tnum"1
}

.article-body>.full .attribution {
    margin-left: var(--spacing1);
    margin-right: var(--spacing1)
}

@media screen and (min-width:48em) {
    .article-body>.full .attribution {
        margin-left: var(--spacing3);
        margin-right: var(--spacing3)
    }
}

.article-body>blockquote:not([class]) {
    border-left: var(--spacing-2) solid;
    font-family: var(--fonts-sans);
    line-height: var(--line-height-1);
    margin: var(--vert-rhythm-sm) 0;
    padding-left: 1em
}

html.force-light-mode .article-body>blockquote:not([class]) {
    border-color: var(--color-accent-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .article-body>blockquote:not([class]) {
        border-color: var(--color-accent-20)
    }
}

html.force-dark-mode .article-body>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]) {
        border-color: var(--color-accent-80)
    }
}

.article-body>blockquote:not([class])>*+* {
    margin-top: var(--vert-rhythm-sm)
}

.article-body>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]) {
    background-color: var(--color-accent-30)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .article-body>hr:not([class]) {
        background-color: var(--color-accent-30)
    }
}

html.force-dark-mode .article-body>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]) {
        background-color: var(--color-accent-70)
    }
}

@media print {
    .article-body>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) {
    margin-top: calc(var(--gutter) - var(--vert-rhythm-lg))
}

@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) {
        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) {
        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) {
        margin-top: calc(var(--gutter) - 1.728rem) !important
    }
}

.article-body>pre {
    margin: var(--vert-rhythm-sm) 0
}

.article-body code {
    border-radius: .25em;
    font-family: var(--fonts-mono);
    padding: .25em
}

html.force-light-mode .article-body code {
    background-color: var(--gray-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .article-body code {
        background-color: var(--gray-10)
    }
}

html.force-dark-mode .article-body code {
    background-color: var(--gray-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .article-body code {
        background-color: var(--gray-80)
    }
}

.article-body>pre code {
    display: block;
    padding: 2em;
    overflow-x: scroll
}

.article-body__note {
    font-family: var(--fonts-serif);
    font-feature-settings: "onum"1;
    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--co-publish,
.article-body__note--related-story,
.article-body__note--story-update,
.article-body__note--tips-callout,
.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
}

.article-body__note--content-warning {
    color: var(--color-text-hed);
    display: flex;
    font-family: var(--fonts-sans);
    font-style: normal;
    font-weight: 700;
    line-height: var(--line-height-1)
}

.article-body__note--content-warning::before {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4yOSAzLjg2MDAxTDEuODIgMThDMS42NDUzNyAxOC4zMDI0IDEuNTUyOTcgMTguNjQ1MyAxLjU1MTk5IDE4Ljk5NDVDMS41NTEwMSAxOS4zNDM3IDEuNjQxNDkgMTkuNjg3MSAxLjgxNDQzIDE5Ljk5MDVDMS45ODczNiAyMC4yOTM5IDIuMjM2NzMgMjAuNTQ2OCAyLjUzNzcxIDIwLjcyMzlDMi44Mzg2OSAyMC45MDEgMy4xODA4IDIwLjk5NjIgMy41MyAyMUgyMC40N0MyMC44MTkyIDIwLjk5NjIgMjEuMTYxMyAyMC45MDEgMjEuNDYyMyAyMC43MjM5QzIxLjc2MzMgMjAuNTQ2OCAyMi4wMTI2IDIwLjI5MzkgMjIuMTg1NiAxOS45OTA1QzIyLjM1ODUgMTkuNjg3MSAyMi40NDkgMTkuMzQzNyAyMi40NDggMTguOTk0NUMyMi40NDcgMTguNjQ1MyAyMi4zNTQ2IDE4LjMwMjQgMjIuMTggMThMMTMuNzEgMy44NjAwMUMxMy41MzE3IDMuNTY2MTEgMTMuMjgwNyAzLjMyMzEzIDEyLjk4MTIgMy4xNTQ0OUMxMi42ODE3IDIuOTg1ODUgMTIuMzQzNyAyLjg5NzI2IDEyIDIuODk3MjZDMTEuNjU2MyAyLjg5NzI2IDExLjMxODMgMi45ODU4NSAxMS4wMTg4IDMuMTU0NDlDMTAuNzE5MyAzLjMyMzEzIDEwLjQ2ODMgMy41NjYxMSAxMC4yOSAzLjg2MDAxWk0xMiA4QzEyLjU1MjMgOCAxMyA4LjQ0NzcyIDEzIDlWMTNDMTMgMTMuNTUyMyAxMi41NTIzIDE0IDEyIDE0QzExLjQ0NzcgMTQgMTEgMTMuNTUyMyAxMSAxM1Y5QzExIDguNDQ3NzIgMTEuNDQ3NyA4IDEyIDhaTTEyIDE2QzExLjQ0NzcgMTYgMTEgMTYuNDQ3NyAxMSAxN0MxMSAxNy41NTIzIDExLjQ0NzcgMTggMTIgMThIMTIuMDFDMTIuNTYyMyAxOCAxMy4wMSAxNy41NTIzIDEzLjAxIDE3QzEzLjAxIDE2LjQ0NzcgMTIuNTYyMyAxNiAxMi4wMSAxNkgxMloiIGZpbGw9IiNEQTM1MkIiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    flex-shrink: 0;
    height: 2em;
    margin: .9em .8em .5em 0;
    width: 2em
}

@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: -.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)
    }
}

@media screen and (min-width:60em) {
    .bb-image--sidecaption {
        display: flex;
        flex-direction: row;
        align-items: flex-end
    }
}

@media screen and (min-width:60em) {
    .bb-image--sidecaption.size08 img {
        width: calc((((100% - 14.5152rem)/8) * 6) + 10.368rem)
    }

    .bb-image--sidecaption.size08 .attribution {
        border-top: var(--spacing-2) solid;
        padding-top: 1rem;
        margin: 0 calc(((((100% - 14.5152rem)/8) * 1) + 0rem) * -1) 2.0736rem 2.0736rem;
        width: calc((((100% - 14.5152rem)/8) * 3) + 6.2208rem)
    }

    html.force-light-mode .bb-image--sidecaption.size08 .attribution {
        border-color: var(--color-accent-30)
    }
}

@media screen and (min-width:60em)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-image--sidecaption.size08 .attribution {
        border-color: var(--color-accent-30)
    }
}

@media screen and (min-width:60em) {
    html.force-dark-mode .bb-image--sidecaption.size08 .attribution {
        border-color: var(--color-accent-70)
    }
}

@media screen and (min-width:60em)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-image--sidecaption.size08 .attribution {
        border-color: var(--color-accent-70)
    }
}

.bb-image-set>.multi *:nth-child(1n+2) {
    margin-left: var(--gutter)
}

@media screen and (min-width:0)and (max-width:36em) {
    .bb-image-set.wide-xs>.multi {
        display: block
    }

    .bb-image-set.wide-xs>.multi *:nth-child(1n+2) {
        margin: var(--gutter) 0 0;
        width: 100%
    }
}

@media screen and (min-width:0)and (max-width:48em) {
    .bb-image-set.wide-sm>.multi {
        display: block
    }

    .bb-image-set.wide-sm>.multi *:nth-child(1n+2) {
        margin: var(--gutter) 0 0;
        width: 100%
    }
}

@media screen and (min-width:0)and (max-width:60em) {
    .bb-image-set.wide-md>.multi {
        display: block
    }

    .bb-image-set.wide-md>.multi *:nth-child(1n+2) {
        margin: var(--gutter) 0 0;
        width: 100%
    }
}

.bb-ad {
    padding: var(--spacing2);
    position: relative
}

html.force-light-mode .bb-ad {
    background-color: var(--gray-3)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-ad {
        background-color: var(--gray-3)
    }
}

html.force-dark-mode .bb-ad {
    background-color: var(--gray-97)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-ad {
        background-color: var(--gray-97)
    }
}

.bb-ad::before {
    content: "Advertisement";
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-3);
    left: 50vw;
    letter-spacing: 1px;
    position: absolute;
    text-transform: uppercase;
    top: .6rem;
    transform: translateX(-50%)
}

html.force-light-mode .bb-ad::before {
    color: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-ad::before {
        color: var(--black)
    }
}

html.force-dark-mode .bb-ad::before {
    color: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-ad::before {
        color: var(--white)
    }
}

@media print {
    .bb-ad {
        display: none
    }
}

.htlad-inline-2 {
    min-height: 90px;
    margin: 0 auto
}

@media screen and (min-width:48em) {
    .htlad-inline-2 {
        max-width: 728px
    }
}

@media screen and (min-width:60em) {
    .htlad-inline-2 {
        max-width: 970px
    }
}

@media print {
    .htlad-inline-2 {
        display: none
    }
}

.bb-aside {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1)
}

.bb-aside *:first-of-type {
    margin-top: var(--spacing-2)
}

.bb-aside p {
    line-height: var(--line-height-1);
    margin-top: var(--spacing0);
    margin-bottom: var(--spacing0)
}

.bb-aside a,
.bb-aside a:visited {
    color: inherit
}

.bb-aside h2,
.bb-aside h3,
.bb-aside h4,
.bb-aside h5,
.bb-aside h6 {
    font-weight: 700;
    line-height: var(--line-height-2)
}

.bb-aside h2 {
    font-size: var(--scale0)
}

.bb-aside h3 {
    font-size: var(--scale0)
}

.bb-aside h4 {
    font-size: var(--scale-1)
}

.bb-aside h5 {
    font-size: var(--scale-2)
}

.bb-aside h6 {
    font-size: var(--scale-3)
}

.bb-aside__note {
    font-size: var(--scale-2)
}

@media print {
    .bb-audio {
        display: none
    }
}

.bb-audio__player {
    display: block;
    width: 100%
}

.bb-canned-promo-partnership-electionland__logo svg {
    display: block;
    margin: 0 auto 1rem;
    max-width: 10rem
}

.bb-canned-promo-partnership-texastribune__logo {
    display: block;
    margin: 0 auto 1rem;
    max-width: 25rem
}

.bb-callout {
    --callout-module-height: 8rem;
    --callout-overlay-height: 6rem;
    position: relative
}

@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, var(--overlay-color-0) 0%, 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-0: rgba(222, 227, 230, 0)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-callout__overlay {
        --overlay-color-0: rgba(222, 227, 230, 0)
    }
}

html.force-dark-mode .bb-callout__overlay {
    --overlay-color-0: rgba(43, 49, 55, 0)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-callout__overlay {
        --overlay-color-0: rgba(43, 49, 55, 0)
    }
}

html.force-light-mode .bb-callout__overlay {
    --overlay-color-1: #dee3e6
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-callout__overlay {
        --overlay-color-1: #dee3e6
    }
}

html.force-dark-mode .bb-callout__overlay {
    --overlay-color-1: #2b3137
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-callout__overlay {
        --overlay-color-1: #2b3137
    }
}

.bb-callout__expand-button {
    margin-top: calc(var(--spacing2)*-1);
    margin-bottom: 0;
    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);
    padding: var(--spacing2)
}

.fr_form:after {
    clear: both;
    content: "";
    display: table
}

html.force-light-mode .fr_form {
    background-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .fr_form {
        background-color: var(--cool-10)
    }
}

html.force-dark-mode .fr_form {
    background-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .fr_form {
        background-color: var(--cool-80)
    }
}

.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: 700;
    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: .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: 400
}

.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
}

.bb-callout-link {
    border-radius: 4px;
    padding: var(--spacing1)
}

html.force-light-mode .bb-callout-link {
    background-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-callout-link {
        background-color: var(--cool-10)
    }
}

html.force-dark-mode .bb-callout-link {
    background-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-callout-link {
        background-color: var(--cool-80)
    }
}

.callout-link__button {
    display: inline-block;
    font-size: var(--scale-1)
}

@media print {
    .bb-embed {
        display: none
    }
}

.bb-heading {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-top: calc(1em*var(--line-height-2)*1.5);
    margin-bottom: var(--vert-rhythm-sm)
}

.bb-heading__kicker+.bb-heading {
    margin-top: var(--spacing-1)
}

.bb-heading--standard-hed {
    font-size: var(--scale3)
}

.bb-heading--chapter-hed {
    font-family: var(--fonts-hed);
    font-size: var(--scale3);
    font-weight: 900
}

.bb-heading--explanatory-hed {
    font-size: var(--scale1)
}

.bb-heading__kicker {
    color: var(--color-text-hed);
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 400;
    letter-spacing: 1px;
    line-height: var(--line-height-2);
    margin-top: calc(var(--scale2)*var(--line-height-2)*1.5);
    text-transform: uppercase
}

.bb-pull-quote {
    font-family: var(--fonts-sans)
}

html.force-light-mode .bb-pull-quote {
    color: var(--color-accent-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .bb-pull-quote {
        color: var(--color-accent-70)
    }
}

html.force-dark-mode .bb-pull-quote {
    color: var(--color-accent-40)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .bb-pull-quote {
        color: var(--color-accent-40)
    }
}

.bb-pull-quote__text {
    font-family: var(--fonts-sans);
    font-size: var(--scale2);
    font-weight: 700;
    line-height: var(--line-height-2)
}

.bb-pull-quote__text::before {
    background-color: var(--color-accent-30);
    color: var(--color-bg);
    outline: 8px solid;
    border-radius: 50%;
    content: "“";
    display: block;
    font-family: var(--fonts-hed);
    float: left;
    font-size: var(--scale5);
    font-weight: 900;
    height: 3rem;
    line-height: 4rem;
    margin-right: .5rem;
    outline-color: var(--color-bg);
    text-align: center;
    width: 3rem;
    z-index: -1
}

@media screen and (min-width:48em) {
    .bb-pull-quote__text::before {
        margin-left: -1.5rem;
        margin-top: calc(-2.5rem - 2px)
    }
}

.bb-pull-quote__source {
    font-size: var(--scale-2);
    line-height: var(--line-height-1);
    margin-top: 1em
}

.bb-tweet .twitter-tweet-rendered {
    margin: 0 auto !important
}

.bb-tweet .twitter-tweet:not(.twitter-tweet-rendered) {
    border: 1px solid var(--cool-10);
    border-radius: 3px;
    color: var(--color-text-meta);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    padding: var(--spacing1)
}

@media screen and (min-width:60em) {
    .bb-tweet .twitter-tweet:not(.twitter-tweet-rendered) {
        margin: 0 var(--spacing2)
    }
}

.bb-tweet .twitter-tweet:not(.twitter-tweet-rendered)>p {
    color: var(--color-text-body);
    font-size: var(--scale-1);
    margin-bottom: var(--spacing-1)
}

.bb-tweet .twitter-tweet:not(.twitter-tweet-rendered) a {
    color: inherit
}

@media print {

    .bb-video,
    .bb-video-self-hosted {
        display: none
    }
}

@media screen and (min-width:36em) {
    .event {
        width: calc((((100% - 5rem)/6) * 4) + 3rem)
    }
}

@media screen and (min-width:48em) {
    .event {
        width: calc((((100% - 14.5152rem)/8) * 6) + 10.368rem)
    }
}

@media screen and (min-width:60em) {
    .event {
        width: calc((((100% - 22.8096rem)/12) * 8) + 14.5152rem)
    }
}

@media screen and (min-width:78em) {
    .event {
        width: calc((((100% - 26.9568rem)/14) * 8) + 14.5152rem)
    }
}

.event-metadata-wrapper {
    flex-wrap: wrap
}

.event-actions-wrapper {
    align-items: center
}

.event-more-info-btn {
    width: 10rem
}

@media screen and (min-width:48em) {
    .event-more-info-btn {
        width: 15rem
    }
}

@media screen and (min-width:78em) {
    .event-more-info-btn {
        width: 20rem
    }
}

.event-body {
    --vert-margin: var(--spacing1);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    margin-bottom: var(--spacing1);
    margin-top: var(--spacing1)
}

.event-body:after {
    clear: both;
    content: "";
    display: table
}

.text-dark .event-body {
    color: var(--color-text-body)
}

html.force-light-mode .text-dark .event-body {
    --color-text-hed: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-dark .event-body {
        --color-text-hed: var(--black)
    }
}

html.force-dark-mode .text-dark .event-body {
    --color-text-hed: var(--black)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-dark .event-body {
        --color-text-hed: var(--black)
    }
}

html.force-light-mode .text-dark .event-body {
    --color-text-body: var(--gray-90)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-dark .event-body {
        --color-text-body: var(--gray-90)
    }
}

html.force-dark-mode .text-dark .event-body {
    --color-text-body: var(--gray-90)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-dark .event-body {
        --color-text-body: var(--gray-90)
    }
}

html.force-light-mode .text-dark .event-body {
    --color-text-supp: var(--gray-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-dark .event-body {
        --color-text-supp: var(--gray-70)
    }
}

html.force-dark-mode .text-dark .event-body {
    --color-text-supp: var(--gray-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-dark .event-body {
        --color-text-supp: var(--gray-70)
    }
}

html.force-light-mode .text-dark .event-body {
    --color-text-meta: var(--gray-40)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-dark .event-body {
        --color-text-meta: var(--gray-40)
    }
}

html.force-dark-mode .text-dark .event-body {
    --color-text-meta: var(--gray-40)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-dark .event-body {
        --color-text-meta: var(--gray-40)
    }
}

@media screen and (min-width:60em) {
    .event-body {
        margin-bottom: var(--spacing3);
        margin-top: var(--spacing3)
    }
}

.event-body>p:not([class]) {
    margin-top: var(--vert-margin);
    margin-bottom: var(--vert-margin)
}

.event-body>*:not([class]) a,
.event-body>*:not([class]) a:visited,
.event-body>.spaced-list a,
.event-body>.spaced-list a:visited {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: inherit;
    text-decoration-thickness: .1em;
    text-underline-offset: .1em
}

.event-body>*:not([class]) a:focus,
.event-body>*:not([class]) a:hover,
.event-body>*:not([class]) a:visited:focus,
.event-body>*:not([class]) a:visited:hover,
.event-body>.spaced-list a:focus,
.event-body>.spaced-list a:hover,
.event-body>.spaced-list a:visited:focus,
.event-body>.spaced-list a:visited:hover {
    text-decoration-color: currentColor
}

.event-body>h2:not([class]),
.event-body>h3:not([class]),
.event-body>h4:not([class]),
.event-body>h5:not([class]),
.event-body>h6:not([class]) {
    font-family: var(--fonts-sans);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-top: calc(1em*var(--line-height-2)*1.5)
}

.event-body>h2:not([class]) {
    font-size: var(--scale3)
}

.event-body>h3:not([class]) {
    font-size: var(--scale3)
}

.event-body>h4:not([class]) {
    font-size: var(--scale2)
}

.event-body>h5:not([class]) {
    font-size: var(--scale1)
}

.event-body>h6:not([class]) {
    font-size: var(--scale0)
}

.event-body ol:not([class]),
.event-body ul:not([class]) {
    list-style-position: outside;
    margin: var(--vert-margin) 0;
    margin-left: 2em
}

.event-body ol:not([class]) {
    list-style-type: decimal
}

.event-body li:not([class]) ol:not([class]) {
    list-style-type: lower-alpha;
    margin-bottom: 0;
    margin-top: 0
}

.event-body li:not([class]) li:not([class]) ol:not([class]) {
    list-style-type: lower-roman
}

.event-body ul:not([class]) {
    list-style-type: disc
}

.event-body li:not([class]) ul:not([class]) {
    list-style-type: circle;
    margin-bottom: 0;
    margin-top: 0
}

.event-body li:not([class]) li:not([class]) ul:not([class]) {
    list-style-type: square
}

.event-body .spaced-list li:not([class]) {
    margin: var(--vert-margin) 0
}

.event-body>blockquote:not([class]) {
    border-left: var(--spacing-2) solid;
    font-family: var(--fonts-sans);
    margin: var(--vert-margin) 0;
    padding-left: 1em
}

html.force-light-mode .event-body>blockquote:not([class]) {
    border-color: var(--color-accent-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .event-body>blockquote:not([class]) {
        border-color: var(--color-accent-20)
    }
}

html.force-dark-mode .event-body>blockquote:not([class]) {
    border-color: var(--color-accent-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .event-body>blockquote:not([class]) {
        border-color: var(--color-accent-80)
    }
}

.event-body>hr:not([class]) {
    border: none;
    height: var(--spacing-1);
    margin: calc(var(--vert-margin)*2) auto;
    width: calc((((100% - 14.5152rem)/8) * 3) + 4.1472rem)
}

html.force-light-mode .event-body>hr:not([class]) {
    background-color: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .event-body>hr:not([class]) {
        background-color: var(--black)
    }
}

html.force-dark-mode .event-body>hr:not([class]) {
    background-color: var(--black)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .event-body>hr:not([class]) {
        background-color: var(--black)
    }
}

html.force-light-mode .text-light .event-body>hr:not([class]) {
    background-color: var(--color-accent-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-light .event-body>hr:not([class]) {
        background-color: var(--color-accent-70)
    }
}

html.force-dark-mode .text-light .event-body>hr:not([class]) {
    background-color: var(--color-accent-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-light .event-body>hr:not([class]) {
        background-color: var(--color-accent-70)
    }
}

.event-body>pre {
    margin: var(--vert-margin) 0
}

.event-body code {
    border-radius: .25em;
    font-family: var(--fonts-mono);
    padding: .25em
}

html.force-light-mode .event-body code {
    background-color: var(--gray-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .event-body code {
        background-color: var(--gray-10)
    }
}

html.force-dark-mode .event-body code {
    background-color: var(--gray-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .event-body code {
        background-color: var(--gray-80)
    }
}

.event-body>pre code {
    display: block;
    padding: 2em;
    overflow-x: scroll
}

.event-supporter-wrapper {
    margin-bottom: var(--spacing3);
    margin-top: var(--spacing3)
}

.event-supporter-wrapper--float {
    border: 1px solid var(--color-text-hed);
    padding: var(--scale1)
}

html.force-light-mode .text-light .event-supporter-wrapper--float {
    border-color: rgba(255, 255, 255, .2)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-light .event-supporter-wrapper--float {
        border-color: rgba(255, 255, 255, .2)
    }
}

html.force-dark-mode .text-light .event-supporter-wrapper--float {
    border-color: rgba(255, 255, 255, .2)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-light .event-supporter-wrapper--float {
        border-color: rgba(255, 255, 255, .2)
    }
}

html.force-light-mode .text-dark .event-supporter-wrapper--float {
    border-color: rgba(0, 0, 0, .2)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-dark .event-supporter-wrapper--float {
        border-color: rgba(0, 0, 0, .2)
    }
}

html.force-dark-mode .text-dark .event-supporter-wrapper--float {
    border-color: rgba(0, 0, 0, .2)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-dark .event-supporter-wrapper--float {
        border-color: rgba(0, 0, 0, .2)
    }
}

.event-supporter__logo {
    height: 2.5rem;
    margin-bottom: var(--spacing0);
    width: auto
}

.text-light .event-supporter__logo {
    filter: grayscale(1) invert(1)
}

.event-supporter__message {
    color: var(--color-text-body);
    font-size: var(--scale-2);
    font-weight: 700
}

.event-supporter__message a,
.event-supporter__message a:visited {
    color: var(--color-text-meta);
    font-weight: 400
}

.text-dark .event-supporter__message a,
.text-dark .event-supporter__message a:visited {
    mix-blend-mode: multiply
}

.text-light .event-supporter__message a,
.text-light .event-supporter__message a:visited {
    mix-blend-mode: screen
}

.event-signup__post-signup-prompt {
    background-color: var(--white);
    border-radius: 3px
}

@media screen and (min-width:60em) {
    .event-signup__post-signup-prompt {
        display: grid;
        grid-template-areas: "hed hed hed""info info share";
        grid-template-columns: 2fr var(--spacing0) 1fr
    }
}

.event-signup__post-signup-prompt-info-wrapper {
    color: var(--cool-90);
    padding: var(--spacing0);
    grid-area: info
}

.event-signup__post-signup-prompt-share-wrapper {
    padding: var(--spacing0);
    grid-area: share
}

@media screen and (max-width:60em) {
    .event-signup__post-signup-prompt-share-wrapper {
        padding-top: 0
    }
}

.event-signup__post-signup-prompt-hed {
    background-color: var(--color-accent-10);
    border-radius: 3px 3px 0 0;
    color: var(--color-accent-70);
    font-size: var(--scale0);
    font-weight: 700;
    grid-area: hed;
    padding: var(--spacing-1) var(--spacing0)
}

.event-signup__post-signup-prompt-label {
    font-size: var(--scale-2);
    color: var(--gray-50);
    display: block;
    margin-bottom: var(--spacing-1);
    text-transform: uppercase
}

.event-signup__post-signup-prompt-metadata-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--spacing-2)
}

.event-signup__post-signup-prompt-metadata-wrapper>*+* {
    margin-left: var(--spacing1)
}

.event-signup__post-signup-prompt-name {
    display: block;
    line-height: var(--line-height-2)
}

.event-signup__post-signup-prompt-date,
.event-signup__post-signup-prompt-time,
.event-signup__post-signup-prompt-location {
    font-size: var(--scale-2)
}

.event-follow-up__header {
    font-size: var(--scale2);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-top: calc(1em*var(--line-height-2)*1.5);
    margin-bottom: var(--spacing0)
}

.opener-event {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    --opener-page-margins: var(--spacing1);
    color: var(--opener-textcolor);
    padding: var(--opener-page-margins);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

@media screen and (min-width:48em) {
    .opener-event {
        --opener-page-margins: var(--spacing3)
    }
}

@media screen and (max-width:60em) {
    .opener-event {
        padding-top: 4rem
    }
}

@media screen and (min-width:60em) {
    .opener-event {
        justify-content: center
    }
}

.opener-event--standard {
    --opener-textcolor: var(--white);
    background-color: var(--blue-97)
}

.opener-event--donor {
    --opener-textcolor: var(--white);
    background-color: var(--black)
}

.opener-event--engagement {
    --opener-textcolor: var(--black);
    background-color: var(--yellow-50)
}

@media screen and (min-width:60em) {
    .opener-event--has-image {
        flex-direction: row-reverse;
        align-items: center
    }
}

@media screen and (max-width:60em) {
    .opener-event__image-wrapper {
        margin-bottom: var(--spacing1)
    }
}

.text-light .opener-event .attribution {
    mix-blend-mode: screen
}

.text-dark .opener-event .attribution {
    mix-blend-mode: multiply
}

.opener-event__image--circular {
    border-radius: 50%
}

.opener-event__image--screen {
    filter: grayscale(1);
    mix-blend-mode: screen
}

.opener-event__bg {
    mix-blend-mode: screen;
    padding: 0 var(--opener-page-margins);
    pointer-events: none;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.opener-event__bg>svg {
    fill: var(--cool-80);
    height: 100%;
    width: 100%
}

.opener-event--engagement .opener-event__bg>svg {
    fill: none
}

@media screen and (min-width:60em) {
    .opener-event__text-wrapper {
        width: 66%
    }
}

@media screen and (min-width:60em) {
    .opener-event--has-image .opener-event__text-wrapper {
        width: 100%;
        padding-right: var(--spacing2)
    }
}

.opener-event__events-link {
    color: inherit;
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    text-decoration: none
}

.opener-event__events-link:hover {
    text-decoration: underline
}

.opener-event__hed {
    font-family: var(--fonts-sans);
    font-size: var(--scale3);
    font-weight: 700;
    line-height: var(--line-height-2)
}

.opener-event__dek {
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    line-height: var(--line-height-1);
    margin-top: var(--spacing-1)
}

.event-date,
.event-time,
.event-location {
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    line-height: var(--line-height-1)
}

.promo-donate-1 {
    padding: var(--spacing0)
}

html.force-light-mode .promo-donate-1 {
    background-color: var(--yellow-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-donate-1 {
        background-color: var(--yellow-10)
    }
}

html.force-dark-mode .promo-donate-1 {
    background-color: var(--yellow-90)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-donate-1 {
        background-color: var(--yellow-90)
    }
}

@media screen and (max-width:48em) {
    .promo-donate-1 {
        padding: var(--spacing1);
        margin-bottom: 2.5rem !important;
        margin-left: calc(var(--spacing1)*-1) !important
    }
}

@media print {
    .promo-donate-1 {
        display: none
    }
}

.promo-donate-1__thumb {
    border-radius: 50%;
    float: right;
    width: var(--spacing3);
    height: var(--spacing3);
    margin: calc(var(--spacing2)*-1) calc(var(--spacing2)*-1) var(--spacing-2) var(--spacing0)
}

@media screen and (max-width:48em) {
    .promo-donate-1__thumb {
        margin: var(--spacing-2) -3rem 0 0
    }
}

.promo-donate-1__text {
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-2)
}

@media screen and (max-width:48em) {
    .promo-donate-1__text {
        font-size: var(--scale1)
    }
}

.promo-donate-1__btn {
    margin: 0 calc(2.0736rem * -1);
    margin-top: var(--spacing0)
}

html.force-light-mode .promo-donate-1__btn {
    mix-blend-mode: multiply
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-donate-1__btn {
        mix-blend-mode: multiply
    }
}

html.force-dark-mode .promo-donate-1__btn {
    mix-blend-mode: lighten
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-donate-1__btn {
        mix-blend-mode: lighten
    }
}

@media screen and (max-width:48em) {
    .promo-donate-1__btn {
        margin: var(--spacing0) 0 -2.5rem;
        width: calc((((100% - 6.2208rem)/4) * 2) + 2.0736rem)
    }
}

@media screen and (min-width:60em) {
    .promo-donate-1--full {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: var(--spacing2)
    }
}

@media screen and (min-width:60em) {
    .promo-donate-1--full .promo-donate-1__thumb {
        float: none;
        margin: calc(var(--spacing2)*-2);
        margin-right: 0
    }
}

@media screen and (min-width:60em) {
    .promo-donate-1--full .promo-donate-1__text {
        margin: 0 var(--spacing2)
    }
}

@media screen and (min-width:60em) {
    .promo-donate-1--full .promo-donate-1__btn {
        height: auto;
        margin: 0 calc(var(--spacing3)*-1) 0 0;
        min-width: 8rem;
        width: auto
    }
}

@media screen and (max-width:48em) {
    .promo-donate-2 {
        margin-bottom: 2.5rem !important;
        margin-left: calc(1.44rem * -1) !important
    }
}

@media print {
    .promo-donate-2 {
        display: none
    }
}

.promo-donate-2__max-width-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
    padding: var(--spacing0) 0;
    position: relative
}

@media screen and (max-width:48em) {
    .promo-donate-2__max-width-wrapper {
        padding: var(--spacing1)
    }
}

.promo-donate-2__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

html.force-light-mode .promo-donate-2__bg {
    fill: var(--warm-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-donate-2__bg {
        fill: var(--warm-10)
    }
}

html.force-dark-mode .promo-donate-2__bg {
    fill: var(--warm-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-donate-2__bg {
        fill: var(--warm-80)
    }
}

.promo-donate-2__bg svg {
    height: 100%
}

.promo-donate-2__text {
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-2)
}

@media screen and (max-width:48em) {
    .promo-donate-2__text {
        font-size: var(--scale1)
    }
}

.promo-donate-2__btn {
    margin-top: var(--spacing0)
}

html.force-light-mode .promo-donate-2__btn {
    mix-blend-mode: multiply
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-donate-2__btn {
        mix-blend-mode: multiply
    }
}

html.force-dark-mode .promo-donate-2__btn {
    mix-blend-mode: lighten
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-donate-2__btn {
        mix-blend-mode: lighten
    }
}

@media screen and (max-width:48em) {
    .promo-donate-2__btn {
        margin: var(--spacing0) 0 -2.5rem;
        width: calc((((100% - 6.2208rem)/4) * 2) + 2.0736rem)
    }
}

@media screen and (min-width:60em) {
    .promo-donate-2--full .promo-donate-2__max-width-wrapper {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: var(--spacing2)
    }
}

@media screen and (min-width:60em) {
    .promo-donate-2--full .promo-donate-2__text {
        line-height: var(--line-height-1)
    }
}

@media screen and (min-width:60em) {
    .promo-donate-2--full .promo-donate-2__btn {
        height: auto;
        margin: 0 0 0 var(--spacing2);
        min-width: 8rem;
        width: auto
    }
}

.promo-newsletter-signup-1 {
    --button-size: 2.985984rem;
    font-family: var(--fonts-sans)
}

@media print {
    .promo-newsletter-signup-1 {
        display: none
    }
}

.promo-newsletter-signup-1__form-wrapper {
    margin-bottom: var(--scale-3);
    margin-top: var(--scale-3);
    transition: opacity 1s ease-in
}

.-js-is-successful .promo-newsletter-signup-1__form-wrapper {
    opacity: 0;
    pointer-events: none
}

.promo-newsletter-signup-1__form {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: var(--scale-2);
    width: 100%
}

.promo-newsletter-signup-1__input-wrapper {
    display: block;
    width: calc(100% - var(--button-size) - var(--spacing-1))
}

.promo-newsletter-signup-1__max-width-wrapper {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 24rem
}

.promo-newsletter-signup-1__bg {
    padding: var(--spacing1);
    margin-bottom: calc(var(--spacing1)*-1);
    margin-top: calc(var(--spacing1)*-1);
    z-index: -1
}

.promo-newsletter-signup-1__bg .aspect-1-1 {
    border-radius: 50%;
    margin-bottom: calc(-50% - var(--button-size)/2 - var(--spacing2))
}

html.force-light-mode .promo-newsletter-signup-1__bg .aspect-1-1 {
    background-color: var(--turquoise-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-signup-1__bg .aspect-1-1 {
        background-color: var(--turquoise-10)
    }
}

html.force-dark-mode .promo-newsletter-signup-1__bg .aspect-1-1 {
    background-color: var(--turquoise-90)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-signup-1__bg .aspect-1-1 {
        background-color: var(--turquoise-90)
    }
}

.promo-newsletter-signup-1__logo-wrapper {
    height: var(--spacing1);
    transition: opacity .2s
}

.-js-has-error .promo-newsletter-signup-1__logo-wrapper {
    opacity: 0;
    pointer-events: none
}

.promo-newsletter-signup-1__logo svg {
    fill: var(--color-text-hed);
    width: auto;
    height: var(--spacing1);
    margin: 0 auto
}

.promo-newsletter-signup-1__info-wrapper {
    height: 10rem;
    margin-bottom: calc(var(--spacing1)*-1);
    order: 3;
    transition: opacity 1s
}

.-js-is-successful .promo-newsletter-signup-1__info-wrapper {
    opacity: 0;
    pointer-events: none
}

.promo-newsletter-signup-1__name {
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.promo-newsletter-signup-1__desc {
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    padding-right: calc(var(--button-size) + var(--spacing-1))
}

.promo-newsletter-signup-1__submit {
    position: relative
}

.promo-newsletter-signup-1__feedback {
    margin-bottom: 0;
    position: absolute;
    text-align: center;
    transform: translateY(calc(var(--button-size) * -0.5 - 100%))
}

.promo-newsletter-signup-1__post-signup-prompt {
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    margin-top: calc(var(--button-size)*-1 - var(--spacing-2));
    display: none
}

@media screen and (min-width:60em) {
    .-js-is-successful .promo-newsletter-signup-1__post-signup-prompt {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center
    }
}

.promo-newsletter-signup-1__prompt-button {
    flex-basis: 5rem;
    margin-top: var(--spacing0);
    min-width: 5rem
}

@media screen and (min-width:60em) {
    .promo-newsletter-signup-1__prompt-button {
        margin-top: 0;
        margin-left: var(--spacing0)
    }
}

html.force-light-mode .promo-newsletter-signup-1__prompt-button.-js-is-copying {
    background-color: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-signup-1__prompt-button.-js-is-copying {
        background-color: var(--black)
    }
}

html.force-dark-mode .promo-newsletter-signup-1__prompt-button.-js-is-copying {
    background-color: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-signup-1__prompt-button.-js-is-copying {
        background-color: var(--white)
    }
}

.promo-newsletter-signup-1--small .promo-newsletter-signup-1__logo svg {
    display: none
}

.promo-newsletter-signup-1--small .promo-newsletter-signup-1__name {
    font-size: var(--scale-2)
}

.promo-newsletter-signup-1--small .promo-newsletter-signup-1__desc {
    font-size: var(--scale-2);
    padding-right: 0
}

.promo-newsletter-signup-1--small .promo-newsletter-signup-1__post-signup-prompt {
    font-size: var(--scale-2)
}

.promo-newsletter-signup-2 {
    --color-accent-50: var(--pink-50);
    --button-size: 2.0736rem;
    font-family: var(--fonts-sans)
}

@media print {
    .promo-newsletter-signup-2 {
        display: none
    }
}

.promo-newsletter-signup-2__form {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: var(--scale-2);
    width: 100%
}

.-js-is-successful .promo-newsletter-signup-2__form {
    display: none
}

.promo-newsletter-signup-2__input-wrapper {
    display: block;
    width: 100%
}

.promo-newsletter-signup-2__input-text {
    padding-right: var(--button-size)
}

.promo-newsletter-signup-2__max-width-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
    padding: var(--spacing1);
    position: relative
}

@media screen and (max-width:36em) {
    .promo-newsletter-signup-2__max-width-wrapper {
        margin-left: calc((50vw - 50%)*-1);
        max-width: 100vw;
        overflow: hidden;
        width: 100vw
    }
}

.promo-newsletter-signup-2__bg {
    border-left: 2px solid;
    border-top: 2px solid;
    display: block;
    height: var(--spacing3);
    margin-bottom: calc(var(--spacing2)*-1);
    margin-left: calc(var(--spacing0)*-1);
    width: 100%
}

html.force-light-mode .promo-newsletter-signup-2__bg {
    border-color: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-signup-2__bg {
        border-color: var(--black)
    }
}

html.force-dark-mode .promo-newsletter-signup-2__bg {
    border-color: var(--gray-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-signup-2__bg {
        border-color: var(--gray-70)
    }
}

.promo-newsletter-signup-2__bg:before {
    content: "";
    height: calc(100% + var(--spacing1));
    position: absolute;
    transform: skew(-18deg) translateY(calc(var(--spacing2) * -1));
    width: calc(100% - var(--spacing0));
    z-index: -1
}

html.force-light-mode .promo-newsletter-signup-2__bg:before {
    background-color: var(--warm-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-signup-2__bg:before {
        background-color: var(--warm-10)
    }
}

html.force-dark-mode .promo-newsletter-signup-2__bg:before {
    background-color: var(--warm-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-signup-2__bg:before {
        background-color: var(--warm-80)
    }
}

.promo-newsletter-signup-2__header {
    margin-bottom: var(--scale-1);
    margin-top: 0
}

.promo-newsletter-signup-2__logo svg {
    fill: var(--color-accent-50);
    height: var(--spacing1);
    margin-bottom: var(--spacing-1);
    width: auto
}

.-js-is-successful .promo-newsletter-signup-2__info-wrapper {
    display: none
}

.promo-newsletter-signup-2__name {
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.promo-newsletter-signup-2__desc {
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.promo-newsletter-signup-2__post-signup-prompt {
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    display: none
}

.-js-is-successful .promo-newsletter-signup-2__post-signup-prompt {
    display: block
}

.promo-newsletter-signup-2__prompt-text {
    margin-bottom: var(--spacing0)
}

.promo-newsletter-signup-2__prompt-button {
    width: 7rem
}

html.force-light-mode .promo-newsletter-signup-2__prompt-button.-js-is-copying {
    background-color: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-signup-2__prompt-button.-js-is-copying {
        background-color: var(--black)
    }
}

html.force-dark-mode .promo-newsletter-signup-2__prompt-button.-js-is-copying {
    background-color: var(--white)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-signup-2__prompt-button.-js-is-copying {
        background-color: var(--white)
    }
}

.promo-newsletter-signup-2--small .promo-newsletter-signup-2__logo svg {
    display: none
}

.promo-newsletter-signup-2--small .promo-newsletter-signup-2__name {
    font-size: var(--scale-2)
}

.promo-newsletter-signup-2--small .promo-newsletter-signup-2__desc {
    font-size: var(--scale-2)
}

@media screen and (min-width:60em) {
    .promo-newsletter-signup-2--full .promo-newsletter-signup-2__header {
        margin-bottom: var(--scale3);
        margin-top: var(--scale2);
        text-align: center
    }
}

@media screen and (min-width:60em) {
    .promo-newsletter-signup-2--full .promo-newsletter-signup-2__logo svg {
        margin: 0 auto var(--spacing0)
    }
}

@media screen and (min-width:60em) {
    .promo-newsletter-signup-2--full .promo-newsletter-signup-2__name {
        font-size: var(--scale1)
    }
}

@media screen and (min-width:60em) {
    .promo-newsletter-signup-2--full .promo-newsletter-signup-2__desc {
        font-size: var(--scale0)
    }
}

.promo-newsletter-see-all-1 {
    --size: 10rem;
    align-items: center;
    display: flex;
    font-family: var(--fonts-sans);
    flex-direction: column;
    height: var(--size);
    justify-content: center
}

@media print {
    .promo-newsletter-see-all-1 {
        display: none
    }
}

.promo-newsletter-see-all-1__bg {
    border-radius: 50%;
    height: var(--size);
    position: absolute;
    width: var(--size);
    z-index: -1
}

html.force-light-mode .promo-newsletter-see-all-1__bg {
    background-color: var(--turquoise-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-see-all-1__bg {
        background-color: var(--turquoise-10)
    }
}

html.force-dark-mode .promo-newsletter-see-all-1__bg {
    background-color: var(--turquoise-90)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-see-all-1__bg {
        background-color: var(--turquoise-90)
    }
}

.promo-newsletter-see-all-1__layer1 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

@media screen and (min-width:48em) {
    .promo-newsletter-see-all-1__layer1 {
        max-width: calc(var(--size)*1.5)
    }
}

.promo-newsletter-see-all-1__explore {
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

.promo-newsletter-see-all-1__btn-see-all {
    flex-basis: 1;
    flex-grow: auto;
    flex-shrink: 0;
    margin-left: var(--spacing0);
    min-width: calc(var(--size)/2)
}

html.force-light-mode .promo-newsletter-see-all-1__btn-see-all {
    mix-blend-mode: multiply
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-see-all-1__btn-see-all {
        mix-blend-mode: multiply
    }
}

html.force-dark-mode .promo-newsletter-see-all-1__btn-see-all {
    mix-blend-mode: lighten
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-see-all-1__btn-see-all {
        mix-blend-mode: lighten
    }
}

@media screen and (min-width:48em) {
    .promo-newsletter-see-all-1--small .promo-newsletter-see-all-1__layer1 {
        flex-direction: column
    }
}

@media screen and (min-width:48em) {
    .promo-newsletter-see-all-1--small .promo-newsletter-see-all-1__btn-see-all {
        align-self: flex-start;
        margin-left: 0;
        margin-top: var(--spacing0);
        width: 100%
    }
}

.promo-newsletter-see-all-1--full .promo-newsletter-see-all-1__layer1 {
    max-width: none
}

.promo-newsletter-see-all-2 {
    --size: 10rem
}

@media print {
    .promo-newsletter-see-all-2 {
        display: none
    }
}

.promo-newsletter-see-all-2 {
    --color-accent-50: var(--pink-50);
    --button-size: 2.0736rem;
    font-family: var(--fonts-sans)
}

.promo-newsletter-see-all-2__max-width-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 36rem;
    padding: var(--spacing1);
    position: relative
}

@media screen and (max-width:36em) {
    .promo-newsletter-see-all-2__max-width-wrapper {
        margin-left: calc((50vw - 50%)*-1);
        max-width: 100vw;
        overflow: hidden;
        width: 100vw
    }
}

.promo-newsletter-see-all-2__bg {
    border-left: 2px solid;
    border-top: 2px solid;
    display: block;
    height: var(--spacing3);
    margin-bottom: calc(var(--spacing2)*-1);
    margin-left: calc(var(--spacing0)*-1);
    width: 100%
}

html.force-light-mode .promo-newsletter-see-all-2__bg {
    border-color: var(--black)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-see-all-2__bg {
        border-color: var(--black)
    }
}

html.force-dark-mode .promo-newsletter-see-all-2__bg {
    border-color: var(--gray-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-see-all-2__bg {
        border-color: var(--gray-70)
    }
}

.promo-newsletter-see-all-2__bg:before {
    content: "";
    height: calc(100% + var(--spacing0));
    position: absolute;
    transform: skew(-18deg) translateY(calc(var(--spacing2) * -1));
    width: calc(100% - var(--spacing0));
    z-index: -1
}

html.force-light-mode .promo-newsletter-see-all-2__bg:before {
    background-color: var(--warm-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .promo-newsletter-see-all-2__bg:before {
        background-color: var(--warm-10)
    }
}

html.force-dark-mode .promo-newsletter-see-all-2__bg:before {
    background-color: var(--warm-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .promo-newsletter-see-all-2__bg:before {
        background-color: var(--warm-80)
    }
}

.promo-newsletter-see-all-2__content {
    margin-top: 0
}

.promo-newsletter-see-all-2__explore {
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.promo-newsletter-see-all-2__btn-see-all {
    --color-btn: var(--pink-50);
    margin-top: var(--spacing0);
    width: 6rem
}

.promo-newsletter-see-all-2--small .promo-newsletter-see-all-2__explore {
    font-size: var(--scale-2)
}

@media screen and (min-width:60em) {
    .promo-newsletter-see-all-2--full .promo-newsletter-see-all-2__content {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-bottom: 0
    }
}

@media screen and (min-width:60em) {
    .promo-newsletter-see-all-2--full .promo-newsletter-see-all-2__explore {
        font-size: var(--scale0);
        margin-right: var(--scale3)
    }
}

@media screen and (min-width:60em) {
    .promo-newsletter-see-all-2--full .promo-newsletter-see-all-2__btn-see-all {
        margin-right: var(--spacing0);
        margin-top: 0;
        transform: translateX(50%);
        width: 10rem
    }
}

.topics-list {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2)
}

@media screen and (max-width:60em) {
    .topics-list {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 0 !important
    }
}

@media screen and (min-width:60em) {
    .topics-list {
        line-height: var(--line-height-1)
    }
}

@media screen and (max-width:60em) {
    .topics-list__label {
        margin-right: .2em
    }
}

@media screen and (max-width:60em) {
    .topics-list__group {
        display: contents
    }
}

@media screen and (max-width:60em) {
    .topics-list__topic::after {
        content: ",";
        display: inline;
        margin-left: -.2em;
        margin-right: .2em
    }

    .topics-list__topic:last-child::after {
        content: "";
        margin: 0
    }
}

@media screen and (min-width:60em) {
    .topics-list__topic {
        margin-top: .5em
    }
}

.topics-list__topic-link {
    color: var(--color-text-hed);
    text-decoration: none
}

.topics-list__topic-link:hover {
    text-decoration: underline
}

.rich-byline-group {
    margin: var(--spacing3) 0
}

.rich-byline {
    align-items: center;
    border-top-width: 1px;
    border-style: solid;
    display: flex;
    flex-direction: row-reverse;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    padding-top: var(--spacing0)
}

html.force-light-mode .rich-byline {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .rich-byline {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .rich-byline {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .rich-byline {
        border-color: var(--cool-80)
    }
}

.rich-byline+.rich-byline {
    margin-top: var(--spacing0)
}

.rich-byline a {
    color: inherit;
    text-decoration: none;
    transition: .2s
}

.rich-byline__headshot {
    align-self: flex-start;
    border-radius: 2.5em;
    filter: grayscale(1);
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: var(--spacing-1);
    overflow: hidden;
    position: relative;
    width: 5em
}

@supports(mix-blend-mode:color) {
    .rich-byline__headshot:after {
        background: var(--cool-90);
        bottom: 0;
        content: "";
        display: block;
        left: 0;
        mix-blend-mode: color;
        position: absolute;
        right: 0;
        top: 0
    }
}

.rich-byline__info {
    width: 100%
}

.rich-byline__name {
    font-weight: 700
}

.rich-byline__name:focus,
.rich-byline__name:hover {
    color: var(--color-accent-50)
}

.rich-byline__contact-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: var(--spacing-1)
}

.rich-byline__contact-item {
    margin-bottom: var(--spacing-2);
    margin-right: var(--spacing-2)
}

.rich-byline__contact-item a {
    border-radius: .2em;
    display: block;
    font-size: var(--scale-2);
    line-height: var(--line-height-2);
    padding: .3em .4em
}

html.force-light-mode .rich-byline__contact-item a {
    background-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .rich-byline__contact-item a {
        background-color: var(--cool-10)
    }
}

html.force-dark-mode .rich-byline__contact-item a {
    background-color: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .rich-byline__contact-item a {
        background-color: var(--cool-70)
    }
}

html.force-light-mode .rich-byline__contact-item a {
    color: var(--cool-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .rich-byline__contact-item a {
        color: var(--cool-80)
    }
}

html.force-dark-mode .rich-byline__contact-item a {
    color: var(--cool-20)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .rich-byline__contact-item a {
        color: var(--cool-20)
    }
}

html.force-light-mode .rich-byline__contact-item a:focus,
html.force-light-mode .rich-byline__contact-item a:hover {
    background-color: var(--color-accent-50)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .rich-byline__contact-item a:focus,
    html:not(.force-dark-mode) .rich-byline__contact-item a:hover {
        background-color: var(--color-accent-50)
    }
}

html.force-dark-mode .rich-byline__contact-item a:focus,
html.force-dark-mode .rich-byline__contact-item a:hover {
    background-color: var(--color-accent-50)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .rich-byline__contact-item a:focus,
    html:not(.force-light-mode) .rich-byline__contact-item a:hover {
        background-color: var(--color-accent-50)
    }
}

html.force-light-mode .rich-byline__contact-item a:focus,
html.force-light-mode .rich-byline__contact-item a:hover {
    color: var(--white)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .rich-byline__contact-item a:focus,
    html:not(.force-dark-mode) .rich-byline__contact-item a:hover {
        color: var(--white)
    }
}

html.force-dark-mode .rich-byline__contact-item a:focus,
html.force-dark-mode .rich-byline__contact-item a:hover {
    color: var(--black)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .rich-byline__contact-item a:focus,
    html:not(.force-light-mode) .rich-byline__contact-item a:hover {
        color: var(--black)
    }
}

.rich-byline__contact-item .icon {
    vertical-align: -.15em
}

.fundraising-letter-inline {
    border-width: 6px;
    border-style: solid;
    border-image: linear-gradient(to top right, var(--orange-50), var(--pink-50), var(--cobalt-50)) 1;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    margin-top: var(--spacing1);
    margin-bottom: var(--spacing0);
    padding: var(--spacing0)
}

@media screen and (min-width:48em) {
    .fundraising-letter-inline {
        padding: var(--spacing1)
    }
}

@media screen and (min-width:60em) {
    .fundraising-letter-inline {
        padding: var(--spacing2)
    }
}

.fundraising-letter-inline .pp-module-title {
    font-size: var(--scale0);
    font-weight: 700;
    background-color: var(--pink-50);
    background-image: linear-gradient(to right, var(--pink-50), var(--cobalt-40));
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

.fundraising-letter-inline .module-content>* {
    margin-top: var(--spacing0)
}

.fundraising-letter-inline a {
    color: inherit
}

.fundraising-letter-inline a.btn.btn-urgent {
    background: var(--red-50);
    color: #fff;
    display: inline-block;
    font-size: var(--scale0)
}

html.force-light-mode .home-places {
    --color-accent-10: var(--blue-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-10: var(--blue-10)
    }
}

html.force-dark-mode .home-places {
    --color-accent-10: var(--blue-90)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-10: var(--blue-90)
    }
}

html.force-light-mode .home-places {
    --color-accent-20: var(--blue-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-20: var(--blue-20)
    }
}

html.force-dark-mode .home-places {
    --color-accent-20: var(--blue-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-20: var(--blue-80)
    }
}

html.force-light-mode .home-places {
    --color-accent-30: var(--blue-30)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-30: var(--blue-30)
    }
}

html.force-dark-mode .home-places {
    --color-accent-30: var(--blue-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-30: var(--blue-70)
    }
}

html.force-light-mode .home-places {
    --color-accent-40: var(--blue-40)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-40: var(--blue-40)
    }
}

html.force-dark-mode .home-places {
    --color-accent-40: var(--blue-60)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-40: var(--blue-60)
    }
}

html.force-light-mode .home-places {
    --color-accent-50: var(--blue-50)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-50: var(--blue-50)
    }
}

html.force-dark-mode .home-places {
    --color-accent-50: var(--blue-50)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-50: var(--blue-50)
    }
}

html.force-light-mode .home-places {
    --color-accent-60: var(--blue-60)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-60: var(--blue-60)
    }
}

html.force-dark-mode .home-places {
    --color-accent-60: var(--blue-40)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-60: var(--blue-40)
    }
}

html.force-light-mode .home-places {
    --color-accent-70: var(--blue-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-70: var(--blue-70)
    }
}

html.force-dark-mode .home-places {
    --color-accent-70: var(--blue-30)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-70: var(--blue-30)
    }
}

html.force-light-mode .home-places {
    --color-accent-80: var(--blue-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-80: var(--blue-80)
    }
}

html.force-dark-mode .home-places {
    --color-accent-80: var(--blue-20)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-80: var(--blue-20)
    }
}

html.force-light-mode .home-places {
    --color-accent-90: var(--blue-90)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home-places {
        --color-accent-90: var(--blue-90)
    }
}

html.force-dark-mode .home-places {
    --color-accent-90: var(--blue-10)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home-places {
        --color-accent-90: var(--blue-10)
    }
}

.home-places .site-header--full .section-links {
    display: none
}

@media screen and (min-width:48em) {
    .home-places .place-breadcrumb--compact {
        height: 0;
        transform: translateY(-4rem)
    }
}

.place-breadcrumb {
    font-family: var(--fonts-sans);
    font-weight: 700;
    font-size: var(--scale0);
    grid-area: links
}

@media print {
    .place-breadcrumb {
        display: none
    }
}

.place-breadcrumb--compact {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .place-breadcrumb--compact {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .place-breadcrumb--compact {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .place-breadcrumb--compact {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .place-breadcrumb--compact {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .place-breadcrumb--compact {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .place-breadcrumb--compact {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .place-breadcrumb--compact {
        margin: 0 auto
    }
}

.place-breadcrumb--compact {
    margin-top: var(--spacing-2)
}

.place-breadcrumb__subcategory:before {
    content: "";
    width: .65em;
    height: .65em;
    display: inline-block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat, repeat;
    background-position: 50% 50%;
    background-size: .65em auto;
    transform: rotate(270deg);
    margin-right: .25em;
    margin-left: .125em
}

@media screen and (prefers-color-scheme:dark) {
    .place-breadcrumb__subcategory:before {
        filter: invert(1)
    }
}

.place__wrap a .icon {
    margin-right: var(--spacing-2);
    vertical-align: -.15em
}

.place {
    --border: 1px solid var(--border-color);
    margin: var(--spacing1) 0
}

html.force-light-mode .place {
    --border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .place {
        --border-color: var(--cool-10)
    }
}

html.force-dark-mode .place {
    --border-color: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .place {
        --border-color: var(--cool-70)
    }
}

@media screen and (min-width:36em) {
    .place {
        display: grid;
        grid-gap: 1rem;
        grid-template-areas: "f1 f1 f1""intro intro intro""features features features""series series series""river river credits";
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (min-width:48em) {
    .place {
        grid-gap: 2.0736rem;
        grid-template-areas: "f1 f1 f1 f1 f1 f1 f1 f1""intro intro intro features features features features features""series series series series series series series series""river river river river river credits credits credits";
        grid-template-columns: repeat(8, 1fr);
        margin: 0
    }
}

@media screen and (min-width:60em) {
    .place {
        grid-gap: 2.0736rem;
        grid-template-areas: "f1 f1 f1 f1 f1 f1 f1 f1 f1 f1 f1 f1""intro intro intro intro features features features features features features features features""series series series series series series series series series series series series""river river river river river river river river credits credits credits credits";
        grid-template-columns: repeat(12, 1fr)
    }
}

@media screen and (min-width:78em) {
    .place {
        grid-gap: 2.0736rem;
        padding: 0 calc((((100% - 26.9568rem)/14) * 1) + 2.0736rem)
    }
}

.place a {
    color: inherit;
    text-decoration: none
}

.place a:focus,
.place a:hover {
    color: var(--color-accent-70);
    text-decoration: underline;
    text-decoration-color: var(--color-accent-70);
    text-decoration-thickness: .1em;
    text-underline-offset: .1em
}

.place p:not(.place__byline):not(.place__series-hed) a {
    color: var(--color-accent-70);
    text-decoration: underline;
    text-decoration-color: var(--color-accent-30);
    text-decoration-thickness: .1em;
    text-underline-offset: .1em
}

.place p:not(.place__byline):not(.place__series-hed) a:focus,
.place p:not(.place__byline):not(.place__series-hed) a:hover {
    text-decoration-color: currentColor
}

.place img {
    background: var(--gray-10)
}

.place .timestamp {
    white-space: nowrap
}

.place__series-hed {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    text-transform: uppercase
}

a.place__cta-link {
    border-radius: .2em;
    display: inline-block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    margin-top: var(--spacing0);
    padding: var(--spacing-2) var(--spacing-1)
}

html.force-light-mode a.place__cta-link {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) a.place__cta-link {
        background: var(--cool-10)
    }
}

html.force-dark-mode a.place__cta-link {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) a.place__cta-link {
        background: var(--cool-80)
    }
}

a.place__cta-link:focus,
a.place__cta-link:hover {
    text-decoration: none
}

html.force-light-mode a.place__cta-link:focus,
html.force-light-mode a.place__cta-link:hover {
    background: var(--color-accent-50)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) a.place__cta-link:focus,
    html:not(.force-dark-mode) a.place__cta-link:hover {
        background: var(--color-accent-50)
    }
}

html.force-dark-mode a.place__cta-link:focus,
html.force-dark-mode a.place__cta-link:hover {
    background: var(--color-accent-50)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) a.place__cta-link:focus,
    html:not(.force-light-mode) a.place__cta-link:hover {
        background: var(--color-accent-50)
    }
}

html.force-light-mode a.place__cta-link:focus,
html.force-light-mode a.place__cta-link:hover {
    color: #fff
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) a.place__cta-link:focus,
    html:not(.force-dark-mode) a.place__cta-link:hover {
        color: #fff
    }
}

html.force-dark-mode a.place__cta-link:focus,
html.force-dark-mode a.place__cta-link:hover {
    color: #fff
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) a.place__cta-link:focus,
    html:not(.force-light-mode) a.place__cta-link:hover {
        color: #fff
    }
}

@media screen and (min-width:0) {
    .place__f1 {
        grid-area: f1
    }
}

@media screen and (min-width:48em) {
    .place__f1 {
        align-items: center;
        border-bottom: var(--border);
        display: flex;
        padding-bottom: 2.0736rem
    }
}

.place__f1-art {
    align-self: flex-start;
    display: block
}

@media screen and (min-width:36em) {
    .place__f1-art {
        float: right;
        margin-left: var(--spacing0);
        width: calc((((100% - 5rem)/6) * 3) + 2rem)
    }
}

@media screen and (min-width:48em) {
    .place__f1-art {
        flex-shrink: 0;
        order: 2;
        width: calc((((100% - 14.5152rem)/8) * 4) + 6.2208rem)
    }
}

@media screen and (min-width:60em) {
    .place__f1-art {
        width: calc((((100% - 22.8096rem)/12) * 7) + 12.4416rem)
    }
}

@media screen and (max-width:36em) {
    .place__f1-art+.place__f1-info {
        margin-top: var(--scale-1)
    }
}

.place__f1-info>*+* {
    margin-top: var(--spacing-1)
}

.place__f1-hed {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-size: var(--scale2);
    font-weight: 900;
    line-height: var(--line-height-2)
}

@media screen and (min-width:60em) {
    .place__f1-hed {
        font-size: var(--scale3)
    }
}

.place__series-hed+.place__f1-hed {
    margin-top: var(--spacing-2)
}

.place__f1-dek {
    font-family: var(--fonts-sans);
    line-height: var(--line-height-1)
}

.place__f1-byline {
    color: var(--cool-50);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

.place__intro {
    border-top: var(--border);
    grid-area: intro;
    margin-top: var(--spacing1);
    padding-top: var(--spacing0)
}

@media screen and (min-width:48em) {
    .place__intro {
        border-top: none;
        border-right: var(--border);
        margin-top: 0;
        padding-right: 2.0736rem;
        padding-top: 0
    }
}

.place__intro-hed,
.place__newsletter-hed {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale1);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-bottom: var(--spacing-2)
}

.place__newsletter {
    border-top: var(--border);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1);
    margin-top: var(--spacing1);
    padding-top: var(--spacing0)
}

@media screen and (min-width:48em) {
    .place__newsletter {
        margin-top: var(--spacing2);
        padding-top: var(--spacing2)
    }
}

.place__newsletter-form-wrap {
    border: var(--border);
    border-radius: .2em;
    font-size: var(--scale0);
    margin-top: var(--spacing0);
    max-width: 30em;
    padding: var(--spacing-2) var(--spacing-1)
}

html.force-light-mode .place__newsletter-form-wrap {
    border-color: var(--cool-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .place__newsletter-form-wrap {
        border-color: var(--cool-80)
    }
}

html.force-dark-mode .place__newsletter-form-wrap {
    border-color: var(--cool-20)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .place__newsletter-form-wrap {
        border-color: var(--cool-20)
    }
}

.place__newsletter-form-wrap .newsletter-signup__input-text::placeholder {
    font-size: var(--scale-1)
}

.place__feature-group {
    border-top: var(--border);
    margin-top: var(--spacing1);
    padding-top: var(--spacing0)
}

@media screen and (min-width:0) {
    .place__feature-group {
        display: grid;
        grid-area: features;
        grid-gap: 1rem;
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:48em) {
    .place__feature-group {
        border-top: none;
        display: block;
        margin-top: 0;
        padding-top: 0
    }
}

.place__feature {
    clear: both
}

.place__feature:after {
    clear: both;
    content: "";
    display: table
}

@media screen and (min-width:48em) {
    .place__feature>* {
        margin-bottom: var(--spacing0)
    }

    .place__feature:last-child>.place__feature-info {
        margin-bottom: 0
    }
}

@media screen and (min-width:0) {
    .place__feature:first-child {
        grid-column: auto/span 2
    }
}

@media screen and (min-width:36em) {
    .place__feature:first-child {
        border-right: var(--border);
        grid-column: auto/span 1;
        grid-row: auto/span 2;
        padding-right: 1rem
    }
}

@media screen and (min-width:48em) {
    .place__feature:first-child {
        border-right: none;
        padding-right: 0
    }
}

.place__feature-art {
    display: block
}

@media screen and (min-width:36em)and (max-width:48em) {
    .place__feature:nth-child(n+2) .place__feature-art {
        display: none
    }
}

@media screen and (min-width:48em) {
    .place__feature-art {
        float: right;
        margin-left: var(--scale0);
        width: calc((((100% - 8.2944rem)/5) * 2) + 2.0736rem)
    }
}

@media screen and (min-width:60em) {
    .place__feature-art {
        width: calc((((100% - 14.5152rem)/8) * 3) + 4.1472rem)
    }
}

.place__feature-art+.place__feature-info {
    margin-top: var(--spacing-1)
}

@media screen and (min-width:48em) {
    .place__feature-art+.place__feature-info {
        margin-top: 0
    }
}

@media screen and (min-width:36em) {
    .place__feature:nth-child(n+2) .place__feature-art+.place__feature-info {
        margin-top: 0
    }
}

.place__feature-info>*+* {
    margin-top: var(--spacing-1)
}

.place__feature-hed {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.place__feature:first-child .place__feature-hed {
    font-size: var(--scale1)
}

@media screen and (min-width:48em) {
    .place__feature-hed {
        font-size: var(--scale1)
    }
}

.place__series-hed+.place__feature-hed {
    margin-top: var(--spacing-2)
}

.place__feature-dek {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.place__feature-byline {
    color: var(--cool-50);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

.place__credits.place__credits {
    border-top: var(--border);
    font-family: var(--fonts-sans);
    margin-top: var(--spacing1);
    grid-area: credits;
    padding-top: var(--spacing0)
}

@media screen and (min-width:36em) {
    .place__credits.place__credits {
        border-top: none;
        border-left: var(--border);
        margin-top: 0;
        padding-left: 1rem;
        padding-top: 0
    }
}

@media screen and (min-width:48em) {
    .place__credits.place__credits {
        padding-left: 2.0736rem
    }
}

.place__credits.place__credits p {
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.place__staff-hed,
.place__partners-hed {
    color: var(--color-text-hed);
    font-size: var(--scale1);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-bottom: var(--spacing-1)
}

.place__staff-title {
    color: var(--color-text-hed);
    font-size: var(--scale-1);
    font-weight: 700;
    margin-top: var(--scale0);
    text-transform: uppercase
}

@media screen and (min-width:0) {
    .place__partners {
        border-top: var(--border);
        margin-top: 1rem;
        padding-top: 1rem
    }
}

@media screen and (min-width:48em) {
    .place__partners {
        margin-top: 2.0736rem;
        padding-top: 2.0736rem
    }
}

.place__partner-name {
    line-height: var(--line-height-2);
    margin-top: var(--scale0)
}

.place__partner-location {
    font-size: var(--scale-2)
}

.place__series-group {
    grid-area: series
}

@media screen and (min-width:36em) {
    .place__series-group {
        border-top: var(--border)
    }
}

.place__story-group.place__story-group {
    border-top: var(--border);
    grid-area: river;
    margin-top: var(--spacing1);
    padding-top: var(--spacing0)
}

@media screen and (min-width:36em) {
    .place__story-group.place__story-group {
        border: none;
        margin-top: 0;
        padding-top: 0
    }
}

.place__story-card {
    clear: both
}

.place__story-card:after {
    clear: both;
    content: "";
    display: table
}

.place__story-card>* {
    margin-bottom: var(--spacing0)
}

.place__story-card:last-child>.place__story-card-info {
    margin-bottom: 0
}

@media screen and (min-width:0) {
    .place__story-card-art {
        display: block;
        float: right;
        margin-left: var(--spacing0);
        width: calc((((100% - 3rem)/4) * 1) + 0rem)
    }
}

@media screen and (min-width:36em) {
    .place__story-card-art {
        width: calc((((100% - 3rem)/4) * 1) + 0rem)
    }
}

@media screen and (min-width:48em) {
    .place__story-card-art {
        width: calc((((100% - 8.2944rem)/5) * 1) + 0rem)
    }
}

@media screen and (min-width:60em) {
    .place__story-card-art {
        width: calc((((100% - 14.5152rem)/8) * 2) + 2.0736rem)
    }
}

.place__story-card-info>*+* {
    margin-top: var(--spacing-1)
}

.place__story-card-hed {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-weight: 700;
    line-height: var(--line-height-1)
}

.place__story-card-dek {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.place__story-card-byline {
    color: var(--cool-50);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

.listing-section__hed {
    border-bottom: 1px solid var(--color-neutral-10);
    padding-bottom: var(--scale-2);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-3);
    width: 100%
}

.listing-section__hed .icon {
    position: absolute;
    transform: translateX(0.2em)
}

.listing-river {
    gap: var(--spacing-2)
}

.listing-river>.story-river-item,
.listing-river>.pagination {
    border-top: 1px solid var(--color-neutral-10)
}

@media screen and (max-width:60em) {

    .listing-river>.story-river-item,
    .listing-river>.pagination {
        margin-top: var(--spacing0);
        padding-top: var(--spacing1)
    }
}

@media screen and (min-width:60em) {

    .listing-river>.story-river-item,
    .listing-river>.pagination {
        margin-top: var(--spacing-1);
        padding-top: var(--spacing0)
    }
}

.listing-river__story-count {
    color: var(--color-neutral-30);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 600;
    text-align: center
}

@media screen and (max-width:60em) {
    .entry-type-topic-listing .topics-listing-section-impact+.topics-listing-section-series {
        margin-top: var(--spacing2)
    }
}

@media screen and (min-width:60em) {
    .entry-type-topic-listing .topics-listing-section-impact {
        width: calc((((100% - 22.8096rem)/12) * 4) + 6.2208rem)
    }

    .entry-type-topic-listing .topics-listing-section-impact--wide {
        min-width: calc((((100% - 22.8096rem)/12) * 8) + 14.5152rem)
    }

    .entry-type-topic-listing .topics-listing-section-series {
        max-width: calc((((100% - 22.8096rem)/12) * 8) + 14.5152rem);
        min-width: calc((((100% - 22.8096rem)/12) * 4) + 6.2208rem)
    }

    .entry-type-topic-listing .promo-series {
        width: 14rem !important
    }
}

@media screen and (min-width:78em) {
    .entry-type-topic-listing .topics-listing-section-impact {
        width: calc((((100% - 26.9568rem)/14) * 4) + 6.2208rem)
    }

    .entry-type-topic-listing .topics-listing-section-impact--wide {
        min-width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }

    .entry-type-topic-listing .topics-listing-section-series {
        max-width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem);
        min-width: calc((((100% - 26.9568rem)/14) * 4) + 6.2208rem)
    }
}

.topics-listing-header {
    margin: 4rem auto var(--spacing3)
}

@media screen and (min-width:78em) {
    .topics-listing-header {
        width: calc((((100% - 26.9568rem)/14) * 12) + 22.8096rem)
    }
}

.topics-listing-header__parent {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-3);
    text-align: center
}

.subtopics-nav {
    border-top: 1px solid var(--color-neutral-10);
    border-bottom: 1px solid var(--color-neutral-10);
    margin-bottom: var(--spacing3);
    padding-bottom: var(--spacing-2);
    padding-top: var(--spacing-2)
}

.subtopics-nav__label {
    padding: var(--spacing-1) 0;
    background-color: var(--color-bg);
    color: var(--color-neutral-30);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 600;
    line-height: var(--line-height-3);
    text-transform: uppercase;
    transform: translateY(1px);
    white-space: nowrap
}

.subtopics-nav__subtopic {
    border-radius: 4px;
    padding: var(--spacing-1);
    background-color: var(--color-bg);
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 400;
    line-height: var(--line-height-3);
    text-decoration: none;
    white-space: nowrap;
    transition: all .15s linear
}

.subtopics-nav__subtopic:hover {
    background-color: var(--color-neutral-10)
}

.topics-listing-header__name {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-size: var(--scale5);
    font-weight: 900;
    line-height: var(--line-height-3);
    text-align: center
}

.topics-listing-header__tagline {
    color: var(--color-neutral-50);
    font-family: var(--fonts-hed);
    font-size: var(--scale2);
    font-weight: 400;
    line-height: var(--line-height-2);
    text-align: center
}

.topics-listing-introduction {
    color: var(--color-neutral-50);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 400;
    line-height: var(--line-height0);
    letter-spacing: -.02rem;
    margin: var(--spacing1) auto 0
}

@media screen and (min-width:78em) {
    .topics-listing-introduction {
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }
}

.topics-listing-introduction a {
    color: inherit;
    text-decoration: underline
}

@media screen and (max-width:60em) {
    .topics-listing-section-featured-stories {
        display: flex;
        flex-direction: column;
        gap: 1rem
    }

    .topics-listing-section-featured-stories>.story-card+.story-card {
        border-top: 1px solid var(--color-neutral-10);
        padding-top: 1rem
    }

    .topics-listing-section-featured-stories>.story-card .lead-art {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .topics-listing-section-featured-stories>.story-card .story-card__hed {
        font-size: var(--scale2);
        line-height: var(--line-height-2)
    }
}

@media screen and (min-width:60em) {
    .topics-listing-section-featured-stories {
        margin: 0 auto;
        width: 100%;
        display: grid;
        column-gap: var(--gutter);
        row-gap: 1.2rem;
        grid-template-areas: "one one one""two two three""two two four";
        grid-template-columns: repeat(3, 1fr)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(1) .lead-art,
    .topics-listing-section-featured-stories>.story-card:nth-of-type(2) .lead-art {
        margin-left: 1rem
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(1) .story-card__hed,
    .topics-listing-section-featured-stories>.story-card:nth-of-type(2) .story-card__hed {
        line-height: var(--line-height-2)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(1) {
        border-bottom: 1px solid var(--color-neutral-10);
        padding-bottom: 1rem
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(1) .lead-art {
        width: calc((((100% - 22.8096rem)/12) * 8) + 14.5152rem)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(1) .story-card__hed {
        font-size: var(--scale2)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(2) .lead-art {
        width: calc((((100% - 14.5152rem)/8) * 4) + 6.2208rem)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(2) .story-card__hed {
        font-size: var(--scale1)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(3) .story-card__hed,
    .topics-listing-section-featured-stories>.story-card:nth-of-type(4) .story-card__hed {
        font-size: var(--scale-1)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(3) .lead-art,
    .topics-listing-section-featured-stories>.story-card:nth-of-type(3) .story-card__dek,
    .topics-listing-section-featured-stories>.story-card:nth-of-type(4) .lead-art,
    .topics-listing-section-featured-stories>.story-card:nth-of-type(4) .story-card__dek {
        display: none
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(3) {
        border-bottom: 1px solid var(--color-neutral-10);
        padding-bottom: 1rem
    }
}

@media screen and (min-width:78em) {
    .topics-listing-section-featured-stories {
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem);
        grid-template-areas: "one one one one one one one   one   one   one""two two two two two two three three three three""two two two two two two four  four  four  four";
        grid-template-columns: repeat(10, 1fr)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(1) .lead-art {
        width: calc((((100% - 18.6624rem)/10) * 7) + 12.4416rem)
    }

    .topics-listing-section-featured-stories>.story-card:nth-of-type(2) .lead-art {
        width: calc((((100% - 10.368rem)/6) * 3) + 4.1472rem)
    }
}

.topics-listing-section-featured-stories>.story-card:nth-of-type(1) {
    grid-area: one
}

.topics-listing-section-featured-stories>.story-card:nth-of-type(2) {
    grid-area: two
}

.topics-listing-section-featured-stories>.story-card:nth-of-type(3) {
    grid-area: three
}

.topics-listing-section-featured-stories>.story-card:nth-of-type(4) {
    grid-area: four
}

.topics-listing-featured-staff__section-hed {
    border-bottom: 1px solid var(--color-neutral-10);
    padding-bottom: var(--scale-2);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-3);
    position: sticky;
    left: 0
}

.js-scrollable-overflow--is-overflowing .topics-listing-featured-staff__section-hed {
    width: 100%
}

.topics-listing-featured-staff__group-hed {
    color: var(--color-neutral-50);
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    text-transform: uppercase;
    position: sticky;
    left: 0
}

.topics-listing-featured-staff__photo {
    border-radius: 50%;
    height: 5rem;
    width: 5rem
}

html.force-light-mode .topics-listing-featured-staff__photo {
    background-color: var(--gray-3)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .topics-listing-featured-staff__photo {
        background-color: var(--gray-3)
    }
}

html.force-dark-mode .topics-listing-featured-staff__photo {
    background-color: var(--gray-97)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .topics-listing-featured-staff__photo {
        background-color: var(--gray-97)
    }
}

.topics-listing-featured-staff__name {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 400;
    line-height: var(--line-height-2);
    text-align: center
}

.topics-listing-section-impact .story-card__hed {
    font-size: var(--scale-1)
}

.topics-listing-section-impact .lead-art,
.topics-listing-section-impact .story-card__series,
.topics-listing-section-impact .story-card__dek,
.topics-listing-section-impact .story-card__unit {
    display: none
}

@media screen and (max-width:60em) {
    .topics-listing-section-series__content {
        max-height: 150px;
        max-height: calc(8em + var(--spacing0));
        flex-wrap: wrap
    }
}

.entry-type-series-listing .series-listing-header {
    width: auto;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    display: grid;
    position: relative;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    place-items: center;
    margin-bottom: 4rem;
    background-color: var(--black)
}

.entry-type-series-listing .series-listing-header__art {
    grid-column: 1;
    grid-row: 1;
    align-self: stretch;
    opacity: 25%
}

.entry-type-series-listing .series-listing-header__art,
.entry-type-series-listing .series-listing-header__art>img {
    height: 100vh;
    object-fit: cover;
    object-position: 50% 50%;
    position: sticky;
    top: 0;
    z-index: 0
}

.entry-type-series-listing .series-listing-header__text {
    grid-column: 1;
    grid-row: 1/2;
    margin: 0 auto;
    padding: 6rem var(--page-margin) 4rem;
    z-index: 1
}

@media screen and (min-width:60em) {
    .entry-type-series-listing .series-listing-header__text {
        padding: var(--spacing3) 0
    }
}

@media screen and (min-width:78em) {
    .entry-type-series-listing .series-listing-header__text {
        width: calc((((100% - 26.9568rem)/14) * 12) + 22.8096rem)
    }
}

.entry-type-series-listing .series-listing-header__name {
    margin-top: 7rem
}

.entry-type-series-listing .series-listing-header__topic+.series-listing-header__name {
    margin-top: 0
}

.entry-type-series-listing .series-listing-header__topic+.series-listing-header__name::before,
.entry-type-series-listing .series-listing-introduction::before {
    display: block;
    content: "";
    background-color: var(--color-neutral-70);
    height: 7rem;
    width: 1px;
    margin: 0 auto 1rem
}

.entry-type-series-listing .series-nav {
    margin-top: -4rem
}

@media screen and (min-width:78em) {
    .entry-type-series-listing .series-listing-section-highlights {
        margin: 0 auto;
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }
}

@media screen and (min-width:78em) {
    .entry-type-series-listing .series-listing-section-impact {
        margin: 0 auto;
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }
}

.entry-type-series-listing .series-listing-section-impact .story-card {
    min-width: 80%;
    width: 100%
}

@media screen and (min-width:60em) {
    .entry-type-series-listing .series-listing-section-impact .story-card {
        min-width: calc((((100% - 22.8096rem)/12) * 3) + 4.1472rem)
    }
}

@media screen and (min-width:78em) {
    .entry-type-series-listing .series-listing-section-impact .story-card {
        min-width: calc((((100% - 18.6624rem)/10) * 3) + 4.1472rem)
    }
}

.series-listing-header__topic {
    color: var(--color-text-body);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 700;
    line-height: var(--line-height-3);
    text-align: center
}

.entry-type-series-listing {
    --site-header-color-bg: var(--black);
    --site-header-color-border: var(--gray-80);
    --site-header-color-text: var(--white);
    --site-header-color-button-bg: var(--black);
    --site-header-color-button-text: var(--white)
}

.series-listing-header__name {
    color: var(--color-text-hed);
    font-family: var(--fonts-hed);
    font-size: var(--scale5);
    font-weight: 900;
    line-height: var(--line-height-3);
    text-align: center
}

@media screen and (min-width:78em) {
    .series-listing-header__name {
        font-size: var(--scale7)
    }
}

.series-listing-header__tagline {
    color: var(--color-text-supp);
    font-family: var(--fonts-hed);
    font-size: var(--scale2);
    font-weight: 700;
    line-height: var(--line-height-2);
    text-align: center
}

.series-listing-introduction {
    color: var(--color-text-body);
    font-family: var(--fonts-sans);
    font-size: var(--scale0);
    font-weight: 400;
    line-height: var(--line-height0);
    letter-spacing: -.02rem;
    margin: 0 auto
}

@media screen and (min-width:60em) {
    .series-listing-introduction {
        width: calc((((100% - 26.9568rem)/14) * 8) + 14.5152rem)
    }
}

@media screen and (min-width:78em) {
    .series-listing-introduction {
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }
}

.series-listing-introduction a {
    color: inherit;
    text-decoration: underline
}

.series-listing-introduction>* {
    margin: 1rem 0
}

.series-listing-introduction>ul {
    list-style-type: initial
}

.series-listing-section-featured-stories .story-card__series {
    display: none
}

.series-listing-section-featured-stories>.story-card--callout {
    text-align: center
}

.series-listing-section-featured-stories>.story-card--callout .story-card__description {
    display: flex;
    flex-direction: column;
    align-items: center
}

.series-listing-section-featured-stories>.story-card--callout .story-card--callout__author-photos {
    justify-content: center
}

@media screen and (max-width:60em) {
    .series-listing-section-featured-stories {
        gap: 1rem
    }

    .series-listing-section-featured-stories>.story-card+.story-card {
        border-top: 1px solid var(--color-neutral-10);
        padding-top: 1rem
    }

    .series-listing-section-featured-stories>.story-card .lead-art {
        float: none;
        margin-left: 0;
        width: 100%
    }

    .series-listing-section-featured-stories>.story-card .story-card__hed {
        font-size: var(--scale2);
        line-height: var(--line-height-2)
    }
}

@media screen and (min-width:60em) {
    .series-listing-section-featured-stories {
        gap: 4rem;
        margin: 0 auto;
        width: 100%
    }

    .series-listing-section-featured-stories>.story-card {
        display: flex;
        flex-direction: row-reverse
    }

    .series-listing-section-featured-stories>.story-card .lead-art {
        float: none;
        margin: 0 0 0 1rem;
        flex: 0 0 calc((((100% - 22.8096rem)/12) * 8) + 14.5152rem)
    }

    .series-listing-section-featured-stories>.story-card .story-card__hed {
        font-size: var(--scale2);
        line-height: var(--line-height-2)
    }

    .series-listing-section-featured-stories>.story-card:nth-of-type(even) {
        display: flex;
        flex-direction: row
    }

    .series-listing-section-featured-stories>.story-card:nth-of-type(even) .lead-art {
        float: none;
        margin: 0 1rem 0 0
    }

    .series-listing-section-featured-stories>.story-card--callout .story-card__hed {
        font-size: var(--scale4);
        max-width: 25ch
    }

    .series-listing-section-featured-stories>.story-card--callout .story-card__dek {
        max-width: 50ch
    }
}

@media screen and (min-width:78em) {
    .series-listing-section-featured-stories {
        width: calc((((100% - 26.9568rem)/14) * 10) + 18.6624rem)
    }

    .series-listing-section-featured-stories>.story-card .lead-art {
        flex: 0 0 calc((((100% - 18.6624rem)/10) * 7) + 12.4416rem)
    }
}

.series-listing-section-impact .story-card__hed {
    font-size: var(--scale-1)
}

.series-listing-section-impact .lead-art,
.series-listing-section-impact .story-card__series,
.series-listing-section-impact .story-card__dek,
.series-listing-section-impact .story-card__unit {
    display: none
}

@media screen and (max-width:60em) {
    .story-river-item {
        display: static
    }
}

@media screen and (min-width:60em) {
    .story-river-item {
        display: grid;
        grid-gap: var(--gutter);
        grid-template-areas: "dateline dateline art art hed hed hed hed hed hed byline byline";
        grid-template-columns: repeat(12, 1fr)
    }
}

@media screen and (min-width:78em) {
    .story-river-item {
        grid-template-areas: "dateline dateline art art hed hed hed hed hed hed hed blank byline byline";
        grid-template-columns: repeat(14, 1fr)
    }
}

.story-river-item__dateline {
    color: var(--color-text-meta);
    display: inline;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

@media screen and (min-width:60em) {
    .story-river-item__dateline {
        grid-area: dateline
    }
}

.story-river-item__art {
    display: block
}

@media screen and (max-width:60em) {
    .story-river-item__art {
        float: right;
        margin-left: var(--gutter)
    }
}

@media screen and (min-width:0)and (max-width:36em) {
    .story-river-item__art {
        width: 6rem
    }
}

@media screen and (min-width:36em)and (max-width:48em) {
    .story-river-item__art {
        width: calc((((100% - 5rem)/6) * 2) + 1rem)
    }
}

@media screen and (min-width:48em)and (max-width:60em) {
    .story-river-item__art {
        width: calc((((100% - 14.5152rem)/8) * 3) + 4.1472rem)
    }
}

@media screen and (min-width:60em) {
    .story-river-item__art {
        grid-area: art
    }
}

.story-river-item__hed {
    color: var(--color-text-hed);
    display: block;
    font-family: var(--fonts-hed);
    font-weight: 700;
    line-height: var(--line-height-2)
}

@media screen and (max-width:48em) {
    .story-river-item__hed {
        font-size: var(--scale0)
    }
}

@media screen and (min-width:48em)and (max-width:60em) {
    .story-river-item__hed {
        font-size: var(--scale1)
    }
}

@media screen and (min-width:60em) {
    .story-river-item__hed {
        font-size: var(--scale0);
        grid-area: hed
    }
}

@media screen and (max-width:60em) {
    .story-river-item__meta {
        display: block;
        line-height: var(--line-height-3);
        margin-top: var(--spacing-2)
    }
}

@media screen and (min-width:60em) {
    .story-river-item__meta {
        display: contents
    }
}

.story-river-item__byline {
    color: var(--color-text-meta);
    display: inline;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

@media screen and (min-width:60em) {
    .story-river-item__byline {
        grid-area: byline
    }
}

.story-river-item__byline a {
    color: inherit;
    text-decoration: none
}

.story-river-item__byline a:hover {
    color: var(--color-accent-50);
    text-decoration: underline
}

@media screen and (min-width:0) {
    .home__content {
        display: grid;
        grid-gap: var(--gutter);
        grid-template-areas: "stories stories stories stories""covid covid covid covid""series series series series""river river river river""promos1 promos1 promos1 promos1""promos2 promos2 promos2 promos2";
        grid-template-columns: repeat(4, 1fr)
    }
}

@media screen and (min-width:36em) {
    .home__content {
        grid-template-areas: "stories stories stories stories stories stories""covid covid covid covid covid covid""series series series series series series""river river river river promos1 promos1""promos2 promos2 promos2 promos2 promos1 promos1";
        grid-template-columns: repeat(6, 1fr)
    }
}

@media screen and (min-width:48em) {
    .home__content {
        grid-template-areas: "stories stories stories stories stories stories stories stories""covid covid covid covid covid covid covid covid""series series series series series series series series""promos1 promos1 river river river river promos2 promos2";
        grid-template-columns: repeat(8, 1fr)
    }
}

@media screen and (min-width:60em) {
    .home__content {
        grid-template-areas: "stories stories stories stories stories stories stories stories series series series series""covid covid covid covid covid covid covid covid covid covid covid covid""promos1 promos1 river river river river river river promos2 promos2 promos2 promos2";
        grid-template-columns: repeat(12, 1fr)
    }
}

@media screen and (min-width:78em) {
    .home__content {
        grid-template-areas: "stories stories stories stories stories stories stories stories stories series series series""covid covid covid covid covid covid covid covid covid series series series""promos1 promos1 river river river river river river promos2 promos2 promos2 promos2"
    }
}

.home__featured-stories {
    grid-area: stories
}

.home__featured-series {
    grid-area: series
}

.home__featured-covid {
    grid-area: covid
}

.home__river {
    grid-area: river
}

.home__promos1 {
    grid-area: promos1
}

.home__promos2 {
    grid-area: promos2
}

@media screen and (min-width:0) {
    .home__featured-stories {
        border-bottom: 1px solid var(--cool-10);
        display: grid;
        grid-gap: var(--gutter);
        grid-template-areas: "f1 f1""f2 f2""f3 f3";
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: var(--gutter)
    }

    html.force-light-mode .home__featured-stories {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-stories {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0) {
    html.force-dark-mode .home__featured-stories {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-stories {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em) {
    .home__featured-stories {
        border-bottom: none;
        grid-template-areas: "f1 f1 f1 f1 f1 f1 f1 f1""f2 f2 f2 f2 f2 f3 f3 f3""f2 f2 f2 f2 f2 f3 f3 f3";
        grid-template-columns: repeat(8, 1fr);
        padding-bottom: 0
    }
}

@media screen and (min-width:78em) {
    .home__featured-stories {
        grid-template-areas: "f1 f1 f1 f1 f1 f1 f1 f1 f1""f2 f2 f2 f2 f2 f3 f3 f3 f3""f2 f2 f2 f2 f2 f3 f3 f3 f3";
        grid-template-columns: repeat(9, 1fr)
    }
}

.home__featured-stories>*:nth-child(1) {
    border-bottom: 1px solid var(--cool-10);
    grid-area: f1;
    padding-bottom: var(--gutter)
}

html.force-light-mode .home__featured-stories>*:nth-child(1) {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-stories>*:nth-child(1) {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .home__featured-stories>*:nth-child(1) {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-stories>*:nth-child(1) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:78em) {
    .home__featured-stories>*:nth-child(1) {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.home__featured-stories>*:nth-child(1) .story-card__art,
.home__featured-stories>*:nth-child(1) .lead-art {
    float: none;
    margin-bottom: 0;
    width: 100%
}

@media screen and (min-width:0)and (max-width:78em) {

    .home__featured-stories>*:nth-child(1) .story-card__art,
    .home__featured-stories>*:nth-child(1) .lead-art {
        margin-left: 0
    }
}

@media screen and (min-width:78em) {

    .home__featured-stories>*:nth-child(1) .story-card__art,
    .home__featured-stories>*:nth-child(1) .lead-art {
        align-self: flex-start;
        flex: 2;
        order: 1;
        margin-left: var(--spacing0);
        max-width: calc((((100% - 16.5888rem)/9) * 6) + 10.368rem)
    }
}

.home__featured-stories>*:nth-child(1) .story-card__description {
    margin-top: var(--spacing-1);
    text-align: center
}

@media screen and (min-width:78em) {
    .home__featured-stories>*:nth-child(1) .story-card__description {
        flex: 1;
        margin-top: 0
    }
}

.home__featured-stories>*:nth-child(1) .story-card__hed {
    font-size: var(--scale3);
    font-weight: 900;
    line-height: var(--line-height-2)
}

@media screen and (min-width:36em) {
    .home__featured-stories>*:nth-child(1) .story-card__hed {
        font-size: var(--scale5)
    }
}

@media screen and (min-width:60em) {
    .home__featured-stories>*:nth-child(1) .story-card__hed {
        font-size: var(--scale4)
    }
}

.home__featured-stories>*:nth-child(1) .story-card__art+.story-card__description,
.home__featured-stories>*:nth-child(1) .lead-art+.story-card__description {
    text-align: left
}

.home__featured-stories>*:nth-child(1) .story-card__art+.story-card__description .story-card__hed,
.home__featured-stories>*:nth-child(1) .lead-art+.story-card__description .story-card__hed {
    font-size: var(--scale2)
}

@media screen and (min-width:36em) {

    .home__featured-stories>*:nth-child(1) .story-card__art+.story-card__description .story-card__hed,
    .home__featured-stories>*:nth-child(1) .lead-art+.story-card__description .story-card__hed {
        font-size: var(--scale4)
    }
}

@media screen and (min-width:60em) {

    .home__featured-stories>*:nth-child(1) .story-card__art+.story-card__description .story-card__hed,
    .home__featured-stories>*:nth-child(1) .lead-art+.story-card__description .story-card__hed {
        font-size: var(--scale3)
    }
}

.home__featured-stories>*:nth-child(2) {
    grid-area: f2
}

@media screen and (min-width:0)and (max-width:48em) {

    .home__featured-stories>*:nth-child(2) .story-card__art,
    .home__featured-stories>*:nth-child(2) .lead-art {
        float: none;
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width:48em) {

    .home__featured-stories>*:nth-child(2) .story-card__art,
    .home__featured-stories>*:nth-child(2) .lead-art {
        width: calc((((100% - 14.5152rem)/8) * 3) + 4.1472rem)
    }
}

@media screen and (min-width:60em)and (max-width:78em) {

    .home__featured-stories>*:nth-child(2) .story-card__art,
    .home__featured-stories>*:nth-child(2) .lead-art {
        float: none;
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width:78em) {

    .home__featured-stories>*:nth-child(2) .story-card__art,
    .home__featured-stories>*:nth-child(2) .lead-art {
        width: calc((((100% - 8.2944rem)/5) * 2) + 2.0736rem)
    }
}

@media screen and (min-width:36em) {
    .home__featured-stories>*:nth-child(2) .story-card__hed {
        font-size: var(--scale3);
        line-height: var(--line-height-2)
    }
}

@media screen and (min-width:60em) {
    .home__featured-stories>*:nth-child(2) .story-card__hed {
        font-size: var(--scale2)
    }
}

@media screen and (min-width:36em) {

    .home__featured-stories>*:nth-child(2) .story-card__art+.story-card__description .story-card__hed,
    .home__featured-stories>*:nth-child(2) .lead-art+.story-card__description .story-card__hed {
        font-size: var(--scale1);
        line-height: var(--line-height-1)
    }
}

@media screen and (min-width:60em) {

    .home__featured-stories>*:nth-child(2) .story-card__art+.story-card__description .story-card__hed,
    .home__featured-stories>*:nth-child(2) .lead-art+.story-card__description .story-card__hed {
        font-size: var(--scale0)
    }
}

.home__featured-stories>*:nth-child(3) {
    border-top: 1px solid var(--cool-10);
    grid-area: f3;
    padding-top: var(--gutter)
}

html.force-light-mode .home__featured-stories>*:nth-child(3) {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-stories>*:nth-child(3) {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .home__featured-stories>*:nth-child(3) {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-stories>*:nth-child(3) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:0) {
    .home__featured-stories>*:nth-child(3) {
        display: flex
    }
}

@media screen and (min-width:60em) {
    .home__featured-stories>*:nth-child(3) {
        border-left: 1px solid var(--cool-10);
        border-top: none;
        display: block;
        padding-left: var(--gutter);
        padding-top: 0
    }

    html.force-light-mode .home__featured-stories>*:nth-child(3) {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:60em)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-stories>*:nth-child(3) {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:60em) {
    html.force-dark-mode .home__featured-stories>*:nth-child(3) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-stories>*:nth-child(3) {
        border-color: var(--cool-80)
    }
}

.home__featured-stories>*:nth-child(3)>*:nth-child(1) {
    flex: 1;
    padding-right: var(--gutter)
}

@media screen and (min-width:0) {
    .home__featured-stories>*:nth-child(3)>*:nth-child(1) {
        border-right: 1px solid var(--cool-10)
    }

    html.force-light-mode .home__featured-stories>*:nth-child(3)>*:nth-child(1) {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-stories>*:nth-child(3)>*:nth-child(1) {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0) {
    html.force-dark-mode .home__featured-stories>*:nth-child(3)>*:nth-child(1) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-stories>*:nth-child(3)>*:nth-child(1) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em) {
    .home__featured-stories>*:nth-child(3)>*:nth-child(1) {
        border: none;
        padding-right: 0
    }
}

.home__featured-stories>*:nth-child(3)>*:nth-child(2) {
    flex: 1;
    padding-left: var(--gutter)
}

@media screen and (min-width:60em) {
    .home__featured-stories>*:nth-child(3)>*:nth-child(2) {
        margin-top: var(--spacing0);
        padding-left: 0
    }
}

@media screen and (min-width:0)and (max-width:48em) {

    .home__featured-stories>*:nth-child(3) .story-card__art,
    .home__featured-stories>*:nth-child(3) .lead-art {
        float: none;
        margin-left: 0;
        width: 100%
    }
}

@media screen and (min-width:60em)and (max-width:78em) {

    .home__featured-stories>*:nth-child(3) .story-card__art,
    .home__featured-stories>*:nth-child(3) .lead-art {
        display: none
    }
}

.home__featured-stories>*:nth-child(3) .story-card__hed {
    font-size: var(--scale1)
}

@media screen and (min-width:60em) {
    .home__featured-stories>*:nth-child(3) .story-card__hed {
        font-size: var(--scale0)
    }
}

.home__featured-stories>*:nth-child(3) .story-card__dek {
    display: none
}

.home__featured-stories>*:nth-child(3) .story-card__art+.story-card__description .story-card__hed,
.home__featured-stories>*:nth-child(3) .lead-art+.story-card__description .story-card__hed {
    font-size: var(--scale0)
}

@media screen and (min-width:60em) {

    .home__featured-stories>*:nth-child(3) .story-card__art+.story-card__description .story-card__hed,
    .home__featured-stories>*:nth-child(3) .lead-art+.story-card__description .story-card__hed {
        font-size: var(--scale-1)
    }
}

@media screen and (min-width:0) {
    .home__featured-series {
        border-bottom: 1px solid var(--cool-10);
        padding-bottom: var(--gutter)
    }

    html.force-light-mode .home__featured-series {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-series {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0) {
    html.force-dark-mode .home__featured-series {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-series {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em) {
    .home__featured-series {
        border-bottom: none;
        border-left: 1px solid var(--cool-10);
        padding-bottom: 0;
        padding-left: var(--gutter)
    }

    html.force-light-mode .home__featured-series {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:60em)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-series {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:60em) {
    html.force-dark-mode .home__featured-series {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-series {
        border-color: var(--cool-80)
    }
}

.home__featured-series .story-card {
    margin-top: var(--spacing0)
}

.home__featured-series .story-card__hed {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 400
}

@media screen and (min-width:60em) {

    .home__featured-series .story-card__art,
    .home__featured-series .lead-art {
        width: 3em
    }
}

.home__featured-series .home__featured-series-subhed {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-weight: 700;
    line-height: var(--line-height-2)
}

.home__featured-series .home__featured-series-section {
    clear: both
}

@media screen and (min-width:0) {
    .home__featured-series .home__featured-series-section {
        border-top: 1px solid var(--cool-10);
        padding-top: var(--gutter)
    }

    html.force-light-mode .home__featured-series .home__featured-series-section {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-series .home__featured-series-section {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:0) {
    html.force-dark-mode .home__featured-series .home__featured-series-section {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:0)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-series .home__featured-series-section {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em) {
    .home__featured-series .home__featured-series-section:first-child {
        border: none;
        padding-top: 0
    }
}

.home__featured-series .home__featured-series-section:first-child .story-card>*+* {
    margin-top: var(--spacing0)
}

@media screen and (min-width:60em) {

    .home__featured-series .home__featured-series-section:first-child .story-card__art,
    .home__featured-series .home__featured-series-section:first-child .lead-art {
        float: none;
        margin-left: 0;
        margin-top: var(--spacing0);
        width: 100%
    }
}

@media screen and (min-width:60em) {
    .home__featured-series .home__featured-series-section:first-child .story-card__dek {
        font-size: var(--scale-2)
    }
}

@media screen and (min-width:0) {
    .home__featured-series .home__featured-series-section:last-child {
        margin-top: var(--gutter)
    }
}

@media screen and (min-width:36em) {
    .home__featured-series .home__featured-series-section:last-child {
        display: flex;
        flex-wrap: wrap
    }
}

@media screen and (min-width:60em) {
    .home__featured-series .home__featured-series-section:last-child {
        display: block
    }
}

.home__featured-series .home__featured-series-section:last-child .home__featured-series-subhed {
    width: 100%
}

.home__featured-series .home__featured-series-section:last-child .story-card .story-card__series,
.home__featured-series .home__featured-series-section:last-child .story-card .story-card__dek,
.home__featured-series .home__featured-series-section:last-child .story-card .story-card__byline {
    display: none
}

@media screen and (min-width:36em) {
    .home__featured-series .home__featured-series-section:last-child .story-card {
        flex-grow: 1;
        flex-shrink: 0;
        width: 50%
    }

    .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(odd) {
        padding-right: var(--gutter)
    }

    .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(even) {
        border-left: 1px solid var(--cool-10);
        padding-left: var(--gutter)
    }

    html.force-light-mode .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(even) {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:36em)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(even) {
        border-color: var(--cool-10)
    }
}

@media screen and (min-width:36em) {
    html.force-dark-mode .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(even) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:36em)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(even) {
        border-color: var(--cool-80)
    }
}

@media screen and (min-width:60em) {
    .home__featured-series .home__featured-series-section:last-child .story-card {
        width: 100%
    }

    .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(odd) {
        border: none;
        padding: 0
    }

    .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(even) {
        border: none;
        padding: 0
    }
}

@media screen and (min-width:36em)and (max-width:60em) {
    .home__featured-series .home__featured-series-section:last-child .story-card:nth-of-type(n+3) {
        margin-top: 0;
        padding-top: var(--spacing0)
    }
}

@media screen and (min-width:36em)and (max-width:60em) {
    .home__featured-series .home__featured-series-section:last-child .story-card__hed {
        margin-top: 0
    }
}

.home__river>*+* {
    border-top: 1px solid var(--cool-10);
    margin-top: var(--spacing0);
    padding-top: var(--spacing0)
}

html.force-light-mode .home__river>*+* {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__river>*+* {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .home__river>*+* {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__river>*+* {
        border-color: var(--cool-80)
    }
}

.home__river .browse-by-month label {
    display: block;
    font-family: var(--fonts-sans)
}

.home__river .browse-by-month select {
    width: 100%
}

@media screen and (max-width:36em) {
    .home__promos1 {
        border-top: 1px solid var(--cool-10);
        padding-top: var(--gutter)
    }

    html.force-light-mode .home__promos1 {
        border-color: var(--cool-10)
    }
}

@media screen and (max-width:36em)and (prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos1 {
        border-color: var(--cool-10)
    }
}

@media screen and (max-width:36em) {
    html.force-dark-mode .home__promos1 {
        border-color: var(--cool-80)
    }
}

@media screen and (max-width:36em)and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos1 {
        border-color: var(--cool-80)
    }
}

.home__promos1>*+* {
    display: block;
    margin-top: var(--gutter)
}

.home__promos1 .pp-module-title {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-2);
    margin-bottom: var(--spacing-2)
}

.home__promos1 .module-content p {
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    line-height: var(--line-height-1)
}

.home__promos1 .module-content a {
    color: inherit
}

.home__promos1 .module-content a:focus,
.home__promos1 .module-content a:hover {
    color: var(--color-accent-50)
}

.home__promos1 .links-social {
    display: grid;
    grid-gap: var(--spacing-2);
    grid-template-columns: repeat(2, 1fr);
    margin-top: var(--spacing-1)
}

@media screen and (min-width:36em) {
    .home__promos1 .links-social {
        grid-template-columns: 1fr
    }
}

.home__promos1 .links-social .btn {
    color: var(--white);
    display: block;
    font-weight: 400;
    text-align: left
}

.home__promos1 .links-social .btn::before {
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1em;
    margin-right: .3em;
    vertical-align: -.15em;
    width: 1em
}

.home__promos1 .links-social .btn.social-link-twitter {
    background: #1da1f3
}

.home__promos1 .links-social .btn.social-link-twitter::before {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNiwzYTYuNTgsNi41OCwwLDAsMS0xLjYzLDEuN3YuNDNhOS4yMSw5LjIxLDAsMCwxLS4yOCwyLjIsMTAsMTAsMCwwLDEtLjgsMi4xNSw4LjQyLDguNDIsMCwwLDEtMS4zMywyQTkuNDQsOS40NCwwLDAsMSwxMC4xNCwxM2E4LjUzLDguNTMsMCwwLDEtMi4zMiwxLjA3QTkuNzgsOS43OCwwLDAsMSw1LDE0LjVhOS4xNSw5LjE1LDAsMCwxLTUtMS4zNCw0Ljc1LDQuNzUsMCwwLDAsLjc4LjA2LDUuNyw1LjcsMCwwLDAsMi4xNC0uNDIsNy4zOCw3LjM4LDAsMCwwLDEuOTMtMS4xNEEzLjA2LDMuMDYsMCwwLDEsMywxMSwzLjEzLDMuMTMsMCwwLDEsMS44LDkuMzhhMy40NiwzLjQ2LDAsMCwwLC42MS4wNywzLjE1LDMuMTUsMCwwLDAsLjg3LS4xMkEzLjIxLDMuMjEsMCwwLDEsMS40LDguMiwzLjE3LDMuMTcsMCwwLDEsLjY1LDYuMTF2MGEzLjI2LDMuMjYsMCwwLDAsMS40OC40MUEzLjM3LDMuMzcsMCwwLDEsMS4wNiw1LjNhMy4xNiwzLjE2LDAsMCwxLS40LTEuNTQsMy4yMSwzLjIxLDAsMCwxLC40NS0xLjYsOS4wNyw5LjA3LDAsMCwwLDMsMi4zOCw5LjM4LDkuMzgsMCwwLDAsMy43OCwxLDMuMjIsMy4yMiwwLDAsMS0uMDctLjc2LDMuMTgsMy4xOCwwLDAsMSwxLTIuMzEsMy4xNiwzLjE2LDAsMCwxLDIuMzItMSwzLjI1LDMuMjUsMCwwLDEsMi40MSwxLDYuNDIsNi40MiwwLDAsMCwyLjA3LS44LDMuMTIsMy4xMiwwLDAsMS0xLjQ0LDEuODJBNi4wNSw2LjA1LDAsMCwwLDE2LDNaIi8+PC9zdmc+)
}

.home__promos1 .links-social .btn.social-link-fb {
    background: #3f5d9a
}

.home__promos1 .links-social .btn.social-link-fb::before {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNiwxVjE1YS45NC45NCwwLDAsMS0uMy43LDEsMSwwLDAsMS0uNy4zSDExVjkuNzhoMmwuMzQtMi4zSDExVjUuNjZhMS4wNiwxLjA2LDAsMCwxLC4yNS0uNzZBMSwxLDAsMCwxLDEyLDQuNjNoMS41VjIuNTVhMTEsMTEsMCwwLDAtMS42NC0uMSwzLjQ0LDMuNDQsMCwwLDAtMi40Ni44MSwzLDMsMCwwLDAtLjg1LDIuMjJ2MmgtMnYyLjNoMlYxNkgxYTEsMSwwLDAsMS0uNy0uM0EuOTQuOTQsMCwwLDEsMCwxNVYxQTEsMSwwLDAsMSwuMy4zLDEsMSwwLDAsMSwxLDBIMTVhMSwxLDAsMCwxLC43LjNBMSwxLDAsMCwxLDE2LDFaIi8+PC9zdmc+)
}

.home__promos1 .links-social .btn.social-link-youtube {
    background: red
}

.home__promos1 .links-social .btn.social-link-youtube::before {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik04LDIuMzRjMi40MiwwLDQsMCw0Ljc3LjFhNC40NCw0LjQ0LDAsMCwxLDIuMzEuNjYsMi40OSwyLjQ5LDAsMCwxLC44LDEuNkEyNS4xMywyNS4xMywwLDAsMSwxNiw3Ljc3VjhhMjkuNjIsMjkuNjIsMCwwLDEtLjEsMy4xMywyLjcyLDIuNzIsMCwwLDEtLjc0LDEuNywzLjg2LDMuODYsMCwwLDEtMi4xOC43MXEtMS4xNS4xMi00LjY1LjEySDhjLTIuNDIsMC00LDAtNC43Ny0uMUE0LjQ0LDQuNDQsMCwwLDEsLjkyLDEyLjlhMi40OSwyLjQ5LDAsMCwxLS44LTEuNkEyNSwyNSwwLDAsMSwwLDguMjNWOEEyOS42MiwyOS42MiwwLDAsMSwuMSw0Ljg3YTIuNzIsMi43MiwwLDAsMSwuNzQtMS43QTMuOTQsMy45NCwwLDAsMSwzLDIuNDZxMS4xNS0uMTIsNC42NS0uMTJIOFpNNiwxMWw1LTNMNiw1WiIvPjwvc3ZnPg==)
}

.home__promos1 .links-social .btn.social-link-rss {
    background: #fd7e03
}

.home__promos1 .links-social .btn.social-link-rss::before {
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xNiwxNS42NmEuMzQuMzQsMCwwLDEtLjM0LjM0SDEzLjM0YS4zNC4zNCwwLDAsMS0uMzQtLjM0LDEyLjYsMTIuNiwwLDAsMC0uNDUtMy4zNiwxMi40MiwxMi40MiwwLDAsMC0xLjI3LTMsMTIuODYsMTIuODYsMCwwLDAtMi0yLjU2LDEyLjg2LDEyLjg2LDAsMCwwLTIuNTYtMiwxMi44MiwxMi44MiwwLDAsMC0zLTEuMjdBMTIuNiwxMi42LDAsMCwwLC4zNCwzLC4zLjMsMCwwLDEsLjEsMi45LjMuMywwLDAsMSwwLDIuNjZWLjM0QS4zLjMsMCwwLDEsLjEuMS4zLjMsMCwwLDEsLjM0LDAsMTUuNzQsMTUuNzQsMCwwLDEsNC41LjU2LDE1LjQxLDE1LjQxLDAsMCwxLDguMjQsMi4xNGExNS44MiwxNS44MiwwLDAsMSwzLjE3LDIuNDUsMTUuODIsMTUuODIsMCwwLDEsMi40NSwzLjE3LDE1LjQxLDE1LjQxLDAsMCwxLDEuNTgsMy43NEExNS43NCwxNS43NCwwLDAsMSwxNiwxNS42NlptLTUsMGEuMzQuMzQsMCwwLDEtLjM0LjM0SDguMzRBLjM0LjM0LDAsMCwxLDgsMTUuNjZhNy40Myw3LjQzLDAsMCwwLS42MS0zQTcuNTIsNy41MiwwLDAsMCwzLjMyLDguNjEsNy40Myw3LjQzLDAsMCwwLC4zNCw4LC4zLjMsMCwwLDEsLjEsNy45LjMuMywwLDAsMSwwLDcuNjZWNS4zNEEuMy4zLDAsMCwxLC4xLDUuMS4zLjMsMCwwLDEsLjM0LDVhMTAuNzEsMTAuNzEsMCwwLDEsMi44Mi4zOEExMSwxMSwwLDAsMSw1LjcyLDYuNDUsMTEuMTUsMTEuMTUsMCwwLDEsNy44OCw4LjEyYTExLjE1LDExLjE1LDAsMCwxLDEuNjcsMi4xNiwxMSwxMSwwLDAsMSwxLjA3LDIuNTZBMTAuNzEsMTAuNzEsMCwwLDEsMTEsMTUuNjZaTTUsMTMuNWEyLjQ1LDIuNDUsMCwwLDEtLjczLDEuNzdBMi40MSwyLjQxLDAsMCwxLDIuNSwxNmEyLjM4LDIuMzgsMCwwLDEtMS43Ny0uNzNBMi4zOCwyLjM4LDAsMCwxLDAsMTMuNWEyLjQxLDIuNDEsMCwwLDEsLjczLTEuNzdBMi40NSwyLjQ1LDAsMCwxLDIuNSwxMWEyLjQxLDIuNDEsMCwwLDEsMS43Ni43NEEyLjQxLDIuNDEsMCwwLDEsNSwxMy41WiIvPjwvc3ZnPg==)
}

.home__promos1 .links-social .btn svg.icon {
    display: none
}

.home__promos1 #sidebar-email-subscribe-module {
    display: none
}

.home__promos1 .module-donate {
    border-radius: 4px;
    line-height: var(--line-height-2);
    overflow: hidden;
    text-decoration: none
}

.home__promos1 .module-donate img {
    background-size: cover
}

@media screen and (min-width:0)and (max-width:36em) {
    .home__promos1 .module-donate img {
        display: none
    }
}

.home__promos1 .module-donate .donate-content {
    color: var(--white);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    padding: var(--spacing0)
}

html.force-light-mode .home__promos1 .module-donate .donate-content {
    background: var(--cool-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos1 .module-donate .donate-content {
        background: var(--cool-80)
    }
}

html.force-dark-mode .home__promos1 .module-donate .donate-content {
    background: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos1 .module-donate .donate-content {
        background: var(--cool-70)
    }
}

@media screen and (min-width:60em)and (max-width:78em) {
    .home__promos1 .module-donate .donate-content {
        padding: var(--spacing-1)
    }
}

.home__promos1 .module-donate .btn {
    background: var(--red-50);
    color: var(--white);
    font-size: var(--scale-1);
    margin-top: var(--spacing0);
    padding: var(--spacing-1)
}

.home__promos1 .module-donate .btn:focus,
.home__promos1 .module-donate .btn:hover {
    background: var(--red-40)
}

.home__promos1 .module-awards {
    border-radius: 4px;
    padding: var(--spacing0)
}

html.force-light-mode .home__promos1 .module-awards {
    background: var(--yellow-20)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos1 .module-awards {
        background: var(--yellow-20)
    }
}

html.force-dark-mode .home__promos1 .module-awards {
    background: var(--yellow-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos1 .module-awards {
        background: var(--yellow-70)
    }
}

@media screen and (min-width:60em)and (max-width:78em) {
    .home__promos1 .module-awards {
        padding: var(--spacing-1)
    }
}

.home__promos1 .module-awards .module-photo {
    float: right;
    margin: 0 0 var(--spacing--1) var(--spacing-1);
    width: 5em
}

@media screen and (min-width:36em) {
    .home__promos1 .module-awards .module-photo {
        float: none;
        margin: 0 auto var(--spacing-1);
        max-width: 7em;
        width: 100%
    }
}

.home__promos2 {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

.home__promos2>*:not(:last-child) {
    margin-bottom: var(--gutter)
}

@media screen and (max-width:60em) {
    .home__promos2 .ad {
        display: none
    }
}

.home__promos2 .site-promo-module a {
    border-radius: 4px;
    color: inherit;
    display: block;
    overflow: hidden;
    text-decoration: none
}

html.force-light-mode .home__promos2 .site-promo-module a {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos2 .site-promo-module a {
        background: var(--cool-10)
    }
}

html.force-dark-mode .home__promos2 .site-promo-module a {
    background: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos2 .site-promo-module a {
        background: var(--cool-70)
    }
}

.home__promos2 .site-text {
    font-size: var(--scale-2);
    padding: var(--scale-1)
}

.home__promos2 .site-title,
.home__promos2 .pp-module-title {
    color: var(--color-text-hed);
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    font-weight: 700;
    line-height: var(--line-height-2)
}

.home__promos2 .brief {
    align-items: center;
    color: inherit;
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing0);
    text-decoration: none
}

.home__promos2 .brief:focus,
.home__promos2 .brief:hover {
    color: var(--color-accent-50);
    text-decoration: underline
}

.home__promos2 .brief-thumb {
    align-self: flex-start;
    flex: 0;
    margin-left: var(--spacing-1);
    order: 2;
    width: 5rem
}

@media screen and (min-width:48em)and (max-width:60em) {
    .home__promos2 .brief-thumb {
        display: none
    }
}

.home__promos2 .module-popular .pp-module-title {
    margin-bottom: var(--spacing0)
}

.home__promos2 .module-popular .tab-buttons {
    display: flex;
    margin-bottom: -1px
}

.home__promos2 .module-popular .hed-stories {
    background: transparent;
    border: 1px solid var(--cool-10);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    color: var(--color-text-hed);
    display: inline-block;
    font-size: inherit;
    flex: 0 1 auto;
    line-height: var(--line-height-2);
    margin-right: var(--spacing-2);
    padding: var(--spacing-1);
    text-align: left
}

html.force-light-mode .home__promos2 .module-popular .hed-stories {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos2 .module-popular .hed-stories {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .home__promos2 .module-popular .hed-stories {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos2 .module-popular .hed-stories {
        border-color: var(--cool-80)
    }
}

.home__promos2 .module-popular .hed-stories[aria-selected=true] {
    background: var(--color-bg);
    cursor: default;
    font-weight: 700
}

.home__promos2 .module-popular .list-stories {
    border-top: 1px solid var(--cool-10);
    counter-reset: start-from 0
}

html.force-light-mode .home__promos2 .module-popular .list-stories {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos2 .module-popular .list-stories {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .home__promos2 .module-popular .list-stories {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos2 .module-popular .list-stories {
        border-color: var(--cool-80)
    }
}

.home__promos2 .module-popular .list-stories li {
    border-bottom: 1px solid var(--cool-10);
    position: relative
}

html.force-light-mode .home__promos2 .module-popular .list-stories li {
    border-color: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .home__promos2 .module-popular .list-stories li {
        border-color: var(--cool-10)
    }
}

html.force-dark-mode .home__promos2 .module-popular .list-stories li {
    border-color: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .home__promos2 .module-popular .list-stories li {
        border-color: var(--cool-80)
    }
}

.home__promos2 .module-popular .list-stories li::before {
    color: var(--color-accent-50);
    counter-increment: start-from;
    content: counter(start-from);
    font-feature-settings: "lnum"1;
    font-weight: 700;
    position: absolute;
    top: var(--spacing0)
}

.home__promos2 .module-popular a {
    color: inherit;
    display: block;
    padding: var(--spacing0) 0 var(--spacing0) 1.25em;
    text-decoration: none
}

.home__promos2 .module-popular a:focus,
.home__promos2 .module-popular a:hover {
    color: var(--color-accent-50)
}

.button.svelte-rj69ki.svelte-rj69ki {
    background: 0 0;
    border: none;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    background-color: var(--button-bg-color);
    color: var(--button-color);
    font-weight: 700;
    font-size: var(--button-font-size);
    line-height: 1;
    text-align: center;
    display: inline-block;
    padding: 0 var(--button-horizontal-spacing);
    transition: opacity .3s
}

.button.svelte-rj69ki.svelte-rj69ki:hover {
    opacity: .5
}

.button-wrap.svelte-rj69ki.svelte-rj69ki {
    height: var(--button-size);
    display: flex;
    gap: var(--spacing-2);
    justify-content: center;
    align-items: center
}

.shape--circle.svelte-rj69ki .button-wrap.svelte-rj69ki {
    width: var(--button-size)
}

.icon-before.svelte-rj69ki.svelte-rj69ki,
.icon-after.svelte-rj69ki.svelte-rj69ki {
    height: var(--icon-size);
    width: var(--icon-size);
    will-change: opacity
}

.shape--round-rect.svelte-rj69ki.svelte-rj69ki {
    border-radius: .2em
}

.shape--rect.svelte-rj69ki.svelte-rj69ki {
    border-radius: 0
}

.shape--pill.svelte-rj69ki.svelte-rj69ki,
.shape--circle.svelte-rj69ki.svelte-rj69ki {
    border-radius: 999px
}

.shape--circle.svelte-rj69ki.svelte-rj69ki {
    height: var(--button-size);
    width: var(--button-size);
    padding: 0
}

.icon-size--fill.svelte-rj69ki.svelte-rj69ki {
    --icon-size: 100%
}

.font--sans.svelte-rj69ki.svelte-rj69ki {
    font-family: var(--fonts-sans)
}

.font--serif.svelte-rj69ki.svelte-rj69ki {
    font-family: var(--fonts-serif);
    transform: translateY(-0.1em)
}

.copy-button-wrapper.svelte-1g0eagm {
    display: inline-flex;
    flex-direction: column;
    gap: var(--gap, 1rem);
    position: relative
}

.copy-button-textarea.svelte-1g0eagm {
    background-color: var(--gray-10);
    border: 0;
    font-size: var(--scale-1);
    line-height: 1.4
}

.copy-button-textarea--hide.svelte-1g0eagm {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute
}

@keyframes svelte-1g0eagm-tooltipPopIn {
    0% {
        opacity: 0;
        margin-top: 0;
        transform: translate(-50%, -100%) scale(.9)
    }

    10% {
        opacity: 1;
        margin-top: calc(-1*var(--spacing-1));
        transform: translate(-50%, -100%) scale(1)
    }

    90% {
        opacity: 1;
        margin-top: calc(-1*var(--spacing-1));
        transform: translate(-50%, -100%) scale(1)
    }

    to {
        opacity: 0;
        margin-top: 0;
        transform: translate(-50%, -100%) scale(.9)
    }
}

.copy-button-tooltip.svelte-1g0eagm {
    animation: svelte-1g0eagm-tooltipPopIn ease-in-out 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    background-color: var(--black);
    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);
    text-align: center;
    white-space: nowrap;
    margin-left: 50%;
    margin-top: 0;
    position: absolute;
    transform: translate(-50%, -100%) scale(1);
    transform-origin: center center;
    z-index: 1000
}

figure.svelte-1mrytkq.svelte-1mrytkq {
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    line-height: var(--line-height-1)
}

h3.svelte-1mrytkq.svelte-1mrytkq {
    font-size: var(--scale-1);
    font-weight: 700;
    text-align: left;
    margin-bottom: var(--spacing-2)
}

p.svelte-1mrytkq.svelte-1mrytkq {
    margin-bottom: var(--spacing-1)
}

strong.svelte-1mrytkq.svelte-1mrytkq {
    color: var(--color-accent-50);
    display: block;
    font-weight: 700;
    margin-bottom: 0
}

.number--x-small.svelte-1mrytkq strong.svelte-1mrytkq {
    font-size: 1.25em
}

.number--small.svelte-1mrytkq strong.svelte-1mrytkq {
    font-size: 1.75em
}

.number--medium.svelte-1mrytkq strong.svelte-1mrytkq {
    font-size: 2.25em
}

.number--large.svelte-1mrytkq strong.svelte-1mrytkq {
    font-size: 2.75em
}

.number--x-large.svelte-1mrytkq strong.svelte-1mrytkq {
    font-size: 3.25em
}

figcaption.svelte-1mrytkq.svelte-1mrytkq {
    font-size: var(--scale-2)
}

a.svelte-1mrytkq.svelte-1mrytkq {
    color: var(--color-accent-70);
    text-decoration-color: var(--color-accent-30);
    display: block
}

a.svelte-1mrytkq.svelte-1mrytkq:hover,
a.svelte-1mrytkq.svelte-1mrytkq:focus {
    text-decoration-color: var(--color-accent-70)
}

.number__rank-scale.svelte-1mrytkq.svelte-1mrytkq {
    position: relative;
    padding-top: 9px;
    margin-top: var(--scale0)
}

.number__rank-marker.svelte-1mrytkq.svelte-1mrytkq {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--color-text-body);
    font-size: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 0
}

.number__rank-labels.svelte-1mrytkq.svelte-1mrytkq {
    border-top: 1px solid var(--color-text-supp);
    font-size: .75rem;
    display: flex;
    text-transform: uppercase;
    color: var(--color-text-supp);
    justify-content: space-between;
    margin: 0 0 .5rem;
    padding: .25rem 0 0
}

.number__rank-labels.svelte-1mrytkq li.svelte-1mrytkq {
    list-style: none
}

.newsletter-signup__input-text.svelte-10wydf7 {
    background-color: transparent;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    overflow: visible;
    font-family: var(--fonts-sans);
    font-size: inherit;
    line-height: 1;
    margin: 0;
    max-width: 100%
}

.newsletter-signup__input-wrap.svelte-10wydf7 {
    align-items: center;
    display: flex;
    opacity: 1;
    transition: opacity .2s
}

.newsletter-signup__input-wrap.svelte-10wydf7:focus-within {
    outline: 5px auto Highlight;
    outline: 5px auto -webkit-focus-ring-color
}

.newsletter-signup__input-text.svelte-10wydf7 {
    border: none;
    color: inherit;
    flex-grow: 1;
    margin-left: var(--spacing-2);
    padding: .4em 0
}

.newsletter-signup__input-text.svelte-10wydf7::placeholder {
    color: inherit;
    font-size: var(--scale-2)
}

.newsletter-signup__input-text.svelte-10wydf7:focus {
    outline: none
}

.newsletter-signup__input-text.svelte-10wydf7:focus::placeholder {
    color: transparent
}

.newsletter-signup__submit-btn-wrapper.svelte-10wydf7 {
    display: flex;
    align-items: center
}

.site-header__banner.svelte-gwupkh.svelte-gwupkh.svelte-gwupkh {
    --promo-banner-link-background: linear-gradient(to right, #da352b, #e98406);
    --promo-banner-link-color: white;
    --promo-banner-button-background: #d92d03;
    --promo-banner-button-color: white;
    font-family: Graphik, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    position: relative;
    z-index: 100
}

@media screen and (min-width:40em) {
    .site-header__banner.svelte-gwupkh.svelte-gwupkh.svelte-gwupkh {
        font-size: 15px
    }
}

a.site-header__banner-link.svelte-gwupkh.svelte-gwupkh.svelte-gwupkh {
    align-items: center;
    background: var(--promo-banner-link-background);
    color: var(--promo-banner-link-color);
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: .5em 1em;
    text-decoration: none;
    transition: unset
}

.site-header__banner-link.svelte-gwupkh>.svelte-gwupkh+.svelte-gwupkh {
    margin-left: 8px
}

.site-header__banner-cta.svelte-gwupkh.svelte-gwupkh.svelte-gwupkh {
    background: var(--promo-banner-button-background);
    color: var(--promo-banner-button-color);
    border-radius: .2em;
    display: inline;
    font-size: .85em;
    font-weight: 700;
    padding: .5em 1em;
    text-transform: uppercase;
    text-align: center
}

.site-header__banner-title.svelte-gwupkh.svelte-gwupkh.svelte-gwupkh {
    padding-right: .25em
}

.share-tools__btn-list.svelte-3w8eaf {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-1)
}

.site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    padding: var(--spacing2) 0
}

html.force-light-mode .text-dark .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-80)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-dark .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-80)
    }
}

html.force-dark-mode .text-dark .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-dark .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-70)
    }
}

html.force-light-mode .text-light .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-70)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-light .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-70)
    }
}

html.force-dark-mode .text-light .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-70)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-light .site-footer__section-newsletter.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-70)
    }
}

.site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:60em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

.site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    max-width: 1344px;
    margin: 0 1.44rem
}

@media screen and (min-width:48em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 auto
    }
}

@media screen and (min-width:48em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

@media screen and (min-width:78em) {
    .site-footer__newsletter-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        justify-content: center
    }
}

.site-footer__newsletter-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    color: var(--white);
    display: block;
    font-size: var(--scale1);
    line-height: var(--line-height-2)
}

@media screen and (max-width:48em) {
    .site-footer__newsletter-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin-bottom: var(--spacing-1)
    }
}

@media screen and (min-width:48em) {
    .site-footer__newsletter-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        width: calc((100% - 14.5152rem)/8*4 + 6.2208rem)
    }
}

@media screen and (min-width:60em) {
    .site-footer__newsletter-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        font-size: var(--scale2);
        width: calc((100% - 22.8096rem)/2 + 10.368rem)
    }
}

@media screen and (min-width:78em) {
    .site-footer__newsletter-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin-right: var(--spacing2);
        width: calc((100% - 26.9568rem)/14*6 + 10.368rem)
    }
}

.newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    border-radius: .2em;
    font-size: var(--scale0);
    padding: var(--spacing-2) var(--spacing-1) var(--spacing-2) var(--spacing0);
    position: relative;
    margin: 0 auto
}

html.force-light-mode .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--white)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--white)
    }
}

html.force-dark-mode .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: 0 0
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: 0 0
    }
}

html.force-light-mode .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    border: none
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        border: none
    }
}

html.force-dark-mode .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    border: 1px solid var(--cool-20)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-dark .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        border: 1px solid var(--cool-20)
    }
}

html.force-light-mode .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: 0 0
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: 0 0
    }
}

html.force-dark-mode .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: 0 0
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: 0 0
    }
}

html.force-light-mode .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    border: 1px solid var(--cool-20)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        border: 1px solid var(--cool-20)
    }
}

html.force-dark-mode .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    border: 1px solid var(--cool-20)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-light .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        border: 1px solid var(--cool-20)
    }
}

@media screen and (min-width:48em) {
    .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0;
        width: calc((100% - 14.5152rem)/8*4 + 6.2208rem)
    }
}

@media screen and (min-width:60em) {
    .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        width: calc((100% - 22.8096rem)/2 + 10.368rem)
    }
}

@media screen and (min-width:78em) {
    .newsletter-signup__input-wrap.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        width: calc((100% - 26.9568rem)/14*6 + 10.368rem)
    }
}

.site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    clear: both;
    font-family: var(--fonts-sans);
    font-size: var(--scale-1);
    margin-top: var(--spacing3)
}

html.force-light-mode .text-dark .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-10)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-dark .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-10)
    }
}

html.force-dark-mode .text-dark .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-dark .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-80)
    }
}

html.force-light-mode .text-light .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-80)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-light .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-80)
    }
}

html.force-dark-mode .text-light .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    background: var(--cool-80)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-light .site-footer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        background: var(--cool-80)
    }
}

.site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx {
    color: inherit;
    text-decoration: none
}

.site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
.site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover {
    text-decoration: underline;
    text-decoration-color: currentColor;
    text-decoration-thickness: .1em;
    text-underline-offset: .1em
}

.text-dark .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
.site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
.text-dark .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover,
.site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover {
    color: var(--color-accent-70)
}

html.force-light-mode .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
html.force-light-mode .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover {
    color: var(--color-accent-30)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
    html:not(.force-dark-mode) .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover {
        color: var(--color-accent-30)
    }
}

html.force-dark-mode .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
html.force-dark-mode .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover {
    color: var(--color-accent-30)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:focus,
    html:not(.force-light-mode) .text-light .site-footer.svelte-m9jkvx a.svelte-m9jkvx.svelte-m9jkvx:hover {
        color: var(--color-accent-30)
    }
}

.site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:60em) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

.site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    max-width: 1344px;
    margin: 0 1.44rem
}

@media screen and (min-width:48em) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .site-footer__wrap-outer.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: 0 auto
    }
}

.site-footer__wrap-inner.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    display: flex;
    flex-direction: column-reverse;
    padding: var(--spacing1) 0
}

@media screen and (min-width:48em) {
    .site-footer__wrap-inner.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        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.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        padding-left: calc((100% - 26.9568rem)/14*1 + 2.0736rem);
        padding-right: calc((100% - 26.9568rem)/14*1 + 2.0736rem)
    }
}

.site-footer__section-logo.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    font-size: var(--scale-2);
    grid-area: logo;
    line-height: var(--line-height-2)
}

@media screen and (max-width:48em) {
    .site-footer__section-logo.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        margin: var(--spacing0) 0
    }
}

.site-footer__section-logo.svelte-m9jkvx>.svelte-m9jkvx+.svelte-m9jkvx {
    margin-top: var(--spacing-1)
}

.site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    display: block;
    max-width: 20em
}

html.force-light-mode .text-dark .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-light-mode .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    fill: var(--cool-80)
}

@media(prefers-color-scheme:light) {

    html:not(.force-dark-mode) .text-dark .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-dark-mode) .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        fill: var(--cool-80)
    }
}

html.force-dark-mode .text-dark .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
html.force-dark-mode .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    fill: var(--cool-10)
}

@media screen and (prefers-color-scheme:dark) {

    html:not(.force-light-mode) .text-dark .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx,
    html:not(.force-light-mode) .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        fill: var(--cool-10)
    }
}

html.force-light-mode .text-light .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    fill: var(--cool-10)
}

@media(prefers-color-scheme:light) {
    html:not(.force-dark-mode) .text-light .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        fill: var(--cool-10)
    }
}

html.force-dark-mode .text-light .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    fill: var(--cool-10)
}

@media screen and (prefers-color-scheme:dark) {
    html:not(.force-light-mode) .text-light .site-footer__wordmark.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        fill: var(--cool-10)
    }
}

.site-footer__tagline.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    display: block;
    font-family: var(--fonts-serif);
    margin-top: var(--spacing-2)
}

.site-footer__section-links.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    grid-area: links
}

@media screen and (min-width:36em) {
    .site-footer__section-links.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        column-count: 3;
        column-gap: 1rem
    }

    .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx {
        break-inside: avoid
    }
}

@media screen and (min-width:48em) {
    .site-footer__section-links.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        grid-gap: 2.0736rem
    }
}

@media screen and (max-width:36em) {
    .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx:nth-child(1n+2) {
        border-top: 1px solid
    }

    html.force-light-mode .text-dark .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx:nth-child(1n+2),
    html.force-light-mode .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx:nth-child(1n+2),
    html:not(.force-dark-mode) .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx:nth-child(1n+2),
    html.force-dark-mode .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx:nth-child(1n+2),
    html:not(.force-light-mode) .site-footer__section-links.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx: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.svelte-m9jkvx>.svelte-m9jkvx.svelte-m9jkvx:nth-child(1n+2) {
        border-color: var(--cool-70)
    }
}

.site-footer__links-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    display: block;
    letter-spacing: .05em;
    text-transform: uppercase
}

@media screen and (max-width:36em) {
    .site-footer__links-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
        padding: var(--spacing-1) 0
    }

    .site-footer__links-heading.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx:hover {
        cursor: pointer
    }
}

.site-footer__links-list.svelte-m9jkvx.svelte-m9jkvx.svelte-m9jkvx {
    margin-bottom: var(--spacing-1)
}

.site-header--minimal.svelte-1yopbnc.svelte-1yopbnc,
.site-header--compact.svelte-1yopbnc.svelte-1yopbnc,
.site-header--full.svelte-1yopbnc.svelte-1yopbnc,
.site-header--fixed.svelte-1yopbnc.svelte-1yopbnc,
.site-header-overlay.svelte-1yopbnc.svelte-1yopbnc {
    --header-hover: var(--color-accent-50);
    color: var(--site-header-color-text, var(--color-neutral-80));
    font-family: var(--fonts-sans);
    line-height: var(--line-height-2)
}

.site-header--compact.svelte-1yopbnc.svelte-1yopbnc,
.site-header--full.svelte-1yopbnc.svelte-1yopbnc {
    background-color: var(--site-header-color-bg, var(--color-bg))
}

a.svelte-1yopbnc.svelte-1yopbnc {
    color: currentColor
}

.site-header-skip-link.svelte-1yopbnc.svelte-1yopbnc {
    background-color: var(--color-neutral-10);
    border-radius: 4px;
    display: block;
    font-family: var(--fonts-sans);
    font-size: var(--scale-2);
    font-weight: 700;
    line-height: var(--line-height-2);
    padding: var(--spacing-1);
    text-decoration: none;
    left: 1rem;
    top: 1rem;
    z-index: 1001
}

.site-header-skip-link.svelte-1yopbnc.svelte-1yopbnc:focus {
    outline-offset: 4px;
    border: none
}

.site-header--minimal.svelte-1yopbnc.svelte-1yopbnc,
.site-header--compact.svelte-1yopbnc.svelte-1yopbnc,
.site-header--fixed.svelte-1yopbnc.svelte-1yopbnc {
    width: 100%
}

.site-header--minimal.svelte-1yopbnc.svelte-1yopbnc {
    --site-header-page-margins: var(--spacing1);
    position: absolute;
    z-index: 1000
}

@media screen and (min-width:48em) {
    .site-header--minimal.svelte-1yopbnc.svelte-1yopbnc {
        --site-header-page-margins: var(--spacing3)
    }
}

.site-header--compact.svelte-1yopbnc.svelte-1yopbnc,
.site-header--fixed.svelte-1yopbnc.svelte-1yopbnc {
    position: sticky;
    top: 0;
    z-index: 1000
}

.site-header--compact-has-scrolled.svelte-1yopbnc.svelte-1yopbnc,
.site-header--fixed.svelte-1yopbnc.svelte-1yopbnc {
    background-color: var(--site-header-fixed-color-bg, var(--color-bg));
    border-bottom: 1px solid var(--site-header-fixed-color-border, var(--color-neutral-10));
    color: var(--site-header-fixed-color-text, --color-neutral-80)
}

.site-header--fixed.svelte-1yopbnc.svelte-1yopbnc {
    position: fixed;
    top: 0;
    transform: translateY(-150%);
    transition: .2s
}

.site-header--fixed-has-scrolled.svelte-1yopbnc.svelte-1yopbnc {
    transform: translateY(0)
}

.variant-minimal__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
.variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
.variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
.variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    align-items: center;
    display: grid;
    font-size: var(--scale-2);
    grid-template-areas: "menu logo donate";
    padding: var(--spacing-1) 0
}

@media screen and (min-width:36em) {

    .variant-minimal__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        font-size: var(--scale-1)
    }
}

.variant-compact__inner-wrap--has-border.svelte-1yopbnc.svelte-1yopbnc {
    border-bottom: 1px solid var(--site-header-color-border, var(--color-neutral-10))
}

.variant-minimal__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    grid-template-columns: 5em 1fr 5em;
    margin: 0 var(--site-header-page-margins)
}

@media screen and (min-width:48em) {
    .variant-minimal__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        --site-header-page-margins: var(--spacing3)
    }
}

@media screen and (min-width:60em) {
    .variant-minimal__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        grid-template-columns: 2rem 1fr 5em
    }
}

.variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 auto
    }
}

.variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 auto
    }
}

.variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 auto
    }
}

.variant-compact__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
.variant-fixed__inner-wrap.svelte-1yopbnc.svelte-1yopbnc,
.variant-overlay__top-inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    grid-template-columns: 5em 1fr 5em
}

.variant-minimal__section-menu.svelte-1yopbnc.svelte-1yopbnc,
.variant-compact__section-menu.svelte-1yopbnc.svelte-1yopbnc,
.variant-fixed__section-menu.svelte-1yopbnc.svelte-1yopbnc,
.variant-overlay__section-menu.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: menu;
    margin-left: -.75rem
}

.variant-minimal__wordmark.svelte-1yopbnc.svelte-1yopbnc,
.variant-compact__wordmark.svelte-1yopbnc.svelte-1yopbnc,
.variant-fixed__wordmark.svelte-1yopbnc.svelte-1yopbnc,
.variant-overlay__wordmark.svelte-1yopbnc.svelte-1yopbnc {
    display: block;
    fill: currentColor;
    grid-area: logo;
    justify-self: center;
    margin: 0 var(--spacing-1);
    max-width: 13em;
    width: 100%
}

.variant-minimal__wordmark.svelte-1yopbnc.svelte-1yopbnc {
    justify-self: center
}

@media screen and (min-width:60em) {
    .variant-minimal__wordmark.svelte-1yopbnc.svelte-1yopbnc {
        justify-self: start
    }
}

.site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 auto
    }
}

.site-header--full__inner-wrap.svelte-1yopbnc.svelte-1yopbnc {
    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)
}

.section-menu.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: menu;
    padding-bottom: var(--spacing0);
    justify-self: start;
    display: flex;
    flex-direction: row;
    gap: var(--spacing0)
}

.site-header--full.svelte-1yopbnc .section-logo.svelte-1yopbnc {
    align-items: center;
    display: flex;
    flex-direction: column;
    grid-area: logo;
    justify-content: center;
    justify-self: stretch;
    padding: 0 0 var(--spacing0)
}

.site-header--full.svelte-1yopbnc .wordmark.svelte-1yopbnc {
    display: block;
    max-width: 25em;
    width: 100%
}

.site-header--full.svelte-1yopbnc .wordmark.svelte-1yopbnc:hover {
    color: var(--header-hover)
}

.section-donate.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: donate;
    justify-self: end;
    padding-bottom: var(--spacing0)
}

.site-header--full__divider.svelte-1yopbnc.svelte-1yopbnc {
    background-color: var(--site-header-color-border, var(--color-neutral-10));
    border: none;
    grid-area: border;
    height: 1px;
    margin: 0;
    width: 100%
}

.section-links.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: links
}

.links-list.svelte-1yopbnc.svelte-1yopbnc {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--spacing0)
}

@media screen and (min-width:78em) {
    .links-list.svelte-1yopbnc.svelte-1yopbnc {
        gap: var(--spacing2)
    }
}

.link.svelte-1yopbnc.svelte-1yopbnc {
    text-decoration: none;
    font-size: var(--scale-2);
    font-weight: 700;
    transition: .2s
}

.link.svelte-1yopbnc.svelte-1yopbnc:hover {
    color: var(--color-accent-50)
}

.link--featured.svelte-1yopbnc.svelte-1yopbnc {
    color: var(--site-header__featured-link-text-color);
    background-color: var(--site-header__featured-link-bg-color);
    padding: .3em .4em
}

.link--featured.svelte-1yopbnc.svelte-1yopbnc:hover {
    color: var(--site-header__featured-link-text-color);
    background-color: var(--site-header__featured-link-bg-color);
    opacity: .75
}

.section-newsletter.svelte-1yopbnc.svelte-1yopbnc {
    border-left: 1px solid var(--site-header-color-border, var(--color-neutral-10));
    grid-area: newsletter;
    justify-self: stretch;
    padding-left: var(--spacing0)
}

.tagline.svelte-1yopbnc.svelte-1yopbnc {
    display: block;
    font-family: var(--fonts-serif);
    font-size: var(--scale-2);
    font-weight: 700;
    margin-top: var(--spacing-2);
    text-align: center
}

.site-header-overlay.svelte-1yopbnc.svelte-1yopbnc {
    background-color: var(--cool-90);
    color: var(--cool-10);
    bottom: 0;
    left: 0;
    overflow: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
    transition: opacity .2s
}

.site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
    max-width: 1344px
}

@media screen and (min-width:0) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:36em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 1.44rem
    }
}

@media screen and (min-width:48em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:60em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:78em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:88em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 2.985984rem
    }
}

@media screen and (min-width:1439.551488px) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin: 0 auto
    }
}

.site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-bottom: var(--spacing2)
}

@media screen and (min-width:48em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        padding-bottom: var(--spacing3)
    }
}

@media screen and (min-width:60em) {
    .site-header-overlay__wrap-expanded.svelte-1yopbnc.svelte-1yopbnc {
        margin-top: 5rem
    }
}

.site-header__section-search.svelte-1yopbnc.svelte-1yopbnc {
    width: 100%
}

.search-form.svelte-1yopbnc.svelte-1yopbnc {
    font-size: var(--scale0);
    padding: var(--spacing1) 0 var(--spacing3)
}

@media screen and (min-width:48em) {
    .search-form.svelte-1yopbnc.svelte-1yopbnc {
        padding-top: 0
    }
}

.search-form__input-wrap.svelte-1yopbnc.svelte-1yopbnc {
    align-items: center;
    display: flex;
    justify-content: center
}

.search-form__input-text.svelte-1yopbnc.svelte-1yopbnc {
    background-color: var(--cool-80);
    border: none;
    border-radius: .2em;
    color: var(--cool-10);
    font-family: var(--fonts-sans);
    font-size: inherit;
    padding: .5em;
    margin-right: var(--spacing-1);
    max-width: 20em;
    width: 100%
}

.search-form__input-text.svelte-1yopbnc.svelte-1yopbnc::placeholder {
    color: inherit
}

.site-header__section-links-expanded.svelte-1yopbnc.svelte-1yopbnc {
    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.svelte-1yopbnc.svelte-1yopbnc {
        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.svelte-1yopbnc.svelte-1yopbnc:before,
.site-header__section-links-expanded.svelte-1yopbnc.svelte-1yopbnc:after {
    background-color: var(--cool-70);
    display: block
}

.site-header__section-links-expanded.svelte-1yopbnc.svelte-1yopbnc:before {
    content: "";
    grid-area: border1
}

@media screen and (min-width:48em) {
    .site-header__section-links-expanded.svelte-1yopbnc.svelte-1yopbnc:after {
        content: "";
        grid-area: border2
    }
}

.site-header__links-heading.svelte-1yopbnc.svelte-1yopbnc {
    display: block;
    font-size: var(--scale0);
    font-weight: 700;
    margin-bottom: var(--spacing1)
}

.site-header__links-list.svelte-1yopbnc.svelte-1yopbnc {
    display: block;
    font-size: var(--scale-1)
}

.site-header__links-list.svelte-1yopbnc>.svelte-1yopbnc {
    margin-bottom: var(--spacing0)
}

.site-header__links-list.svelte-1yopbnc>.svelte-1yopbnc:last-child {
    margin-bottom: 0
}

.site-header__link.svelte-1yopbnc.svelte-1yopbnc {
    text-decoration: none
}

.site-header__link.svelte-1yopbnc.svelte-1yopbnc:focus,
.site-header__link.svelte-1yopbnc.svelte-1yopbnc:hover {
    color: var(--header-hover)
}

.site-header__links-topics.svelte-1yopbnc.svelte-1yopbnc:before,
.site-header__links-type.svelte-1yopbnc.svelte-1yopbnc:before,
.site-header__links-info.svelte-1yopbnc.svelte-1yopbnc:before,
.site-header__links-follow.svelte-1yopbnc.svelte-1yopbnc:before {
    background-color: var(--cool-70);
    content: "";
    display: block;
    height: 1px;
    margin-bottom: var(--spacing1);
    width: 50%
}

@media screen and (min-width:48em) {
    .site-header__links-info.svelte-1yopbnc.svelte-1yopbnc:before {
        display: none
    }
}

.site-header__links-topics.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: topics
}

.site-header__links-topics.svelte-1yopbnc .icon.svelte-1yopbnc {
    margin-right: var(--spacing-2);
    vertical-align: -.1em
}

.site-header__links-region.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: region
}

.site-header__links-type.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: type
}

.site-header__links-special.svelte-1yopbnc.svelte-1yopbnc {
    font-weight: 700;
    grid-area: special
}

.site-header__links-special.svelte-1yopbnc .site-header__link.svelte-1yopbnc {
    font-size: var(--scale0)
}

.site-header__links-info.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: info;
    order: -1
}

.site-header__links-follow.svelte-1yopbnc.svelte-1yopbnc {
    grid-area: follow
}

.site-header__links-list-follow.svelte-1yopbnc.svelte-1yopbnc {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--scale0)
}

.site-header__links-list-follow.svelte-1yopbnc>.svelte-1yopbnc {
    margin-right: var(--spacing-1);
    margin-top: 0
}

.site-header__links-list-follow.svelte-1yopbnc>.svelte-1yopbnc:last-child {
    margin-right: 0
}