header.article-header{display: flow-root;padding-bottom: var(--font-size-l-root);background: var(--color-soft-highlight);font-size: var(--font-size-r-root);}@media (max-width: 30rem) {header.article-header{font-size: var(--font-size-xs-root);}}header.article-header > img {width: 99vw;max-height: 100vh;object-fit: cover;}header.article-header > h1, header.article-header > p, header.article-header > .navigation-container, .article-time, article > [data-content-type="article-content"], article > hr {max-width: var(--max-width-content-root);margin-top: var(--font-size-l-root);margin-left: auto;margin-right: auto;padding-left: var(--font-size-r-root);padding-right: var(--font-size-r-root);}article > aside {max-width: var(--max-width-root);margin-top: var(--font-size-l-root);margin-left: auto;margin-right: auto;padding-left: var(--font-size-r-root);padding-right: var(--font-size-r-root);}header.article-header > h1 {font-size: var(--font-size-xl);text-shadow: 1px 1px 10px var(--color-separator);text-transform: uppercase;scroll-snap-align: start;}header.article-header > h1::first-letter {font-size: var(--font-size-m);}header.article-header > .subtitle {font-size: var(--font-size-l);font-weight: normal;}header.article-header > .type {font-size: var(--font-size-m);font-weight: normal;margin-top: var(--font-size-m);text-transform: uppercase;& > .status {cursor: pointer;&:hover {color: var(--color-link);}}}.flex-container-row-start, header.article-header > .navigation-container, header.article-header > .navigation-container > nav, header.article-header > .navigation-container > nav > ul {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}header.article-header > .navigation-container {gap: var(--font-size-s);margin-top: var(--font-size-l);}header.article-header > .navigation-container > nav:nth-child(1) {margin-right: var(--font-size-l);}header.article-header > .navigation-container > nav {gap: var(--font-size-r);}header.article-header nav > p {font-size: var(--font-size-m);font-weight: normal;}.navigation-container > nav > ul {list-style-type: none;text-align: left;gap: 0.5em;}.navigation-container > nav > ul > li {display: inline;padding: 0.3em 0.5em 0.3em 0.5em;color: var(--color-text);}.navigation-topics > li {font-weight: bold;}.navigation-tags > li {border-width: 0.15em;border-radius: 1em;border-color: var(--color-component);background-color: var(--color-component);}.navigation-tags > li::before {content: "#";}.article-time {margin-top: var(--font-size-m);}.article-time > dd:nth-of-type(1){margin-right: var(--font-size-m) }.article-time > dd:nth-of-type(2){margin-right: var(--font-size-m) }.article-time > dd {margin-left: var(--font-size-xs);}article > [data-content-type="article-content"] {margin-top: var(--font-size-l-root);font-size: var(--font-size-m);line-height: var(--font-size-m);text-align: justify;}article > [data-content-type="article-content"] > :where(p, figure, ul, ol) a, .footnotes a {text-decoration: underline;text-decoration-style: dotted;}a.footnote-backref {text-decoration: none;}:where( article > [data-content-type="article-content"], .table-of-contents ) > h2::first-letter, article > [data-content-type="article-content"] > h2 > a::first-letter {font-size: 1.25em;}article > [data-content-type="article-content"] > h1, article > [data-content-type="article-content"] > h2, article > [data-content-type="article-content"] > h3, article > [data-content-type="article-content"] > h4, article > [data-content-type="article-content"] > h5, article > [data-content-type="article-content"] > h6 {font-family: var(--font-family-heading);line-height: var(--font-size-m);margin-top: var(--font-size-r);margin-bottom: var(--font-size-xs);position: relative;}article > [data-content-type="article-content"] > h2 {font-size: 1.5em;}article > [data-content-type="article-content"] > h3 {font-size: 1.5em;}article > [data-content-type="article-content"] > h4 {font-size: 1.35em;}article > [data-content-type="article-content"] > h5 {font-size: 1.2em }article > [data-content-type="article-content"] > h6 {font-size: 1.1em }article > [data-content-type="article-content"] > h2 > a {display: block;}:where( article > [data-content-type="article-content"] > h1, article > [data-content-type="article-content"] > h2, article > [data-content-type="article-content"] > h3, article > [data-content-type="article-content"] > h4, article > [data-content-type="article-content"] > h5, article > [data-content-type="article-content"] > h6 ) > a {text-decoration: none !important;}article > [data-content-type="article-content"] > h2 > a:hover::before {font-family: var(--font-family-body);content: "\00B6 ";position: absolute;right: unset;left: 0;}:where( article > [data-content-type="article-content"] > h3, article > [data-content-type="article-content"] > h4, article > [data-content-type="article-content"] > h5, article > [data-content-type="article-content"] > h6 ) > a:hover::after {font-family: var(--font-family-body);content: "\00B6 ";position: absolute;right: 0;left: unset;}.table-of-contents {border: none;margin-bottom: unset;}.table-of-contents > nav {margin-bottom: var(--font-size-xs);padding: var(--font-size-xs);border-style: solid;border-width: 0.05em;background-color: var(--color-component);}.table-of-contents > nav ol {padding-left: var(--font-size-m);padding-right: var(--font-size-m);}.table-of-contents > nav ol {counter-reset: item;}.table-of-contents > nav ol li {display: block;font-weight: normal;}.table-of-contents > nav > ol > li {margin-top: var(--font-size-xs);font-weight: bold;}.table-of-contents > nav li:before {font-family: var(--font-family-heading);font-size: var(--font-size-m);font-weight: normal;content: counters(item, ".") " ";counter-increment: item;}.table-of-contents > summary {font-family: 'Playfair Display',serif;text-align: right;border-bottom-style: solid;border-width: 0.05em;text-transform: uppercase;font-size: 1.1em;background: none;}.table-of-contents > summary::first-letter {font-size: 1.25em;}article > [data-content-type="article-content"] figure {text-align: center;}article > [data-content-type="article-content"] img {margin-top: var(--font-size-xs);max-width: 100%;}article > [data-content-type="article-content"] > h2 {font-family: 'Playfair Display',serif;text-align: right;text-transform: uppercase;}article > [data-content-type="article-content"] > h2 > a {border-bottom-style: solid;border-width: 0.05em;}article > [data-content-type="article-content"] > p {margin-top: var(--font-size-xs);}article > [data-content-type="article-content"] > blockquote {margin-top: var(--font-size-xs);border-left: 0.2em solid var(--color-accent);padding-left: var(--font-size-xs-root);padding-top: var(--font-size-xs-root);padding-bottom: var(--font-size-xs-root);font-family: 'Charm', cursive;font-size: var(--font-size-m);line-height: var(--font-size-m);}article details {margin-bottom: var(--font-size-xs);border-style: dotted;border-width: 0.05em;border-left: 0.2em solid var(--color-primary);border-radius: 0.5em;cursor: pointer;}article details > summary {padding: var(--font-size-xs);font-family: 'Playfair Display',serif;background-color: var(--color-component);}article details > summary + * {padding: var(--font-size-xs);}article > [data-content-type="article-content"] > hr {margin-top: var(--font-size-xs);margin-bottom: var(--font-size-xs);}article > [data-content-type="article-content"] > iframe {max-width: 100%;}article > [data-content-type="article-content"] ul, article > [data-content-type="article-content"] ol {margin-top: var(--font-size-xs);padding-left: var(--font-size-l);}article > [data-content-type="article-content"] ul {list-style-type: "\25C6";}article > [data-content-type="article-content"] ol {padding-left: var(--font-size-xl);}article > [data-content-type="article-content"] ul > li {padding-left: var(--font-size-xs);}article > [data-content-type="article-content"] ol > li::marker {font-family: var(--font-family-heading);font-size: var(--font-size-m);}article pre {background: var(--color-dark-highlight);}article code {font-size: var(--font-size-s) !important;background-color: var(--color-component);padding: 0.3em;border-radius: 0.3em;}.copy-to-clipboard-button > span {color: white;}span.dropcaps {float: left;margin-right: 0.1em;margin-top: 0.5em;margin-bottom: 0.2em;font-family: var(--font-family-heading);font-size: 5em;}.has-dropcap:first-letter {font-family: var(--font-family-heading);float: left;font-size: 5em;line-height: 1;margin: 0.1em 0.1em 0 0;}:where( article, section.footnotes ) > hr {margin-top: var(--font-size-l-root);border-left: none;border-right: none;border-top: double;border-bottom: double;border-width: 0.15em;border-color: var(--color-separator);text-align: center;}:where( article, section.footnotes ) > hr:after {position: relative;font-size: var(--font-size-l-root);font-weight: bold;color: var(--color-text);}article > hr:after {content: '\00A7';}section.footnotes > hr:after {content: '\2020';}article > aside > hr {margin-top: var(--font-size-l-root);}a.footnote-ref {text-decoration: none }a.footnote-ref::before {content: '[';}a.footnote-ref::after {content: ']';}.blog-posts {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: start;-ms-flex-align: start;align-items: start;font-size: var(--font-size-s-root);gap: var(--font-size-l);list-style-type: none;}.blog-posts > :nth-child(1), .blog-posts > :nth-child(2) {max-width: 50%;}:where(.blog-posts > :nth-child(1), .blog-posts > :nth-child(2)) > h2 {text-align: center;font-size: var(--font-size-l);}[role="article"] {border-bottom-style: none !important;}@media (max-width: 30rem) {.blog-posts {-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}.blog-posts > :nth-child(1), .blog-posts > :nth-child(2) {max-width: unset;}}article > aside {margin-top: var(--font-size-l-root);& h2 {text-align: center;max-width: var(--max-width-list-item-root);font-size: var(--font-size-m);margin: auto;margin-top: var(--font-size-r);margin-bottom: var(--font-size-r);font-weight: normal;font-family: var(--font-family-heading);line-height: var(--font-size-m);font-weight: bold;text-transform: uppercase;& > a {&::first-letter {font-size: 1.25em;}}}}