*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;display:flex;flex-direction:column;line-height:1.6;font-family:var(--font-sans);color:var(--ink);background-color:var(--bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}:root{color-scheme:light;--bg: #fbfbf9;--bg-raised: #ffffff;--bg-subtle: #f4f4f0;--ink: #111827;--ink-muted: #4b5563;--rule: #e5e5e0;--voice-a: #0066cc;--voice-b: #1a7e56;--focus: var(--ink);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--text-meta: .8125rem;--text-body: 1rem;--text-lead: 1.125rem;--text-h3: 1.5rem;--text-h2: 2rem;--text-h1: clamp(2.25rem, 5vw, 3.25rem);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-mono: ui-monospace, SFMono-Regular, monospace}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #101922;--bg-raised: #17222d;--bg-subtle: #17222d;--ink: #e8edf2;--ink-muted: #93a3b4;--rule: #22303d;--voice-a: #5aa9f0;--voice-b: #4fbf8b}}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.1;hyphens:auto;overflow-wrap:break-word}h1{font-size:var(--text-h1);max-width:20ch}h2{font-size:var(--text-h2)}html[lang=de] .split-body{hyphens:auto;overflow-wrap:break-word}h3{font-size:var(--text-h3);font-weight:600}p{font-size:var(--text-body)}a{color:var(--voice-a);text-decoration-thickness:1px;text-underline-offset:.15em}ul,ol{padding-inline-start:1.25em}table{width:100%;border-collapse:collapse;text-align:left;border-top:1px solid var(--rule)}th,td{padding:12px 12px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}th{font-weight:600;color:var(--ink)}td{color:var(--ink-muted)}caption{caption-side:bottom;text-align:left;font-family:var(--font-mono);font-size:var(--text-meta);color:var(--ink-muted);padding-top:var(--space-sm)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--bg-raised);padding:.1em .35em}figure{display:flex;flex-direction:column;gap:var(--space-sm)}figure figcaption{font-size:var(--text-meta);color:var(--ink-muted)}.device{background:var(--bg-raised);border:1px solid var(--rule);border-radius:8px;box-shadow:0 1px 2px #0000000a;overflow:hidden}.device-bar{height:.75rem;border-bottom:1px solid var(--rule)}.timecode{font-family:var(--font-mono);font-size:var(--text-meta);color:var(--ink-muted)}.container{width:100%;max-width:64rem;margin-inline:auto;padding-inline:var(--space-md)}.band{background:var(--bg);padding-block:var(--space-xl)}.band-subtle{background:var(--bg-subtle)}@media(prefers-color-scheme:dark){.band-subtle{background:var(--bg)}.band+.band{border-top:1px solid var(--rule)}}.band-spacious{padding-block:6rem}.band>*+*{margin-top:var(--space-xl)}.split{display:grid;column-gap:var(--space-xl);row-gap:var(--space-lg);align-content:start}.split-head:empty{display:none}.split-body>*+*{margin-top:var(--space-md)}.split-body>p:has(.cta)+.meta{margin-top:var(--space-sm)}@media(min-width:64rem){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}.split-head{grid-column:1}.split-body{grid-column:2;max-width:none}.split:has(.split-head:empty) .split-body{grid-column:1 / -1}.split>figure,.split>table{grid-column:1 / -1}}.card{background:var(--bg-raised);border:1px solid var(--rule);border-radius:6px;padding:var(--space-md)}.card>*+*{margin-top:var(--space-sm)}.card+.card{margin-top:var(--space-lg)}.stack>*+*{margin-top:var(--space-md)}.lead{font-size:var(--text-lead)}.meta{font-size:var(--text-meta);color:var(--ink-muted)}.cta{display:inline-block;background:var(--ink);color:var(--bg);text-decoration:none;padding:.625rem 1.25rem;border-radius:6px;font-weight:600}.cta:visited{color:var(--bg)}.cta:hover{background-color:color-mix(in srgb,var(--ink) 88%,var(--bg));color:var(--bg)}.cta:focus-visible{box-shadow:0 0 0 2px var(--bg)}.cta-header{padding:.375rem .875rem;font-size:var(--text-meta)}@media(prefers-color-scheme:dark){.cta{background:var(--voice-a);color:var(--bg)}.cta:hover{background-color:color-mix(in srgb,var(--voice-a) 88%,var(--bg));color:var(--bg)}}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}main{flex:1}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--rule)}.site-header .container,.site-footer .container{display:flex;flex-wrap:wrap;align-items:center}.site-header .container{justify-content:space-between;gap:var(--space-md);min-height:3.5rem}.site-footer .container{gap:var(--space-md);padding-block:var(--space-lg)}.brand{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--ink)}.brand img{width:1.5rem;height:1.5rem;border-radius:4px}.wordmark{font-family:var(--font-display);font-size:var(--text-lead);font-weight:400;color:var(--ink);text-decoration:none}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.site-header nav a{color:var(--ink-muted)}.site-header nav a[aria-current=page]{color:var(--ink)}.site-footer a{color:var(--ink-muted)}@media(prefers-reduced-motion:no-preference){a{transition:text-decoration-color .15s ease,color .15s ease}button{transition:background-color .15s ease,border-color .15s ease}.cta{transition:background-color .15s ease,color .15s ease}:focus-visible{transition:outline-offset .15s ease}}