@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

.m-0 { margin: 0; }

.mt-0 { margin-top: 0; }

.mr-0 { margin-right: 0; }

.mb-0 { margin-bottom: 0; }

.ml-0 { margin-left: 0; }

.m-1px { margin: 1px; }

.mt-1px { margin-top: 1px; }

.mr-1px { margin-right: 1px; }

.mb-1px { margin-bottom: 1px; }

.ml-1px { margin-left: 1px; }

.m-2px { margin: 2px; }

.mt-2px { margin-top: 2px; }

.mr-2px { margin-right: 2px; }

.mb-2px { margin-bottom: 2px; }

.ml-2px { margin-left: 2px; }

.m-3px { margin: 3px; }

.mt-3px { margin-top: 3px; }

.mr-3px { margin-right: 3px; }

.mb-3px { margin-bottom: 3px; }

.ml-3px { margin-left: 3px; }

.m-4px { margin: 4px; }

.mt-4px { margin-top: 4px; }

.mr-4px { margin-right: 4px; }

.mb-4px { margin-bottom: 4px; }

.ml-4px { margin-left: 4px; }

.m-5px { margin: 5px; }

.mt-5px { margin-top: 5px; }

.mr-5px { margin-right: 5px; }

.mb-5px { margin-bottom: 5px; }

.ml-5px { margin-left: 5px; }

.m-1 { margin: 0.25rem; }

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

.mr-1 { margin-right: 0.25rem; }

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

.ml-1 { margin-left: 0.25rem; }

.m-2 { margin: 0.5rem; }

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

.mr-2 { margin-right: 0.5rem; }

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

.ml-2 { margin-left: 0.5rem; }

.m-3 { margin: 1rem; }

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

.mr-3 { margin-right: 1rem; }

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

.ml-3 { margin-left: 1rem; }

html, body { font-family: 'Libre Franklin', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.6111111111; }

@media print { body { font-size: 80%; } }

a { color: #2f6bcc; transition: all 0.1s; text-decoration: none; }

a:hover, a:focus { text-decoration: underline; color: #1c4079; transition: all 0s; }

a:visited { color: #2f6bcc; }

a:visited:hover, a:visited:focus { color: #1c4079; }

a:active { position: relative; top: 1px; }

blockquote { border-left: 0.2rem solid #9f6dd0; margin: 0; background: rgba(159, 109, 208, 0.1); padding: 1.6111111111rem; padding-left: 1.4111111111rem; }

code { font-family: "Lucida Console", "Lucida Sans Typewriter", "Consolas", "Monaco", "Courier New", serif; font-size: 90%; background: rgba(0, 0, 0, 0.1); padding: 0.2rem; border-radius: 0.2rem; }

p { margin: 0; }

blockquote + blockquote, p + blockquote, ol + blockquote, ul + blockquote, .sidenote + blockquote, blockquote + p, p + p, ol + p, ul + p, .sidenote + p, blockquote + ol, p + ol, ol + ol, ul + ol, .sidenote + ol, blockquote + ul, p + ul, ol + ul, ul + ul, .sidenote + ul { margin-top: 1.6111111111em; }

.footnote-ref { background: rebeccapurple; color: white; padding: 0 0.5rem; margin: 0 0.1rem; border-radius: 0.5rem; text-decoration: none; }

.footnote-ref:hover, .footnote-ref:focus { background: #1a0d26; }

.footnote-ref sup { vertical-align: inherit; font-size: inherit; top: 0; }

a.footnote-ref { color: white; }

a.footnote-ref:hover { color: white; }

h1, h2, h3, h4, h5, h6 { margin: 2.4166666667rem 0 0.8055555556rem; }

h1 { font-size: 1.563rem; line-height: 2.0615625222; }

h2 { font-size: 1.1rem; line-height: 1.4646464646; }

h3, h4, h5, h6 { font-size: 1rem; line-height: 1.6111111111; }

hr { margin: 1.6111111111rem 0; border: none; border-top: 0.2rem solid rebeccapurple; margin-top: 1.4111111111rem; }

ol, ul { margin: 0; padding-left: 1.6111111111rem; }

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

html, body { min-height: 100vh; }

body { width: 100%; color: #111; background: #f8f8f7; margin: 1.6111111111rem 0 0; }

@media (min-width: 600px) { body { margin: 0; } }

nav ul { margin: 0; padding: 0; }

nav .current { font-weight: bold; }

article { display: grid; grid-template-columns: [full-start] 1.6111111111rem [content-col content half-bleed sidebar article sidenotes article-and-sidenotes] 8fr 1.6111111111rem [full-end]; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; }

@media (min-width: 600px) { article { grid-template-columns: [full-start] minmax(0.5rem, 1fr) [content-start content-col sidebar-start] minmax(min-content, 6%) [half-bleed-start content-col] minmax(min-content, 6%) [sidebar-end article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 8%) [half-bleed-end content-col] minmax(min-content, 8%) [sidenotes-end article-and-sidenotes-end content-end] minmax(0.5rem, 1fr) [full-end]; grid-column-gap: 29px; } }

article .content { grid-column: content; }

article > * { grid-column: content; }

article > .pullquote { grid-column: half-bleed; }

.footnotes { border-top: 0.1611111111rem solid rebeccapurple; padding-top: 1.45rem; margin-top: 1.6111111111rem; }

footer { display: grid; grid-template-columns: [full-start] 1.6111111111rem [content-col content half-bleed sidebar article sidenotes article-and-sidenotes] 8fr 1.6111111111rem [full-end]; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; background: #111; color: #fff; margin-top: 1.6111111111rem; padding-bottom: 1.6111111111rem; }

@media (min-width: 600px) { footer { grid-template-columns: [full-start] minmax(0.5rem, 1fr) [content-start content-col sidebar-start] minmax(min-content, 6%) [half-bleed-start content-col] minmax(min-content, 6%) [sidebar-end article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 8%) [half-bleed-end content-col] minmax(min-content, 8%) [sidenotes-end article-and-sidenotes-end content-end] minmax(0.5rem, 1fr) [full-end]; grid-column-gap: 29px; } }

footer .content { grid-column: content; }

footer a { color: #86a6d8; }

footer a:hover, footer a:focus { color: #3c6ebc; }

footer a:visited { color: #86a6d8; }

footer a:visited:hover, footer a:visited:focus { color: #3c6ebc; }

footer .legalese { color: #cccccc; }

@media (min-width: 600px) { footer .content { display: flex; justify-content: space-between; } footer section { flex-basis: 45%; } }

header .logo { font-weight: bold; font-style: normal; }

header .logo a { color: inherit; text-decoration: none; }

header .logo a:hover { color: #1c4079; text-decoration: underline; }

header .logo a:visited { color: inherit; }

header .logo a:visited:hover { color: #1c4079; }

.legalese { font-size: 0.875rem; line-height: 1.8412698413; color: rgba(0, 0, 0, 0.6); }

figure { margin: 0; padding: 0; padding: 0 0 1.6111111111rem 0; }

figure > figcaption { font-size: 0.875rem; line-height: 1.8412698413; }

.alert { padding: 0.8055555556rem 1.6111111111rem; margin: 0.8055555556rem 0; }

.alert.warning { background: #ff5577; }

.alert.info { background: #43ca79b5; }

.alert.info a, .alert.info a:visited { color: #0b20c7; }

.alert.info a:hover, .alert.info a:active, .alert.info a:visited:hover, .alert.info a:visited:active { color: #061066; }

.citeblock { position: relative; cursor: pointer; }

.citeblock:before { content: '§'; color: #2f6bcc; display: inline-block; font-size: 0.6rem; padding: 0.1em; border: 0.1em solid; border-radius: 0.2em; vertical-align: super; line-height: 1; }

.citeblock .citation { display: none; position: absolute; background: #f8f8f7; padding: 0.5rem; border: 1px solid; border-radius: 0.2rem; width: max-content; max-width: 20rem; }

.citeblock .citation:hover, .citeblock .citation:focus { display: initial; }

.citeblock:hover:before, .citeblock:focus:before { background: #1c4079; color: #f8f8f7; border-color: #1c4079; }

.citeblock:hover .citation, .citeblock:focus .citation { display: initial; z-index: 1000; }

.menu_button { -webkit-appearance: none; background: none; border: 2px solid; border-radius: 2px; color: inherit; font-size: 1rem; line-height: 1; margin: -0.5rem 0; padding: 0.5rem 1rem; }

@media (min-width: 600px) { .menu_button { display: none; } }

.menu_list { display: none; position: absolute; top: 3.2222222222rem; bottom: 0; width: 100%; padding-top: 1.6111111111rem; background: #f8f8f7; }

.menu_list.active { display: block; }

@media (min-width: 600px) { .menu_list { display: block; position: static; width: auto; padding-top: 0; background: none; } }

.sidenote { grid-column: sidenotes; color: rgba(0, 0, 0, 0.6); font-style: italic; font-size: 0.875rem; line-height: 1.8412698413; }

.sidenote:before, .sidenote:after { content: ''; display: block; margin: 1.6111111111rem auto 0 auto; width: 1.6111111111rem; height: 1.6111111111rem; border-top: 0.1rem solid rgba(0, 0, 0, 0.6); }

.sidenote:after { border-top: none; margin-top: 0; border-bottom: 0.1rem solid rgba(0, 0, 0, 0.6); }

@media (min-width: 600px) { .sidenote { margin-top: -1px; padding: 0; border-left: none; font-size: 0.8rem; line-height: 1.6111111111; } .sidenote:before, .sidenote:after { display: none; } }

.sidenote blockquote { padding: 0.8055555556rem; }

.no_bullets { list-style: none; padding-left: 0; }

.speech_bubble { border: 0.15rem solid; border-radius: 3rem; padding: 0.5rem 1.5rem; position: relative; margin-bottom: 2rem; max-width: 25rem; }

blockquote.speech_bubble { background: inherit; }

.speech_bubble:after, .speech_bubble:before { content: ''; position: absolute; display: block; bottom: -2rem; left: 2.8rem; border-top: 2rem solid #f8f8f7; border-left: 3rem solid transparent; }

.speech_bubble:before { border-top-width: 2.2802775658rem; border-left-width: 3.4204163487rem; border-top-color: inherit; margin-bottom: -0.2802775658rem; left: 2.5295836513rem; }

.speech_figure { margin: 1.6111111111rem auto; }

body.home { display: grid; grid-template-columns: [full-start] 1.6111111111rem [content-col content half-bleed sidebar article sidenotes article-and-sidenotes] 8fr 1.6111111111rem [full-end]; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; }

@media (min-width: 600px) { body.home { grid-template-columns: [full-start] minmax(0.5rem, 1fr) [content-start content-col sidebar-start] minmax(min-content, 6%) [half-bleed-start content-col] minmax(min-content, 6%) [sidebar-end article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 8%) [half-bleed-end content-col] minmax(min-content, 8%) [sidenotes-end article-and-sidenotes-end content-end] minmax(0.5rem, 1fr) [full-end]; grid-column-gap: 29px; } }

body.home .content { grid-column: content; }

body.home header { grid-column: content; }

body.home section { grid-column: article; }

body.home .hero { grid-column: full; display: grid; grid-template-columns: [full-start] 1.6111111111rem [content-col content half-bleed sidebar article sidenotes article-and-sidenotes] 8fr 1.6111111111rem [full-end]; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; }

@media (min-width: 600px) { body.home .hero { grid-template-columns: [full-start] minmax(0.5rem, 1fr) [content-start content-col sidebar-start] minmax(min-content, 6%) [half-bleed-start content-col] minmax(min-content, 6%) [sidebar-end article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 8%) [half-bleed-end content-col] minmax(min-content, 8%) [sidenotes-end article-and-sidenotes-end content-end] minmax(0.5rem, 1fr) [full-end]; grid-column-gap: 29px; } }

body.home .hero .content { grid-column: content; }

body.home .hero__question { grid-column: content; }

@media (min-width: 600px) { body.home .hero__question { margin-top: 2vh; } }

body.home .hero__question h1 { display: inline; margin: 0; }

body.home .hero__maybe { color: rgba(0, 0, 0, 0.6); }

body.home .hero__image { grid-column: content; margin: 0 auto; margin-bottom: -7px; }

@media (min-width: 600px) { body.home .hero__image { margin-left: 0; } }

body.home .hero__answer { grid-column: full; display: grid; grid-template-columns: [full-start] 1.6111111111rem [content-col content half-bleed sidebar article sidenotes article-and-sidenotes] 8fr 1.6111111111rem [full-end]; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; background: #111; color: #fff; padding: 2rem 0; }

@media (min-width: 600px) { body.home .hero__answer { grid-template-columns: [full-start] minmax(0.5rem, 1fr) [content-start content-col sidebar-start] minmax(min-content, 6%) [half-bleed-start content-col] minmax(min-content, 6%) [sidebar-end article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 8%) [half-bleed-end content-col] minmax(min-content, 8%) [sidenotes-end article-and-sidenotes-end content-end] minmax(0.5rem, 1fr) [full-end]; grid-column-gap: 29px; } }

body.home .hero__answer .content { grid-column: content; }

body.home .hero__answer a { color: #86a6d8; }

body.home .hero__answer a:hover, body.home .hero__answer a:focus { color: #3c6ebc; }

body.home .hero__answer a:visited { color: #86a6d8; }

body.home .hero__answer a:visited:hover, body.home .hero__answer a:visited:focus { color: #3c6ebc; }

body.home .hero__answer .legalese { color: #cccccc; }

body.home .hero__answer > * { grid-column: content; }

body.home .hero__answer__super { font-size: 4rem; line-height: 1.2083333333; padding: 0; margin: 0 0 29px 0; }

@media (min-width: 600px) { body.home .hero__answer__super { font-size: 7rem; line-height: 0.9666666667; grid-row: 1; } }

body.home .hero__answer__tagline { grid-column: article; font-size: 1.3rem; }

body.home footer { grid-column: full; grid-row: 5; }

body.page { display: grid; grid-template-columns: [full-start] 1.6111111111rem [content-col content half-bleed sidebar article sidenotes article-and-sidenotes] 8fr 1.6111111111rem [full-end]; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; }

@media (min-width: 600px) { body.page { grid-template-columns: [full-start] minmax(0.5rem, 1fr) [content-start content-col sidebar-start] minmax(min-content, 6%) [half-bleed-start content-col] minmax(min-content, 6%) [sidebar-end article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 8%) [half-bleed-end content-col] minmax(min-content, 8%) [sidenotes-end article-and-sidenotes-end content-end] minmax(0.5rem, 1fr) [full-end]; grid-column-gap: 29px; } }

body.page .content { grid-column: content; }

body.page header { grid-template-columns: none; grid-column: sidebar; }

body.page header .content { grid-column: unset; }

body.page header .menu_button { float: right; }

body.page header nav { margin-top: 1.6111111111rem; }

@media (min-width: 600px) { body.page header { grid-row: 1; text-align: right; } body.page header li { list-style: none; } }

@media print { body.page header nav { display: none; } }

body.page article { grid-column: article-and-sidenotes; display: grid; grid-template-columns: [full-start content-col content half-bleed article sidenotes article-and-sidenotes] 8fr; grid-column-gap: 0; grid-template-rows: min-content 1fr [footer] auto; align-items: baseline; }

@media (min-width: 600px) { body.page article { grid-row: 1; } }

@media (min-width: 600px) { body.page article { grid-template-columns: [full-start content-start half-bleed-start article-and-sidenotes-start article-start content-col] minmax(25%, 35rem) [article-end content-col sidenotes-start] minmax(min-content, 1fr) [half-bleed-end sidenotes-end article-and-sidenotes-end content-end full-end]; grid-column-gap: 29px; } }

body.page article .content { grid-column: content; }

body.page article > *:not(.pullquote):not(.hero):not(.sidebar):not(.sidenote) { grid-column: article; }

body.page article > *:not(.pullquote):not(.hero):not(.sidebar):not(.sidenote) > img, body.page article > *:not(.pullquote):not(.hero):not(.sidebar):not(.sidenote) > figure { display: block; max-width: 70%; margin: 1rem auto; }

body.page article > .hero { height: 40rem; background-size: cover; grid-row: 1; grid-column: full; }

body.page article .page_nav { padding: 1.6111111111rem 0; }

body.page article .page_nav .next { float: right; }

body.page article .sidebar { grid-column: sidenotes; grid-row: 2 / span 3; margin-bottom: 1.6111111111rem; color: rgba(0, 0, 0, 0.6); }

@media (min-width: 600px) { body.page article .sidebar { color: inherit; margin-bottom: 0; } }

body.page article a[href^='http']:hover:after, body.page article a[href^='http']:focus:after { background: #1c4079; color: #fff; border-color: #1c4079; }

body.page article a[href^='http']:after { content: '↗'; display: inline-block; font-size: 0.5em; margin-left: 0.3em; padding: 0.1em; border: 0.1em solid; border-radius: 0.2em; vertical-align: super; line-height: 1; }

body.page article figure img { max-width: 100%; }

body.page article figure figcaption { text-align: center; color: rgba(0, 0, 0, 0.6); }

body.page footer { grid-column: full; grid-row: footer; }

.footnotes li, .references li { list-style-position: outside; }

.footnotes li + li, .references li + li { margin-top: 1.6111111111rem; }

@media (min-width: 600px) { body.page article h1 { margin-top: 12px; margin-bottom: 18px; } body.page article .alert:first-of-type { margin-top: -1.6111111111rem; } }

@media (min-width: 600px) { .sidenote { margin-bottom: -85vh; } }

h2 { line-height: 29px; }

body.page #menu_button { margin-top: calc(-0.5rem + 4px); }

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