:root{--color-neutral:#717184;--color-neutral-darkest:hsl(from var(--color-neutral)h s 12%);--color-neutral-dark:hsl(from var(--color-neutral)h s 40%);--color-neutral-light:hsl(from var(--color-neutral)h s 80%);--color-neutral-lightest:hsl(from var(--color-neutral)h s 96%);--color-accent-with-contrast:hsl(from var(--color-accent)h s calc(l - 25));--color-focus:#fa0;--color-highlight:#fe0;--color-background:white;--color-offset:var(--color-neutral-lightest);--color-shadow:hsl(from var(--color-neutral-darkest)h s l/10%);--color-text:var(--color-neutral-darkest);--color-text-focus:hsl(from var(--color-neutral-darkest)h s 0);--color-link:var(--color-accent-with-contrast);--color-link-underline:var(--color-neutral-light);--font-family-sans:"Söhne",sans-serif;--font-family-monospace:"Söhne Mono",monospace;--line-height-tight:1.125;--line-height-loose:1.5;--line-height-prose:1.667;--line-measure:48rem;--text-spacing:0 .25em .125em .25em;--word-spacing:0;--font-size-xs:1rem;--font-size-s:clamp(1rem,.9375rem + .25vw,1.125rem);--font-size-m:clamp(1.067rem,.8974rem + .6785vw,1.4063rem);--font-size-l:clamp(1.1385rem,.8288rem + 1.2386vw,1.7578rem);--font-size-xl:clamp(1.2148rem,.7235rem + 1.965vw,2.1973rem);--font-size-2xl:clamp(1.2962rem,.5709rem + 2.9008vw,2.7466rem);--font-size-3xl:clamp(1.383rem,.3579rem + 4.1005vw,3.4332rem);--font-title:500 var(--font-size-3xl)/var(--line-height-tight)var(--font-family-sans);--font-summary:normal var(--font-size-l)/var(--line-height-loose)var(--font-family-sans);--font-heading:500 var(--font-size-l)/var(--line-height-tight)var(--font-family-sans);--font-subhead:normal var(--font-size-m)/var(--line-height-loose)var(--font-family-sans);--font-caption:normal var(--font-size-s)/var(--line-height-loose)var(--font-family-sans);--font-meta:normal var(--font-size-xs)/var(--line-height-loose)var(--font-family-monospace);--space-2xs:clamp(.5rem,calc(.5rem + 0vw),.5rem);--space-xs:clamp(.69rem,calc(.66rem + .13vw),.75rem);--space-s:clamp(.94rem,calc(.91rem + .13vw),1rem);--space-m:clamp(1.88rem,calc(1.81rem + .25vw),2rem);--space-l:clamp(3.75rem,calc(3.63rem + .5vw),4rem);--space-s-m:clamp(.94rem,calc(.41rem + 2.13vw),2rem);--space-s-l:clamp(.94rem,calc(-.59rem + 6.13vw),4rem);--space-m-l:clamp(1.88rem,calc(.81rem + 4.25vw),4rem);--border-width-focus:3px;--border-width-thin:1px;--border-width-thick:3.5px;--border-rule-thin:var(--border-width-thin)solid var(--color-offset);--border-rule-thick:var(--border-width-thick)solid var(--color-offset);--gap:var(--space-s-m);--transition-short:.15s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-neutral-darkest:hsl(from var(--color-neutral)h s 96%);--color-neutral-dark:hsl(from var(--color-neutral)h s 80%);--color-neutral-light:hsl(from var(--color-neutral)h s 24%);--color-neutral-lightest:hsl(from var(--color-neutral)h s 16%);--color-accent-with-contrast:hsl(from var(--color-accent)h s calc(l + 25));--color-background:hsl(from var(--color-neutral-lightest)h s 8%);--color-highlight:#5252ff;--color-shadow:black;--line-height-tight:calc(1.25em + .25vw);--line-height-loose:calc(1.5em + .25vw);--line-height-prose:calc(1.667em + .25vw);--word-spacing:.05em}}@font-face{font-display:swap;font-family:Söhne Mono;font-weight:400;src:url(/assets/fonts/soehne-mono-buch.woff2)format("woff2")}@font-face{font-display:swap;font-family:Söhne;font-weight:400;src:url(/assets/fonts/soehne-buch.woff2)format("woff2")}@font-face{font-display:swap;font-family:Söhne;font-style:italic;font-weight:400;src:url(/assets/fonts/soehne-buch-kursiv.woff2)format("woff2")}@font-face{font-display:swap;font-family:Söhne;font-weight:500;src:url(/assets/fonts/soehne-kraftig.woff2)format("woff2")}.align-bleed{--linear-line-measure:auto;grid-template-columns:[bleed-start]minmax(0,var(--linear-line-measure))[measure]1fr [bleed-end];margin-inline:calc(var(--gap)*-1);display:grid;&>a:first-child,&>img:first-child,&>picture:first-child{grid-column:bleed;inline-size:100%}& figcaption{padding-inline:var(--gap)}}@media (width>=640px){.align-pull{float:right;float:inline-end;margin-inline:var(--gap)calc(var(--gap)*-1);inline-size:33%;margin-block:var(--linear-flow-space)!important}}.container{padding-inline:var(--gap);inline-size:min(100vw,80rem);margin-inline:auto}.visually-hidden:not(:focus){clip:rect(0 0 0 0);border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}iframe,img{page-break-inside:avoid;border:0;display:block}iframe{inline-size:100%}img{block-size:auto;max-inline-size:100%;@media (prefers-color-scheme:dark){&{filter:brightness(.8)contrast(1.2)}}}svg{fill:currentColor}button,input,select,textarea{color:inherit;font:inherit;outline-offset:0;border-radius:0}address{font-style:normal}hr{border:0}pre{hyphens:none;tab-size:2;white-space:pre-wrap}address,figure,blockquote,dl,p,ol,ul{font-feature-settings:"ss02" 1,"case" 1;hanging-punctuation:first;letter-spacing:.01em;orphans:2;widows:2;margin:0}figcaption{text-wrap:pretty}ol[role=list],ul[role=list],ul[role=listbox]{padding-inline-start:var(--flow-inset,0);list-style:none}dd{margin-inline-start:unset}html{block-size:100vh}html:focus-within{scroll-behavior:smooth}*,:before,:after{box-sizing:border-box}body{color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-s);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;min-block-size:100vh;margin:0;display:flex;overflow-x:hidden}@media screen{body{background:var(--color-offset)}}h1,h2,h3,h4,h5,h6,legend{break-after:avoid;font-feature-settings:"ss02" 1,"case" 1;font-size:inherit;font-weight:inherit;hanging-punctuation:first;text-rendering:optimizelegibility;text-wrap:balance;margin:0}:focus-visible{outline:var(--border-width-focus)solid var(--color-focus);z-index:1}::selection{background-color:var(--color-highlight)}table{border-spacing:0;break-inside:avoid;font-size:inherit;font-variant-numeric:tabular-nums diagonal-fractions}tr{break-inside:avoid}td,th{text-align:start;vertical-align:top}thead th{font-weight:500}tbody th{font-weight:400}caption{caption-side:bottom;text-align:start;text-wrap:pretty}a{color:var(--anchor-color,inherit);-webkit-text-decoration:var(--anchor-decoration,none);text-decoration:var(--anchor-decoration,none);-webkit-text-decoration-color:var(--color-link-underline);text-decoration-color:var(--color-link-underline);text-underline-offset:1.5px;text-decoration-thickness:1px;&:hover{color:var(--color-link);-webkit-text-decoration-color:var(--color-link);text-decoration-color:var(--color-link);text-decoration-thickness:2px}}a[aria-current]{font-weight:500}a[rel=tag]{white-space:nowrap;word-spacing:-.25ch;text-decoration:none}a[rel=tag]:before{content:"#"}a[rel=tag]:hover:before{opacity:1}abbr[title]{text-decoration:none}sub{font-variant-position:sub}sup{font-variant-position:super}:is(h1,h2,h3,h4,h5,h6) cite{font-style:initial}code,samp,var{font-family:var(--font-family-monospace);font-variant-numeric:tabular-nums;font-style:normal}ins{text-decoration:none}mark{background-color:var(--color-highlight)}time{font-variant:tabular-nums}.s-linear{--color-link-underline:var(--color-neutral);--flow-inset:var(--font-size-m);--linear-flow-space:1em;--linear-font-size:var(--font-size-m);--linear-line-height:var(--line-height-prose);--linear-line-measure:var(--line-measure);&>*{font-size:var(--linear-font-size);line-height:var(--linear-line-height);max-inline-size:var(--linear-line-measure);word-break:break-word}&>*+*{margin-block-start:var(--linear-flow-space)}&>hr{border-block-end:var(--border-width-thick)solid var(--color-accent);inline-size:calc(33% - calc(var(--gap)/2));margin-block:calc(var(--linear-flow-space)*2);margin-inline-start:0}& :is(caption,figcaption){color:var(--color-neutral-dark);font:var(--font-caption)}& p+figure{padding-block-start:var(--linear-flow-space)}& figcaption{padding-block:var(--linear-flow-space)calc(var(--linear-flow-space)*2)}& :is(p,dl,ol,ul,address){font-variant:oldstyle-nums;word-spacing:var(--word-spacing)}& :is(p,dl,ol,ul,address,blockquote):not(:first-child){margin-block-start:var(--linear-flow-space)}&>aside :is(p,dl,ol,ul,address){--flow-inset:0;color:var(--color-neutral-dark);font-size:var(--font-size-s);padding-inline-end:var(--gap)}& blockquote{border-inline-start:var(--border-width-thick)solid var(--color-accent);margin-inline-start:0;padding-inline-start:var(--flow-inset,1em)}& pre{--linear-line-measure:auto;background-color:var(--color-offset);font-size:var(--font-size-s);padding-block:var(--space-s);padding-inline:var(--gap);margin-inline-start:calc(var(--gap)*-1);display:block}& table{--linear-line-measure:auto;font-size:var(--font-size-s);inline-size:100%}& th,& td{padding:var(--space-s);padding-block-end:var(--space-s);padding-inline-start:0}& tbody th,& tbody td{border-block-start:var(--border-width-thin)solid var(--color-neutral-light)}& [style^=--chart-width]{background:repeating-linear-gradient(to right,var(--color-neutral-light),var(--color-neutral-light)1px,transparent 1px,transparent 2%),linear-gradient(to right,var(--color-neutral-light)var(--chart-width),transparent var(--chart-width));margin-block:calc(var(--space-s)*-1);padding:var(--space-xs);inline-size:100%;margin-inline-end:calc(var(--space-s)*-1);display:inline-block;position:relative}& :is(aside,pre,table):not(:first-child){margin-block-start:calc(var(--linear-flow-space)*2)}& :is(aside,pre,table){margin-block-end:calc(var(--linear-flow-space)*2)}& h2:not([class]){font-size:var(--font-size-xl);font-weight:500;line-height:var(--line-height-tight);margin-block-start:var(--space-m-l)}& h3:not([class]){font-size:var(--font-size-l);line-height:var(--line-height-tight);margin-block-start:var(--space-m-l)}& h4:not([class]){color:var(--color-neutral-dark);margin-block-end:calc(var(--linear-flow-space)*-.5)}& p>img:only-of-type:first-of-type{float:right;float:inline-end;inline-size:clamp(50%,9rem,40vw);margin-block-end:var(--linear-flow-space);margin-inline-start:var(--space-m)}& :is(ol,ul){--flow-inset:calc(var(--flow-inset)*2)}& dt,& strong{font-weight:500}& dt{float:inline-start;margin-inline-end:1ch;font-weight:500}& dt+dd{margin-block-end:var(--linear-flow-space)}& li:has(p){margin-block-start:calc(var(--linear-flow-space)*.5)}& code{background-color:var(--color-offset)}& :not(pre) code,& samp{padding:var(--text-spacing);font-size:.9em}& pre code{padding:0}& ul:has(li>:is(a>img,figure,img,picture):only-child){--linear-line-measure:auto;grid-template-columns:1fr;align-items:start;padding-inline:0;display:grid;@media (width>=640px){&{grid-template-columns:repeat(var(--gallery-columns),1fr)}}&:has(*+*){--gallery-columns:var(--columns,2)}&:has(*+*+*){--gallery-columns:var(--columns,3)}&:has(*+*+*+*){--gallery-columns:var(--columns,4)}&:not(:has(img[src*=\#screenshot])){gap:var(--space-s)}& img:not([src*=\#screenshot]){max-block-size:90vh;inline-size:auto;max-inline-size:100%}& li{justify-content:center;display:flex}& li:has(.u-photo){background-color:var(--color-shadow)}& figure:has(img[src*=\#screenshot]) figcaption{padding-inline:var(--gap)}}}.avatar{background-color:var(--color-offset);block-size:var(--avatar-size,var(--space-l));inline-size:var(--avatar-size,var(--space-l));object-fit:cover;border-radius:100%;max-inline-size:none}.banner{padding-block:var(--space-s-m);flex-wrap:wrap;align-items:baseline;display:flex}.banner__title{white-space:nowrap;flex:0;margin-inline-end:var(--gap);font-weight:500;& a{color:var(--color-text);padding-block:var(--space-2xs);padding-inline:var(--space-s);margin-inline-start:calc(var(--space-s)*-1);display:inline-flex}}.banner__navigation{color:var(--color-neutral-dark);margin-inline:calc(var(--space-xs)*-1);flex-wrap:wrap;flex:1;justify-content:space-between;display:flex}.barchart{flex-direction:column;max-inline-size:100%;display:flex;overflow-x:auto}@media (width>=640px){.barchart{overflow-x:visible}}.barchart__caption,.barchart__key{color:var(--color-neutral-dark);font-size:var(--font-size-s);padding-block:var(--space-2xs);text-align:end}.barchart__caption abbr:before{content:"◼︎ "}.barchart__caption abbr:first-of-type:before{color:var(--color-accent)}.barchart__caption abbr:last-of-type:before{color:var(--color-neutral-dark)}.barchart__items{inline-size:100%;min-inline-size:32rem;display:flex}.barchart__item{flex-direction:column-reverse;flex:1;height:33vh;display:flex}.barchart__key{border-block-start:var(--border-width-thin)solid var(--color-neutral-light)}.barchart__key-label{padding-block-end:var(--space-2xs);padding-inline-start:var(--space-2xs);font-size:75%;display:block;rotate:60deg}.barchart__value{align-items:end;block-size:100%;display:flex;position:relative}.barchart__value a{display:contents}.barchart__value [style^=--chart-size]{block-size:var(--chart-size);display:block;position:absolute}.barchart__value [style^=--chart-size]:first-of-type{background-color:var(--color-accent);inline-size:40%;inset-inline-start:10%}.barchart__value [style^=--chart-size]:last-of-type{background-color:var(--color-neutral-dark);inline-size:40%;inset-inline-end:10%}.barchart__value .barchart__value-label{--pointer-size:var(--space-2xs);background-color:var(--color-background);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - var(--pointer-size)),var(--pointer-size)calc(100% - var(--pointer-size)),0 100%);color:var(--color-text);filter:invert();padding-block:var(--pointer-size)calc(var(--pointer-size)*2);padding-inline:var(--space-xs);white-space:nowrap;z-index:2;font-size:90%;display:none;position:absolute;inset-block-start:-3em}.barchart__value [style^=--chart-size]:hover .barchart__value-label{display:block}.card{--anchor-decoration:none;--card-growth:var(--space-s);--color-link:hsl(from var(--color-accent)h s calc(l - 25));background:var(--color-offset);transition-duration:var(--transition-short);flex-direction:column;flex:1;transition-property:background-color,box-shadow,margin,padding;display:flex;position:relative;overflow:hidden;@media (prefers-color-scheme:dark){&{--color-link:hsl(from var(--color-accent)h s calc(l + 30))}}}.card:hover{background-color:var(--color-background);box-shadow:0 0 1vw var(--color-shadow),0 0 4vw var(--color-shadow)}@media (width>=440px){.card:hover{margin:calc(var(--card-growth)*-1);padding:var(--card-growth)}.card__image{margin:calc(var(--card-growth)*-1)}.card__image:not(:last-child){margin-block-end:0}}.card[style^=--color-accent] .card__image{background-color:var(--color-link)}.card[style^=--color-accent] .card__image img{aspect-ratio:1.5;filter:contrast(.75)brightness(1.25);mix-blend-mode:luminosity;object-fit:cover}.card__header{padding:var(--space-s);padding-block-end:0}.card__title{font:var(--font-heading)}.card__title a:before{content:"";z-index:2;position:absolute;inset:0}.card__title a:focus{outline:0}.card__title a:focus:before{outline:var(--border-width-focus)solid var(--color-focus);outline-offset:calc(var(--border-width-focus)*-1)}.card__main{--linear-font-size:var(--font-size-m);--linear-line-height:var(--line-height-tight);color:var(--color-neutral-dark);padding:var(--space-s);text-wrap:pretty}.card__footer{color:var(--color-neutral-dark);font:var(--font-meta);padding:var(--space-s);margin-block-start:auto}.card svg{color:#fff;position:absolute;inset-block-start:var(--space-xs);inset-inline-end:var(--space-xs)}.categories{color:var(--color-link);& li{padding-block:var(--space-2xs);padding-inline:0 var(--space-s);display:inline-block}}[data-type=note] .content,[data-type=photo] .content,[data-type=reply] .content{--linear-flow-space:var(--space-s);--linear-font-size:var(--font-size-l);--linear-line-height:var(--line-height-loose)}.contentinfo{color:var(--color-neutral-dark);padding-block:var(--gap);flex-flow:row-reverse wrap;justify-content:space-evenly;align-items:center;margin-block-start:auto;display:flex;& .navigation{flex-wrap:wrap;justify-content:center}& a:hover{color:var(--color-link)}}.contentinfo__legal{padding-block:var(--space-2xs);padding-inline:var(--space-s);font-size:100%}@media (width>=640px){.contentinfo__legal{margin-inline-start:calc(var(--space-s)*-1)}.contentinfo .navigation:first-of-type{margin-inline-start:auto}}@media print{.contentinfo{flex-flow:row;justify-content:start}.contentinfo__legal{margin:0;padding:0}}.embed{& a{--anchor-decoration:none;--linear-flow-space:0;background-color:var(--color-offset);border-inline-start:var(--border-width-thick)solid var(--color-accent);align-items:center;gap:var(--flow-inset);padding:var(--flow-inset);flex-wrap:wrap;display:flex}& img{flex-grow:1;flex-basis:15rem;max-inline-size:min(100%,15rem)}& p{font:var(--font-subhead);flex-grow:999;flex-basis:0;min-inline-size:40%;&:before{content:"▶ "/""}}& span{font-size:var(--font-size-s);text-underline-offset:1.5px;margin-block-start:var(--space-2xs);font-weight:400;text-decoration:underline;text-decoration-thickness:1px;display:block}&:hover span{text-decoration-thickness:2px}}.footer{color:var(--color-neutral-dark);font-family:var(--font-family-monospace);align-items:baseline;padding-block-end:var(--space-s);display:flex;& a{text-decoration:none}& cite{font-style:normal}& dl{flex:1}& dt,& dd{white-space:nowrap;display:inline}& dd:not(:last-of-type):after{content:"·";opacity:.5;padding-inline:calc(var(--space-xs)/2);display:inline}}.footnotes{padding-inline-start:0;list-style-position:inside}.footnotes :target{background-color:var(--color-highlight)}.footnote-ref{font-variant:tabular-nums;padding:var(--text-spacing)}.footnote-backref{border-radius:100%;justify-content:center;align-items:baseline;block-size:1.5em;inline-size:1.5em;margin:0;text-decoration:none;display:inline-flex}.footnote-backref:hover{background-color:var(--color-offset)}.form{font-size:var(--font-size-m);line-height:var(--line-height-loose)}.form__field{flex-wrap:wrap;margin-block-end:var(--space-s);display:flex}.form__label{color:var(--color-neutral-dark);padding-block:var(--space-2xs);flex:1 0 100%;display:block}.form__input{background-color:var(--color-background);border:var(--border-width-thick)solid var(--color-neutral-light);padding:var(--space-2xs);flex:1;inline-size:100%;&:focus{border-color:var(--color-neutral-darkest);outline:var(--border-width-focus)solid var(--color-focus)}}textarea.form__input{block-size:12em}.form__button{background-color:var(--color-text);color:var(--color-background);padding:var(--space-xs)var(--space-s);border:0;font-weight:500;&:hover{background-color:var(--color-link)}}.form__combobox{flex:1;position:relative}.form__listbox{background-color:var(--color-background);border:var(--border-width-thick)solid var(--color-neutral-darkest);z-index:1;max-block-size:60vh;margin-block-start:calc(calc(var(--space-s) + var(--border-width-thick))*-1);position:relative;overflow-y:scroll;& li{--anchor-decoration:none;--color-link:currentcolor;padding:var(--space-s);align-items:baseline;display:flex;&[aria-selected=true]{background-color:var(--color-accent);color:#fff}&:hover[aria-selected=true]{background-color:var(--color-accent-with-contrast)}&:hover:not([aria-selected=true]){background-color:var(--color-offset)}}}.header{border-image-outset:calc(var(--gap)/2)100vw var(--gap)var(--gap);max-inline-size:var(--line-measure);border-image-source:url(/assets/vectors/dots.svg);border-image-slice:15 fill;border-image-repeat:space}.footer+.header{margin-block-start:0}.header>*+*{margin-block-start:var(--space-s)}.header__title{font:var(--font-title);align-items:end;gap:var(--space-xs);display:inline-flex}.header__summary{color:var(--color-neutral-dark);font:var(--font-summary);max-inline-size:var(--line-measure);text-wrap:pretty}.item{border-block-start:var(--border-rule-thick);gap:var(--space-2xs);flex-direction:column;flex:1;padding-block-start:var(--space-2xs);display:flex;position:relative}.item__title{--anchor-decoration:none;font:var(--font-heading);& a{align-items:center;gap:var(--space-2xs);display:inline-flex}}.item__main{--linear-flow-space:var(--space-xs);--linear-line-height:var(--line-height-loose)}.item__header+.item__main{color:var(--color-neutral-dark)}@media (width>1024px){.item__main img{inline-size:100%;max-inline-size:25rem}}.item__footer{--anchor-decoration:none;color:var(--color-neutral-dark);font:var(--font-meta)}.item--comment{padding-inline-start:calc(var(--space-l) + var(--gap));& .avatar{position:absolute;inset-block-start:var(--space-2xs);inset-inline-start:0}}.items{gap:var(--space-m-l)var(--gap);grid-template-columns:repeat(auto-fit,minmax(var(--grid-size),1fr));display:grid;&:has(.card){grid-gap:var(--gap)}}@media (width>=640px){.items__item:not(:has(.card__image--photo)){max-inline-size:calc(var(--grid-size)*1.5)}}@media (width<640px){.items:has(.card__image--photo){--gap:var(--border-width-thin);grid-template-columns:repeat(auto-fit,minmax(calc(33% - calc(var(--border-width-thin)*2)),1fr));margin-inline:calc(var(--space-s-m)*-1)}}.items:has(.card__image--photo) img{aspect-ratio:1;object-fit:cover}.items__item{display:flex}.main{--anchor-decoration:underline;border-image-slice:0 fill;border-image-outset:0 0 0 100vw;border-image-source:conic-gradient(var(--color-background)0 0);padding-block:var(--gap);flex:1;align-content:start}@media (width>=640px){.main{grid-template-columns:[container-start]auto[content-start]1fr[content-end]auto[container-end];display:grid}}.main>*{grid-column:content}.main>*+*{margin-block-start:var(--space-m-l)}.main__title{font:var(--font-title);grid-area:1/content-end;margin-block-end:var(--gap)}@media (width>=640px){.main__title{writing-mode:vertical-rl;inline-size:1px;position:sticky;inset-inline-start:var(--gap)}.main__title+.main__introduction,.main__title+.items,.main__title+.form{margin-block-start:0}}.main__introduction{color:var(--color-neutral-dark);font:var(--font-summary);max-inline-size:var(--line-measure);text-wrap:pretty}.main__introduction *+*{margin-block-start:var(--space-2xs)}.meta{color:var(--color-neutral-dark);max-inline-size:var(--line-measure);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex;& a{color:var(--color-link);white-space:nowrap;text-decoration:none}& div{padding-block-end:var(--space-2xs)}& dt,& dd{display:inline}}.navigation{display:flex;& a{padding-block:var(--space-2xs);padding-inline:var(--space-xs);white-space:nowrap;display:inline-flex}}@media print{.navigation{display:none}}.pagination{--anchor-decoration:none;border-block-start:var(--border-rule-thick);flex:1;display:flex}.pagination a{font-size:var(--font-size-m);padding:var(--space-s);align-items:center;display:flex;&:first-of-type{margin-inline-start:calc(var(--space-s)*-1)}}.pagination a[rel=prev]:before{content:"← "/"";font-family:system-ui,sans-serif}.pagination a[rel=next]:after{content:" →"/"";font-family:system-ui,sans-serif}img[src*=\#screenshot]{background:var(--color-accent)url(/assets/vectors/noise.svg) repeat;border-style:solid;border-width:calc(var(--gap)*1.5)var(--gap);border-image-source:url(/assets/vectors/shadow.svg);border-image-slice:5 20 20 5;@media (prefers-color-scheme:dark){&{filter:initial}}@media print{&{background:0 0;border:none}}}.section{grid-column:content;display:grid}.section__header{padding-block-end:var(--space-s)}.section__title{color:var(--color-neutral-dark);font:var(--font-subhead)}@media (width<640px){.section__main--scrollable .items{margin:calc(var(--gap)*-1);-webkit-overflow-scrolling:touch;padding:var(--gap);gap:0;inline-size:100vw;display:flex;overflow-x:scroll}.section__main--scrollable .items:after{content:"";flex:1 0 1px;display:block}.section__main--scrollable .items__item{max-inline-size:var(--grid-size);flex:1 0 75vw;margin-inline-end:var(--gap)}}.skip-link{--anchor-decoration:underline;--color-link-underline:currentcolor;background-color:var(--color-focus);color:var(--color-text-focus);outline-offset:0;padding:var(--space-s);width:100%;display:block;position:static;&:not(:focus){transition:transform .5s ease-out;transform:translateY(-100%)}}.slide{align-items:start;column-gap:var(--gap);max-inline-size:unset;flex-wrap:wrap;display:flex;& img{outline:var(--border-width-thick)solid var(--color-shadow);outline-offset:calc(var(--border-width-thick)*-1);flex-grow:1;inline-size:30rem;margin-block-end:calc(var(--border-width-thick)*-1);position:relative}& figcaption{border-block-start:var(--border-rule-thick);flex-grow:999;flex-basis:0;min-inline-size:40%}}.trips{& caption{caption-side:top;color:var(--color-neutral-dark);font:var(--font-subhead)}& th:has(time){color:var(--color-neutral-dark);font:var(--font-meta)}& * th:first-child,& * th:last-child{vertical-align:middle;inline-size:15%}}.token{--color-token-comment:var(--color-neutral);--color-token-operator:var(--color-neutral-dark);--color-token-function:#900;--color-token-keyword:#09c;--color-token-selector:#009;--color-token-string:#c06;--color-token-variable:#399}@media (prefers-color-scheme:dark){.token{--color-token-function:#f99;--color-token-keyword:#0cf;--color-token-selector:#99f;--color-token-string:#f09;--color-token-variable:#9ff}}.token.namespace{opacity:.7}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--color-token-comment);font-style:italic}.token.operator,.token.punctuation{color:var(--color-token-operator)}.token.deleted,.token.function{color:var(--color-token-function)}.token.atrule,.token.attr-name,.token.keyword{color:var(--color-token-keyword)}.token.selector,.token.tag{color:var(--color-token-selector)}.token.attr-value,.token.string{color:var(--color-token-string)}.token.boolean,.token.constant,.token.entity,.token.inserted,.token.number,.token.property,.token.regex,.token.symbol,.token.url,.token.variable{color:var(--color-token-variable)}.token.bold,.token.function,.token.important{font-weight:500}.token.italic{font-style:italic}