/* Elements
---------------------------------------- */

:root {
  --white:  #fff;
  --gray-1: #f2f2f2;
  --gray-2: #e6e6e6;
  --gray-4: #ccc;
  --gray-6: #b3b3b3;
  --gray-8: #999;
  --black:  #000;
  --red:    #c03;
  --blue-1: #06c;
  --blue-2: #05b;
  --blue-3: #04a;
  --alpha-2: rgba(0,0,0,.2);
  --alpha-4: rgba(0,0,0,.4);
  --border: 1px solid var(--alpha-2);
  --radius: 8px;
  --input-height: 2.3125rem;
  --layout-1: 720px;
  --layout-2: 960px;
  --layout-3: 1200px;
}

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

html {
  accent-color: var(--blue-1);
}

body {
  font-family: "Roboto Mono", ui-monospace, system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  background-color: var(--white);
  background-image: url("../svg/polka-dot.svg");
  color: var(--black);
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, h6, b, strong, summary, dt, optgroup, th {
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.25;
  margin: 0 0 1rem;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.25rem;
}

h3, h4, h5, h6 {
  font-size: inherit;
}

h4, h5, h6 {
  font-size: inherit;
}

a {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--gray-8);
  text-decoration-thickness: 1px;
  text-underline-offset: .15em;
  cursor: pointer;
  background-color: transparent;
  color: inherit;
}

a:hover {
  text-decoration-color: inherit;
  color: var(--blue-1);
}

a:has(> img),
a:has(> svg) {
  text-decoration-line: none;
}

address, blockquote, details, dl, fieldset, figure, form, ol, p, pre, table, ul {
  margin: 0 0 1.25rem;
}

article :where(h1,h2,h3,h4,h5,h6):not(:first-child):not(:where(h1+h2,h2+h3,h3+h4,h4+h5,h5+h6)) {
  margin-top: 2rem;
}

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

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

iframe, img, svg, video {
  max-width: 100%;
}

img, svg, video {
  height: auto;
  mix-blend-mode: multiply;
}

abbr[title] {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

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

blockquote {
  border-left: .25rem solid var(--gray-8);
  padding-left: 1rem;
}

pre, code, kbd, samp {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  font-size: .875rem;
  background-color: var(--gray-1);
  border-radius: var(--radius);
}

pre {
  white-space: pre-wrap;
  padding: 1rem;
}

code, kbd, samp {
  padding: .25rem;
}

pre code,
pre kbd,
pre samp {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
}

figure {
  max-width: 100%;
}

figcaption {
  font-size: .875rem;
  margin-top: .625rem;
  margin-bottom: .625rem;
}

hr {
  background-color: currentColor;
  color: inherit;
  border: 0;
  opacity: .25;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

hr:not([size]) {
  height: 1px;
}

ol, ul {
  padding-left: 2rem;
}

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

output {
  display: inline-block;
}

progress {
  vertical-align: baseline;
}

small {
  font-size: .875em;
}

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

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

[tabindex="-1"]:focus {
  outline: 0;
}

table {
  border-collapse: collapse;
}

th, td, caption {
  padding: .5rem;
}

th, td {
  text-align: inherit;
  border: var(--border);
}

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

label {
  display: block;
  max-width: max-content;
  cursor: default;
}

button, input, select, textarea {
  font: inherit;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  margin: .125rem 0;
}

button, select {
  text-transform: none;
}

optgroup {
  font-style: normal;
}

select {
  word-wrap: normal;
}

[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="file"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
[list],
select,
textarea {
  width: 25rem;
  max-width: 100%;
  height: var(--input-height);
  padding: .5rem;
  background-color: transparent;
  color: var(--black);
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-8);
  border-radius: var(--radius);
  -webkit-appearance: none;
}

select[multiple],
select:not([multiple])[size]:not([size=""]):not([size="1"]) {
  height: auto;
  overflow: auto;
}

select:not([multiple]):not([size]),
select:not([multiple])[size=""],
select:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-position: right .375rem center;
  background-size: 1.125rem 1.125rem;
  background-repeat: no-repeat;
  padding-right: 1.75rem;
}

select:disabled:not([multiple]):not([size]),
select:disabled:not([multiple])[size=""],
select:disabled:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}

select:disabled optgroup,
select:disabled option {
  color: inherit;
}

optgroup:disabled,
option:disabled {
  opacity: 1;
  color: var(--gray-6);
}

textarea {
  width: 37.5rem;
  height: auto;
  overflow: auto;
}

[type="color"]:hover,
[type="date"]:hover,
[type="datetime-local"]:hover,
[type="email"]:hover,
[type="file"]:hover,
[type="month"]:hover,
[type="number"]:hover,
[type="password"]:hover,
[type="search"]:hover,
[type="tel"]:hover,
[type="text"]:hover,
[type="time"]:hover,
[type="url"]:hover,
[type="week"]:hover,
[list]:hover,
select:hover,
textarea:hover {
  border-color: var(--gray-8);
}

[type="color"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="email"]:focus,
[type="file"]:focus,
[type="month"]:focus,
[type="number"]:focus,
[type="password"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="text"]:focus,
[type="time"]:focus,
[type="url"]:focus,
[type="week"]:focus,
[list]:focus,
select:focus,
textarea:focus {
  outline: 0;
  border-color: var(--blue-1);
  box-shadow: 0 0 0 1px var(--blue-1);
}

[type="color"][readonly],
[type="date"][readonly],
[type="datetime-local"][readonly],
[type="email"][readonly],
[type="file"][readonly],
[type="month"][readonly],
[type="number"][readonly],
[type="password"][readonly],
[type="search"][readonly],
[type="tel"][readonly],
[type="text"][readonly],
[type="time"][readonly],
[type="url"][readonly],
[type="week"][readonly],
[list][readonly],
textarea[readonly],
[type="color"]:disabled,
[type="date"]:disabled,
[type="datetime-local"]:disabled,
[type="email"]:disabled,
[type="file"]:disabled,
[type="month"]:disabled,
[type="number"]:disabled,
[type="password"]:disabled,
[type="search"]:disabled,
[type="tel"]:disabled,
[type="text"]:disabled,
[type="time"]:disabled,
[type="url"]:disabled,
[type="week"]:disabled,
[list]:disabled,
select:disabled,
textarea:disabled {
  opacity: 1;
  background-color: var(--gray-1);
  color: var(--gray-6);
  border-color: var(--gray-2);
  box-shadow: none;
}

[type="checkbox"],
[type="radio"] {
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin-top: -.1875rem;
  margin-right: .125rem;
  margin-bottom: 0;
  margin-left: 0;
  background-position: center;
  background-size: 85%;
  background-repeat: no-repeat;
  background-color: transparent;
  color: var(--black);
  border-width: 1px;
  border-style: solid;
  border-color: var(--gray-8);
  -webkit-appearance: none;
}

[type="checkbox"] {
  border-radius: 3px;
}

[type="radio"] {
  border-radius: 50%;
}

[type="checkbox"]:checked,
[type="checkbox"]:indeterminate,
[type="radio"]:checked {
  background-color: var(--blue-1);
  border-color: transparent;
}

[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

[type="checkbox"]:indeterminate {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
}

[type="radio"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23fff'%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/svg%3E");
}

[type="checkbox"]:not(:checked):not(:indeterminate):not(:disabled):hover,
[type="radio"]:not(:checked):not(:indeterminate):not(:disabled):hover {
  border-color: var(--gray-8);
}

[type="checkbox"]:focus,
[type="radio"]:focus {
  outline: 0;
  box-shadow: 0 0 0 3px var(--gray-2);
}

[type="checkbox"]:active,
[type="radio"]:active {
  filter: brightness(90%);
}

[type="checkbox"]:disabled,
[type="radio"]:disabled {
  opacity: .5;
  filter: none;
}

[type="checkbox"]:disabled + label,
[type="checkbox"]:disabled + span,
[type="radio"]:disabled + label,
[type="radio"]:disabled + span {
  color: var(--gray-6);
}

[type="checkbox"] + label,
[type="radio"] + label {
  display: inline;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  max-width: 100%;
  height: var(--input-height);
  padding: .5rem 1rem;
  text-align: center;
  background-color: var(--blue-1);
  color: var(--white);
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-radius: var(--radius);
}

button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
  background-color: var(--blue-2);
}

button:focus,
[type="button"]:focus,
[type="reset"]:focus,
[type="submit"]:focus {
  outline: 0;
  background-color: var(--blue-2);
  box-shadow: 0 0 0 3px var(--gray-2);
}

button:active,
[type="button"]:active,
[type="reset"]:active,
[type="submit"]:active {
  background-color: var(--blue-3);
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  opacity: 1;
  background-color: var(--gray-1);
  color: var(--gray-6);
  box-shadow: none;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

::file-selector-button {
  font: inherit;
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--gray-2);
  border: 0;
  border-radius: var(--radius);
}

::placeholder {
  opacity: 1;
  color: var(--gray-6);
}

::-moz-focus-inner {
  border: 0;
  padding: 0;
}

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

::-webkit-date-and-time-value {
  text-align: left;
}

/* Helpers
---------------------------------------- */

.layout-helper {
  box-sizing: content-box;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: auto;
}

.site-header .layout-helper {
  max-width: var(--layout-3);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.site-content .layout-helper {
  max-width: var(--layout-2);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.site-footer .layout-helper {
  max-width: var(--layout-2);
  padding-bottom: 2rem;
}

@media (min-width: 768px) {
  .layout-helper {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

.content-main {
  max-width: var(--layout-1);
  margin: auto;
}

:where(
  .page-stories,
  .parent-page-stories,
  .parent-parent-page-stories,
  .page-latest,
  .parent-page-latest,
  .page-candoodles,
  .parent-page-candoodles,
  .page-almanac,
  .parent-page-almanac,
  .page-map
  ) .content-main {
  max-width: none;
  margin: 0;
}

:where(
  .parent-page-stories,
  .parent-parent-page-stories,
  .parent-page-latest,
  .parent-page-candoodles
  ) .entry-header {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.parent-page-almanac .entry-wrapper {
  max-width: var(--layout-1);
}

.menu-backdrop {
  position: fixed;
  z-index: 90;
  left: 0;
  top: 0;
  overflow: hidden;
  visibility: hidden;
  transition-property: background-color;
  transition-duration: .4s;
}

@media (min-width: 768px) {
  .menu-backdrop {
    display: none;
  }
}

.menu-show .menu-backdrop,
.menu-hide .menu-backdrop {
  width: 100%;
  height: 100%;
  visibility: visible;
}

.menu-show .menu-backdrop {
  background-color: var(--alpha-4);
}

.menu-hide .menu-backdrop {
  background-color: rgba(0,0,0,0);
}

.menu-show {
  overflow: hidden;
}

.menu-hide {
  overflow: visible;
}

/* Header
---------------------------------------- */

.site-header {
  background-color: var(--white);
  box-shadow: 0 0 8px var(--alpha-2);
}

.site-header a {
  color: inherit;
}

.site-header a:not(:hover) {
  text-decoration-line: none;
}

.header-brand {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.header-title {
  font-weight: inherit;
}

.header-home,
.header-bars,
.header-x {
  text-decoration-line: none;
}

.header-home {
  display: block;
  padding: .5rem .25rem;
}

.header-bars,
.header-x {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background-position: center;
  background-size: 70%;
  background-repeat: no-repeat;
}

.header-bars span,
.header-x span {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.header-bars {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3Cline x1='3' y1='6' x2='21' y2='6'/%3E%3Cline x1='3' y1='18' x2='21' y2='18'/%3E%3C/svg%3E");
}

.header-x {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}

.header-x {
  margin-left: auto;
}

.no-js .header-bars,
.no-js .header-x {
  display: none;
}

.header-panel {
  position: fixed;
  z-index: 100;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  background-color: var(--white);
  transform: translateX(100%);
  visibility: hidden;
}

.no-js .header-panel {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  overflow: visible;
  background-color: transparent;
  background-image: none;
  transform: none;
  visibility: visible;
}

.menu-show .header-panel,
.menu-hide .header-panel {
  width: 320px;
  padding: 1.25rem;
  visibility: visible;
  transition-property: transform;
  transition-duration: .2s;
}

.menu-show .header-panel {
  overflow: auto;
  transform: translateX(0);
}

.menu-hide .header-panel {
  overflow: hidden;
  transform: translateX(100%);
}

.menu-show .header-bars {
  visibility: hidden;
}

.header-menu {
  margin: 1.25rem 0;
}

.header-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.header-menu li {
  position: relative;
}

.header-menu a {
  position: relative;
  display: block;
  padding: .5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header-menu .current-menu-item > a {
  color: var(--blue-1);
}

@media (min-width: 768px) {
  .header-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    row-gap: 1.25rem;
  }

  .header-brand {
    display: block;
  }

  .header-main .header-bars,
  .header-main .header-x {
    display: none;
  }

  .header-panel {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    overflow: visible;
    background-color: transparent;
    background-image: none;
    transform: none;
    visibility: visible;
  }

  .header-menu {
    margin: 0;
  }

  .header-menu .menu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
  }

  .header-menu a {
    padding: .25rem;
    max-width: 15rem;
  }
}

@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .header-menu .menu > .menu-item:not(:last-child) {
    margin-right: 1rem;
  }
}

/* Footer
---------------------------------------- */

.footer-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.25rem;
  font-size: .9375rem;
}

/* Content
---------------------------------------- */

.content-main {
  scroll-margin-top: 2rem;
}

.posts-title,
.posts-description {
  margin-bottom: 1.75rem;
}

.posts-title:has(+ .posts-description) {
  margin-bottom: 1rem;
}

.posts-title {
  font-size: inherit;
}

.content-none {
  margin-bottom: 5rem;
}

.entry-wrapper {
  margin-bottom: 3rem;
}

:where(
  .entry-title,
  .entry-subtitle
  ) a:not(:hover) {
  text-decoration-line: none;
}

.entry-intro {
  background-color: rgba(0,102,204,.1);
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  border-radius: var(--radius);
}

.entry-search {
  padding: 0 1rem;
}

.entry-search input {
  width: 20rem;
}

.entry-foot {
  margin: 3rem 0;
}

.parent-page-candoodles .entry-foot {
  text-align: center;
}

.entry-content li {
  margin-bottom: .5rem;
}

.entry-edit,
.entry-pages,
.entry-meta,
.entry-terms {
  font-size: .875rem;
  clear: both;
}

.entry-terms {
  display: none;
}

.entry-date + .updated {
  display: none;
}

.edit-link a:before {
  content: "[";
}

.edit-link a:after {
  content: "]";
}

/* Path
---------------------------------------- */

.entry-path {
  font-size: .9375rem;
  margin-bottom: 2rem;

  display: flex;
  align-items: center;
  gap: .5rem;
}

.entry-path .parent-page,
.entry-path .sibling-pages {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.entry-path .sibling-pages {
  width: 10rem;
  height: auto;
  padding-top: .1875rem;
  padding-bottom: .1875rem;
  padding-left: .75rem;
  padding-right: 1.625rem;
  background-size: 1rem 1rem;
}

@media (min-width: 576px) {
  .entry-path .sibling-pages {
    width: 15rem;
  }
}

/* Grid
---------------------------------------- */

.entry-grid {
  list-style: none;
  padding-left: 0;
  column-gap: 2.5rem;
}

.entry-grid li {
  max-width: 320px;
  margin-bottom: 2.5rem;
}

.entry-grid a {
  display: block;
}

.entry-grid img {
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  transition: filter .2s;
}

.entry-grid img:hover {
  filter: invert(100%);
}

@media (min-width: 576px) {
  .entry-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) {
  .entry-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Cycle
---------------------------------------- */

.cycle-wrapper {
  position: relative;
  max-width: 640px;
  padding: 0 3rem; /*1*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
}

.cycle-loader,
.cycle-slider {
  width: 400px; /*2*/
  max-width: 100%;
  margin: auto;
}

.no-js .cycle-loader {
  display: none;
}

.cycle-loader:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.cycle-loader:after {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23363636'%3E%3Cstyle%3E @keyframes spinner_fUkk%7B25%25,8.33%25%7Bx:13px;y:1px%7D33.3%25,50%25%7Bx:13px;y:13px%7D58.33%25,75%25%7Bx:1px;y:13px%7D83.33%25%7Bx:1px;y:1px%7D%7D.spinner_9y7u%7Banimation:spinner_fUkk 2.4s linear infinite;animation-delay:-2.4s%7D %3C/style%3E%3Crect width='10' height='10' x='1' y='1' class='spinner_9y7u' rx='1'/%3E%3Crect width='10' height='10' x='1' y='1' class='spinner_9y7u' rx='1' style='animation-delay:-1.6s'/%3E%3Crect width='10' height='10' x='1' y='1' class='spinner_9y7u' rx='1' style='animation-delay:-.8s'/%3E%3C/svg%3E%0A") center / contain no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cycle-slider {
  cursor: pointer;
}

.no-js .cycle-slider {
  cursor: inherit;
}

.cycle-slider > img {
  display: none;
  border-radius: var(--radius);
}

.cycle-slider > img.active {
  display: block;
}

.cycle-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4rem;
  height: 100%;
  display: grid;
  place-content: center;
}

.cycle-control svg {
  width: 2rem;
  height: 2rem;
}

.cycle-control svg {
  transition: stroke .2s;
}

.cycle-control:hover svg {
  stroke: var(--blue-1);
}

.cycle-control:focus {
  outline: none;
  box-shadow: none;
}

.cycle-control:focus-visible {
  outline: auto;
  outline-color: var(--blue-1);
  outline-offset: -.75rem;
}

.no-js .cycle-control {
  display: none;
}

.cycle-prev {
  left: -1rem;
}

.cycle-next {
  right: -1rem;
}

.cycle-help {
  font-size: .875rem;
  text-align: center;
}

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

.next-chapter img {
  max-width: 10rem;
}

/* Sidebar
---------------------------------------- */

.widget {
  margin-bottom: 2.5rem;
}

.widget h2 {
  font-size: inherit;
}

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

/* Pagination
---------------------------------------- */

.pagination,
.comments-pagination {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.nav-links {
  font-size: 1.125rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.nav-links .page-numbers {
  padding: .25rem .75rem;
  border-radius: var(--radius);
}

/* Alignments
---------------------------------------- */

.alignleft,
.aligncenter,
.alignright {
  display: block;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 1.25rem;
  }

  .aligncenter {
    margin-left: auto;
    margin-right: auto;
  }

  .alignright {
    float: right;
    margin-left: 1.25rem;
  }
}

/* Galleries
---------------------------------------- */

.gallery-item {
  margin-bottom: 1.25rem;
}

.blocks-gallery-item__caption {
  margin: 0;
}

@media (min-width: 768px) {
  .gallery {
    display: flex;
    flex-wrap: wrap;
  }

  .gallery-item {
    flex: 0 0 33.333333%;
    text-align: center;
  }

  .gallery-columns-1 .gallery-item {
    flex: 0 0 100%;
  }

  .gallery-columns-2 .gallery-item {
    flex: 0 0 50%;
  }

  .gallery-columns-3 .gallery-item {
    flex: 0 0 33.333333%;
  }

  .gallery-columns-4 .gallery-item {
    flex: 0 0 25%;
  }

  .gallery-columns-5 .gallery-item {
    flex: 0 0 20%;
  }

  .gallery-columns-6 .gallery-item {
    flex: 0 0 16.666666%;
  }

  .gallery-columns-7 .gallery-item {
    flex: 0 0 14.285714%;
  }

  .gallery-columns-8 .gallery-item {
    flex: 0 0 12.5%;
  }

  .gallery-columns-9 .gallery-item {
    flex: 0 0 11.111111%;
  }
}

/* Options
---------------------------------------- */

/*
.sticky,
.gallery-caption,
.wp-caption,
.wp-caption-text,
.screen-reader-text {}
*/

/* Search
---------------------------------------- */

.search-field {
  position: relative;
  width: 31.25rem;
  max-width: 100%;
}

.search-input[type="search"] {
  width: 100%;
  padding-right: 1.75rem;
}

.search-button[type="submit"] {
  position: absolute;
  right: .3125rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center / 80% no-repeat;
  border: 0;
  box-shadow: none;
}

.search-button[type="submit"]:focus-visible {
  outline: 2px solid var(--blue-1);
}

/* Embeds
---------------------------------------- */

.hentry .wp-audio-shortcode,
.hentry .wp-video-shortcode,
.hentry .wp-audio-playlist,
.hentry .wp-video-playlist {
  margin: 0 0 1.25rem;
}

.hentry .mejs-button button,
.hentry .mejs-overlay-button,
.hentry .mejs-time-slider,
.hentry .mejs-volume-slider,
.hentry .mejs-horizontal-volume-slider {
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

.hentry .mejs-button button:focus-visible,
.hentry .mejs-overlay-button:focus-visible,
.hentry .mejs-time-slider:focus-visible,
.hentry .mejs-volume-slider:focus-visible,
.hentry .mejs-horizontal-volume-slider:focus-visible {
  outline: 2px solid var(--blue-1);
}

.video-wrapper {
  position: relative;
}

.video-wrapper:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

/* Password
---------------------------------------- */

.post-password-form label {
  display: inline-block;
  vertical-align: middle;
}

.post-password-form [type="password"] {
  width: auto;
}

/* Blocks
---------------------------------------- */

.entry-content > [class*="wp-block-"] {
  margin-bottom: 1.25rem;
}

/* Comments
---------------------------------------- */

.comment-respond,
.comment-timeline {
  margin-bottom: 2.5rem;
}

.comment-metadata,
.commentmetadata,
.comment-awaiting-moderation,
.comment-reply-login,
.comment-reply-link,
.cancel-comment-reply-wrapper,
.comment-form-cookies-consent,
.comment-notes,
.logged-in-as,
.no-comments {
  font-size: .875rem;
}

:where(
  .comment-author,
  .comment-metadata,
  .commentmetadata
  ) a:not(:hover) {
  text-decoration-line: none;
}

.comment-reply-title {
  margin-bottom: .5rem;
}

.comment-form label {
  display: block;
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.comment-form .required {
  color: var(--red);
}

.comment-form-cookies-consent {
  position: relative;
  padding-left: 1.25rem;
}

.comment-form-cookies-consent input {
  position: absolute;
  left: 0;
  top: 0;
  width: .875rem;
  height: .875rem;
  margin: .25rem 0;
}

.comment-form-cookies-consent input + label {
  display: block;
  margin: 0;
}

.form-allowed-tags {
  display: none;
}

.comment-title {
  margin-bottom: 1.25rem;
}

.comment-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.comment .comment-body,
.comment .children {
  list-style: none;
  padding-left: 3.125rem;
}

.comment .comment-body,
.trackback .comment-body,
.pingback .comment-body {
  position: relative;
  margin-bottom: 1.75rem;
}

.trackback .comment-body b,
.pingback .comment-body b {
  font: inherit;
}

.comment-author .avatar {
  position: absolute;
  left: 0;
  top: .15rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.comment-author .fn {
  font-style: normal;
}

.bypostauthor .fn {
  display: inline-block;
  vertical-align: middle;
  padding-left: 1.25rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m12 18.275-4.15 2.5q-.275.175-.575.15-.3-.025-.525-.2-.225-.175-.35-.437-.125-.263-.05-.588l1.1-4.725L3.775 11.8q-.25-.225-.312-.513Q3.4 11 3.5 10.725q.1-.275.3-.45.2-.175.55-.225l4.85-.425 1.875-4.45q.125-.3.388-.45.262-.15.537-.15t.538.15q.262.15.387.45l1.875 4.45 4.85.425q.35.05.55.225.2.175.3.45.1.275.038.562-.063.288-.313.513l-3.675 3.175 1.1 4.725q.075.325-.05.588-.125.262-.35.437-.225.175-.525.2-.3.025-.575-.15Z' fill='%23000'/%3E%3C/svg%3E") 0 .125rem / 1.125rem 1.125rem no-repeat;
}

.comment-author .says {
  display: none;
}

.comment-meta {
  margin-bottom: .5rem;
}

.commentmetadata .edit-link {
  position: relative;
  left: -.475rem;
}

.comment .reply {
  margin-top: -.75rem;
}

.comment .comment-reply-title {
  font-size: 1.25rem;
}

.cancel-comment-reply-wrapper {
  margin-left: .5rem;
}

.comment-awaiting-moderation ~ .reply {
  display: none;
}

.comment-content ul {
  list-style-type: disc;
}

.comment-content a {
  word-wrap: break-word;
}

.no-comments {
  margin-top: -.5rem;
}

/* Clearings
---------------------------------------- */

.clearfix:before,
.clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after {
  content: "";
  display: table;
}

.clearfix:after,
.entry-content:after,
.comment-content:after {
  clear: both;
}

/* Plugins
---------------------------------------- */

.wpcf7 .wpcf7-form-control-wrap {
  display: block;
}

.wpcf7 .wpcf7-form-control {
  margin-top: .25rem;
  margin-bottom: .25rem;
}

.wpcf7 .wpcf7-list-item {
  margin-left: 0;
  margin-right: 1rem;
}

.wpcf7 .wpcf7-quiz-label {
  display: block;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-size: .9375rem;
}

.wpcf7 .wpcf7-spinner {
  vertical-align: middle;
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
  max-width: max-content;
  padding: .5rem;
  margin: 2rem 0;
  border-radius: var(--radius);
  font-size: .9375rem;
}

.wpcf7 label:has(.wpcf7-textarea) {
  max-width: 100%;
}

.wpcf7 .wpcf7-textarea {
  width: 100%;
}

.wp-email-capture-label,
.wp-email-capture-submit {
  margin-top: .25rem;
}

.wp-email-capture-name-input,
.wp-email-capture-email-input {
  margin-bottom: 1rem;
}

.wp-email-capture-error {
  width: max-content;
  max-width: 100%;
  font-size: .9375rem;
  font-weight: inherit;
  padding: .25rem .5rem;
  margin: 0 0 1rem;
  border-radius: var(--radius);
}

/* Accessibility
---------------------------------------- */

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  border: 0;
  clip: rect(0,0,0,0);
  clip-path: inset(50%);
  white-space: nowrap;
  overflow: hidden;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  white-space: normal;
  overflow: visible;
}

/* Print
---------------------------------------- */

@media print {
}