:root{--haude-ink:var(--color-text);--haude-muted:var(--color-text-muted);--haude-faint:rgba(var(--white-rgb), .56);--haude-line:var(--hairline-strong);--haude-accent:var(--color-link);--haude-surface:var(--pink-soft);--haude-text-width:var(--breite-text);--haude-spacing:1.5rem;--haude-radius:4px;--haude-font:var(--font-sans);--haude-font-title:var(--font-sans);--haude-line-height:1.55}.haude-post{font-family:var(--haude-font);line-height:var(--haude-line-height);color:var(--haude-ink)}.haude-post-header h1{font-family:var(--haude-font-title);text-wrap:balance;margin-block:0 .5rem;line-height:1.15}.haude-post-lead{margin-block:0 var(--haude-spacing);color:var(--haude-muted);text-wrap:pretty;font-size:1.125em}.haude-post-meta{margin-block:0 var(--haude-spacing);color:var(--haude-faint);flex-wrap:wrap;gap:.375rem 1rem;font-size:.875em;display:flex}.haude-draft-notice{margin-block:0 var(--haude-spacing);border-left:3px solid var(--haude-accent);background:var(--haude-surface);padding:.5rem .75rem;font-size:.875em}.haude-hero-image,.haude-figure{margin-block:var(--haude-spacing);margin-inline:0}.haude-hero-image img,.haude-figure img{border-radius:var(--haude-radius);width:100%;height:auto;display:block}.haude-hero-image figcaption,.haude-figure figcaption,.haude-slideshow figcaption{color:var(--haude-faint);margin-block-start:.5rem;font-size:.8125em;line-height:1.5}.haude-figure-wide{width:min(100%, calc(var(--haude-text-width) * 1.3));margin-inline:auto}.haude-post-body>*{max-width:var(--haude-text-width)}.haude-post-body :is(h2,h3,h4){font-family:var(--haude-font-title);margin-block:calc(var(--haude-spacing) * 1.5) .5rem;text-wrap:balance;line-height:1.25}.haude-post-body p{text-wrap:pretty;margin-block:0 1rem}.haude-post-body :is(ul,ol){margin-block:0 1rem;padding-inline-start:1.5rem}.haude-post-body li+li{margin-block-start:.25rem}.haude-post-body a{color:var(--haude-accent);text-underline-offset:.15em}.haude-post-body table{border-collapse:collapse;max-width:100%;font-size:.9375em;display:block;overflow-x:auto}.haude-post-body :is(th,td){border-bottom:1px solid var(--haude-line);text-align:start;padding:.5rem .75rem}.haude-post-body :is(pre,code){font-size:.875em}.haude-post-body pre{border-radius:var(--haude-radius);max-width:100%;padding:.875rem 1rem;overflow-x:auto}.haude-faq{max-width:var(--haude-text-width);border-block-end:1px solid var(--haude-line);margin-block:.75rem;padding-block:.5rem}.haude-faq summary{cursor:pointer;font-weight:600;list-style-position:outside}.haude-faq summary::marker{color:var(--haude-faint)}.haude-faq-answer{color:var(--haude-muted);padding-block-start:.5rem}.haude-quote{max-width:var(--haude-text-width);margin-block:var(--haude-spacing);border-inline-start:3px solid var(--haude-accent);margin-inline:0;padding-inline-start:1.25rem}.haude-quote blockquote{margin:0;font-size:1.0625em}.haude-quote figcaption{color:var(--haude-faint);margin-block-start:.5rem;font-size:.875em}.haude-slideshow{margin-block:var(--haude-spacing)}.haude-slideshow ul{scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;grid-auto-columns:min(80%,26rem);grid-auto-flow:column;gap:1rem;margin:0;padding:0 0 .5rem;list-style:none;display:grid;overflow-x:auto}.haude-slideshow li{scroll-snap-align:start}.haude-slideshow figure{margin:0}.haude-slideshow img{border-radius:var(--haude-radius);width:100%;height:auto}.haude-blog-list{border-top:1px solid var(--haude-line);margin:0;padding:0;list-style:none}.haude-blog-list li{border-bottom:1px solid var(--haude-line)}.haude-blog-list article{gap:.5rem;padding-block:clamp(1.75rem,4vw,3rem);display:grid}.haude-blog-list time{color:var(--haude-faint)}.haude-blog-list h2{font-family:var(--haude-font-title);font-size:var(--schrift-titel-gross);font-weight:var(--gewicht-h1);line-height:var(--zeile-titel-gross);max-width:var(--breite-headline);margin-block:0}.haude-blog-list h2 a{color:var(--haude-ink);text-decoration:none}.haude-blog-list h2 a:hover{color:var(--haude-accent)}.haude-blog-list p{color:var(--haude-muted);margin-block:0}.haude-draft{border:1px solid var(--haude-line);text-transform:uppercase;letter-spacing:.05em;color:var(--haude-faint);vertical-align:middle;border-radius:999px;margin-inline-start:.5rem;padding:.0625rem .375rem;font-size:.6875rem;font-weight:600}.haude-slideshow-title{font-family:var(--haude-font-title);color:var(--haude-ink);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.haude-updated{color:var(--haude-muted);margin-inline-start:.5rem;font-size:.875rem}.haude-post-footer{border-block-start:1px solid var(--haude-line);margin-block-start:calc(var(--haude-spacing) * 2);padding-block-start:var(--haude-spacing)}.haude-tags{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.haude-tags li{border:1px solid var(--haude-line);background:var(--haude-surface);color:var(--haude-muted);border-radius:999px;padding:.125rem .5rem;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.haude-slideshow ul{scroll-behavior:auto}}.haude-post{padding-block:clamp(2rem,6vw,5rem) 0}.haude-post-header{margin-block-end:clamp(2rem,5vw,3.5rem)}.haude-post-header .label{margin:0 0 1rem}.haude-post-header .label a{color:var(--haude-accent);text-decoration:none}.haude-post-header .label a:hover{text-decoration:underline}.haude-post-header h1{max-width:var(--breite-headline);margin-block:0 1.25rem}.haude-post-lead{font-size:var(--schrift-titel);line-height:var(--zeile-titel);max-width:var(--haude-text-width)}.haude-post-body :is(h2,h3,h4){font-weight:var(--gewicht-titel)}.haude-post-body blockquote{font-size:var(--schrift-zitat);font-style:italic;line-height:var(--zeile-zitat);margin-inline:0}.haude-post-body hr{border:0;border-top:1px solid var(--haude-line);margin-block:calc(var(--haude-spacing) * 2)}.haude-post-body a:hover{text-decoration-thickness:.12em}.haude-post-body code{background:var(--hairline);border-radius:3px;padding:.1em .3em}.haude-post-body pre{background:rgba(var(--white-rgb), .06)}.haude-post-body pre code{background:0 0;padding:0}