@layer global,base,utils,screen-lg;@layer base{a {
    color: var(--anchor-color);
  }

  a:hover {
    color: var(--anchor-color-hover);
  }

  a:focus {
    color: var(--anchor-color-focus);
  }

  a:active {
    color: var(--anchor-color-active);
  }

  a:visited {
    color: var(--anchor-color-visited);
  }
}@layer base{.avtor-card {
    border: 2px solid var(--neutral-dark-color);
    padding: 0.5rem;
  }

  .avtor-card h3::before {
    content: "";
  }

  .avtor-card h3 {
    margin-top: 0;
  }

  .avtor-card section {
    display: flex;
    flex-direction: column;
  }
}@layer utils{blockquote p {
    text-indent: 0;
  }
}@layer base{blockquote {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    padding-left: 1rem;
    margin-left: 2rem;
    border-left: 2px solid var(--tertiary-color);

    margin-bottom: 1rem;
  }

  blockquote p:empty {
    
    display: none;
  }

  blockquote p {
    font-size: 1.125rem;
    color: var(--neutral-dark-color);
  }
}@layer base{.card {
    border: 2px solid var(--neutral-dark-color);
    padding: 0.5rem;
  }

  .card h3::before {
    content: "";
  }

  .card h3 {
    margin-top: 0;
  }

  .card section {
    display: flex;
    flex-direction: column;
  }
}@layer global{* {
    padding: 0;
    margin: 0;
  }

  span {
    font-size: inherit;
  }

  body {
    min-height: 100dvh;

    background-color: var(--neutral-light-color);
    font-family: "NotoSans", "NotoSans Symbols2";
    font-size: 1rem;
  }
}figure{display:inline-block;margin:0;padding:0;width:100%;max-width:100%;text-align:center;margin-bottom:.5rem}figure img{display:block;max-width:100%;height:auto;width:auto;margin:0 auto}figure figcaption{margin-top:10px;font-size:1em;color:#333;text-align:center}/*!modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize*/*,::after,::before{box-sizing:border-box}html{font-family:system-ui,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji;line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,liberation mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@layer base{@font-face {
    font-family: "EB Garamond";
    src: url("/EBGaramond-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 400;
    font-optical-sizing: auto;
  }

  @font-face {
    font-family: "NotoSans";
    font-optical-sizing: auto;

    src: url("/NotoSans-VariableFont_wdth,wght.ttf")
      format("truetype-variations");
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
  }

  @font-face {
    font-family: "NotoSans Symbols2";
    font-optical-sizing: auto;

    src: url("/NotoSansSymbols2-Regular.ttf");
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: "NotoSans Italic";
    font-optical-sizing: auto;

    src: url("/NotoSans-Italic-VariableFont_wdth,wght.ttf")
      format("truetype-variations");
    font-weight: 400;
    font-style: italic;
    font-variation-settings: "wdth" 100;
  }

  
  

  em,
  .italic {
    font-family: "NotoSans Italic";
  }

  h1 {
    font-size: 2.027rem;
    font-family: "EB Garamond";

    text-align: left;
  }

  h2 {
    font-size: 1.802rem;
    font-family: "EB Garamond";

    text-align: left;
  }

  h3 {
    font-size: 1.602rem;
    font-family: "EB Garamond";

    text-align: left;
  }

  h4 {
    font-size: 1.424rem;
    font-family: "EB Garamond";

    text-align: left;
  }

  h5 {
    font-size: 1.266rem;
    font-family: "EB Garamond";

    text-align: left;
  }

  h6 {
    font-size: 1.125rem;
    font-family: "EB Garamond";

    text-align: left;
  }

  small {
    font-size: 0.889rem;
  }
}@layer screen-lg{@media (width >= 1280px) {
    
    

    h1 {
      font-size: 3.815rem;
    }

    h2 {
      font-size: 3.052rem;
    }

    h3 {
      font-size: 2.441rem;
    }

    h4 {
      font-size: 1.953rem;
    }

    h5 {
      font-size: 1.563rem;
    }

    h6 {
      font-size: 1.25rem;
    }

    small {
      font-size: 0.8rem;
    }
  }
}@layer utils{.grid-3 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
  }

  .grid-4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
  }

  .grid-12 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1em;
  }

  .col-span-2 {
    grid-column: span 1;
  }

  .col-span-8 {
    grid-column: span 1;
  }

  .flex-row {
    display: flex;
    flex-direction: row;
  }

  .gap-1 {
    gap: 0.5rem;
  }

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

  .items-end {
    align-items: flex-end;
  }

  .primary-color {
    color: var(--primary-color);
  }

  .secondary-color {
    color: var(--secondary-color);
  }

  .tertiary-color {
    color: var(--tertiary-color);
  }

  a.unstyled {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
  }

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

  .ml-auto {
    margin-left: auto;
  }

  .font-symbols {
    font-family: "NotoSans Symbols2";
  }
}@layer screen-lg{@media (width >= 1280px) {
    .grid-3 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1em;
    }

    .grid-4 {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1em;
    }

    .grid-12 {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 1em;
    }

    .col-span-2 {
      grid-column: span 2;
    }

    .col-span-8 {
      grid-column: span 8;
    }
  }
}:root{--primary-color:#9b2915;--secondary-color:#50a2a7;--tertiary-color:#e9b44c;--neutral-dark-color:#44403c;--neutral-light-color:#f5f5f4;--anchor-color:#0369a1;--anchor-color-visited:#7e22ce;--anchor-color-hover:#1d4ed8;--anchor-color-active:#1e3a8a;--anchor-color-focus:var(--anchor-color-hover);--indent:2.5em;--aside-column-width:12em;--main-column-width:52em;--reading-line-height:1.75em;--column-gap:1em;--article-margin:1rem;--article-width:calc(
    var(--aside-column-width) + var(--column-gap) + var(--main-column-width) +
      var(--column-gap) + var(--aside-column-width)
  );--screen-lg:calc(
    var(--article-margin) + var(--article-width) + var(--article-margin)
  )}@layer base{article {
    width: calc(100% - 2 * var(--article-margin));
    max-width: var(--article-width);
    margin-left: var(--article-margin);
    margin-right: var(--article-margin);
  }

  article main {
    position: relative; 
  }

  article main p {
    text-align: justify;
    text-indent: var(--indent);
    line-height: var(--reading-line-height);

    margin-bottom: 0.3rem;
  }

  article header {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-bottom: 0.3rem;

    border-bottom: 4px solid var(--primary-color);
    margin-bottom: 2rem;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
  }

  article > main {
    width: 100%;
    max-width: var(--main-column-width);
    margin-left: auto;
    margin-right: auto;
  }
}@layer base{article {
    counter-reset: h2 sidenote;
  }

  article header h1 {
    border: 0;
    margin: 0;
  }

  article main h1 {
    border-bottom: 4px solid var(--primary-color);
    margin-bottom: 1rem;
    margin-top: 2rem;
  }

  article main h2:before {
    counter-increment: h2;
    content: counter(h2) ". ";
    color: var(--secondary-color);
  }

  article main h2 {
    counter-reset: h3;

    border-bottom: 4px solid var(--secondary-color);
    margin-bottom: 1rem;
    margin-top: 2rem;
  }

  article main h3:before {
    content: counter(h2) ". " counter(h3) ". ";
    counter-increment: h3;
    color: var(--tertiary-color);
  }

  article main h3 {
    counter-reset: h4;

    border-bottom: 4px solid var(--tertiary-color);
    margin-bottom: 1rem;
    margin-top: 2rem;
  }

  article main h4:before {
    content: counter(h2) ". " counter(h3) ". " counter(h4) ". ";
    counter-increment: h4;
    color: var(--primary-color);
  }

  article main h4 {
    counter-reset: h5;

    border-bottom: 2px dashed var(--primary-color);
    margin-bottom: 1rem;
    margin-top: 2rem;
  }

  article main h5:before {
    content: counter(h2) ". " counter(h3) ". " counter(h4) ". " counter(h5) ". ";
    counter-increment: h5;
    color: var(--secondary-color);
  }

  article main h5 {
    counter-reset: h6;

    border-bottom: 2px dashed var(--secondary-color);
    margin-bottom: 1rem;
    margin-top: 2rem;
  }

  article main h6:before {
    content: counter(h2) ". " counter(h3) ". " counter(h4) ". " counter(h5) ". "
      counter(h6) ". ";
    counter-increment: h6;
    color: var(--tertiary-color);
  }
}article main h6{border-bottom:2px dashed var(--tertiary-color);margin-bottom:1rem;margin-top:2rem}@layer screen-lg{@media (width >= 1280px) {
    article header {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      padding-bottom: 0;

      max-width: var(--main-column-width);
    }

    article header h2 {
      font-size: 1rem;
    }

    article div.grid {
      display: grid;
      grid-template-columns:
        var(--aside-column-width) var(--main-column-width)
        var(--aside-column-width);
      gap: var(--column-gap);
    }

    article aside {
      line-height: var(--reading-line-height);
      position: relative;
    }

    article aside#summaries {
      display: flex;
      flex-direction: column;
      text-align: right;
      align-items: flex-end;
    }

    article aside#sidenotes {
      display: flex;
      flex-direction: column;
      text-align: left;
      align-items: flex-start;

      border-top: initial;
      padding-top: initial;
      margin-top: initial;
    }

    article span.summary {
      position: absolute;
    }

    .sidenote .sidenote-ref {
      margin-top: -3px; 
    }

    article aside div.sidenote {
      position: absolute;
      display: flex;
      flex-direction: row;
      gap: 0.5rem;
    }

    article aside div.sidenote div.sidenote-content {
      padding-left: 0.5rem;
      border-left: 2px solid var(--neutral-dark-color);
    }
  }
}@layer base{.sidenote-ref {
    font-weight: 500;
  }

  a.sidenote-ref {
    color: var(--tertiary-color);
    text-decoration: none;
  }

  a.sidenote-ref:hover {
    color: var(--tertiary-color);
    text-decoration: none;
  }

  a.sidenote-ref:focus {
    color: var(--tertiary-color);
    text-decoration: none;
  }

  a.sidenote-ref:active {
    color: var(--tertiary-color);
    text-decoration: none;
  }

  a.sidenote-ref:visited {
    color: var(--tertiary-color);
    text-decoration: none;
  }
}@layer base{article aside#sidenotes {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: flex-start;

    border-top: 2px dashed var(--primary-color);

    margin-top: 2rem;
    padding-top: 1rem;
    gap: 1rem;
  }

  .sidenote {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    align-items: flex-start;
  }

  .sidenote-content {
    margin-top: -3px;
  }
}@layer base{article aside#summaries {
    display: none;
  }

  span.summary {
    position: initial;
    font-style: italic;
  }
}@layer base{footer.site {
    width: 100%;

    border-top: 2px solid var(--neutral-dark-color);
    padding: 1rem;
    margin-top: 8rem;

    line-height: var(--reading-line-height);

    display: flex;
    flex-direction: column;
  }
}@layer screen-lg{@media (width >= 1280px) {
    footer.site {
      padding: 4rem;
    }
  }
}@layer base{header.site {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 0.5rem;
    padding-top: 0.5rem;

    border-bottom: 2px solid var(--neutral-dark-color);
  }

  header.site h1 {
    font-size: 1.563rem !important;
    line-height: 1.563rem !important;
    font-family: "EB Garamond";
    line-height: var(--reading-line-height);

    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
  }

  header.site ul {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

  header.site ul li {
    list-style: none;
  }

  header.site ul li a {
    color: initial;
    font-family: "EB Garamond";
    text-decoration: none;
    font-weight: 600;
  }
}@layer screen-lg{@media (width >= 1280px) {
    header.site {
      padding-left: 4rem;
      padding-right: 4rem;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
    }
  }
}@layer base{main.site {
    min-height: calc(100dvh - 48.75px - 216px - 128px);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}