@charset "UTF-8";
@font-face {
  font-family: "Input Mono";
  src: url(/fonts/InputMono-Regular.ttf); }

html {
  font-size: 16px;
  color: #020202;
  background-color: #fffff0;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0; }

a {
  text-decoration-skip-ink: auto;
  color: #020202;
  text-decoration: underline;
  opacity: 0.8; }
  a:hover {
    text-decoration: none;
    opacity: 1; }

.sic::after {
  content: " [sic]";
  font-style: italic; }

.latex {
  display: inline !important; }

pre {
  padding-left: 1em;
  border-left: 2px outset #020202;
  display: inline-block;
  max-width: 85%; }

pre {
  overflow: hidden; }

@media only screen and (min-width: 1024px) {
  pre {
    margin: 1em 2em; } }

q.guillemets {
  quotes: "«" "»" "«" "»"; }

q,
blockquote {
  quotes: "‘" "’" "“" "”"; }

q::before {
  content: open-quote; }

q::after {
  content: close-quote; }

cite,
cite.book,
cite.film,
cite.tv-show,
cite.comic,
cite.book,
cite.podcast,
cite.album,
cite.report {
  font-style: italic; }

cite.book--bible {
  font-style: inherit; }

cite.legislation,
cite.smallcite,
cite.comic-strip,
cite.short-story,
cite.article,
cite.episode,
cite.video,
cite.chapter,
cite.software,
cite.campaign,
cite.song,
cite.speech,
cite.course,
cite.presentation {
  font-style: normal; }

cite.smallcite::before,
cite.article::before,
cite.comic-strip::before,
cite.short-story::before,
cite.episode::before,
cite.video::before,
cite.chapter::before,
cite.song::before,
cite.poem::before,
cite.campaign::before,
cite.speech::before,
cite.course::before,
cite.presentation::before {
  content: "“"; }

cite.smallcite::after,
cite.article::after,
cite.comic-strip::after,
cite.short-story::after,
cite.episode::after,
cite.video::after,
cite.chapter::after,
cite.song::after,
cite.poem::after,
cite.campaign::after,
cite.speech::after,
cite.course::after,
cite.presentation::after {
  content: "”"; }

cite.article--shortcite::before,
cite.article--shortcite::after {
  content: none; }

code,
samp,
var,
pre {
  font-family: "Input Mono", "Lucida Console", Monaco, monospace;
  font-size: 1em; }

pre .nocode {
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-size: 1em;
  padding: 1px 3px;
  border-radius: 6px;
  border: dashed 1px black; }

code,
samp,
var {
  background-color: #d1d1d1;
  border-radius: 5px;
  padding: 2px; }

pre {
  max-width: 50vw;
  overflow: scroll; }

h1 code,
.post-title code,
pre code,
h1 samp,
.post-title samp,
pre samp,
h1 var,
.post-title var,
pre var {
  background-color: transparent;
  padding: 0; }

.heading code,
.subheading code {
  background-color: transparent; }

pre.prettyprint ol {
  padding-left: 3.5em; }

pre.prettyprint li {
  background: none !important; }

samp {
  display: block;
  width: 80ch;
  margin: 1em 4em;
  border-left: 2px solid #ccc;
  color: #333; }

kbd {
  padding: 0.1em 0.6em;
  border: 1px solid #ccc;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f7f7f7;
  color: #333;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
  border-radius: 3px;
  display: inline-block;
  margin: 0 0.1em;
  text-shadow: 0 1px 0 white;
  line-height: 1.4;
  white-space: nowrap; }

.pre-nominals,
.post-nominals {
  font-size: 0.6em;
  font-variant: small-caps; }

.site-container {
  display: grid;
  grid-template-columns: 2.5% 1fr 2.5%;
  grid-template-rows: auto 1fr 2.5%;
  grid-template-areas: "header header header" "page-container page-container page-container" "footer footer footer";
  min-height: calc(100vh - 4em);
  border-top: 0; }
  @media only screen and (min-width: 1248px) {
    .site-container {
      margin-bottom: 2em;
      grid-template-areas: "header header header" ". page-container ." "footer footer footer";
      border: 2px solid black;
      margin-left: 2em;
      margin-right: 2em; } }
  .site-container--homepage {
    align-items: center;
    grid-template-rows: auto 2.5%;
    grid-template-areas: "page-container page-container page-container" "footer footer footer";
    margin-top: 2em;
    margin-bottom: 2em; }
    @media only screen and (min-width: 1248px) {
      .site-container--homepage {
        border: 2px solid black;
        margin-left: 2em;
        margin-right: 2em;
        grid-template-areas: ". page-container ." "footer footer footer"; } }
  .site-container--list, .site-container--section {
    align-items: center; }

.site-header {
  display: grid;
  grid-area: header;
  grid-gap: 0;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto;
  grid-template-areas: "header-title" "header-tagline" "header-icons" "header-nav";
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1; }
  .site-header__title, .site-header__tagline, .site-header__icons, .site-header__nav {
    background-color: #fffff0;
    margin: 0; }
  .site-header__title, .site-header__tagline, .site-header__icons {
    padding: 5px 0; }
  .site-header__title {
    font-weight: normal;
    grid-area: header-title; }
  .site-header__tagline {
    grid-area: header-tagline; }
  .site-header__icons {
    grid-area: header-icons;
    border-bottom: 2px solid #020202;
    margin-bottom: 0; }
  .site-header__nav {
    grid-area: header-nav;
    margin: auto;
    width: 100%; }
    @media only screen and (min-width: 1248px) {
      .site-header__nav {
        width: 60%; } }
    .site-header__nav ul {
      margin-top: 0;
      margin-bottom: 0; }
    .site-header__nav li {
      width: calc(100% / 3);
      display: block;
      float: left;
      border-bottom: 2px solid black;
      border-left: 1px solid black;
      border-right: 1px solid black;
      padding: 0.4em;
      background-color: inherit; }
    .site-header__nav a:first-child li {
      border-left: 2px solid black; }
    .site-header__nav a:last-child li {
      border-right: 2px solid black; }
    .site-header__nav li:hover {
      background-color: #ffffd0; }
    .site-header__nav li a {
      width: 100%;
      height: 100%;
      display: block; }

.site-footer {
  grid-area: footer;
  display: block;
  width: 99%;
  /* Overflows right of viewport otherwise */
  position: fixed;
  bottom: 0; }
  .site-footer p {
    width: fit-content;
    margin: auto;
    background: #fffff0;
    border: 2px solid black;
    padding: 0.4em;
    border-bottom: none;
    font-size: 0.6em; }
    @media only screen and (min-width: 1248px) {
      .site-footer p {
        font-size: 1em; } }
.site-content {
  grid-area: page-container;
  margin-left: 1em;
  margin-right: 1em; }
  @media only screen and (min-width: 1248px) {
    .site-content {
      margin: 2em; } }
.feed-icon {
  display: inline-block;
  height: 0.6em;
  width: 0.6em;
  margin-bottom: 0.2em; }

.link--tile {
  text-decoration: none;
  box-sizing: border-box;
  border: 2px solid transparent; }
  .link--tile:hover {
    border-color: #020202; }

.item-tile {
  display: grid;
  min-height: 180px;
  grid-template-columns: 5% auto 5%;
  grid-template-rows: 2.5% auto 2.5%;
  grid-template-areas: ".       .      ." ". tile-details ." ".       .      .";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .item-tile.lazy {
    background-image: none !important; }
  .item-tile--heading {
    font-size: 3em; }
    .item-tile--heading .item-tile__header {
      opacity: 1; }
  .item-tile--ohwhatohjeez {
    border: 2px solid #ff8900; }
  .item-tile--oldphaloskepsis {
    border: 2px solid #003d52; }
  .item-tile--omphaloskepsis {
    border: 2px solid #fffff0; }
  .item-tile__header {
    text-align: center;
    background-color: #020202;
    opacity: 0.8;
    display: grid;
    grid-area: tile-details;
    grid-template-columns: 5px auto 5px;
    grid-template-rows: 0 auto auto auto;
    grid-template-areas: ". 		 . 			." ".    banner   ." ".  tile-title ." ". tile-subtitle ."; }
  .item-tile__banner {
    padding: 0.5em 1em 0;
    grid-area: banner;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0 0 10px 10px;
    text-align: center;
    text-decoration: none !important;
    line-height: 0.5em;
    background-color: #ebebeb; }
  .item-tile__title, .item-tile__subtitle {
    color: #fffff0;
    margin: 0;
    font-weight: normal; }
  .item-tile__title {
    font-size: 1.4em;
    grid-area: tile-title;
    align-self: center; }
    .item-tile__title--long {
      font-size: 1em; }
  .item-tile__subtitle {
    font-size: 0.8em;
    grid-area: tile-subtitle;
    align-self: start; }

/* TODO: Not currently used */
@media screen and (max-width: 480px) {
  .table-scroller {
    overflow-x: auto;
    width: 320px; } }

table {
  border: 1px solid #020202;
  margin: auto; }
  table td {
    padding: 0.5em 1em;
    border: 1px solid #020202; }

.site-content--homepage {
  text-align: center; }
  .site-content--homepage .page-title {
    font-size: 2.5em;
    margin-bottom: 1em; }
    @media only screen and (min-width: 1248px) {
      .site-content--homepage .page-title {
        font-size: 4em; } }
    .site-content--homepage .page-title span {
      display: block !important;
      font-size: 0.3em; }

.site-content--section,
.site-content--list {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 0.2fr 1fr 0.2fr;
  grid-template-rows: auto auto 60px;
  justify-items: center;
  align-items: center;
  grid-template-areas: "list-page-header list-page-header list-page-header" "list-page-grid list-page-grid list-page-grid" "list-page-footer list-page-footer list-page-footer";
  margin-top: 5em; }
  @media only screen and (min-width: 1248px) {
    .site-content--section,
    .site-content--list {
      grid-template-areas: ". list-page-header ." "list-page-grid list-page-grid list-page-grid" ". list-page-footer ."; } }
  .site-content--section .site-content__header,
  .site-content--list .site-content__header {
    grid-area: list-page-header;
    text-align: center; }
    .site-content--section .site-content__header .page-header__minor-links,
    .site-content--list .site-content__header .page-header__minor-links {
      text-align: center;
      margin: auto;
      overflow: auto; }
      .site-content--section .site-content__header .page-header__minor-links ul,
      .site-content--list .site-content__header .page-header__minor-links ul {
        list-style: none; }
        .site-content--section .site-content__header .page-header__minor-links ul li,
        .site-content--list .site-content__header .page-header__minor-links ul li {
          float: left;
          margin: 0 1em; }
          .site-content--section .site-content__header .page-header__minor-links ul li *,
          .site-content--list .site-content__header .page-header__minor-links ul li * {
            display: inline-block; }
      .site-content--section .site-content__header .page-header__minor-links .minor-links__categories,
      .site-content--list .site-content__header .page-header__minor-links .minor-links__categories {
        width: 100%;
        display: block;
        font-size: 0.8em !important;
        overflow: auto; }
        @media only screen and (min-width: 1248px) {
          .site-content--section .site-content__header .page-header__minor-links .minor-links__categories,
          .site-content--list .site-content__header .page-header__minor-links .minor-links__categories {
            font-size: 1em !important; } }
      .site-content--section .site-content__header .page-header__minor-links .minor-links__years,
      .site-content--list .site-content__header .page-header__minor-links .minor-links__years {
        width: 100%;
        display: block;
        margin: auto;
        width: fit-content; }
  .site-content--section .site-content__body,
  .site-content--list .site-content__body {
    width: 100%;
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    grid-gap: 10px;
    grid-area: list-page-grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, 1fr);
    justify-items: stretch;
    align-items: stretch; }
    @media only screen and (min-width: 640px) {
      .site-content--section .site-content__body,
      .site-content--list .site-content__body {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, 1fr); } }
    @media only screen and (min-width: 1248px) {
      .site-content--section .site-content__body,
      .site-content--list .site-content__body {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr); } }
    .site-content--section .site-content__body--list,
    .site-content--list .site-content__body--list {
      grid-template-columns: 1fr auto 1fr;
      grid-template-rows: auto;
      grid-template-areas: ". sections-list ."; }
    .site-content--section .site-content__body--chart,
    .site-content--list .site-content__body--chart {
      grid-template-columns: 1em 100% 1fr;
      grid-template-rows: 100%;
      grid-template-areas: ". section-chart ."; }
  .site-content--section .site-content__footer,
  .site-content--list .site-content__footer {
    grid-area: list-page-footer; }

.site-content--single {
  display: grid;
  column-gap: 2em;
  grid-template-columns: 0.4fr 0.6fr;
  grid-template-rows: auto auto auto; }
  .site-content--single .site-content__header, .site-content--single .site-content__footer {
    display: grid;
    grid-column-start: 1;
    grid-column-end: 3;
    background-color: #fffff0;
    filter: brightness(80%); }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__header, .site-content--single .site-content__footer {
        border: 2px solid #020202;
        grid-column-end: 2;
        padding: 2em; } }
  .site-content--single .site-content__header {
    grid-row-start: 1;
    grid-row-end: 2;
    overflow: auto;
    border-bottom: 2px solid #020202;
    margin-bottom: 2em; }
    .site-content--single .site-content__header .article-header {
      text-align: center;
      background-color: #020202;
      opacity: 0.8;
      color: #fffff0;
      display: grid;
      grid-area: post-header-details;
      grid-template-columns: 1fr;
      padding: 20px;
      grid-template-rows: 1fr auto auto 1fr;
      justify-items: center;
      align-items: center;
      grid-template-areas: "." "post-title" "post-subtitle" "."; }
      .site-content--single .site-content__header .article-header__series {
        margin: 0 auto 1em;
        font-size: 1.2em; }
      .site-content--single .site-content__header .article-header__featured-image {
        display: grid;
        grid-template-columns: 15% 1fr 15%;
        grid-template-rows: 20% 1fr 20%;
        grid-template-areas: ". . ." ". post-header-details ." ". . .";
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 40vh;
        min-height: 380px;
        width: 100%;
        border: 2px solid #020202; }
        .site-content--single .site-content__header .article-header__featured-image .attr {
          background-color: #020202;
          font-size: 0.7em;
          color: #fffff0;
          width: fit-content;
          position: fixed;
          padding: 0.2em 0.5em;
          opacity: 0.8;
          margin: 0 auto; }
          .site-content--single .site-content__header .article-header__featured-image .attr a {
            color: #fffff0; }
      .site-content--single .site-content__header .article-header__title, .site-content--single .site-content__header .article-header__subtitle {
        border-bottom: 2px inset #020202;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        line-height: 1.2em;
        border-bottom: 2px inset #020202;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        line-height: 1.2em; }
      .site-content--single .site-content__header .article-header__title-wrapper {
        display: grid;
        grid-area: post-header-details;
        background-color: #020202;
        opacity: 0.8;
        text-align: center;
        grid-template-columns: 1fr;
        padding: 20px;
        grid-template-rows: 1fr auto auto 1fr;
        justify-items: center;
        align-items: center;
        grid-template-areas: "." "post-title" "post-subtitle" "."; }
        .site-content--single .site-content__header .article-header__title-wrapper--no-title {
          visibility: hidden; }
        .site-content--single .site-content__header .article-header__title-wrapper .article-header__title, .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle {
          color: #fffff0; }
        .site-content--single .site-content__header .article-header__title-wrapper .article-header__title {
          grid-area: post-title;
          font-weight: bold; }
          .site-content--single .site-content__header .article-header__title-wrapper .article-header__title--long {
            font-size: 1.5em; }
        .site-content--single .site-content__header .article-header__title-wrapper .article-header__subtitle {
          grid-area: post-subtitle; }
      .site-content--single .site-content__header .article-header__word-count, .site-content--single .site-content__header .article-header__publish-date, .site-content--single .site-content__header .article-header__modified-date {
        font-size: 1.2em;
        margin: 0.2rem auto; }
      .site-content--single .site-content__header .article-header__word-count {
        margin-top: 1rem; }
      .site-content--single .site-content__header .article-header__notes, .site-content--single .site-content__header .article-header__warnings {
        width: 90%;
        margin: 1.6em auto;
        display: block;
        padding-right: 1em; }
        .site-content--single .site-content__header .article-header__notes ul, .site-content--single .site-content__header .article-header__warnings ul {
          list-style: circle; }
          .site-content--single .site-content__header .article-header__notes ul li, .site-content--single .site-content__header .article-header__warnings ul li {
            margin: 0.5em 0; }
      .site-content--single .site-content__header .article-header__notes {
        background-color: #fffff0;
        filter: brightness(70%);
        border: 1px solid gray; }
      .site-content--single .site-content__header .article-header__warnings {
        border: 4px solid darkred;
        background-color: #fc3a3a;
        color: #fffff0;
        font-weight: 500; }
        .site-content--single .site-content__header .article-header__warnings ul {
          list-style: disc; }
      .site-content--single .site-content__header .article-header__table-of-contents ul {
        list-style-type: arabic;
        padding-left: 2em; }
  .site-content--single .site-content__body {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    /* Temporary until I've fixed all the figures */
    overflow-x: clip;
    /* TODO: remove once replaced in content with figures */ }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__body {
        grid-row-start: 1;
        grid-row-end: 4;
        grid-column-start: 2; } }
    .site-content--single .site-content__body .heading {
      text-align: center;
      font-size: 2em;
      font-weight: bold; }
    .site-content--single .site-content__body .heading::before,
    .site-content--single .site-content__body .heading::after {
      content: " ~ "; }
    .site-content--single .site-content__body .subheading {
      font-size: 1.6em;
      border-bottom: 2px inset #020202;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      line-height: 1.2em;
      text-align: center; }
      .site-content--single .site-content__body .subheading__subtitle {
        font-size: 1em;
        border-bottom: 1px dashed #020202;
        margin-top: 0;
        margin-bottom: 1em;
        padding-bottom: 0.5em;
        line-height: 1em;
        text-align: center;
        font-weight: bold;
        width: fit-content;
        margin: auto;
        padding: 0 3em 0.4em; }
    .site-content--single .site-content__body blockquote {
      padding-left: 1em;
      border-left: 2px outset #020202;
      display: inline-block;
      max-width: 85%; }
      .site-content--single .site-content__body blockquote footer {
        text-align: right;
        font-style: normal;
        display: inline-block;
        margin-left: 5em; }
        .site-content--single .site-content__body blockquote footer::before {
          content: "—"; }
      .site-content--single .site-content__body blockquote:first-child {
        font-size: 1.2em;
        text-align: center;
        display: block;
        margin: 0 auto;
        border-left: 0;
        padding-left: 0;
        width: 100%;
        padding-top: 1em;
        padding-bottom: 1.2em;
        border-top: 2px outset #020202;
        border-bottom: 2px inset #020202; }
      .site-content--single .site-content__body blockquote p:first-child {
        margin-top: 0; }
      .site-content--single .site-content__body blockquote p:last-of-type {
        margin-bottom: 0.5em; }
      .site-content--single .site-content__body blockquote.script {
        display: grid;
        grid-template-columns: auto 1fr 0.2fr;
        padding-bottom: 0.4em;
        text-align: left; }
        .site-content--single .site-content__body blockquote.script > p::before, .site-content--single .site-content__body blockquote.script > p::after {
          content: none !important; }
        .site-content--single .site-content__body blockquote.script > .script-line__character {
          grid-column: 1;
          margin: 0.5em 2em 0.5em 0.5em;
          font-style: italic; }
        .site-content--single .site-content__body blockquote.script > .script-line__text {
          grid-column-start: 2;
          grid-column-end: 4;
          margin: 0.5em; }
        .site-content--single .site-content__body blockquote.script footer {
          grid-column-start: 1;
          grid-column-end: 3; }
    @media only screen and (min-width: 1024px) {
      .site-content--single .site-content__body blockquote {
        margin: 1em 2em; } }
    .site-content--single .site-content__body img,
    .site-content--single .site-content__body video {
      max-width: 100%;
      height: auto;
      width: auto;
      max-height: 50vh;
      margin: auto;
      display: block; }
    .site-content--single .site-content__body .figure {
      margin: 16px auto;
      width: fit-content; }
      .site-content--single .site-content__body .figure__image {
        display: block;
        width: auto;
        max-width: 100%;
        margin: auto;
        height: auto;
        max-height: 50vh; }
      .site-content--single .site-content__body .figure__caption {
        height: auto;
        margin: auto; }
        .site-content--single .site-content__body .figure__caption--no-height {
          height: 0; }
        .site-content--single .site-content__body .figure__caption .figcaption__caption {
          font-size: 0.9em;
          font-style: italic;
          text-align: center; }
        .site-content--single .site-content__body .figure__caption .figcaption__attr {
          background-color: #020202;
          font-size: 0.7em;
          color: #fffff0;
          width: fit-content;
          top: -2em;
          position: relative;
          padding: 0.2em 0.5em;
          opacity: 0.8;
          margin: 0 auto; }
        .site-content--single .site-content__body .figure__caption .figcaption__attr + .figcaption__caption {
          margin-top: -0.5em; }
  .site-content--single .site-content__footer {
    grid-row-start: 3;
    grid-row-end: 4;
    border-top: 2px solid #020202; }
    @media only screen and (min-width: 1248px) {
      .site-content--single .site-content__footer {
        margin-bottom: 2em;
        grid-row-start: 2;
        grid-row-end: 3; } }
    .site-content--single .site-content__footer h2 {
      margin: 1rem 0; }
    .site-content--single .site-content__footer ul {
      margin: 0; }
    .site-content--single .site-content__footer #mapdiv {
      border: 2px solid #020202; }

.organisations-table {
  grid-column-start: 1;
  grid-column-end: 5; }

#organisation-body .index {
  display: grid;
  grid-gap: 6px 5px;
  grid-area: items;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas: "item1 item2 item3 item4"; }

#organisation-body .index .item:nth-child(1) {
  grid-area: item1; }

#organisation-body .index .item:nth-child(2) {
  grid-area: item2; }

#organisation-body .index .item:nth-child(3) {
  grid-area: item3; }

#organisation-body .index .item:nth-child(4) {
  grid-area: item4; }

#organisation-body details {
  cursor: pointer;
  opacity: 0.7;
  border: 2px solid #020202; }
  #organisation-body details:hover, #organisation-body details:focus {
    opacity: 1; }

#organisation-body summary::marker {
  font-size: 2em;
  padding-left: 2em; }

#organisation-body summary .subheading {
  display: inline;
  width: 95%;
  padding-bottom: 2em; }

#organisation-body summary .index {
  border-top: 2px solid #020202; }

#hierarchy ul {
  list-style: none;
  padding-left: 1em; }
  #hierarchy ul .hierarchy-item:before {
    content: '\21B3';
    margin: 0 0.4em; }
  #hierarchy ul .hierarchy-item--current {
    font-weight: bold; }
  #hierarchy ul .hierarchy-item--child:before {
    content: '\2192'; }

.timeline__legend span {
  margin: 0 1em; }
  .timeline__legend span * {
    display: inline-block; }
  .timeline__legend span .colour-square {
    width: 1em;
    height: 1em;
    border-radius: 2.5px;
    border: 1px solid #020202; }
    .timeline__legend span .colour-square--current {
      background-color: #bbbbb0; }
    .timeline__legend span .colour-square--past {
      background-color: #fffff0; }

.site-content__body--chart #timeline, .site-content__body--chart #map {
  width: 100%;
  max-width: 100%;
  grid-area: section-chart; }

.site-content__body--list .site-content__sections-list {
  grid-area: sections-list;
  display: block;
  list-style: none;
  margin: auto;
  padding-left: 0; }
  .site-content__body--list .site-content__sections-list li * {
    display: inline-block; }

@media (prefers-color-scheme: dark) {
  /*@import "themes/dark";*/ }