@charset "UTF-8";
html {
  background-color: white;
  color: black;
  font-family: "EB Garamond", serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.6; }

body {
  margin: 1rem 1rem 3rem; }
  @media (min-width: 450px) {
    body {
      margin: 2rem 2rem 8rem; } }

a {
  color: inherit;
  text-decoration-color: #999; }
  a:hover {
    color: #4588bb;
    text-decoration-color: currentcolor; }

.site-nav {
  display: flex;
  gap: 1rem;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: normal; }

.site-nav__link {
  text-decoration: none; }
  .site-nav__link:hover {
    text-decoration: underline; }

.articles {
  margin: 2rem auto;
  max-width: 576px; }

.articles__heading {
  margin: 0 0 1rem 0;
  font-family: inherit;
  font-size: 42px;
  font-weight: inherit;
  text-align: center; }

.articles__intro {
  margin: 0 0 2.5rem 0;
  text-align: center; }

.articles__link {
  text-decoration: none; }
  .articles__link:hover {
    text-decoration: underline; }

.articles__list {
  margin: 0;
  padding: 0; }

.articles__row {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  align-items: baseline; }

.articles__date {
  flex-shrink: 0;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: normal; }

.article__header {
  margin: 0 0 3rem; }

.article__headline {
  margin: 0 0 0.8rem;
  text-align: center;
  font-family: inherit;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2; }

.article__date {
  display: block;
  font-family: "Quattrocento Sans", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  text-align: center; }

.article {
  margin: 2rem auto;
  max-width: 576px; }
  .article h2 {
    margin: 1rlh 0 0.5rlh;
    font-family: inherit;
    font-size: 1.3rem;
    font-weight: inherit;
    text-align: center; }
  .article h3 {
    margin: 1rlh 0 0.5rlh;
    font-size: 1rem;
    font-family: inherit;
    font-weight: 600; }
    .article h3 + p {
      text-indent: 1rlh; }
  .article p {
    margin: 0;
    text-align: justify;
    hyphens: auto;
    text-wrap: pretty; }
    .article p + p {
      text-indent: 1rlh; }
  .article ul {
    padding-left: 1rlh;
    list-style-type: "—"; }
  .article li {
    line-height: inherit; }
  .article figure.highlight,
  .article div.highlight {
    margin: 1rem -1rem;
    padding: 0.3rem 1rem 0.5rem;
    overflow-x: auto;
    background-color: #f6f6f6; }
    @media (min-width: 450px) {
      .article figure.highlight,
      .article div.highlight {
        margin: 1rem -2rem;
        padding: 0.3rem 2rem 0.5rem; } }
    .article figure.highlight pre,
    .article div.highlight pre {
      margin: 0;
      padding: 0;
      line-height: normal; }
  .article code {
    font-family: Menlo, monospace;
    font-size: 14px;
    line-height: 1; }
  .article blockquote {
    margin: 0;
    padding-left: 1rem;
    border-left: 2px solid #ccc; }
  .article hr {
    border: none;
    margin: 1rlh 0;
    text-align: center; }
    .article hr::after {
      content: "✦";
      color: #ccc; }
  .article .conversation {
    margin: 1rlh 0; }
    .article .conversation p + p,
    .article .conversation p + blockquote,
    .article .conversation blockquote + p {
      text-indent: 0;
      margin-top: 0.75rlh; }
  .article div.gist {
    margin: 1rlh 0; }

.highlight {
  /* Comment */
  /* Error */
  /* Keyword */
  /* Literal */
  /* Name */
  /* Operator */
  /* Comment.Hashbang */
  /* Comment.Multiline */
  /* Comment.Preproc */
  /* Comment.PreprocFile */
  /* Comment.Single */
  /* Comment.Special */
  /* Keyword.Constant */
  /* Keyword.Declaration */
  /* Keyword.Namespace */
  /* Keyword.Pseudo */
  /* Keyword.Reserved */
  /* Keyword.Type */
  /* Literal.Date */
  /* Literal.Number */
  /* Literal.String */
  /* Name.Attribute */
  /* Name.Builtin */
  /* Name.Class */
  /* Name.Constant */
  /* Name.Decorator */
  /* Name.Entity */
  /* Name.Exception */
  /* Name.Function */
  /* Name.Label */
  /* Name.Namespace */
  /* Name.Other */
  /* Name.Property */
  /* Name.Tag */
  /* Name.Variable */
  /* Operator.Word */
  /* Literal.Number.Bin */
  /* Literal.Number.Float */
  /* Literal.Number.Hex */
  /* Literal.Number.Integer */
  /* Literal.Number.Oct */
  /* Literal.String.Affix */
  /* Literal.String.Backtick */
  /* Literal.String.Char */
  /* Literal.String.Delimiter */
  /* Literal.String.Doc */
  /* Literal.String.Double */
  /* Literal.String.Escape */
  /* Literal.String.Heredoc */
  /* Literal.String.Interpol */
  /* Literal.String.Other */
  /* Literal.String.Regex */
  /* Literal.String.Single */
  /* Literal.String.Symbol */
  /* Name.Builtin.Pseudo */
  /* Name.Function.Magic */
  /* Name.Variable.Class */
  /* Name.Variable.Global */
  /* Name.Variable.Instance */
  /* Name.Variable.Magic */
  /* Literal.Number.Integer.Long */ }
  .highlight .c {
    color: #177500; }
  .highlight .err {
    color: #000000; }
  .highlight .k {
    color: #a90d91; }
  .highlight .l {
    color: #1c01ce; }
  .highlight .n {
    color: #000000; }
  .highlight .o {
    color: #000000; }
  .highlight .ch {
    color: #177500; }
  .highlight .cm {
    color: #177500; }
  .highlight .cp {
    color: #633820; }
  .highlight .cpf {
    color: #177500; }
  .highlight .c1 {
    color: #177500; }
  .highlight .cs {
    color: #177500; }
  .highlight .kc {
    color: #a90d91; }
  .highlight .kd {
    color: #a90d91; }
  .highlight .kn {
    color: #a90d91; }
  .highlight .kp {
    color: #a90d91; }
  .highlight .kr {
    color: #a90d91; }
  .highlight .kt {
    color: #a90d91; }
  .highlight .ld {
    color: #1c01ce; }
  .highlight .m {
    color: #1c01ce; }
  .highlight .s {
    color: #c41a16; }
  .highlight .na {
    color: #836c28; }
  .highlight .nb {
    color: #a90d91; }
  .highlight .nc {
    color: #3f6e75; }
  .highlight .no {
    color: #000000; }
  .highlight .nd {
    color: #000000; }
  .highlight .ni {
    color: #000000; }
  .highlight .ne {
    color: #000000; }
  .highlight .nf {
    color: #000000; }
  .highlight .nl {
    color: #000000; }
  .highlight .nn {
    color: #000000; }
  .highlight .nx {
    color: #000000; }
  .highlight .py {
    color: #000000; }
  .highlight .nt {
    color: #000000; }
  .highlight .nv {
    color: #000000; }
  .highlight .ow {
    color: #000000; }
  .highlight .mb {
    color: #1c01ce; }
  .highlight .mf {
    color: #1c01ce; }
  .highlight .mh {
    color: #1c01ce; }
  .highlight .mi {
    color: #1c01ce; }
  .highlight .mo {
    color: #1c01ce; }
  .highlight .sa {
    color: #c41a16; }
  .highlight .sb {
    color: #c41a16; }
  .highlight .sc {
    color: #2300ce; }
  .highlight .dl {
    color: #c41a16; }
  .highlight .sd {
    color: #c41a16; }
  .highlight .s2 {
    color: #c41a16; }
  .highlight .se {
    color: #c41a16; }
  .highlight .sh {
    color: #c41a16; }
  .highlight .si {
    color: #c41a16; }
  .highlight .sx {
    color: #c41a16; }
  .highlight .sr {
    color: #c41a16; }
  .highlight .s1 {
    color: #c41a16; }
  .highlight .ss {
    color: #c41a16; }
  .highlight .bp {
    color: #5b269a; }
  .highlight .fm {
    color: #000000; }
  .highlight .vc {
    color: #000000; }
  .highlight .vg {
    color: #000000; }
  .highlight .vi {
    color: #000000; }
  .highlight .vm {
    color: #000000; }
  .highlight .il {
    color: #1c01ce; }