:root{--bg: #f8f5f0;--bg-subtle: #eeebe3;--bg-card: #faf8f4;--text: #111009;--text-muted: #78706a;--text-faint: #b8b0a4;--accent: #c84b11;--accent-hover: #a33c0d;--accent-glow: rgba(200, 75, 17, .12);--accent-subtle: rgba(200, 75, 17, .06);--border: #ddd8ce;--border-dark: #c8c2b6;--code-bg: #1a1a18;--code-text: #e8e4dc;--font-body: "Fraunces", Georgia, serif;--font-mono: "Instrument Sans", system-ui, sans-serif;--max-w: 680px;--page-pad: clamp(1.25rem, 5vw, 2.5rem);--radius: 4px;--shadow: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 20px rgba(0,0,0,.1)}[data-dark=true]{--bg: #111009;--bg-subtle: #181512;--bg-card: #1d1a14;--text: #ede8df;--text-muted: #9a9087;--text-faint: #4a453e;--accent: #f07830;--accent-hover: #ff9040;--accent-glow: rgba(240, 120, 48, .15);--accent-subtle: rgba(240, 120, 48, .08);--border: #2a2520;--border-dark: #3a3028;--code-bg: #0a0908;--code-text: #e0d8cc;--shadow: 0 2px 8px rgba(0,0,0,.25);--shadow-lg: 0 4px 20px rgba(0,0,0,.4)}[data-dark=true] .tag:hover{box-shadow:0 0 10px var(--accent-glow);text-shadow:0 0 8px var(--accent)}[data-dark=true] .prose a{text-shadow:0 0 10px var(--accent-glow)}[data-dark=true] .scroll-top-btn:hover{box-shadow:0 0 20px var(--accent-glow),0 0 40px #f078301a}[data-dark=true] .share-btn:hover{box-shadow:0 0 14px var(--accent-glow)}[data-dark=true] .related-link:hover .related-link-title{text-shadow:0 0 12px var(--accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;scroll-behavior:smooth;scroll-padding-top:80px;transition:background-color .3s ease,color .3s ease}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}.bg-grain{position:fixed;inset:0;pointer-events:none;z-index:998;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));width:0%;z-index:200;transition:width .1s linear;box-shadow:0 0 10px var(--accent-glow)}.header-right{display:flex;align-items:center;gap:1.5rem}.theme-toggle{background:none;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,box-shadow .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.icon-moon,[data-dark=true] .icon-sun{display:none}[data-dark=true] .icon-moon{display:flex}.lang-toggle{background:none;border:1px solid var(--border);border-radius:4px;padding:.2em .5em;cursor:pointer;color:var(--text-muted);font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;transition:border-color .2s,color .2s,box-shadow .2s}.lang-toggle:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.lang-en,[lang=en] .lang-de{display:none}[lang=en] .lang-en{display:inline}header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background-color .3s ease}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 var(--page-pad);height:60px;display:flex;align-items:center;justify-content:space-between}.site-title{display:flex;flex-direction:column;gap:0;line-height:1}.site-title:hover{text-decoration:none}.site-title:hover .site-title-main{color:var(--accent)}.site-title-main{font-family:var(--font-body);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;transition:color .2s}.site-title-sub{font-family:var(--font-mono);font-size:.6rem;font-weight:400;color:var(--text-faint);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.site-nav{display:flex;gap:1.5rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.site-nav a{color:var(--text-muted);transition:color .2s}.site-nav a:hover{color:var(--text);text-decoration:none}main{max-width:var(--max-w);margin:0 auto;padding:3rem var(--page-pad) 6rem}.breadcrumb{margin-bottom:2.5rem;animation:slideUp .5s cubic-bezier(.22,1,.36,1) both}.breadcrumb ol{display:flex;align-items:center;gap:.5rem;list-style:none;flex-wrap:wrap}.breadcrumb li{font-family:var(--font-mono);font-size:.65rem;color:var(--text-faint);letter-spacing:.04em}.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .15s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb [aria-current=page]{color:var(--accent);font-weight:500}.article-header{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border);animation:slideUp .6s cubic-bezier(.22,1,.36,1) both}.article-kicker{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.article-cat{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-weight:500}.article-date{font-family:var(--font-mono);font-size:.65rem;color:var(--text-faint)}.article-readtime{font-family:var(--font-mono);font-size:.62rem;color:var(--text-faint);display:flex;align-items:center;gap:.3em}.article-readtime svg{flex-shrink:0}.article-title{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;font-style:italic;line-height:1.12;letter-spacing:-.035em;margin-bottom:1.25rem}.article-deck{font-size:1.08rem;color:var(--text-muted);line-height:1.65;font-style:italic;font-weight:400}.prose{animation:slideUp .6s cubic-bezier(.22,1,.36,1) .1s both}.prose p{margin:1.3rem 0;font-size:1.08rem;opacity:0;animation:fadeIn .4s ease-out forwards}.prose h2{font-size:1.45rem;font-weight:700;font-style:italic;letter-spacing:-.025em;margin:3.5rem 0 1rem;padding-top:3rem;border-top:1px solid var(--border);opacity:0;animation:slideUp .5s cubic-bezier(.22,1,.36,1) forwards}.prose h3{font-size:1.1rem;font-weight:600;font-style:italic;margin:2rem 0 .75rem}.prose ul,.prose ol{margin:1rem 0 1.3rem;padding-left:1.5rem;opacity:0;animation:fadeIn .4s ease-out .2s forwards}.prose li{margin:.5rem 0;font-size:1.08rem;opacity:0;animation:fadeIn .4s ease-out forwards}.prose li:nth-child(1){animation-delay:.05s}.prose li:nth-child(2){animation-delay:.1s}.prose li:nth-child(3){animation-delay:.15s}.prose li:nth-child(4){animation-delay:.2s}.prose li:nth-child(5){animation-delay:.25s}.prose li:nth-child(6){animation-delay:.3s}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s,text-decoration-thickness .15s}.prose a:hover{color:var(--accent-hover);text-decoration-thickness:2px}.prose strong{font-weight:700;font-style:italic}.prose blockquote{border-left:3px solid var(--accent);padding:.75rem 1.25rem;margin:2.5rem 0;background:color-mix(in srgb,var(--accent) 5%,transparent);border-radius:0 3px 3px 0;font-style:italic;color:var(--text-muted)}.prose code:not(pre code){font-family:var(--font-mono);font-size:.82em;background:var(--bg-subtle);border:1px solid var(--border);border-radius:2px;padding:.15em .4em;color:var(--accent);font-weight:500}.prose pre{background:var(--code-bg);border-radius:6px;padding:1.75rem;overflow-x:auto;margin:2.5rem 0;border:1px solid #2a2a28}.prose pre code{font-family:var(--font-mono);font-size:.82rem;line-height:1.75;color:var(--code-text)}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.875rem}.prose th{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:500;text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border);color:var(--text-muted)}.prose td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}.prose tr:last-child td{border-bottom:none}.prose hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.article-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:3.5rem;padding-top:1.75rem;border-top:1px solid var(--border)}.tag{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:2px;padding:.2em .5em;letter-spacing:.03em;transition:border-color .15s,color .15s}.tag:hover{border-color:var(--accent);color:var(--accent)}.share-bar{display:flex;align-items:center;gap:.75rem;margin-top:3rem;padding-top:1.75rem;border-top:1px solid var(--border)}.share-btn{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:.68rem;font-weight:500;letter-spacing:.04em;border:1px solid var(--border);border-radius:2px;padding:.4em .8em;cursor:pointer;color:var(--text-muted);background:var(--bg-subtle);text-decoration:none;transition:border-color .15s,color .15s,box-shadow .15s}.share-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.share-copy{background:transparent}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.article-nav-next{text-align:right}.article-nav-link{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.article-nav-link:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.article-nav-link--right{align-items:flex-end}.article-nav-dir{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);font-weight:500}.article-nav-title{font-size:.9rem;font-weight:600;font-style:italic;color:var(--text);line-height:1.3;transition:color .15s}.article-nav-link:hover .article-nav-title{color:var(--accent)}.related-title{font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-faint);font-weight:500;margin-bottom:1.25rem}.related-list{list-style:none;display:flex;flex-direction:column;gap:0}.related-link{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 0;border-bottom:1px solid var(--border);transition:padding-left .2s;text-decoration:none}.related-link:first-of-type{border-top:1px solid var(--border)}.related-link:hover{padding-left:.35rem}.related-cat{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:500;padding-top:.15rem;flex-shrink:0}.related-link-title{flex:1;font-size:.95rem;font-weight:600;font-style:italic;line-height:1.35;color:var(--text);transition:color .15s}.related-link:hover .related-link-title{color:var(--accent)}.related-arrow{font-family:var(--font-mono);color:var(--text-faint);flex-shrink:0;padding-top:.1rem;transition:color .15s,transform .15s}.related-link:hover .related-arrow{color:var(--accent);transform:translate(3px)}.scroll-top-btn{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease,border-color .15s,color .15s,box-shadow .15s;box-shadow:var(--shadow);z-index:90}.scroll-top-btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}footer{border-top:1px solid var(--border);background:var(--bg-subtle)}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:2rem var(--page-pad);display:flex;justify-content:space-between;align-items:center}.footer-name{font-family:var(--font-body);font-size:.95rem;font-weight:700;font-style:italic;margin-bottom:.2rem}.footer-tagline{font-family:var(--font-mono);font-size:.6rem;color:var(--text-faint);letter-spacing:.05em;text-transform:uppercase}.footer-right{text-align:right}.footer-legal{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.footer-note{font-family:var(--font-mono);font-size:.6rem;color:var(--text-faint);font-style:italic}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::selection{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}@media(max-width:600px){html{font-size:16px}.header-inner{height:52px}.site-title-sub{display:none}.header-right{gap:.75rem}.site-nav{gap:1rem;font-size:.65rem}main{padding:2rem var(--page-pad) 4rem}.article-title{font-size:clamp(1.4rem,5vw,2rem)}.article-header{margin-bottom:2rem;padding-bottom:2rem}.prose p{margin:1rem 0;font-size:1rem}.prose h2{font-size:1.2rem;margin-top:2.5rem}.prose pre{padding:1rem;overflow-x:auto}.prose table{font-size:.8rem;display:block;overflow-x:auto}.prose blockquote{padding:.5rem 1rem;margin:2rem 0}.share-bar{flex-wrap:wrap;gap:.5rem}.related-list{display:flex;flex-direction:column;gap:.5rem}.related-link{padding:.75rem}.article-nav-grid{grid-template-columns:1fr}.article-nav-link--right{align-items:flex-start}.breadcrumb{font-size:.7rem}footer .footer-inner{flex-direction:column;gap:1rem;padding:1.5rem var(--page-pad)}footer .footer-right{text-align:left}.scroll-top-btn{width:36px;height:36px;font-size:.9rem}}@media(max-width:400px){.site-nav a:not(:first-child){display:none}.article-kicker{flex-wrap:wrap;gap:.4rem}}