@import url("https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i&display=swap");
/*
 * HSL(A) NOT TRANSFORMED TO RGB(A)
 *
 * Is now an accepted proposal: https://github.com/sass/sass/blob/master/accepted/color-4-rgb-hsl.md
 * But without implementation, yet.
 *
 * Use:
 * `color: hsl(15deg, 100%, 50%);`
 * `--flashy-pink: hsl(15deg, 100%, 50%);`
 * `$flashy-pink: hsl(15deg 100% 50%);`
 * `--transparent-flashy-pink: hsl(15deg, 100%, 50%, .7);`
 * `$transparent-flashy-pink: hsla(15deg, 100%, 50%, .7);`
 * `$transparent-flashy-pink: hsla(15deg 100% 50% / .7);`
 *
 * Parameters:
 *  parameter 1 (angle | 0): the hue of the color
 *  parameter 2 (0-100% | 0): the saturation of the color
 *  parameter 3 (0-100% | 0): the luminosity of the color
 *  parameter 4 (optional, 1 by default): the alpha channel of the color
 */
:root {
  --text-base-size: 1rem;
  --text-base-line-height: 1.62;
  --fonts-primary: 'Roboto', sans-serif;
  --colors-default: $black;
  --colors-white: #FFFFFF;
  --colors-orange: $orange;
  --colors-teal: $teal;
  --colors-yellow: $yellow;
  --colors-red: $red;
  --colors-alt: --colors-teal;
  --colors-black: --colors-default; }
  @media (min-width: 60em) {
    :root {
      --text-base-size: 1rem; } }

:root {
  --gray-05-hsl: 0, 0%, 95%;
  --gray-10-hsl: 0, 0%, 90%;
  --gray-20-hsl: 0, 0%, 80%;
  --gray-30-hsl: 0, 0%, 70%;
  --gray-70-hsl: 0, 0%, 30%;
  --gray-80-hsl: 0, 0%, 20%;
  --black-hsl:   0, 0%, 10%;
  --success-green-hsl:  140, 100%, 17%;
  --error-red-hsl:        5,  81%, 95%;
  --warning-yellow-hsl:  45, 78%, 98%;
  --black-hsl:    243, 75%,  6%;
  --orange-hsl:    23, 74%, 51%;
  --teal-hsl:     186, 42%, 51%;
  --yellow-hsl:    47, 86%, 55%;
  --red-hsl:        2, 66%, 44%;
  --default-hsl: var(--black-hsl);
  --primary-hsl: var(--orange-hsl);
  --accent-hsl:  var(--teal-hsl);
  --color-error:   hsla(var(--red-hsl), 1);
  --color-warning: hsla(var(--yellow-hsl), 1);
  --color-success: hsla(var(--success-green-hsl), 1);
  --color-black:    hsla(var(--black-hsl),   1);
  --color-orange:   hsla(var(--orange-hsl),   1);
  --color-teal:     hsla(var(--teal-hsl),   1);
  --color-yellow:   hsla(var(--yellow-hsl), 1);
  --color-red:      hsla(var(--red-hsl),    1);
  --color-default: hsla(var(--black-hsl),   1);
  --color-primary: hsla(var(--orange-hsl),   1);
  --color-accent:  hsla(var(--teal-hsl), 1);
  --base-hsl: var(--default-hsl);
  --color-base: var(--color-default); }

.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.u-material-icons, .breadcrumbs__arrow, .modal__close:after, .accordion-list--no-numbers .accordion:before, .prose blockquote:before,
.prose blockquote p:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.u-transition {
  transition: all .4s ease; }

@media (min-width: 36em) {
  .small-only {
    display: none !important; } }

@media (max-width: 35.98em) {
  .medium-up {
    display: none !important; } }

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

html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.62;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  color: var(--colors-default);
  font-family: var(--fonts-primary);
  font-size: var(--text-base-size);
  font-weight: 300;
  position: relative;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@-ms-viewport {
  width: device-width; }

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin: 1rem 0; }

dd,
p,
label {
  margin: 0 0 1.62ex 0; }

ol,
ul,
dl,
table,
p,
pre,
address,
figure {
  margin: 0 0 1.62ex 0; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  font-style: normal;
  line-height: inherit; }

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

dt {
  font-weight: 700; }

blockquote {
  margin: 0 0 1.62ex 0; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25ex; }

sup {
  top: -0.5ex; }

a {
  color: var(--colors-alt);
  text-decoration: none;
  -webkit-text-decoration-skip: objects; }
  a:hover, a:focus {
    color: var(--colors-alt);
    text-decoration: none; }
  a:active {
    color: var(--colors-orange);
    text-decoration: none; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none; }

a:not([href]):not([tabindex]):focus {
  outline: 0; }

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

pre {
  overflow: auto;
  -ms-overflow-style: scrollbar; }

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%; }

svg:not(:root) {
  overflow: hidden; }

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 1ex;
  padding-bottom: 1ex;
  color: #868e96;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  font-size: 1.72em;
  margin-bottom: 0.5ex;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

label, output {
  display: inline-block; }

summary {
  display: list-item; }

template, [hidden] {
  display: none !important; }

.wrapper {
  margin-left: 8px;
  margin-right: 8px; }
  @media (min-width: 36em) {
    .wrapper {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; } }

.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

.u-material-icons, .breadcrumbs__arrow, .modal__close:after, .accordion-list--no-numbers .accordion:before, .prose blockquote:before,
.prose blockquote p:before {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased; }

.u-transition {
  transition: all .4s ease; }

@media (min-width: 36em) {
  .small-only {
    display: none !important; } }

@media (max-width: 35.98em) {
  .medium-up {
    display: none !important; } }

@media (max-width: 59.98em) {
  .wrapper {
    margin-left: 8px;
    margin-right: 8px; } }

@media (min-width: 85em) {
  .wrapper {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; } }

.align-left {
  text-align: left; }

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

.align-center {
  text-align: center; }

a {
  font-weight: 400;
  color: #4DACB6; }
  a:hover {
    color: #DE6E26; }
  a:active {
    color: #EFC329; }

.breadcrumbs {
  padding: 8px 0; }
  .breadcrumbs__item, .breadcrumbs__arrow {
    vertical-align: middle;
    margin-top: -16px;
    margin-right: 6px; }
  .breadcrumbs__item {
    color: rgba(21, 54, 52, 0.6); }
  .breadcrumbs__arrow {
    margin-bottom: -18px;
    color: rgba(21, 54, 52, 0.4); }
  .breadcrumbs__item:last-of-type {
    color: #153634; }

.button {
  border: 2px solid currentColor;
  color: #153634;
  display: inline-block;
  border-radius: 3px;
  padding: 6px 24px 8px;
  font-size: 1rem;
  font-weight: 400; }
  .button.button--small {
    padding: 2px 16px 2px;
    border-width: 1px;
    font-size: .9rem; }
  .button.button--large {
    padding: 10px 32px 12px;
    border-width: 3px;
    font-size: 1.3rem; }
  .button.button--unstyled {
    border: 0;
    padding: 0; }
  .button.button--white {
    color: white; }
  .button.button--orange {
    color: #DE6E26; }
  .button.button--teal {
    color: #4DACB6; }
  .button.button--yellow {
    color: #EFC329; }
  .button.button--red {
    color: #BC2C26; }
  .button.button--disabled {
    opacity: .3;
    pointer-events: none; }

.code-block {
  padding: 0 16px;
  margin-top: 24px;
  background-color: rgba(21, 54, 52, 0.03);
  border: 1px solid rgba(21, 54, 52, 0.1); }
  .code-block--wrap pre, .code-block--wrap code {
    white-space: pre-wrap; }

.hljs.bash {
  background-color: transparent !important; }

.filter {
  color: #153634;
  border: 1px solid #153634;
  display: inline-block;
  border-radius: 24px;
  font-size: 1rem;
  padding: 4px 24px 6px;
  font-weight: 600;
  letter-spacing: .3px; }
  .filter:hover {
    cursor: pointer;
    background-color: #153634;
    color: white; }
  .filter.filter--data-wrangling:hover {
    background-color: #4DACB6; }
  .filter.filter--data-literacy:hover {
    background-color: #DE6E26; }
  .filter.filter--human-centered-design:hover {
    background-color: #BC2C26; }

.filter--selected {
  cursor: pointer;
  background-color: #153634;
  color: white; }
  .filter--selected.filter--data-wrangling {
    background-color: #4DACB6;
    color: white; }
  .filter--selected.filter--data-literacy {
    background-color: #DE6E26;
    color: white; }
  .filter--selected.filter--human-centered-design {
    background-color: #BC2C26;
    color: white; }

.filter--data-wrangling {
  color: #4DACB6;
  border-color: #4DACB6; }

.filter--data-literacy {
  color: #DE6E26;
  border-color: #DE6E26; }

.filter--human-centered-design {
  color: #BC2C26;
  border-color: #BC2C26; }

.h1 {
  font-size: 2rem;
  font-weight: 300;
  color: #153634;
  line-height: 1.3; }
  @media (min-width: 36em) {
    .h1 {
      font-size: 1.7rem; } }
  @media (min-width: 85em) {
    .h1 {
      font-size: 3rem; } }

.intro {
  font-size: 1.1rem;
  font-weight: 300;
  color: rgba(21, 54, 52, 0.6); }
  @media (min-width: 36em) {
    .intro {
      font-size: 1.2rem; } }
  @media (min-width: 85em) {
    .intro {
      font-size: 1.5rem; } }

.h2 {
  font-size: 1.3rem;
  font-weight: 400;
  color: #153634;
  line-height: 1.3; }
  @media (min-width: 36em) {
    .h2 {
      font-size: 1.5rem; } }
  @media (min-width: 85em) {
    .h2 {
      font-size: 2.2rem; } }

.h3 {
  font-size: 1.1rem;
  font-weight: 400;
  color: #153634;
  line-height: 1.3;
  line-height: 1.3; }
  @media (min-width: 36em) {
    .h3 {
      font-size: 1.2rem; } }
  @media (min-width: 85em) {
    .h3 {
      font-size: 1.7rem; } }

.h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #153634; }
  @media (min-width: 36em) {
    .h4 {
      font-size: 1.1rem; } }
  @media (min-width: 85em) {
    .h4 {
      font-size: 1.3rem; } }

.h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #153634; }
  @media (min-width: 36em) {
    .h5 {
      font-size: 1.1rem; } }
  @media (min-width: 85em) {
    .h5 {
      font-size: 1.1rem; } }

.h6 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
  color: #153634;
  text-decoration: underline; }
  @media (min-width: 36em) {
    .h6 {
      font-size: 1rem; } }
  @media (min-width: 85em) {
    .h6 {
      font-size: 1rem; } }

.p {
  font-size: 1rem;
  font-weight: 300;
  color: #153634;
  margin-bottom: 0; }
  .p + .p {
    margin-top: 12px; }
  @media (min-width: 36em) {
    .p {
      font-size: .9rem; } }
  @media (min-width: 85em) {
    .p {
      font-size: 1rem; } }
  .p > a {
    font-weight: 400;
    color: #4DACB6; }

p {
  line-height: 1.62;
  margin: 0 0 1.62ex 0; }
  p.intro {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 2ex;
    line-height: 1.5; }
  @media (min-width: 60em) {
    p {
      line-height: 1.65;
      margin-bottom: 1.65ex; }
      p.intro {
        font-size: 1.6em;
        margin-bottom: 3ex;
        line-height: 1.37; } }

.spacer-1 {
  padding-bottom: 8px; }

.spacer-2 {
  padding-bottom: 16px; }

.spacer-3 {
  padding-bottom: 24px; }

.spacer-4 {
  padding-bottom: 32px; }

.spacer-5 {
  padding-bottom: 40px; }

.spacer-10 {
  padding-bottom: 80px; }

.tag {
  color: #153634;
  border: 2px solid #153634;
  display: inline-block;
  padding: 2px 24px 4px;
  border-radius: 24px;
  font-size: 1rem;
  font-weight: 400; }

.tag--large {
  padding: 4px 24px 6px;
  font-weight: 600; }
  .tag--large:hover {
    cursor: pointer;
    background-color: #153634;
    color: white; }
  .tag--large.tag--data-wrangling:hover {
    background-color: #4DACB6; }
  .tag--large.tag--data-literacy:hover {
    background-color: #DE6E26; }
  .tag--large.tag--human-centered-design:hover {
    background-color: #BC2C26; }

.tag--selected {
  cursor: pointer;
  background-color: #153634;
  color: white; }
  .tag--selected.tag--data-wrangling {
    background-color: #4DACB6;
    color: white; }
  .tag--selected.tag--data-literacy {
    background-color: #DE6E26;
    color: white; }
  .tag--selected.tag--human-centered-design {
    background-color: #BC2C26;
    color: white; }

.tag--data-wrangling {
  color: #4DACB6;
  border-color: #4DACB6; }

.tag--data-literacy {
  color: #DE6E26;
  border-color: #DE6E26; }

.tag--human-centered-design {
  color: #BC2C26;
  border-color: #BC2C26; }

.accordion__trigger {
  cursor: pointer; }

.accordion__extra {
  max-height: 0;
  overflow: hidden;
  transition: all .5s ease; }

.accordion--expanded .accordion__extra {
  height: auto;
  max-height: 4000px; }

.bar-chart {
  list-style-type: none;
  padding: 0;
  margin: 0;
  --scale: 127; }
  .bar-chart__item {
    --value: 0;
    display: flex;
    padding-bottom: 8px; }
  .bar-chart__bar {
    flex: 4;
    position: relative;
    margin-right: 40px; }
    .bar-chart__bar > span {
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      background-color: #EFC329;
      width: var(--width); }
    .bar-chart__bar > span:after {
      counter-reset: value var(--value);
      content: counter(value);
      position: absolute;
      left: calc(100% + 8px); }
  .bar-chart__label {
    flex: 0;
    min-width: 136px;
    font-size: 1rem;
    padding-right: 16px;
    text-align: right; }

.prose .box,
.box {
  background-color: rgba(21, 54, 52, 0.1);
  position: relative;
  padding: 24px 24px 24px 24px; }
  .prose .box:before,
  .box:before {
    background-color: #153634;
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    left: 0;
    top: 0; }
  .prose .box h3, .prose .box__heading,
  .box h3,
  .box__heading {
    margin: 0 0 4px 0;
    font-size: 1rem;
    font-weight: 600;
    color: #4DACB6; }

.prose .box:only-child {
  margin-top: 0; }

.prose .box.box--teal,
.box--teal {
  background-color: rgba(77, 172, 182, 0.1); }
  .prose .box.box--teal:before,
  .box--teal:before {
    background-color: #4DACB6; }
  .prose .box.box--teal .box__heading,
  .box--teal .box__heading {
    color: #4DACB6; }

.prose .box.box--orange,
.box--orange {
  background-color: rgba(222, 110, 38, 0.1); }
  .prose .box.box--orange:before,
  .box--orange:before {
    background-color: #DE6E26; }
  .prose .box.box--orange .box__heading,
  .box--orange .box__heading {
    color: #DE6E26; }

.prose .box.box--yellow,
.box--yellow {
  background-color: rgba(239, 195, 41, 0.1); }
  .prose .box.box--yellow:before,
  .box--yellow:before {
    background-color: #EFC329; }
  .prose .box.box--yellow .box__heading,
  .box--yellow .box__heading {
    color: #EFC329; }

.prose .box.box--red,
.box--red {
  background-color: rgba(188, 44, 38, 0.1); }
  .prose .box.box--red:before,
  .box--red:before {
    background-color: #BC2C26; }
  .prose .box.box--red .box__heading,
  .box--red .box__heading {
    color: #BC2C26; }

.header-group__brow {
  color: rgba(222, 110, 38, 0.5);
  font-size: 1.4rem;
  margin-bottom: 0;
  text-transform: uppercase; }

.header-group__title {
  color: #153634;
  font-size: 3.2em;
  font-weight: 200;
  line-height: 1.2;
  margin: 0 0 0.8rem 0; }
  .header-group__title > small {
    font-size: 50%; }

.header-group__subtitle {
  color: var(--colors-dark-blue);
  font-size: 1.6em;
  font-weight: 500;
  line-height: 1.375;
  margin: 0 0 5.5rem 0; }

.header-group__excerpt {
  color: var(--colors-gray);
  font-weight: 300;
  line-height: 1.65;
  margin: 1ex 0; }

@media (max-width: 59.98em) {
  .header-group br {
    display: none; } }

.modal {
  transition: all .4s ease;
  align-items: center;
  justify-content: center;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh; }
  .modal__overlay {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: rgba(255, 255, 255, 0.95); }
  .modal__trigger {
    cursor: pointer; }
  .modal__close {
    all: unset;
    float: right; }
    .modal__close:after {
      content: 'close'; }
  .modal__window {
    position: relative;
    padding: 40px;
    max-height: 90vh;
    max-width: 80vw;
    overflow-y: scroll;
    background-color: white;
    box-shadow: 8px 8px 32px rgba(21, 54, 52, 0.1); }

.modal.modal--shown {
  display: flex; }

body.modal--shown {
  overflow: hidden; }

.progress-bar {
  position: relative;
  display: inline-block;
  width: 400px;
  height: 43px;
  background-color: red;
  border: 2px solid currentColor;
  border-radius: 3px;
  vertical-align: bottom; }
  .progress-bar > progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    color: #153634;
    font-size: 1rem;
    font-weight: 400;
    text-align: left; }
    .progress-bar > progress[value]::-webkit-progress-bar {
      background-color: white; }
    .progress-bar > progress[value]::-webkit-progress-value {
      background-color: rgba(21, 54, 52, 0.1); }
    .progress-bar > progress:before, .progress-bar > progress:after,
    .progress-bar > progress label {
      position: absolute;
      top: 6px; }
    .progress-bar > progress:before {
      content: '%';
      right: 16px; }
    .progress-bar > progress:after {
      content: attr(value);
      right: 30px; }
  .progress-bar > label {
    position: absolute;
    top: 6px;
    left: 16px; }

.table {
  font-size: .9rem;
  border: 1px solid rgba(21, 54, 52, 0.2);
  border-radius: 3px; }
  .table table {
    margin: 0; }
  .table th, .table td {
    padding: 8px;
    vertical-align: top;
    color: #153634;
    display: block; }
    @media (min-width: 36em) {
      .table th, .table td {
        display: table-cell;
        padding: 8px 16px; } }
  .table th {
    background-color: rgba(21, 54, 52, 0.1); }
  .table tr + tr {
    border-top: 1px solid rgba(21, 54, 52, 0.2); }
  .table th {
    display: none; }
    @media (min-width: 36em) {
      .table th {
        display: table-cell; } }
  .table td {
    display: block; }
    @media (min-width: 36em) {
      .table td {
        display: table-cell; } }

@media (max-width: 35.98em) {
  .table td:before {
    content: attr(data-header);
    display: block;
    font-weight: 400;
    background-color: rgba(21, 54, 52, 0.1);
    margin: -8px -8px 4px -8px;
    padding: 4px 8px; } }

.table--zebra tr:nth-of-type(even) {
  background-color: rgba(21, 54, 52, 0.04); }

.table__lead-cell {
  font-weight: 500;
  min-width: 180px; }

@media (min-width: 36em) {
  .table__checks {
    text-align: center; } }

.table--true {
  color: #4DACB6; }

.table--false {
  color: #BC2C26; }

.upload-file {
  text-align: left;
  background-color: rgba(21, 54, 52, 0.02);
  padding: 64px;
  margin-top: 64px;
  border: 1px solid rgba(21, 54, 52, 0.2);
  box-shadow: inset 0 0 8px rgba(21, 54, 52, 0.1); }
  .upload-file h3 {
    font-size: 3rem;
    margin: 0 0 64px 0;
    text-align: center;
    color: rgba(21, 54, 52, 0.2); }
  .upload-file h4 {
    margin: 24px 0 0 0;
    font-size: 1.2rem; }
  .upload-file p {
    margin: 0; }

.accordion-list {
  list-style: none; }
  .accordion-list .accordion-list__heading {
    padding: 0;
    margin: 0; }
  .accordion-list__item {
    padding-bottom: 24px;
    counter-increment: items;
    position: relative; }
    .accordion-list__item .accordion:before {
      content: counter(items);
      position: absolute;
      top: 4px;
      right: calc(100% + 32px);
      padding: 4px;
      width: 48px;
      height: 48px;
      border-radius: 100px;
      font-weight: 600;
      font-size: 1.4rem;
      text-align: center;
      border: 2px solid #4DACB6;
      color: #4DACB6;
      background-color: white;
      z-index: 1;
      transition: all .3s ease; }
    .accordion-list__item .accordion--expanded:before {
      background-color: #4DACB6;
      color: white; }
    .accordion-list__item .accordion:after {
      content: '';
      position: absolute;
      top: 44px;
      right: calc(100% + 54px);
      width: 0;
      height: 100%;
      border: 2px solid #4DACB6; }
    .accordion-list__item:last-of-type .accordion:after {
      border: 0; }

.accordion-list--no-numbers .accordion:before {
  content: 'add';
  font-size: 1.8rem;
  padding: 8px; }

.accordion-list--no-numbers .accordion--expanded:before {
  transform: rotate(45deg); }

.base-card {
  background: white;
  box-shadow: 0px 4px 8px rgba(21, 54, 52, 0.15);
  position: relative;
  text-align: center; }
  @media (max-width: 59.98em) {
    .base-card {
      margin-bottom: 16px; } }
  .base-card:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #153634; }

.base-card__content {
  padding: 16px; }
  @media (min-width: 85em) {
    .base-card__content {
      padding: 32px; } }

.base-card__header {
  text-align: left;
  padding-bottom: 24px;
  padding-left: 24px; }

.base-card__heading {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0; }

.base-card__subheading {
  font-size: 1rem;
  font-weight: 200;
  margin: 0; }

.base-card__title {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 100;
  margin: 0; }

.base-card__text {
  font-size: 1rem;
  font-weight: 100; }

.base-card--orange:before {
  background-color: #DE6E26; }

.base-card--yellow:before {
  background-color: #EFC329; }

.base-card--teal:before {
  background-color: #4DACB6; }

.base-card--red:before {
  background-color: #BC2C26; }

.base-card--none:before {
  background-color: transparent; }

@media (min-width: 85em) {
  .base-card--spacious {
    padding: 24px 16px; } }

.card-list {
  list-style-type: none;
  padding: 0 8px 0 0; }
  .card-list__item + .card-list__item {
    margin-top: 24px; }

.card-list--linked {
  margin-left: 40px; }
  .card-list--linked .card-list__item {
    position: relative; }
  .card-list--linked .card-list__item:before {
    content: '';
    width: 4px;
    height: calc(100% + 32px);
    position: absolute;
    top: 48px;
    left: -40px;
    background-color: rgba(21, 54, 52, 0.2); }
  .card-list--linked .card-list__item:last-of-type::before {
    height: 0; }
  .card-list--linked .card-list__item:after {
    content: '';
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    top: 48px;
    left: -50px;
    background-color: #153634; }

.filter-panel {
  border-top: 1px solid rgba(21, 54, 52, 0.2);
  border-bottom: 1px solid rgba(21, 54, 52, 0.2);
  padding: 24px 0; }
  .filter-panel h4 {
    margin: 0; }
  .filter-panel__item {
    padding: 8px 0; }

.range-filter input[type="checkbox"] {
  display: none; }

.range-filter label {
  clear: right; }

.range-filter label:after {
  content: attr(data-value); }

.filter-section {
  border-top: 1px solid rgba(21, 54, 52, 0.2);
  border-bottom: 1px solid rgba(21, 54, 52, 0.2); }
  @media (max-width: 35.98em) {
    .filter-section {
      overflow-x: scroll;
      scroll-snap-align: center;
      scroll-snap-type: x proximity; } }
  .filter-section__panel {
    display: flex; }
  .filter-section__search {
    flex: 1;
    display: flex;
    align-items: center; }
  .filter-section__buttons {
    flex: 3;
    text-align: right; }

.search-field {
  padding: 8px 16px;
  width: 100%;
  border: 1px solid rgba(21, 54, 52, 0.2);
  color: rgba(21, 54, 52, 0.7);
  background-color: transparent; }
  .search-field::-webkit-input-placeholder {
    color: rgba(21, 54, 52, 0.4); }
  .search-field:-moz-placeholder {
    color: rgba(21, 54, 52, 0.4); }
  .search-field::-moz-placeholder {
    color: rgba(21, 54, 52, 0.4); }
  .search-field:-ms-input-placeholder {
    color: rgba(21, 54, 52, 0.4); }
  .search-field:focus {
    border: 1px solid #DE6E26; }

.filters {
  padding-top: 24px;
  padding-bottom: 24px; }
  @media (max-width: 35.98em) {
    .filters {
      width: max-content;
      padding-right: 20px; }
      .filters .filter + .filter {
        margin-left: 8px; } }
  @media (min-width: 36em) {
    .filters .filter + .filter {
      margin-left: 24px; } }

.filter {
  color: #153634;
  border: 2px solid #153634;
  display: inline-block;
  padding: 8px 24px 10px;
  border-radius: 24px;
  font-size: .8rem; }
  .filter:hover {
    cursor: pointer;
    background-color: #153634;
    color: white; }
  .filter.filter--data-wrangling:hover {
    background-color: #4DACB6; }
  .filter.filter--data-literacy:hover {
    background-color: #DE6E26; }
  .filter.filter--human-centered-design:hover {
    background-color: #BC2C26; }

.filter--selected {
  cursor: pointer;
  background-color: #153634;
  color: white; }
  .filter--selected.filter--data-wrangling {
    background-color: #4DACB6;
    color: white; }
  .filter--selected.filter--data-literacy {
    background-color: #DE6E26;
    color: white; }
  .filter--selected.filter--human-centered-design {
    background-color: #BC2C26;
    color: white; }

.filter--data-wrangling {
  color: #4DACB6;
  border-color: #4DACB6; }

.filter--data-literacy {
  color: #DE6E26;
  border-color: #DE6E26; }

.filter--human-centered-design {
  color: #BC2C26;
  border-color: #BC2C26; }

.footer__row {
  display: flex; }
  @media (max-width: 35.98em) {
    .footer__row {
      flex-direction: column; } }

.footer__column-0 {
  flex: 0; }

.footer__column-1 {
  flex: 1; }
  @media (max-width: 35.98em) {
    .footer__column-1 {
      min-width: 100px; } }

.footer__column-2 {
  flex: 2; }
  @media (max-width: 35.98em) {
    .footer__column-2 {
      min-width: 200px; } }

.footer__column-3 {
  flex: 3; }

.footer {
  padding-top: 24px;
  background-color: #153634; }
  .footer ul {
    list-style-type: none;
    padding: 0; }
    .footer ul a {
      text-decoration: none; }
  .footer a {
    color: rgba(255, 255, 255, 0.7); }
    .footer a:hover {
      color: white;
      text-decoration: underline; }
  @media (min-width: 85em) {
    .footer {
      padding-top: 48px; } }
  .footer__row:first-of-type {
    padding-bottom: 36px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .footer__row {
    padding: 16px 0; }
  .footer__section {
    font-size: 0.75rem;
    font-weight: 300;
    color: rgba(21, 54, 52, 0.8);
    color: rgba(255, 255, 255, 0.7);
    padding: 24px 0 16px; }
    @media (min-width: 36em) {
      .footer__section + .footer__section {
        margin-left: 48px; } }
    .footer__section li {
      margin-top: 8px; }
  .footer__heading {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    color: #153634;
    font-weight: bold;
    letter-spacing: 1px;
    color: #EFC329;
    margin-bottom: 16px; }
    @media (min-width: 36em) {
      .footer__heading {
        font-size: 1.1rem; } }
    @media (min-width: 85em) {
      .footer__heading {
        font-size: 1.3rem; } }
  .footer__branding, .footer__social {
    display: flex;
    align-items: center; }
  @media (max-width: 35.98em) {
    .footer__branding {
      flex-direction: column;
      text-align: center; } }
  .footer__logo {
    opacity: .3; }
    @media (max-width: 35.98em) {
      .footer__logo {
        margin-bottom: 16px; } }
  .footer__tagline {
    padding-bottom: 4px;
    color: white;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 1rem; }
    @media (max-width: 35.98em) {
      .footer__tagline {
        margin-bottom: 16px; } }
    @media (min-width: 36em) {
      .footer__tagline {
        margin-left: 48px; } }
    @media (min-width: 85em) {
      .footer__tagline {
        font-size: 1.3rem; } }
  .footer__social {
    justify-content: flex-end; }
    @media (max-width: 35.98em) {
      .footer__social {
        justify-content: center; } }
    .footer__social * + * {
      margin-left: 24px; }
    .footer__social .github-icon {
      line-height: 3px; }
    .footer__social .twitter-icon {
      line-height: 8px; }
  .footer__small-print {
    font-size: 0.75rem;
    font-weight: 300;
    color: rgba(21, 54, 52, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 16px;
    padding-bottom: 12px;
    color: rgba(255, 255, 255, 0.4); }
  .footer .edit-github {
    float: right; }
  .footer__policy-links a {
    display: inline-block; }
  @media (min-width: 36em) {
    .footer__policy-links {
      text-align: right; } }

.footer p a:hover {
  color: white; }

@media (max-width: 59.98em) {
  .grid {
    margin-left: 8px;
    margin-right: 8px; } }

@media (min-width: 85em) {
  .grid {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto; } }

@media (min-width: 36em) {
  .grid {
    display: grid;
    grid-gap: 16px;
    grid-auto-rows: auto;
    grid-auto-flow: row;
    grid-gap: 32px; } }

@media (min-width: 36em) {
  .grid--two-columns {
    grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 36em) {
  .grid--three-columns {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 36em) {
  .grid--four-columns {
    grid-template-columns: repeat(4, 1fr); } }

.grid__2 {
  grid-column: auto / span 2; }

.grid__3 {
  grid-column: auto / span 3; }

.grid__all {
  grid-column: 1 / -1; }

.hero-section {
  border-bottom: 1px solid rgba(21, 54, 52, 0.2); }

.hero {
  padding-top: 36px;
  padding-bottom: 40px; }
  @media (min-width: 36em) {
    .hero {
      padding-top: 88px;
      padding-bottom: 88px; } }
  .hero__logo img {
    max-width: 320px; }
  .hero__lead {
    font-size: 1.1rem;
    font-weight: 300;
    color: rgba(21, 54, 52, 0.6);
    border-left: 4px solid #153634;
    padding-left: 32px; }
    @media (min-width: 36em) {
      .hero__lead {
        font-size: 1.2rem; } }
    @media (min-width: 85em) {
      .hero__lead {
        font-size: 1.5rem; } }
    @media (min-width: 36em) {
      .hero__lead {
        margin: 0; } }
  .hero__title {
    font-size: 1.5rem;
    font-weight: bold; }
  .hero__blurb {
    font-size: 1.25rem; }
  .hero__title + .hero__blurb {
    margin-top: 16px; }

.hero {
  display: flex;
  flex-direction: column;
  align-items: center; }
  @media (min-width: 36em) {
    .hero {
      flex-direction: row; }
      .hero__logo {
        flex: 3; }
      .hero__lead {
        margin-left: 40px;
        flex: 4; } }

.hero--orange .hero__lead {
  border-left-color: #DE6E26; }

.hero--orange .hero__title {
  color: #DE6E26; }

.hero--teal .hero__lead {
  border-left-color: #4DACB6; }

.hero--teal .hero__title {
  color: #4DACB6; }

.hero--yellow .hero__lead {
  border-left-color: #EFC329; }

.hero--yellow .hero__title {
  color: #EFC329; }

.hero--red .hero__lead {
  border-left-color: #BC2C26; }

.hero--red .hero__title {
  color: #BC2C26; }

.insights-card {
  display: flex; }
  .insights-card__content {
    flex: 1; }

.insights-card {
  background: white;
  box-shadow: 0px 4px 8px rgba(21, 54, 52, 0.1);
  position: relative;
  padding: 16px 24px 16px 24px; }
  @media (min-width: 85em) {
    .insights-card {
      padding: 32px 40px 16px 40px; } }
  .insights-card:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4DACB6; }
  .insights-card__pub-logo {
    width: 132px; }
  .insights-card__pub-name {
    font-size: 1.5rem;
    color: #153634;
    font-weight: 300;
    padding: 0 16px; }
  .insights-card__content {
    margin-left: 32px; }
  .insights-card__list {
    list-style: none;
    padding-left: 0; }
  .insights-card__item > a {
    color: #153634;
    display: block;
    padding: 8px 16px; }
  .insights-card__item > a:hover {
    background-color: rgba(21, 54, 52, 0.05); }

.grant {
  width: 100%;
  cursor: pointer; }
  .grant, .grant td {
    border: 0; }
  .grant td {
    padding: 0;
    vertical-align: bottom;
    cursor: pointer; }
  .grant__line {
    font-style: normal;
    font-weight: 300; }
  .grant--title-line td {
    padding-top: 4px;
    font-weight: 400;
    padding-bottom: 4px; }
  .grant--amounts-line td {
    line-height: 1.3;
    border-bottom: 0; }
  .grant--data-line {
    border-bottom: 1px solid rgba(21, 54, 52, 0.1); }
    .grant--data-line td {
      padding: 0 0 8px; }
    .grant--data-line:last-child {
      border-bottom: 0; }
  .grant__records {
    width: 35%; }
  .grant__spacer {
    padding-left: 24px; }
  .grant__pub-date {
    width: 40%; }
  .grant__title {
    width: 100%; }
  .grant__amount {
    width: 100%;
    text-align: right; }
  .grant__amount {
    margin-bottom: 8; }
  .grant__grant-n, .grant__amount-n {
    font-size: 1.6rem; }
  .grant__grant-n {
    font-weight: 300; }
  .grant__amount-n {
    font-weight: 400; }

.media-card {
  background: white;
  box-shadow: 0px 4px 8px rgba(21, 54, 52, 0.15);
  display: flex;
  position: relative; }
  .media-card:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .media-card__header {
    display: flex;
    padding-bottom: 16px;
    flex-direction: column; }
    @media (min-width: 36em) {
      .media-card__header {
        flex-direction: row;
        align-items: flex-end; } }
  .media-card__heading, .media-card__subtitle, .media-card__links {
    line-height: 1;
    margin: 0; }
    @media (max-width: 59.98em) {
      .media-card__heading, .media-card__subtitle, .media-card__links {
        margin-bottom: 8px; } }
  .media-card__heading {
    padding-right: 16px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4; }
  .media-card__subtitle {
    flex: 1;
    color: #4DACB6;
    font-weight: 400; }
  .media-card__links {
    margin-bottom: -4px; }
  .media-card__link,
  .media-card__link > svg {
    max-height: 24px;
    max-width: 24px;
    fill: rgba(21, 54, 52, 0.4); }
    .media-card__link:hover,
    .media-card__link > svg:hover {
      fill: #de6e26; }
  .media-card__link + .media-card__link {
    margin-left: 12px; }
  .media-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    padding: 48px; }
    @media (min-width: 85em) {
      .media-card__content {
        padding: 32px 48px 32px 48px; } }
  .media-card__image-wrapper {
    width: 30%;
    max-width: 320px; }
  .media-card__image {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-position: center;
    background-size: cover; }
  .media-card__byline {
    font-size: .8rem;
    font-style: italic;
    font-weight: 400;
    color: rgba(21, 54, 52, 0.6); }

.media-card--teal:before {
  background-color: #4DACB6; }

.media-card--orange:before {
  background-color: #DE6E26; }

.media-card--yellow:before {
  background-color: #EFC329; }

.media-card--red:before {
  background-color: #BC2C26; }

.media-card--self-contained {
  margin-right: 8px; }

.prose .prose-card {
  background: white;
  box-shadow: 0px 4px 8px #1536341A;
  position: relative;
  text-align: center; }
  .prose .prose-card:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #153634; }

.prose .prose-card__content {
  padding: 16px 24px 16px 24px; }
  @media (min-width: 85em) {
    .prose .prose-card__content {
      padding: 48px 64px 48px 64px; } }

.prose .prose-card__image {
  padding-bottom: 32px; }

.prose .prose-card__title {
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0; }

.prose .prose-card__text {
  font-size: 1rem;
  font-weight: 100; }

.prose .prose-card--orange:before {
  background-color: #DE6E26; }

.prose .prose-card--yellow:before {
  background-color: #EFC329; }

.prose .prose-card--teal:before {
  background-color: #4DACB6; }

.prose .prose-card--red:before {
  background-color: #BC2C26; }

.prose__section * + * {
  margin-top: 8px; }

.prose__section .grid > * + * {
  margin-top: 0; }

.prose__section .media-card {
  margin-top: 32px;
  margin-bottom: 32px; }
  .prose__section .media-card__content {
    padding-top: 24px;
    padding-bottom: 24px; }
  .prose__section .media-card h3 {
    margin: 0; }

.prose p,
.prose li,
.p {
  font-size: 1rem;
  font-weight: 300;
  color: #153634;
  margin-bottom: 0; }
  .prose p + .prose p,
  .prose li + .prose p,
  .p + .prose p, .prose p +
  .prose li,
  .prose li +
  .prose li,
  .p +
  .prose li, .prose p +
  .p,
  .prose li +
  .p,
  .p +
  .p {
    margin-top: 12px; }
  @media (min-width: 36em) {
    .prose p,
    .prose li,
    .p {
      font-size: .9rem; } }
  @media (min-width: 85em) {
    .prose p,
    .prose li,
    .p {
      font-size: 1rem; } }
  .prose p > a,
  .prose li > a,
  .p > a {
    font-weight: 400;
    color: #4DACB6; }

.prose h1,
.h1 {
  font-size: 2rem;
  font-weight: 300;
  color: #153634; }
  @media (min-width: 36em) {
    .prose h1,
    .h1 {
      font-size: 1.7rem; } }
  @media (min-width: 85em) {
    .prose h1,
    .h1 {
      font-size: 3rem; } }

.prose .intro,
.intro {
  font-size: 1.1rem;
  font-weight: 300;
  color: rgba(21, 54, 52, 0.6); }
  @media (min-width: 36em) {
    .prose .intro,
    .intro {
      font-size: 1.2rem; } }
  @media (min-width: 85em) {
    .prose .intro,
    .intro {
      font-size: 1.5rem; } }

.prose h2,
.h2 {
  font-size: 1.3rem;
  font-weight: 400;
  color: #153634; }
  @media (min-width: 36em) {
    .prose h2,
    .h2 {
      font-size: 1.5rem; } }
  @media (min-width: 85em) {
    .prose h2,
    .h2 {
      font-size: 2.2rem; } }

.prose h3,
.h3 {
  font-size: 1.1rem;
  font-weight: 400;
  color: #153634;
  line-height: 1.3; }
  @media (min-width: 36em) {
    .prose h3,
    .h3 {
      font-size: 1.2rem; } }
  @media (min-width: 85em) {
    .prose h3,
    .h3 {
      font-size: 1.7rem; } }

.prose h4,
.h4 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #153634; }
  @media (min-width: 36em) {
    .prose h4,
    .h4 {
      font-size: 1.1rem; } }
  @media (min-width: 85em) {
    .prose h4,
    .h4 {
      font-size: 1.3rem; } }

.prose h5,
.h5 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
  color: #153634; }
  @media (min-width: 36em) {
    .prose h5,
    .h5 {
      font-size: 1.1rem; } }
  @media (min-width: 85em) {
    .prose h5,
    .h5 {
      font-size: 1.1rem; } }

.prose h6,
.h6 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3;
  color: #153634;
  text-decoration: underline; }
  @media (min-width: 36em) {
    .prose h6,
    .h6 {
      font-size: 1rem; } }
  @media (min-width: 85em) {
    .prose h6,
    .h6 {
      font-size: 1rem; } }

.prose ul {
  margin-left: 0;
  padding-left: 0; }
  .prose ul li {
    list-style-type: none;
    padding-bottom: 0;
    padding-left: 16px;
    position: relative; }
    .prose ul li:before {
      content: "";
      width: 10px;
      height: 10px;
      border-left: 6px solid #4DACB6;
      border-bottom: 6px solid transparent;
      border-top: 6px solid transparent;
      position: absolute;
      left: 0;
      top: 6px; }

.prose ol {
  margin-left: 16px;
  padding-left: 0; }
  .prose ol li {
    padding-bottom: 12px; }

.prose {
  max-width: 800px;
  margin: 0 auto; }
  .prose h1 {
    margin-bottom: 32px; }
  .prose h2, .prose h3, .prose h4, .prose .intro {
    margin-top: 40px;
    margin-bottom: 16px; }
  .prose__intro {
    margin-bottom: 56px; }
  .prose__section + .prose__section {
    padding-top: 16px; }
  .prose .box {
    margin-bottom: 16px;
    margin-top: 16px; }

.prose blockquote,
.prose blockquote p {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #de6e26;
  position: relative;
  z-index: 1; }
  .prose blockquote:before,
  .prose blockquote p:before {
    content: "format_quote";
    font-size: 10rem;
    position: absolute;
    left: -50px;
    top: -50px;
    color: rgba(222, 110, 38, 0.12);
    z-index: -1; }

.prose--wp {
  /* = WordPress Core -------------------------------------------------------------- */
  /* Text meant only for screen readers. */ }
  .prose--wp .alignnone {
    margin: 5px 20px 20px 0; }
  .prose--wp .aligncenter,
  .prose--wp div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }
  .prose--wp .alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .prose--wp .alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .prose--wp a img.alignright {
    float: right;
    margin: 5px 0 20px 20px; }
  .prose--wp a img.alignnone {
    margin: 5px 20px 20px 0; }
  .prose--wp a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }
  .prose--wp a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .prose--wp .wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center; }
  .prose--wp .wp-caption.alignnone {
    margin: 5px 20px 20px 0; }
  .prose--wp .wp-caption.alignleft {
    margin: 5px 20px 20px 0; }
  .prose--wp .wp-caption.alignright {
    margin: 5px 0 20px 20px; }
  .prose--wp .wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto; }
  .prose--wp .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px; }
  .prose--wp .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  .prose--wp .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

.registry-card {
  display: flex; }
  .registry-card__content {
    flex: 1; }

.registry-card {
  background: white;
  box-shadow: 0px 4px 8px #1536341A;
  position: relative;
  padding: 16px 24px 16px 24px; }
  @media (min-width: 85em) {
    .registry-card {
      padding: 32px 40px 16px 40px; } }
  .registry-card:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4DACB6; }
  .registry-card__pub-logo {
    width: 132px; }
  .registry-card__pub-name {
    font-size: 1.5rem;
    color: #153634;
    font-weight: 300; }
  .registry-card__content {
    margin-left: 32px; }
  .registry-card__list {
    list-style: none;
    padding-left: 0; }

.registry-grant {
  width: 100%; }
  .registry-grant, .registry-grant td {
    border: 0; }
  .registry-grant td {
    padding: 0;
    vertical-align: top; }
  .registry-grant__line {
    font-style: normal;
    font-weight: 300; }
  .registry-grant--title-line td {
    padding-top: 12px;
    font-weight: 400;
    padding-bottom: 4px; }
  .registry-grant--amounts-line td {
    line-height: 1.3;
    border-bottom: 0; }
  .registry-grant--data-line {
    border-bottom: 1px solid rgba(21, 54, 52, 0.1); }
    .registry-grant--data-line td {
      padding: 8px 0 16px; }
    .registry-grant--data-line:last-child {
      border-bottom: 0; }
  .registry-grant__records, .registry-grant__validation {
    width: 35%; }
  .registry-grant__spacer {
    padding-left: 24px; }
  .registry-grant__pub-date, .registry-grant__download {
    width: 40%; }
  .registry-grant__title {
    width: 100%; }
  .registry-grant__amount, .registry-grant__license {
    width: 100%;
    text-align: right; }
  .registry-grant__amount {
    margin-bottom: 8; }
  .registry-grant__license a {
    margin-left: 32px; }
  .registry-grant__validation > i {
    vertical-align: -7px; }
  .registry-grant--validated > i {
    color: #4DACB6; }
  .registry-grant--invalid > i {
    color: #BC2C26; }
  .registry-grant__grant-n, .registry-grant__amount-n {
    font-size: 1.6rem; }
  .registry-grant__grant-n {
    font-weight: 300; }
  .registry-grant__amount-n {
    font-weight: 400; }
  .registry-grant__file {
    padding: 0 12px 0;
    border-radius: 20px;
    border: 1px solid currentColor;
    font-weight: 400;
    text-align: center;
    display: inline-block; }
  .registry-grant--xls {
    color: #DE6E26; }
  .registry-grant--csv {
    color: #4DACB6; }
  .registry-grant--json {
    color: #EFC329; }
  .registry-grant--ods {
    color: #BC2C26; }

.license {
  opacity: .4; }
  .license--cc {
    max-width: 20px; }
  .license--ogl {
    max-width: 32px; }
  .license--pddl {
    max-width: 32px; }

.search-breadcrumbs-section {
  border-bottom: 1px solid rgba(21, 54, 52, 0.2);
  padding: 16px 0; }
  @media (max-width: 35.98em) {
    .search-breadcrumbs-section {
      overflow-x: scroll;
      scroll-snap-align: center;
      scroll-snap-type: x proximity; } }
  .search-breadcrumbs-section__panel {
    display: flex; }
  .search-breadcrumbs-section__search {
    flex: 1;
    display: flex;
    align-items: center; }
  .search-breadcrumbs-section__breadcrumbs {
    flex: 2; }

.sidebar-blog {
  text-align: right;
  padding-top: 0px; }
  .sidebar-blog__heading {
    padding: 0 32px 8px;
    margin: 0;
    font-weight: 400; }

.categories-list {
  list-style: none; }

.category {
  padding: 8px 32px;
  display: block;
  color: rgba(21, 54, 52, 0.6); }
  .category:hover {
    background-color: rgba(21, 54, 52, 0.1);
    background: linear-gradient(90deg, rgba(21, 54, 52, 0) 0%, rgba(21, 54, 52, 0.1) 100%); }
  .category--active {
    background-color: rgba(77, 172, 182, 0.1);
    background: linear-gradient(90deg, rgba(77, 172, 182, 0) 0%, rgba(77, 172, 182, 0.3) 100%); }

.sidebar-content {
  padding: 16px 32px;
  text-align: right; }
  .sidebar-content__heading {
    font-size: 1rem;
    font-weight: bold;
    color: currentColor; }
  .sidebar-content__text {
    font-size: .9rem;
    color: #153634; }
  .sidebar-content__image {
    padding: 16px 0; }
  .sidebar-content__image figcaption {
    padding-top: 8px;
    font-size: .8rem;
    color: #153634;
    font-size: italic; }

.sidebar-content--orange .sidebar-content__heading {
  color: #DE6E26; }

.sidebar-content--teal .sidebar-content__heading {
  color: #4DACB6; }

.sidebar-content--yellow .sidebar-content__heading {
  color: #EFC329; }

.sidebar-content--red .sidebar-content__heading {
  color: #BC2C26; }

.sidebar-list {
  text-align: right;
  padding-left: 0; }
  .sidebar-list__item {
    list-style-type: none;
    position: relative; }
    .sidebar-list__item > .sidebar-list {
      max-height: 0;
      overflow: hidden; }
  .sidebar-list__trigger {
    position: absolute;
    right: 0; }

.sidebar-list__trigger {
  cursor: pointer;
  padding: 12px 16px; }

.sidebar-list__item > a {
  display: block;
  padding: 8px 4px;
  margin-right: 40px;
  color: #153634; }

.sidebar-list__item.sidebar-list--expanded > .sidebar-list {
  height: auto;
  max-height: 1000px; }

.sidebar-list__item > .sidebar-list {
  background-color: rgba(77, 172, 182, 0.075);
  transition: max-height .4s ease; }

.sidebar-list__item .material-icons {
  font-size: 1.2rem;
  transition: transform .1s ease;
  transform: rotate(0);
  color: #4DACB6; }

.sidebar-list__item.sidebar-list--expanded > .sidebar-list {
  box-shadow: inset 0 0 4px rgba(77, 172, 182, 0.1); }

.sidebar-list__item.sidebar-list--expanded > .sidebar-list__trigger > .material-icons {
  transform: rotate(45deg); }

.subscribe-section {
  background-color: #EFC329;
  padding: 24px; }
  @media (max-width: 59.98em) {
    .subscribe-section__wrapper {
      margin-left: 8px;
      margin-right: 8px; } }
  @media (min-width: 85em) {
    .subscribe-section__wrapper {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 85em) {
    .subscribe-section__wrapper {
      max-width: 700px; } }
  .subscribe-section__form {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 36em) {
      .subscribe-section__form {
        flex-direction: row; } }
    .subscribe-section__form input[type="email"] {
      border-radius: 3px 0 0 3px;
      flex: 1;
      padding: 12px 24px;
      width: 100%;
      border: 0;
      letter-spacing: .3px;
      color: white;
      background-color: rgba(21, 54, 52, 0.1); }
      .subscribe-section__form input[type="email"]::-webkit-input-placeholder {
        color: rgba(21, 54, 52, 0.9); }
      .subscribe-section__form input[type="email"]:-moz-placeholder {
        color: rgba(21, 54, 52, 0.9); }
      .subscribe-section__form input[type="email"]::-moz-placeholder {
        color: rgba(21, 54, 52, 0.9); }
      .subscribe-section__form input[type="email"]:-ms-input-placeholder {
        color: rgba(21, 54, 52, 0.9); }
      .subscribe-section__form input[type="email"]:focus {
        background-color: rgba(21, 54, 52, 0.2); }
      .subscribe-section__form input[type="email"]:hover {
        background-color: rgba(21, 54, 52, 0.3); }
    .subscribe-section__form input[type="submit"] {
      all: inherit;
      color: #153634;
      display: inline-block;
      width: 100%;
      margin-top: 8px;
      padding: 12px 24px;
      background-color: rgba(21, 54, 52, 0.15);
      border-radius: 0 3px 3px 0;
      text-align: center; }
      @media (min-width: 36em) {
        .subscribe-section__form input[type="submit"] {
          max-width: 90px;
          margin-top: 0; } }
      .subscribe-section__form input[type="submit"]:focus {
        background-color: rgba(21, 54, 52, 0.2); }
      .subscribe-section__form input[type="submit"]:hover {
        background-color: rgba(21, 54, 52, 0.3); }

.top-bar ul {
  padding: 0;
  margin: 0; }

.top-bar li {
  list-style: none;
  margin: 0; }

.top-bar a {
  text-decoration: none; }

.top-bar {
  --panel-width: 280px; }
  @media (min-width: 36em) {
    .top-bar {
      --panel-width: 350px; } }

.top-bar {
  display: flex;
  position: relative;
  z-index: 1000; }
  .top-bar__menu {
    flex: 1; }
  .top-bar__menu-trigger {
    flex: 0;
    line-height: 1; }

@media (max-width: 35.98em) {
  .contextual-menu {
    display: none; } }

.contextual-menu__item {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline; }

.contextual-menu__item + .contextual-menu__item {
  margin-left: -5px; }

.contextual-menu--disabled {
  opacity: .4;
  pointer-events: none; }

.off-canvas-menu {
  top: 0;
  bottom: 0;
  z-index: 1000;
  display: block;
  position: fixed;
  box-sizing: border-box;
  width: var(--panel-width);
  left: calc(-1 * var(--panel-width) - 20px); }
  .off-canvas-menu__list {
    list-style-type: none; }
  .off-canvas-menu__heading {
    margin-bottom: 0; }
  .off-canvas-menu__trigger {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    border: 0; }
  .off-canvas-menu--disabled {
    pointer-events: none; }
  .off-canvas-menu__submenu .submenu__list {
    padding-left: 16px;
    display: block;
    position: static; }

@media (min-width: 36em) {
  .off-canvas-menu__contextual {
    display: none; } }

.off-canvas-menu--expanded {
  left: 0; }

.submenu {
  position: relative; }
  .submenu__list {
    width: auto;
    display: none;
    text-align: left;
    position: absolute;
    white-space: nowrap; }
  .submenu__item {
    display: block; }
  .submenu__button {
    display: inline-block;
    box-sizing: border-box; }
  .submenu__item:not(:first-child) .submenu__button {
    margin-top: -1px; }
  .submenu:hover .submenu__list {
    display: block; }

.top-bar {
  --bg-color: var(--teal-hsl);
  --text-color: var(--black-hsl);
  --active-color: var(--orange-hsl);
  border-bottom: 1px solid hsl(var(--black-hsl), 0.2); }
  .top-bar__menu-trigger {
    border: 0;
    padding: 4px 8px 2px; }
  .top-bar__menu {
    text-align: right; }

.submenu__list {
  width: auto; }

.submenu__item {
  background-color: white; }

.submenu__button {
  width: 100%;
  padding: 8px 24px 8px;
  border: 1px solid hsl(var(--black-hsl), 0.1);
  color: hsl(var(--text-color), 1); }
  .submenu__button:hover {
    background-color: hsl(var(--bg-color), 0.1); }

.contextual-menu__button {
  display: inline-block;
  padding: 8px 24px 8px;
  transition: all .5s;
  color: hsl(var(--text-color), 1); }
  .contextual-menu__button:hover {
    color: hsl(var(--text-color), 1);
    background-color: hsl(var(--bg-color), 0.8); }

.contextual-menu--active {
  background-color: hsl(var(--active-color), 0.1); }

.off-canvas-menu {
  padding: 48px 32px;
  transition: all .4s ease;
  background-color: hsl(var(--bg-color), 1);
  box-shadow: 4px 4px 16px hsl(var(--bg-color), 0.2); }
  .off-canvas-menu__list {
    padding: 0 0 24px 0;
    margin-bottom: 24px;
    border-bottom: 1px solid hsl(var(--text-color), 0.2); }
  .off-canvas-menu__trigger {
    padding: 8px;
    background-color: transparent;
    color: hsl(var(--text-color), 0.4); }
  .off-canvas-menu__item a {
    display: inline-block;
    padding-bottom: 8px;
    color: hsl(var(--black-hsl), 0.6); }
    .off-canvas-menu__item a:hover {
      color: hsl(var(--black-hsl), 1); }
  .off-canvas-menu__heading {
    color: var(--colors-white);
    font-weight: 400;
    margin-bottom: 8px; }
  .off-canvas-menu__contextual {
    padding-bottom: 24px; }
  .off-canvas-menu--disabled {
    opacity: .4; }

.base-section {
  padding: 48px 0; }
  .base-section--narrow {
    max-width: 700px;
    margin: 0 auto; }

.cards-section {
  padding: 32px 0; }
  .cards-section__heading, .cards-section__tagline {
    text-align: center;
    font-size: 2rem; }
  .cards-section__tagline {
    font-weight: 200; }
    .cards-section__tagline > a {
      color: #DE6E26;
      font-weight: 200; }

.intro-section {
  padding: 48px 0;
  text-align: center; }
  .intro-section h2 {
    font-weight: 200; }

.layout {
  min-height: 100vh; }
  .layout__content {
    width: 100%; }
  .layout__content-inner {
    padding-top: 54px;
    padding-bottom: 64px; }
  .layout--single-column {
    display: grid;
    grid-template-areas: "header"
 "content"
 "footer"; }
    .layout--single-column .layout__content {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
  .layout--narrow .layout__content {
    max-width: 700px; }
  .layout--full .layout__content {
    max-width: 100vw;
    width: 100vw; }
  .layout--two-columns {
    display: grid;
    grid-template-areas: "header"
 "content"
 "footer"; }
    @media (min-width: 36em) {
      .layout--two-columns {
        grid-template-columns: 320px 1fr;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "header header"
 "sidebar content"
 "footer footer"; } }
    .layout--two-columns .layout__header {
      grid-area: header; }
    .layout--two-columns .layout__content {
      grid-area: content; }
    .layout--two-columns .layout__sidebar {
      grid-area: sidebar; }
      @media (max-width: 35.98em) {
        .layout--two-columns .layout__sidebar {
          display: none; } }
    .layout--two-columns .layout__footer {
      grid-area: footer; }

.sidebar-section {
  margin-top: 88px;
  box-shadow: 4px 0 8px rgba(21, 54, 52, 0.1);
  padding-top: 0;
  padding-bottom: 0;
  position: relative; }
  .sidebar-section:before {
    content: '';
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #153634; }

.sidebar-section--orange:before {
  background-color: #DE6E26; }

.sidebar-section--teal:before {
  background-color: #4DACB6; }

.sidebar-section--yellow:before {
  background-color: #EFC329; }

.sidebar-section--red:before {
  background-color: #BC2C26; }
