@charset "UTF-8";
/*!
 * Minimal Mistakes Jekyll Theme 4.26.2 by Michael Rose
 * Copyright 2013-2024 Michael Rose - mademistakes.com | @mmistakes
 * Free for personal and commercial use under the MIT license
 * https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE
 */
/* ==========================================================================
   Light skin — companion to _aquila_dark. Same instrument panel, lights on:
   the primary teal and accent coral are brand-invariant and stay untouched:
   only the two roots (background/text) invert, in the same slate hue family
   as the dark skin's #252a34, so the two read as one identity, not two skins.
   ========================================================================== */
/* Colors */
/* Magnific Popup CSS */
.mfp-counter {
  font-family: Georgia, Times, serif;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #ccc;
}
.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Georgia, Times, serif;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #fff;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
}

.mfp-arrow {
  position: absolute;
  opacity: 1;
  filter: alpha(opacity=100);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #fff;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #fff;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-figure figcaption {
  margin-top: 0;
  margin-bottom: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/* ==========================================================================
   STYLE RESETS
   ========================================================================== */
button:focus, a:focus {
  outline: thin dotted rgb(8, 138.75, 146.75);
  outline: 5px auto rgb(8, 138.75, 146.75);
  outline-offset: -2px;
}

* {
  box-sizing: border-box;
}

html {
  /* apply a natural box layout model to all elements */
  box-sizing: border-box;
  background-color: #cde5dc;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
@media (min-width: 48em) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 64em) {
  html {
    font-size: 20px;
  }
}
@media (min-width: 80em) {
  html {
    font-size: 22px;
  }
}

/* Remove margin */
body {
  margin: 0;
}

/* Selected elements */
::-moz-selection {
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}

/* Display HTML5 elements in IE6-9 and FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

/* Display block in IE6-9 and FF3 */
audio,
canvas,
video {
  display: inline-block;
}

/* Prevents modern browsers from displaying 'audio' without controls */
audio:not([controls]) {
  display: none;
}

a {
  color: rgb(19.2, 90.8, 98.8);
}

/* Apply focus state */
/* Remove outline from links */
a:hover,
a:active {
  outline: 0;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* img border in anchor's and image quality */
img {
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%; /* part 1: Set a maximum relative to the parent*/
  width: auto\9 ; /* IE7-8 need help adjusting responsive images*/
  height: auto; /* part 2: Scale the height according to the width, otherwise you get stretching*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* Prevent max-width from affecting Google Maps */
#map_canvas img,
.google-maps img {
  max-width: none;
}

/* Consistent form font size in all browsers, margin changes, misc */
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  line-height: normal; /* FF3/4 have !important on line-height in UA stylesheet*/
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* inner padding and border oddities in FF3/4*/
  padding: 0;
  border: 0;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* corrects inability to style clickable `input` types in iOS*/
  cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
}

label,
select,
button,
input[type=button],
input[type=reset],
input[type=submit],
input[type=radio],
input[type=checkbox] {
  cursor: pointer; /* improves usability and consistency of cursor style between image-type `input` and others*/
}

input[type=search] { /* Appearance in Safari/Chrome*/
  box-sizing: border-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none; /* inner-padding issues in Chrome OSX, Safari 5*/
}

textarea {
  overflow: auto; /* remove vertical scrollbar in IE6-9*/
  vertical-align: top; /* readability and alignment cross-browser*/
}

/* ==========================================================================
   BASE ELEMENTS
   ========================================================================== */
html {
  /* sticky footer fix */
  position: relative;
  min-height: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: #20242c;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  line-height: 1.5;
}
body.overflow--hidden {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 2em 0 0.5em;
  line-height: 1.2;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
}

h1 {
  margin-top: 0;
  font-size: 1.563em;
}

h2 {
  font-size: 1.25em;
}

h3 {
  font-size: 1.125em;
}

h4 {
  font-size: 1.0625em;
}

h5 {
  font-size: 1.03125em;
}

h6 {
  font-size: 1em;
}

small,
.small {
  font-size: 0.75em;
}

p {
  margin-bottom: 1.3em;
}

u,
ins {
  text-decoration: none;
  border-bottom: 1px solid #20242c;
}
u a,
ins a {
  color: inherit;
}

del a {
  color: inherit;
}

/* reduce orphans and widows when printing */
p,
pre,
blockquote,
ul,
ol,
dl,
figure,
table,
fieldset {
  orphans: 3;
  widows: 3;
}

/* abbreviations */
abbr[title],
abbr[data-original-title] {
  text-decoration: none;
  cursor: help;
  border-bottom: 1px dotted #20242c;
}

/* blockquotes */
blockquote {
  margin-block: 2em;
  margin-inline-end: 1em;
  padding-inline: 1em;
  font-style: italic;
  border-inline-start: 0.25em solid #00adb5;
}
blockquote cite {
  font-style: italic;
}
blockquote cite::before {
  content: "—";
  padding-inline-end: 5px;
}

/* links */
a:visited {
  color: rgb(14.4, 68.1, 74.1);
}
a:hover {
  color: rgb(22.4, 77.1, 85.1);
  outline: 0;
}

/* buttons */
/* code */
tt,
code,
kbd,
samp,
pre {
  font-family: Monaco, Consolas, "Lucida Console", monospace;
}

pre {
  overflow-x: auto; /* add scrollbars to wide code blocks*/
}

/* horizontal rule */
hr {
  display: block;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid rgb(170.4, 190.4, 184.8);
}

/* lists */
ul li,
ol li {
  margin-bottom: 0.5em;
}

li ul,
li ol {
  margin-top: 0.5em;
}

/*
   Media and embeds
   ========================================================================== */
/* Figures and images */
figure {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 2em 0;
}
figure img,
figure iframe,
figure .fluid-width-video-wrapper {
  margin-bottom: 1em;
}
figure img {
  width: 100%;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
figure > a {
  display: block;
}
@media (min-width: 37.5em) {
  figure.half > a,
  figure.half > img {
    width: calc(50% - 0.5em);
  }
}
figure.half figcaption {
  width: 100%;
}
@media (min-width: 37.5em) {
  figure.third > a,
  figure.third > img {
    width: calc(33.3333% - 0.5em);
  }
}
figure.third figcaption {
  width: 100%;
}

/* Figure captions */
figcaption {
  margin-bottom: 0.5em;
  color: rgb(66.6, 74.6, 79.2);
  font-family: Georgia, Times, serif;
  font-size: 0.75em;
}
figcaption a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
figcaption a:hover {
  color: rgb(22.4, 77.1, 85.1);
}

/* Fix IE9 SVG bug */
svg:not(:root) {
  overflow: hidden;
}

/*
   Navigation lists
   ========================================================================== */
/**
 * Removes margins, padding, and bullet points from navigation lists
 *
 * Example usage:
 * <nav>
 *    <ul>
 *      <li><a href="#link-1">Link 1</a></li>
 *      <li><a href="#link-2">Link 2</a></li>
 *      <li><a href="#link-3">Link 3</a></li>
 *    </ul>
 *  </nav>
 */
nav {
  /* override white-space for nested lists */
}
nav ul {
  margin: 0;
  padding: 0;
}
nav li {
  list-style: none;
}
nav a {
  text-decoration: none;
}
nav ul li,
nav ol li {
  margin-bottom: 0;
}
nav li ul,
nav li ol {
  margin-top: 0;
}

/*
   Global animation transition
   ========================================================================== */
b,
i,
strong,
em,
blockquote,
p,
q,
span,
figure,
img,
h1,
h2,
header,
input,
a,
tr,
td,
form button,
input[type=submit],
.btn,
.highlight,
.archive__item-teaser {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* ==========================================================================
   Forms
   ========================================================================== */
form {
  margin-bottom: 5px;
  padding: 1em;
  background-color: rgb(174.25, 194.65, 187);
}
form fieldset {
  margin-bottom: 5px;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  margin-inline-start: -7px;
  padding: 0;
  color: #20242c;
  border: 0;
  white-space: normal;
}
form p {
  margin-bottom: 2.5px;
}
form ul {
  list-style-type: none;
  margin: 0 0 5px 0;
  padding: 0;
}
form br {
  display: none;
}

label,
input,
button,
select,
textarea {
  vertical-align: baseline;
}

input,
button,
select,
textarea {
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 0.25em;
  color: #20242c;
  cursor: pointer;
}
label small {
  font-size: 0.75em;
}
label input,
label textarea,
label select {
  display: block;
}

input,
textarea,
select {
  display: inline-block;
  width: 100%;
  padding: 0.25em;
  margin-bottom: 0.5em;
  color: #20242c;
  background-color: #cde5dc;
  border: rgb(170.4, 190.4, 184.8);
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}

input[type=image],
input[type=checkbox],
input[type=radio] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  line-height: normal;
  cursor: pointer;
  border-radius: 0;
  border: 0 \9 ;
  box-shadow: none;
}

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

input[type=image] {
  border: 0;
}

input[type=file] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  box-shadow: none;
}

input[type=button],
input[type=reset],
input[type=submit] {
  width: auto;
  height: auto;
  cursor: pointer;
}

select {
  width: auto;
  background-color: #fff;
}

select[multiple],
select[size] {
  height: auto;
}

textarea {
  resize: vertical;
  height: auto;
  overflow: auto;
  vertical-align: top;
}

input[type=hidden] {
  display: none;
}

.form {
  position: relative;
}

.radio,
.checkbox {
  padding-inline-start: 18px;
  font-weight: normal;
}

.radio input[type=radio],
.checkbox input[type=checkbox] {
  float: inline-start;
  margin-inline-start: -18px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-inline-start: 10px;
}

/*
     Disabled state
     ========================================================================== */
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  opacity: 0.5;
  cursor: not-allowed;
}

/*
     Focus & active state
     ========================================================================== */
input:focus,
textarea:focus {
  border-color: #00adb5;
  outline: 0;
  outline: thin dotted \9 ;
  box-shadow: inset 0 1px 3px rgba(32, 36, 44, 0.06), 0 0 5px rgba(0, 173, 181, 0.7);
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus,
select:focus {
  box-shadow: none;
}

/*
     .form-group
     ========================================================================== */
.form-group {
  margin-bottom: 5px;
  padding: 0;
  border-width: 0;
}

.form::before {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 10;
}

/* ==========================================================================
   TABLES
   ========================================================================== */
table {
  display: block;
  margin-bottom: 1em;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 0.75em;
  border-collapse: collapse;
  overflow-x: auto;
}
table + table {
  margin-top: 1em;
}

thead {
  background-color: rgb(170.4, 190.4, 184.8);
  border-bottom: 2px solid rgb(127.8, 142.8, 138.6);
}

th {
  padding: 0.5em;
  font-weight: bold;
  text-align: start;
}

td {
  padding: 0.5em;
  border-bottom: 1px solid rgb(127.8, 142.8, 138.6);
}

tr,
td,
th {
  vertical-align: middle;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
@-webkit-keyframes intro {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes intro {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
   Reduced motion
   ========================================================================== */
/* `intro` is a pure entrance fade carrying no state or feedback, and its `both`
   fill-mode keeps an element fully transparent for its whole delay. It used to
   run on the masthead, #main, the hero and the footer, which held the first
   paint back 150 ms and the hero (the largest paint) 250 ms on every page, so
   it is now kept only on the search panel, which is revealed on demand.
   Flattening the keyframes to a constant opacity removes the motion for
   reduced-motion readers.

   Deliberately scoped to this animation rather than a blanket
   `* { animation: none }`: hover, focus, and state transitions are feedback and
   must survive. */
@media (prefers-reduced-motion: reduce) {
  @-webkit-keyframes intro {
    0%, 100% {
      opacity: 1;
    }
  }
  @keyframes intro {
    0%, 100% {
      opacity: 1;
    }
  }
}
/* ==========================================================================
   BUTTONS
   ========================================================================== */
/*
   Default button
   ========================================================================== */
.btn {
  /* default */
  display: inline-block;
  margin-bottom: 0.25em;
  padding: 0.5em 1em;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 0.75em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-width: 0;
  border-radius: 4px;
  cursor: pointer;
}
.btn .icon {
  margin-inline-end: 0.5em;
}
.btn .icon + .hidden {
  margin-inline-start: -0.5em; /* override for hidden text*/
}
.btn--primary {
  background-color: #00adb5;
  color: rgb(24.4, 26, 27.2);
}
.btn--primary:visited {
  background-color: #00adb5;
  color: rgb(24.4, 26, 27.2);
}
.btn--primary:hover {
  background-color: rgb(38.25, 185.3, 192.1);
  color: rgb(24.4, 26, 27.2);
}
.btn--light-outline {
  background-color: transparent;
  color: #fff;
  border: 1px solid #20242c;
  color: #20242c;
}
.btn--light-outline:visited {
  background-color: transparent;
  color: #fff;
  color: #20242c;
}
.btn--light-outline:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: #fff;
  color: #20242c;
}
.btn--warning {
  background-color: #d67f05;
  color: rgb(24.4, 26, 27.2);
}
.btn--warning:visited {
  background-color: #d67f05;
  color: rgb(24.4, 26, 27.2);
}
.btn--warning:hover {
  background-color: rgb(220.15, 146.2, 42.5);
  color: rgb(24.4, 26, 27.2);
}
.btn--danger {
  background-color: rgb(190.4, 76, 72.8);
  color: #fff;
}
.btn--danger:visited {
  background-color: rgb(190.4, 76, 72.8);
  color: #fff;
}
.btn--danger:hover {
  background-color: rgb(152.32, 60.8, 58.24);
  color: #fff;
}
.btn--info {
  background-color: #3b9cba;
  color: rgb(24.4, 26, 27.2);
}
.btn--info:visited {
  background-color: #3b9cba;
  color: rgb(24.4, 26, 27.2);
}
.btn--info:hover {
  background-color: rgb(88.4, 170.85, 196.35);
  color: rgb(24.4, 26, 27.2);
}
.btn--bluesky {
  background-color: #1083fe;
  color: rgb(24.4, 26, 27.2);
}
.btn--bluesky:visited {
  background-color: #1083fe;
  color: rgb(24.4, 26, 27.2);
}
.btn--bluesky:hover {
  background-color: rgb(51.85, 149.6, 254.15);
  color: rgb(24.4, 26, 27.2);
}
.btn--small {
  font-size: 0.6875em;
}

.notice--danger, .notice--success, .notice--warning, .notice--info, .notice {
  margin: 2em 0 !important;
  padding: 1em;
  color: #20242c;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 0.75em !important;
  text-indent: initial;
  background-color: color-mix(in srgb, #cde5dc 80%, var(--notice-tint));
  border-radius: 4px;
  box-shadow: 0 1px 1px color-mix(in srgb, var(--notice-tint) 25%, transparent);
}
.notice--danger h4, .notice--success h4, .notice--warning h4, .notice--info h4, .notice h4 {
  margin-top: 0 !important;
  margin-bottom: 0.75em;
  line-height: inherit;
}
.notice--danger h4 + p, .notice--success h4 + p, .notice--warning h4 + p, .notice--info h4 + p, .notice h4 + p {
  margin-top: 0;
  padding-top: 0;
}
.notice--danger p:last-child, .notice--success p:last-child, .notice--warning p:last-child, .notice--info p:last-child, .notice p:last-child {
  margin-bottom: 0 !important;
}
.notice--danger ul:last-child, .notice--success ul:last-child, .notice--warning ul:last-child, .notice--info ul:last-child, .notice ul:last-child {
  margin-bottom: 0;
}
.notice--danger a, .notice--success a, .notice--warning a, .notice--info a, .notice a {
  color: color-mix(in srgb, #000 10%, var(--notice-tint));
}
.notice--danger a:hover, .notice--success a:hover, .notice--warning a:hover, .notice--info a:hover, .notice a:hover {
  color: color-mix(in srgb, #000 50%, var(--notice-tint));
}
.notice--danger code, .notice--success code, .notice--warning code, .notice--info code, .notice code {
  background-color: color-mix(in srgb, #cde5dc 90%, var(--notice-tint));
}
.notice--danger pre code, .notice--success pre code, .notice--warning pre code, .notice--info pre code, .notice pre code {
  background-color: inherit;
}
.page__content .notice--danger h4, .page__content .notice--success h4, .page__content .notice--warning h4, .page__content .notice--info h4, .page__content .notice h4 {
  margin-bottom: 0;
  font-size: 1em;
}

blockquote.notice--danger, blockquote.notice--success, blockquote.notice--warning, blockquote.notice--info, blockquote.notice {
  border-inline-start-color: color-mix(in srgb, #000 10%, var(--notice-tint));
}

.notice {
  --notice-tint: rgb(188.5, 192.5, 195.5);
}

.notice--info {
  --notice-tint: #3b9cba;
}

.notice--warning {
  --notice-tint: #d67f05;
}

.notice--success {
  --notice-tint: #3fa63f;
}

.notice--danger {
  --notice-tint: #ee5f5b;
}

/* ==========================================================================
   MASTHEAD
   ========================================================================== */
.masthead {
  position: relative;
  border-bottom: 1px solid rgb(170.4, 190.4, 184.8);
  z-index: 20;
}
.masthead__inner-wrap {
  clear: both;
  margin-inline: auto;
  padding: 1em;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
}
.masthead__inner-wrap::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 80em) {
  .masthead__inner-wrap {
    max-width: 1280px;
  }
}
.masthead__inner-wrap nav {
  z-index: 10;
}
.masthead__inner-wrap a {
  text-decoration: none;
}

.site-logo img {
  max-height: 2rem;
}

.site-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: bold;
}

.site-subtitle {
  display: block;
  font-size: 0.625em;
}

.masthead__menu {
  float: inline-start;
  margin-inline: 0;
  width: 100%;
  clear: both;
}
.masthead__menu .site-nav {
  margin-inline-start: 0;
}
@media (min-width: 37.5em) {
  .masthead__menu .site-nav {
    float: inline-end;
  }
}
.masthead__menu ul {
  margin: 0;
  padding: 0;
  clear: both;
  list-style-type: none;
}

.masthead__menu-item {
  display: block;
  list-style-type: none;
  white-space: nowrap;
}
.masthead__menu-item--lg {
  padding-inline-end: 2em;
  font-weight: 700;
}

/*
     Post pagination navigation links
     ========================================================================== */
.pagination {
  clear: both;
  float: inline-start;
  margin-top: 1em;
  padding-top: 1em;
  width: 100%;
  /* next/previous buttons */
}
.pagination::after {
  clear: both;
  content: "";
  display: table;
}
.pagination ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
}
.pagination li {
  display: block;
  float: inline-start;
  margin-inline-start: -1px;
}
.pagination li a {
  display: block;
  margin-bottom: 0.25em;
  padding: 0.5em 1em;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  color: rgb(66.6, 74.6, 79.2);
  border: 1px solid rgb(127.8, 142.8, 138.6);
  border-radius: 0;
}
.pagination li a:hover {
  color: rgb(22.4, 77.1, 85.1);
}
.pagination li a.current, .pagination li a.current.disabled {
  color: #fff;
  background: #00adb5;
}
.pagination li a.disabled {
  color: rgba(66.6, 74.6, 79.2, 0.5);
  pointer-events: none;
  cursor: not-allowed;
}
.pagination li:first-child {
  margin-inline-start: 0;
}
.pagination li:first-child a {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
}
.pagination li:last-child a {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
}
.pagination--pager {
  display: block;
  padding: 1em 2em;
  float: inline-start;
  width: 50%;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: rgb(66.6, 74.6, 79.2);
  border: 1px solid rgb(127.8, 142.8, 138.6);
  border-radius: 4px;
}
.pagination--pager:hover {
  background-color: rgb(66.6, 74.6, 79.2);
  color: #fff;
}
.pagination--pager:first-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.pagination--pager:last-child {
  margin-inline-start: -1px;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.pagination--pager.disabled {
  color: rgba(66.6, 74.6, 79.2, 0.5);
  pointer-events: none;
  cursor: not-allowed;
}

.page__content + .pagination,
.page__meta + .pagination,
.page__share + .pagination,
.page__comments + .pagination {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid rgb(170.4, 190.4, 184.8);
}

/*
     Priority plus navigation
     ========================================================================== */
.greedy-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2em;
  background: #cde5dc;
}
.greedy-nav a {
  display: block;
  margin: 0 1rem;
  color: #20242c;
  text-decoration: none;
  -webkit-transition: none;
  transition: none;
}
.greedy-nav a:hover {
  color: rgb(22.4, 77.1, 85.1);
}
.greedy-nav a.site-logo {
  margin-inline-start: 0;
  margin-inline-end: 0.5rem;
}
.greedy-nav a.site-title {
  margin-inline-start: 0;
}
.greedy-nav img {
  -webkit-transition: none;
  transition: none;
}
.greedy-nav__toggle {
  -ms-flex-item-align: center;
  align-self: center;
  height: 2rem;
  border: 0;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}
.greedy-nav .visible-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.greedy-nav .visible-links li {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.greedy-nav .visible-links a {
  position: relative;
}
.greedy-nav .visible-links a:before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
  height: 4px;
  background: #00adb5;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scaleX(0) translate3d(0, 0, 0);
  transform: scaleX(0) translate3d(0, 0, 0);
}
.greedy-nav .visible-links a:hover:before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.greedy-nav .hidden-links {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  margin-top: 15px;
  padding: 5px;
  border: 1px solid rgb(170.4, 190.4, 184.8);
  border-radius: 4px;
  background: #cde5dc;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.greedy-nav .hidden-links.hidden {
  display: none;
}
.greedy-nav .hidden-links a {
  margin: 0;
  padding: 10px 20px;
  font-size: 1em;
}
.greedy-nav .hidden-links a:hover {
  color: rgb(22.4, 77.1, 85.1);
  background: rgb(143.5, 160.3, 154);
}
.greedy-nav .hidden-links::before {
  content: "";
  position: absolute;
  top: -11px;
  inset-inline-end: 10px;
  width: 0;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: rgb(170.4, 190.4, 184.8) transparent;
  display: block;
  z-index: 0;
}
.greedy-nav .hidden-links::after {
  content: "";
  position: absolute;
  top: -10px;
  inset-inline-end: 10px;
  width: 0;
  border-style: solid;
  border-width: 0 10px 10px;
  border-color: #cde5dc transparent;
  display: block;
  z-index: 1;
}
.greedy-nav .hidden-links li {
  display: block;
  border-bottom: 1px solid rgb(170.4, 190.4, 184.8);
}
.greedy-nav .hidden-links li:last-child {
  border-bottom: none;
}

.no-js .greedy-nav .visible-links {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: visible;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.page__footer {
  clear: both;
  float: inline-start;
  margin-inline: 0;
  width: 100%;
  margin-top: 3em;
  color: rgb(43.15, 48.43, 55);
  background-color: rgb(143.5, 160.3, 154);
}
.page__footer::after {
  clear: both;
  content: "";
  display: table;
}
.page__footer footer {
  clear: both;
  margin-inline: auto;
  margin-top: 2em;
  max-width: 100%;
  padding: 0 1em 2em;
}
.page__footer footer::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 80em) {
  .page__footer footer {
    max-width: 1280px;
  }
}
.page__footer a {
  color: inherit;
  text-decoration: none;
}
.page__footer a:hover {
  text-decoration: underline;
}
.page__footer .fas,
.page__footer .fab,
.page__footer .far,
.page__footer .fal {
  color: rgb(43.15, 48.43, 55);
}

.page__footer-copyright {
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 0.6875em;
}

.page__footer-follow ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page__footer-follow li {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 0.75em;
  text-transform: uppercase;
}
.page__footer-follow li + li::before {
  content: "";
  padding-inline-end: 5px;
}
.page__footer-follow a {
  padding-inline-end: 10px;
  font-weight: bold;
}
.page__footer-follow .social-icons a {
  white-space: nowrap;
}

.search__toggle {
  margin-inline: 1rem;
  height: 2rem;
  border: 0;
  outline: none;
  color: rgb(19.2, 90.8, 98.8);
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.search__toggle:hover {
  color: rgb(22.4, 77.1, 85.1);
}

.search-content {
  display: none;
  visibility: hidden;
  padding-top: 1em;
  padding-bottom: 1em;
}
.search-content__inner-wrap {
  width: 100%;
  margin-inline: auto;
  padding-inline: 1em;
  -webkit-animation: intro 0.3s both;
  animation: intro 0.3s both;
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
@media (min-width: 80em) {
  .search-content__inner-wrap {
    max-width: 1280px;
  }
}
.search-content__form {
  background-color: transparent;
}
.search-content .search-input {
  display: block;
  margin-bottom: 0;
  padding: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  font-size: 1.563em;
}
@media (min-width: 64em) {
  .search-content .search-input {
    font-size: 1.953em;
  }
}
@media (min-width: 80em) {
  .search-content .search-input {
    font-size: 2.441em;
  }
}
.search-content.is--visible {
  display: block;
  visibility: visible;
}
.search-content.is--visible::after {
  content: "";
  display: block;
}
.search-content .results__found {
  margin-top: 0.5em;
  font-size: 0.75em;
}
.search-content .archive__item {
  margin-bottom: 2em;
}
@media (min-width: 64em) {
  .search-content .archive__item {
    width: 75%;
  }
}
@media (min-width: 80em) {
  .search-content .archive__item {
    width: 50%;
  }
}
.search-content .archive__item-title {
  margin-top: 0;
}
.search-content .archive__item-excerpt {
  margin-bottom: 0;
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */
/*
   Visibility
   ========================================================================== */
/* http://www.456bereastreet.com/archive/200711/screen_readers_sometimes_ignore_displaynone/ */
.hidden,
.is--hidden {
  display: none;
  visibility: hidden;
}

/* https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html */
.visually-hidden,
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  width: 1px !important;
  border: 0 !important;
  overflow: hidden;
}

body:hover .visually-hidden a,
body:hover .visually-hidden input,
body:hover .visually-hidden button {
  display: none !important;
}

/* screen readers */
.screen-reader-text:focus,
.screen-reader-shortcut:focus {
  clip: auto !important;
  height: auto !important;
  width: auto !important;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 15px 23px 14px;
  background: #fff;
  z-index: 100000;
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/*
   Skip links
   ========================================================================== */
.skip-link {
  position: fixed;
  z-index: 20;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  white-space: nowrap;
}

.skip-link li {
  height: 0;
  width: 0;
  list-style: none;
}

/*
   Type
   ========================================================================== */
.text-left {
  text-align: left;
}

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

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

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

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

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

.wrapper {
  margin-inline: auto;
  width: 100%;
}

/*
   Images
   ========================================================================== */
/* image align left */
.align-left {
  display: block;
  margin-inline: auto;
}
@media (min-width: 37.5em) {
  .align-left {
    float: left;
    margin-right: 1em;
  }
}

/* image align right */
.align-right {
  display: block;
  margin-inline: auto;
}
@media (min-width: 37.5em) {
  .align-right {
    float: right;
    margin-left: 1em;
  }
}

/* image align center */
.align-center {
  display: block;
  margin-inline: auto;
}

/*
   Icons
   ========================================================================== */
.icon {
  display: inline-block;
  fill: currentColor;
  width: 1em;
  height: 1.1em;
  line-height: 1;
  position: relative;
  top: -0.1em;
  vertical-align: middle;
}

/* social icons*/
.social-icons .fa-solid,
.social-icons .fa-regular,
.social-icons .fa-brands,
.social-icons .fas,
.social-icons .far,
.social-icons .fab {
  color: #20242c;
}
.social-icons .fa-bluesky {
  color: #1083fe;
}
.social-icons .fa-mastodon {
  color: #2b90d9;
}
.social-icons .fa-rss, .social-icons .fa-rss-square {
  color: #fa9b39;
}

/*
   Navicons
   ========================================================================== */
.navicon {
  position: relative;
  width: 1.5rem;
  height: 0.25rem;
  background: #00adb5;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.navicon::before, .navicon::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  width: 1.5rem;
  height: 0.25rem;
  background: #00adb5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.navicon:before {
  top: -0.5rem;
}
.navicon:after {
  bottom: -0.5rem;
}

.close .navicon {
  /* hide the middle line*/
  background: transparent;
  /* overlay the lines by setting both their top values to 0*/
  /* rotate the lines to form the x shape*/
}
.close .navicon:before, .close .navicon:after {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  top: 0;
  width: 1.5rem;
}
.close .navicon:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.close .navicon:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

@supports (pointer-events: none) {
  .greedy-nav__toggle:before {
    content: "";
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #cde5dc;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    pointer-events: none;
  }
}
.greedy-nav__toggle.close:before {
  opacity: 0.9;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  pointer-events: auto;
}

.greedy-nav__toggle:hover .navicon,
.greedy-nav__toggle:hover .navicon:before,
.greedy-nav__toggle:hover .navicon:after {
  background: rgb(0, 129.75, 135.75);
}
.greedy-nav__toggle:hover.close .navicon {
  background: transparent;
}

/*
   Sticky, fixed to top content
   ========================================================================== */
@media (min-width: 64em) {
  .sticky {
    clear: both;
    position: -webkit-sticky;
    position: sticky;
    top: 2em;
  }
  .sticky::after {
    clear: both;
    content: "";
    display: table;
  }
  .sticky > * {
    display: block;
  }
}

/*
   Footnotes
   ========================================================================== */
.footnote {
  color: rgb(155.25, 161.25, 165.75);
  text-decoration: none;
}

.footnotes {
  color: rgb(155.25, 161.25, 165.75);
}
.footnotes ol,
.footnotes li,
.footnotes p {
  margin-bottom: 0;
  font-size: 0.75em;
}

a.reversefootnote {
  color: #7a8288;
  text-decoration: none;
}
a.reversefootnote:hover {
  text-decoration: underline;
}

/*
   Required
   ========================================================================== */
.required {
  color: #ee5f5b;
  font-weight: bold;
}

:-webkit-full-screen-ancestor .masthead,
:-webkit-full-screen-ancestor .page__footer {
  position: static;
}

/*
   Copy <pre> block to clipboard
   ========================================================================== */
.clipboard-helper {
  font-size: 12pt !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  position: absolute;
}

pre.highlight .clipboard-copy-button {
  color: #ffffca;
}
pre .clipboard-copy-button {
  display: block;
  position: absolute;
  top: 0.6em;
  inset-inline-end: 0.5em;
  width: 1.8em;
  height: 1.5em;
  z-index: 1;
  background: none;
  border: none;
  outline: none;
  border-radius: 0.1em;
  padding: 0.2em 0.5em;
  opacity: 0.4;
  transition: color 0.25s linear -0.25s, opacity 0.25s linear;
}
pre .clipboard-copy-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
pre .clipboard-copy-button i {
  position: absolute;
  top: 0.25em;
  inset-inline-end: 0.25em;
}
pre .clipboard-copy-button i.copied {
  opacity: 0;
}
pre .clipboard-copy-button.copied i {
  opacity: 0;
}
pre .clipboard-copy-button.copied i.copied {
  opacity: 1;
}
pre:hover .clipboard-copy-button {
  opacity: 1;
}

/* ==========================================================================
   SINGLE PAGE/POST
   ========================================================================== */
#main {
  clear: both;
  margin-inline: auto;
  padding-inline: 1em;
  max-width: 100%;
}
#main::after {
  clear: both;
  content: "";
  display: table;
}
@media (min-width: 80em) {
  #main {
    max-width: 1280px;
  }
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.initial-content,
.search-content {
  flex: 1 0 auto;
}

@media (min-width: 64em) {
  .page {
    float: inline-end;
    width: calc(100% - 200px);
    padding-inline-end: 200px;
  }
}
@media (min-width: 80em) {
  .page {
    width: calc(100% - 300px);
    padding-inline-end: 300px;
  }
}

.page__title {
  margin-top: 0;
  line-height: 1;
}
.page__title a {
  color: #20242c;
  text-decoration: none;
}

.page__lead {
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 1.25em;
}

.page__content {
  /* paragraph indents */
  /* blockquote citations */
}
.page__content h2 {
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgb(170.4, 190.4, 184.8);
}
.page__content h1 .header-link, .page__content h2 .header-link, .page__content h3 .header-link, .page__content h4 .header-link, .page__content h5 .header-link, .page__content h6 .header-link {
  position: relative;
  inset-inline-start: 0.5em;
  opacity: 0;
  font-size: 0.8em;
  -webkit-transition: opacity 0.2s ease-in-out 0.1s;
  -moz-transition: opacity 0.2s ease-in-out 0.1s;
  -o-transition: opacity 0.2s ease-in-out 0.1s;
  transition: opacity 0.2s ease-in-out 0.1s;
}
.page__content h1:hover .header-link, .page__content h2:hover .header-link, .page__content h3:hover .header-link, .page__content h4:hover .header-link, .page__content h5:hover .header-link, .page__content h6:hover .header-link {
  opacity: 1;
}
.page__content p,
.page__content li,
.page__content dl {
  font-size: 1em;
}
.page__content p {
  margin: 0 0 1.3em;
  /* sibling indentation*/
}
.page__content a:not(.btn):hover {
  text-decoration: underline;
}
.page__content a:not(.btn):hover img {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.page__content :not(pre) > code {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 0.8em;
  background: rgb(174.25, 194.65, 187);
  border-radius: 4px;
}
.page__content :not(pre) > code::before, .page__content :not(pre) > code::after {
  letter-spacing: -0.2em;
  content: " "; /* non-breaking space*/
}
.page__content dt {
  margin-top: 1em;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
}
.page__content dd {
  margin-inline-start: 1em;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-size: 0.75em;
}
.page__content .small {
  font-size: 0.75em;
}
.page__content blockquote + .small {
  margin-top: -1.5em;
  padding-inline-start: 1.25rem;
}

.page__hero {
  position: relative;
  margin-bottom: 2em;
  clear: both;
}
.page__hero::after {
  clear: both;
  content: "";
  display: table;
}
.page__hero--overlay {
  position: relative;
  margin-bottom: 2em;
  padding: 3em 0;
  clear: both;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page__hero--overlay::after {
  clear: both;
  content: "";
  display: table;
}
.page__hero--overlay a {
  color: #000;
}
.page__hero--overlay .wrapper {
  padding-inline: 1em;
}
@media (min-width: 80em) {
  .page__hero--overlay .wrapper {
    max-width: 1280px;
  }
}
.page__hero--overlay .page__title,
.page__hero--overlay .page__meta,
.page__hero--overlay .page__lead,
.page__hero--overlay .btn,
.page__hero--overlay .edit-link {
  color: #000;
  text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.5);
}
.page__hero--overlay .edit-link:hover {
  color: #333333;
}
.page__hero--overlay .btn--light-outline {
  border-color: #000;
}
.page__hero--overlay .btn--light-outline:hover, .page__hero--overlay .btn--light-outline:visited {
  color: #000;
}
.page__hero--overlay .page__lead {
  max-width: 768px;
}
.page__hero--overlay .page__title {
  font-size: 1.953em;
  max-width: 768px;
  line-height: 1.1;
}
@media (min-width: 37.5em) {
  .page__hero--overlay .page__title {
    font-size: 2.441em;
  }
}

.page__hero-caption {
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  margin: 0 auto;
  padding: 2px 5px;
  color: #000;
  font-family: Georgia, Times, serif;
  font-size: 0.6875em;
  background: #fff;
  text-align: end;
  z-index: 5;
  opacity: 0.5;
  border-radius: 4px 0 0 0;
}
@media (min-width: 64em) {
  .page__hero-caption {
    padding: 5px 10px;
  }
}
.page__hero-caption a {
  color: #000;
  text-decoration: none;
}

.comment__avatar-wrapper {
  float: inline-start;
  width: 60px;
  height: 60px;
}
@media (min-width: 64em) {
  .comment__avatar-wrapper {
    width: 100px;
    height: 100px;
  }
}

.comment__content-wrapper {
  float: inline-end;
  width: calc(100% - 60px);
}
@media (min-width: 64em) {
  .comment__content-wrapper {
    width: calc(100% - 100px);
  }
}

/*
   Wide Pages
   ========================================================================== */
@media (min-width: 64em) {
  .wide .page, .wide .page__related {
    padding-inline-end: 0;
  }
}
@media (min-width: 80em) {
  .wide .page, .wide .page__related {
    padding-inline-end: 0;
  }
}

/* ==========================================================================
   ARCHIVE
   ========================================================================== */
.archive {
  margin-top: 1em;
  margin-bottom: 2em;
}
@media (min-width: 64em) {
  .archive {
    float: inline-end;
    width: calc(100% - 200px);
    padding-inline-end: 200px;
  }
}
@media (min-width: 80em) {
  .archive {
    width: calc(100% - 300px);
    padding-inline-end: 300px;
  }
}

.archive__item {
  position: relative;
}
.archive__item a {
  position: relative;
  z-index: 10;
}
.archive__item a[rel=permalink] {
  position: static;
}

.archive__item-title {
  margin-bottom: 0.25em;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  line-height: initial;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archive__item-title a[rel=permalink]::before {
  content: "";
  position: absolute;
  inset: 0;
}
.archive__item-title a + a {
  opacity: 0.5;
}

/* remove border*/
.page__content .archive__item-title {
  margin-top: 1em;
  border-bottom: none;
}

.archive__item-excerpt {
  margin-top: 0;
  font-size: 0.75em;
}
.archive__item-excerpt + p {
  text-indent: 0;
}
.archive__item-excerpt a {
  position: relative;
}

.archive__item-teaser {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.archive__item-teaser img {
  width: 100%;
}

/*
   Features
   ========================================================================== */
.feature__wrapper {
  clear: both;
  margin-bottom: 2em;
  border-bottom: 1px solid rgb(170.4, 190.4, 184.8);
}
.feature__wrapper::after {
  clear: both;
  content: "";
  display: table;
}
.feature__wrapper .archive__item-title {
  margin-bottom: 0;
}

.feature__item {
  position: relative;
  margin-bottom: 2em;
  font-size: 1.125em;
}
@media (min-width: 37.5em) {
  .feature__item {
    float: inline-start;
    margin-bottom: 0;
    width: 32.2033898305%;
  }
  .feature__item:nth-child(3n+1) {
    clear: both;
    margin-inline-start: 0;
  }
  .feature__item:nth-child(3n+2) {
    clear: none;
    margin-inline-start: 1.6949152542%;
  }
  .feature__item:nth-child(3n+3) {
    clear: none;
    margin-inline-start: 1.6949152542%;
  }
}
.feature__item .archive__item-body {
  padding-inline: 1.6949152542%;
}
.feature__item a.btn::before {
  content: "";
  position: absolute;
  inset: 0;
}
.feature__item--left, .feature__item--right {
  position: relative;
  margin-inline: 0;
  width: 100%;
  clear: both;
  font-size: 1.125em;
}
.feature__item--left a.btn::before, .feature__item--right a.btn::before {
  content: "";
  position: absolute;
  inset: 0;
}
.feature__item--left .archive__item-teaser, .feature__item--right .archive__item-teaser {
  margin-bottom: 2em;
}
.feature__item--left {
  float: inline-start;
}
.feature__item--left .archive__item {
  float: inline-start;
}
@media (min-width: 37.5em) {
  .feature__item--left .archive__item-teaser {
    float: inline-start;
    width: 40.6779661017%;
  }
  .feature__item--left .archive__item-body {
    float: inline-end;
    width: 57.6271186441%;
    padding-inline-start: 1.6949152542%;
    padding-inline-end: 1.6949152542%;
  }
}
.feature__item--right {
  float: inline-end;
}
.feature__item--right .archive__item {
  float: inline-end;
}
@media (min-width: 37.5em) {
  .feature__item--right {
    text-align: end;
  }
  .feature__item--right .archive__item-teaser {
    float: inline-end;
    width: 40.6779661017%;
  }
  .feature__item--right .archive__item-body {
    float: inline-start;
    width: 57.6271186441%;
    padding-inline-start: 1.6949152542%;
    padding-inline-end: 1.6949152542%;
  }
}
.feature__item--center {
  position: relative;
  float: inline-start;
  margin-inline: 0;
  width: 100%;
  clear: both;
  font-size: 1.125em;
}
.feature__item--center .archive__item {
  float: inline-start;
  width: 100%;
}
.feature__item--center .archive__item-teaser {
  margin-bottom: 2em;
}
.feature__item--center a.btn::before {
  content: "";
  position: absolute;
  inset: 0;
}
@media (min-width: 37.5em) {
  .feature__item--center {
    text-align: center;
  }
  .feature__item--center .archive__item-teaser {
    margin: 0 auto;
    width: 40.6779661017%;
  }
  .feature__item--center .archive__item-body {
    margin: 0 auto;
    width: 57.6271186441%;
  }
}

/* Place inside an archive layout */
.archive .feature__wrapper .archive__item-title {
  margin-top: 0.25em;
  font-size: 1em;
}
.archive .feature__item,
.archive .feature__item--left,
.archive .feature__item--center,
.archive .feature__item--right {
  font-size: 1em;
}

/*
   Wide Pages
   ========================================================================== */
@media (min-width: 64em) {
  .wide .archive {
    padding-inline-end: 0;
  }
}
@media (min-width: 80em) {
  .wide .archive {
    padding-inline-end: 0;
  }
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
  [hidden] {
    display: none;
  }
  * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  html {
    margin: 0;
    padding: 0;
    min-height: auto !important;
    font-size: 16px;
  }
  body {
    margin: 0 auto;
    background: #fff !important;
    color: #000 !important;
    font-size: 1rem;
    line-height: 1.5;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #000;
    line-height: 1.2;
    margin-bottom: 0.75rem;
    margin-top: 0;
  }
  h1 {
    font-size: 2.5rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  a,
  a:visited {
    color: #000;
    text-decoration: underline;
    word-wrap: break-word;
  }
  table {
    border-collapse: collapse;
  }
  thead {
    display: table-header-group;
  }
  table,
  th,
  td {
    border-bottom: 1px solid #000;
  }
  td,
  th {
    padding: 8px 16px;
  }
  img {
    border: 0;
    display: block;
    max-width: 100% !important;
    vertical-align: middle;
  }
  hr {
    border: 0;
    border-bottom: 2px solid #bbb;
    height: 0;
    margin: 2.25rem 0;
    padding: 0;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin: 0;
    margin-bottom: 0.75rem;
  }
  abbr[title],
  acronym[title] {
    border: 0;
    text-decoration: none;
  }
  table,
  blockquote,
  pre,
  code,
  figure,
  li,
  hr,
  ul,
  ol,
  a,
  tr {
    page-break-inside: avoid;
  }
  h2,
  h3,
  h4,
  p,
  a {
    orphans: 3;
    widows: 3;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after: avoid;
    page-break-inside: avoid;
  }
  h1 + p,
  h2 + p,
  h3 + p {
    page-break-before: avoid;
  }
  img {
    page-break-after: auto;
    page-break-before: auto;
    page-break-inside: avoid;
  }
  pre {
    white-space: pre-wrap !important;
    word-wrap: break-word;
  }
  a[href^="http://"]:after,
  a[href^="https://"]:after,
  a[href^="ftp://"]:after {
    content: " (" attr(href) ")";
    font-size: 80%;
  }
  abbr[title]:after,
  acronym[title]:after {
    content: " (" attr(title) ")";
  }
  #main {
    max-width: 100%;
  }
  .page {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .page__hero-caption {
    color: #000 !important;
    background: #fff !important;
    opacity: 1;
  }
  .page__hero-caption a {
    color: #000 !important;
  }
  /*
     Hide the following elements on print
     ========================================================================== */
  .masthead,
  .toc,
  .page__share,
  .page__related,
  .pagination,
  .ads,
  .page__footer,
  .page__comments-form,
  .author__avatar,
  .author__content,
  .author__urls-wrapper,
  .nav__list,
  .sidebar,
  .adsbygoogle {
    display: none !important;
    height: 1px !important;
  }
}

/*# sourceMappingURL=main-light.css.map */