@import'./3rd-party/prism.css';@font-face{font-family:"Atkinson Regular";font-style:normal;font-weight:400;font-display:swap;src:url("./fonts/Atkinson-Hyperlegible-Regular-102a.woff2") format("woff2")}@font-face{font-family:"Atkinson Bold";font-style:normal;font-weight:700;font-display:swap;src:url("./fonts/Atkinson-Hyperlegible-Bold-102a.woff2") format("woff2")}:root{--page-bg: #9E5700;--container-bg: #FFF;--color-base: #1E1E1E;--color-link: #663800;--color-link-focus-bg: #F9E3C8;--color-link-syrup: #663800;--color-link-syrup-focus-color: #F9E3C8;--color-link-syrup-focus-bg: #663800;--section-border: #1E1E1E;--width-text: 70ch}@media(prefers-color-scheme: dark){:root{--page-bg: #9E5700;--container-bg: #1E1E1E;--color-base: #EDEDED;--color-link: #F9E3C8;--color-link-focus-bg: #663800;--color-link-syrup: #F9E3C8;--color-link-syrup-focus-color: #663800;--color-link-syrup-focus-bg: #F9E3C8;--section-border: #F9E3C8}}:root{--font-size-sm: clamp(0.8rem, 0.34vw + 0.71rem, 0.99rem);--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);--font-size-md: clamp(1.25rem, 0.32vw + 1.17rem, 1.43rem);--font-size-lg: clamp(1.56rem, 0.27vw + 1.5rem, 1.71rem);--font-size-xl: clamp(1.95rem, 0.18vw + 1.91rem, 2.05rem);--font-size-xxl: clamp(2.44rem, 0.04vw + 2.43rem, 2.46rem);--font-size-xxxl: clamp(3.05rem, -0.18vw + 3.1rem, 2.95rem)}*,*::before,*::after{box-sizing:border-box;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}*::-moz-focus-inner{border:0}html,body{height:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--page-bg);color:var(--color-base)}body{display:flex;flex-direction:column;gap:1.5rem;margin:0;padding:0;font-family:"Atkinson Regular",sans-serif;font-size:var(--font-size-base);line-height:1.5}body>*{flex-shrink:0}body>main{flex-grow:1}h1,h2,h3,h4,h5,h6,blockquote,p,pre,dl,dd,ol,ul,figure,hr,fieldset,legend{margin:0;padding:0}input,button,textarea,select{font:inherit}ul[class],ol[class]{list-style:none}address{font-style:normal}a,button{transition:all 225ms 0ms linear}@media(prefers-color-scheme: dark){a:hover,button:hover{box-shadow:0 0 0 2px var(--color-link)}}a:not([class]){text-decoration-skip-ink:auto}button{font:inherit;color:currentColor;border:none;background-color:rgba(0,0,0,0)}button:hover{cursor:pointer}:focus{outline:2px solid var(--color-link)}:focus-visible{outline:none;background-color:var(--color-link-focus-bg);box-shadow:0 0 0 2px currentColor}img{display:block;max-width:100%;outline:0}@media(prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;scroll-behavior:auto !important}}@media(prefers-reduced-motion: no-preference){html:focus-within{scroll-behavior:smooth}}.container{container-type:inline-size;container-name:container;width:100%;max-width:64rem;margin:0 auto;background-color:var(--container-bg);box-shadow:-16px 0px 0 -8px var(--section-border),16px 0 0 -8px var(--section-border)}@media screen and (max-width: 599px){.container{padding:1rem}}@media screen and (min-width: 600px){.container{padding:2rem}}@media screen and (min-width: 600px){.list-wrapper{padding-inline:1rem}}.content a:not([class]){margin-inline:-2px;padding-inline:2px}.content a:not([class]):hover,.content a:not([class]):focus-visible,.content a:not([class]):active{text-decoration:none;background-color:var(--color-link-focus-bg)}.header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.logo__link{display:block;height:2.4rem;width:auto;padding:.25rem}.logo__img{height:100%;object-fit:contain;width:auto}.skiplink{clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden;padding:0;position:absolute !important;width:1px !important;outline:0;border-color:#663800;background-color:#f9e3c8;color:var(--color-base);font-family:"Atkinson Bold",sans-serif;font-weight:700;font-size:var(--font-size-base);transition:none}@media(prefers-color-scheme: dark){.skiplink{border-color:#1e1e1e;color:#1e1e1e}}.skiplink--main-content:active,.skiplink--main-content:focus-visible{clip:auto !important;height:auto !important;margin:0;overflow:visible;width:auto !important;z-index:20;position:static !important;position:fixed !important;top:1.5rem;left:1.5rem}@media screen and (max-width: 599px){.skiplink--article-list{display:none !important}}@media screen and (min-width: 600px){.skiplink--article-list:active,.skiplink--article-list:focus-visible{clip:auto !important;height:auto !important;margin:0;overflow:visible;width:auto !important;z-index:20;position:static !important;position:absolute !important;top:1.3rem;left:15rem}}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}@container container (min-width: 39rem){.social__list{text-align:right}}.article__item+.article__item{margin-top:1.5rem}.article__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem;margin-block-end:2rem}.article__preview{margin-block-end:4rem}.article__preview--draft{border-inline-start:8px solid var(--section-border)}.article__preview p{max-width:var(--width-text)}.article__status{display:block;font-weight:bold}.article__heading-link:hover,.article__heading-link:focus-visible,.article__heading-link:active{text-decoration:none;background-color:var(--color-link-focus-bg)}article:is(.bg-syrup-light) .article__heading-link:hover,article:is(.bg-syrup-light) .article__heading-link:focus-visible,article:is(.bg-syrup-light) .article__heading-link:active{background-color:var(--color-link-syrup-focus-bg);color:var(--color-link-syrup-focus-color)}.article__image{height:auto;margin-block-end:1rem;object-fit:contain}.article__main{max-width:var(--width-text)}.article__footer{margin-block-start:4rem;padding-block:1.5rem;border-block-start:2px solid var(--section-border)}.teaser-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(20rem, 1fr));gap:1rem;margin-block-end:1rem}.teaser-grid .teaser-grid___item--end{justify-self:end}.teaser-grid .teaser-grid___item--full{grid-column:1/-1}.teaser-grid h2{margin-block-end:0}.teaser-grid .article__preview{margin-block-end:0;background-color:#f9e3c8;border:2px solid #663800;padding:1rem;border-radius:6px}@media(prefers-color-scheme: dark){.teaser-grid .article__preview{background-color:#1e1e1e;border-color:var(--section-border)}}pre[class*=language-]{position:relative;overflow:hidden;min-width:100px;max-width:100%;margin-block-end:1rem;padding:0;font-size:1rem}pre[class*=language-]::before{content:attr(data-language);position:absolute;top:0;left:0;width:100%;padding:.2em 1rem;background:linear-gradient(to right, transparent 0%, #1E1E1E 80%, #1E1E1E 85%);color:#fff;text-align:right;font-size:.9em;text-transform:uppercase}code[class*=language-]{display:block;max-width:100%;min-width:100px;padding:3em 1em 1.5em;-webkit-overflow-scrolling:touch;overflow-x:auto}code{background:#ededed;color:#1e1e1e;padding:2px 5px;border-radius:2px;font-size:.8em}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Atkinson Bold",sans-serif}h1,.h1{margin-block:1rem;font-size:var(--font-size-xxxl);line-height:1.1}h2,.h2{margin-block:2rem 1.5rem;font-size:var(--font-size-xxl);line-height:1.3}h3,.h3{margin-block-end:.5rem;font-size:var(--font-size-xl);line-height:1.3}h4,.h4{font-size:var(--font-size-lg);line-height:1.4}h5,.h5{font-size:var(--font-size-md);line-height:1.4}small{font-size:var(--font-size-sm)}strong{font-family:"Atkinson Bold",sans-serif}a{color:var(--color-link)}p{margin-block-end:1rem}main ul:not([class]),main ol:not([class]){margin:.5rem 0 .5rem 1.5rem}blockquote{margin-block-end:1rem;padding-inline-start:1rem;border-inline-start:2px solid var(--color-base)}.button{display:inline-block;line-height:1;text-decoration:none}.button--large{padding:.5rem 1rem;border:2px solid;border-radius:6px}.button--small{padding:.25rem .5rem;border:1px solid;border-radius:3px}.button--white{border-color:var(--color-link);color:var(--color-link)}.button--white:hover,.button--white:focus-visible,.button--white:active{background-color:var(--color-link-focus-bg)}.button--bright{border-color:var(--color-link-syrup);background-color:#f9e3c8;color:var(--color-link-syrup)}.button--bright:hover,.button--bright:focus-visible,.button--bright:active{background-color:var(--color-link-syrup-focus-bg);color:var(--color-link-syrup-focus-color);box-shadow:0 0 0 2px var(--color-link-syrup-focus-bg)}@media(prefers-color-scheme: dark){.button--bright{background-color:#1e1e1e;border-color:var(--section-border)}}article:is(.bg-syrup-light) .button--white:hover,article:is(.bg-syrup-light) .button--white:focus,article:is(.bg-syrup-light) .button--white:active{background-color:var(--color-link-syrup-focus-bg);color:var(--color-link-syrup-focus-color)}.nav-main__list{display:flex;gap:.5rem}.nav-main__link{position:relative;text-decoration:none;padding:.5rem 1rem;border-bottom:2px solid rgba(0,0,0,0);font-size:var(--font-size-md)}.nav-main__link:hover,.nav-main__link:focus-visible,.nav-main__link:active{background-color:var(--color-link-focus-bg)}.nav-main__link.active{border-bottom-color:var(--color-link)}.nav-category{position:relative;margin-block-end:4rem;padding:1rem;border:1px solid var(--section-border);box-shadow:-16px 0px 0 -8px var(--section-border),16px 0 0 -8px var(--section-border)}.nav-category__heading{margin-block-start:0}.nav-category__list{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.nav-category__link{position:relative;display:block;padding:.25rem .5rem;border-bottom:2px solid rgba(0,0,0,0);text-decoration:none}.nav-category__link:hover,.nav-category__link:focus-visible,.nav-category__link:active{background-color:var(--color-link-focus-bg)}.nav-category__link[aria-current]{border-bottom-color:var(--color-link)}.js-navcat-toggle{display:none}.js-navcat-toggle[aria-expanded]{display:inline-block}.js-navcat-toggle[aria-expanded=true]+.nav-category__wrapper{display:block;margin-top:1rem}.js-navcat-toggle[aria-expanded=false]+.nav-category__wrapper{display:none}.nav-pagination__list{display:flex;justify-content:center;gap:1rem}.nav-pagination__link{display:block;border:1px solid var(--section-border);padding:1rem 1.5rem;font-size:var(--font-size-base);line-height:1;text-decoration:none}.nav-pagination__link[aria-current]{border-bottom-width:4px}.nav-pagination__link:hover,.nav-pagination__link:focus,.nav-pagination__link:active{background-color:var(--color-link-focus-bg)}.nav-browse{display:grid;grid-template-areas:"next prev" "home home";grid-template-columns:repeat(2, 1fr);gap:2rem 1.5rem}.nav-browse__prev{grid-area:prev;justify-self:end}.nav-browse__next{grid-area:next}.nav-browse__home{grid-area:home}.nav-browse__symbol{text-align:right}.nav-browse__symbol--next{transform:rotate(180deg)}.nav-browse__link--prev{display:inline-block;text-align:right}.nav-browse__link{margin-inline:-2px;padding-inline:2px}.nav-browse__link:hover,.nav-browse__link:focus-visible,.nav-browse__link:active{text-decoration:none;background-color:var(--color-link-focus-bg)}