:root{--color-bg:#0f141b;--color-surface-2:#161d27;--color-surface-3:#1d2530;--color-text:#e8eef4;--color-text-soft:#b6c0cd;--color-accent:#2dd4bf;--color-accent-tint:#102a2a;--color-secondary:#fb7185;--color-secondary-tint:#2a161c;--color-muted:#8b97a8;--color-border:#2a3340;--color-border-strong:#3a4452;--color-focus:var(--color-accent);--font-display:"Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Space Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;--font-size-sm:clamp(0.82rem, 0.80rem + 0.10vw, 0.875rem);--font-size-base:clamp(1rem, 0.96rem + 0.22vw, 1.125rem);--font-size-md:clamp(1.18rem, 1.10rem + 0.40vw, 1.33rem);--font-size-lg:clamp(1.40rem, 1.25rem + 0.70vw, 1.78rem);--font-size-xl:clamp(1.78rem, 1.50rem + 1.20vw, 2.37rem);--font-size-2xl:clamp(2.10rem, 1.70rem + 2.00vw, 3.16rem);--font-size-3xl:clamp(2.50rem, 1.90rem + 2.80vw, 4.21rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--space-7:4rem;--space-8:6rem;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--measure:clamp(40ch, 72ch, 74ch);--content-max:76rem;--gutter:clamp(1rem, 4vw, 3rem);--header-h:4rem;--ratio-cover:16 / 9;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.30);--shadow-md:0 8px 24px rgba(0, 0, 0, 0.38);--shadow-lg:0 18px 46px rgba(0, 0, 0, 0.46);--ease-out:cubic-bezier(0.22, 0.61, 0.36, 1);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--tick-color:var(--color-accent);--tick-color-soft:color-mix(in oklab, var(--color-accent) 45%, transparent);--tick-gap:10px;--tick-short:7px;--tick-long:13px;color-scheme:dark light}@media(prefers-color-scheme:light){:root{--color-bg:#f4f7fa;--color-surface-2:#ffffff;--color-surface-3:#e9eef4;--color-text:#131922;--color-text-soft:#3c4756;--color-accent:#0d7d72;--color-accent-tint:#d7f1ed;--color-secondary:#c43d57;--color-secondary-tint:#fbe1e6;--color-muted:#5a6675;--color-border:#cdd6e0;--color-border-strong:#aeb9c6;--color-focus:var(--color-accent);--shadow-sm:0 1px 2px rgba(18, 28, 40, 0.10);--shadow-md:0 8px 24px rgba(18, 28, 40, 0.12);--shadow-lg:0 18px 46px rgba(18, 28, 40, 0.16);color-scheme:light dark}}@font-face{font-family:space grotesk;src:local("Space Grotesk"),url(/fonts/space-grotesk-latin.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:inter;src:local("Inter"),url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:space mono;src:local("Space Mono"),url(/fonts/space-mono-400-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:space mono;src:local("Space Mono Bold"),url(/fonts/space-mono-700-latin.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.65;min-block-size:100dvh;display:grid;grid-template-rows:auto 1fr auto;position:relative}body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}img,picture,svg,video{display:block;max-inline-size:100%;block-size:auto}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.18em}ul,ol{padding-inline-start:1.25em}::selection{background:color-mix(in oklab,var(--color-accent) 30%,transparent);color:var(--color-text)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:absolute;inset-block-start:-200px;inset-inline-start:var(--space-3);z-index:10000;padding:var(--space-2)var(--space-4);background:var(--color-accent);color:var(--color-bg);font-family:var(--font-mono);font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:inset-block-start 140ms var(--ease-out)}.skip:focus-visible{inset-block-start:var(--space-3);text-decoration:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.prose{font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text)}.prose>*+*{margin-block-start:var(--space-5)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--color-text);text-wrap:balance}h1{font-size:var(--font-size-3xl);font-weight:700}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}h5,h6{font-size:var(--font-size-base);letter-spacing:.02em}.prose h2{margin-block-start:var(--space-7);padding-block-end:var(--space-3);border-block-end:1px solid var(--color-border);position:relative}.prose h2::after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:var(--tick-short);background-image:repeating-linear-gradient( to right,var(--tick-color) 0,var(--tick-color) 1px,transparent 1px,transparent var(--tick-gap) );-webkit-mask-image:linear-gradient(to right,#000 0,#000 38%,transparent 60%);mask-image:linear-gradient(to right,#000 0,#000 38%,transparent 60%)}.prose h3{margin-block-start:var(--space-6)}.prose p{font-size:var(--font-size-base);line-height:1.7;color:var(--color-text);max-inline-size:var(--measure)}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--color-accent) 45%,transparent);text-underline-offset:.16em}.prose a:hover{text-decoration-color:var(--color-accent)}.prose strong{font-weight:700;color:var(--color-text)}.prose em{font-style:italic}.prose ul,.prose ol{max-inline-size:var(--measure);padding-inline-start:1.4em}.prose li+li{margin-block-start:var(--space-2)}.prose ul li::marker{color:var(--color-accent)}.prose ol li::marker{color:var(--color-muted);font-family:var(--font-mono)}.prose blockquote{margin-inline:0;padding-inline-start:var(--space-5);border-inline-start:3px solid var(--color-accent);color:var(--color-text-soft);font-style:italic;max-inline-size:var(--measure)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--color-surface-3);color:var(--color-accent);padding:.12em .4em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.prose pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface-3);color:var(--color-text);padding:var(--space-4)var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);overflow-x:auto;line-height:1.5}.prose pre code{background:0 0;border:none;padding:0;color:inherit;font-size:inherit}.prose table{inline-size:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin-block:var(--space-5);border:1px solid var(--color-border)}.prose th,.prose td{text-align:start;padding:var(--space-2)var(--space-3);border-block-end:1px solid var(--color-border)}.prose thead th{font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;background:var(--color-surface-3);color:var(--color-accent)}.prose tbody tr:nth-child(even){background:var(--color-surface-2)}.prose td:not(:first-child){font-family:var(--font-mono);font-variant-numeric:tabular-nums}.prose hr{border:0;block-size:var(--tick-short);margin-block:var(--space-6);background-image:repeating-linear-gradient( to right,var(--tick-color) 0,var(--tick-color) 1px,transparent 1px,transparent var(--tick-gap) );-webkit-mask-image:linear-gradient(to right,#000,#000 55%,transparent);mask-image:linear-gradient(to right,#000,#000 55%,transparent)}.prose img{border-radius:var(--radius-md);border:1px solid var(--color-border)}.prose figure{margin-block:var(--space-5)}.prose figcaption{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted);margin-block-start:var(--space-2)}.metric-rule{--rule-h:var(--tick-long);block-size:var(--rule-h);inline-size:100%;position:relative;margin-block:var(--space-3)}.metric-rule::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:1px;background:var(--color-accent)}.metric-rule::after{content:"";position:absolute;inset-inline:0;inset-block-start:0;block-size:var(--tick-long);background-image:repeating-linear-gradient( to right,var(--color-accent) 0,var(--color-accent) 1px,transparent 1px,transparent calc(var(--tick-gap) * 5) ),repeating-linear-gradient( to right,var(--tick-color-soft) 0,var(--tick-color-soft) 1px,transparent 1px,transparent var(--tick-gap) );background-repeat:repeat-x;background-size:100% var(--tick-long),100% var(--tick-short);background-position:0 0,0 0}.metric-rule[data-align=end]{-webkit-mask-image:linear-gradient(to left,#000,#000 60%,transparent);mask-image:linear-gradient(to left,#000,#000 60%,transparent)}.metric-rule--soft::before{background:var(--color-border-strong)}.metric-rule--soft::after{opacity:.55}.tick-baseline{block-size:var(--tick-short);inline-size:100%;background-image:repeating-linear-gradient( to right,var(--color-border-strong) 0,var(--color-border-strong) 1px,transparent 1px,transparent var(--tick-gap) );background-position:0 100%;background-repeat:repeat-x;background-size:100% var(--tick-short);border-block-start:1px solid var(--color-border)}.scale-label{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.button{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase;padding:var(--space-2)var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);background:0 0;transition:background 160ms var(--ease-out),color 160ms var(--ease-out),transform 160ms var(--ease-out)}.button:hover{background:var(--color-accent);color:var(--color-bg);text-decoration:none;transform:translateY(-1px)}.button--solid{background:var(--color-accent);color:var(--color-bg)}.button--solid:hover{background:color-mix(in oklab,var(--color-accent) 85%,#fff)}.link-arrow{display:inline-flex;align-items:center;gap:.4em;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.05em;color:var(--color-accent)}.link-arrow .arrow{transition:transform 160ms var(--ease-out)}.link-arrow:hover{text-decoration:none}.link-arrow:hover .arrow{transform:translateX(4px)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.04em;color:var(--color-muted);padding:.1em .55em;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2)}.tag::before{content:"#";color:var(--color-accent)}.tag:hover{border-color:var(--color-accent);color:var(--color-text);text-decoration:none}.badge{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.badge::before{content:"";inline-size:7px;block-size:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-tint)}label{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}input[type=search],input[type=text],input[type=email]{inline-size:100%;padding:var(--space-2)var(--space-3);background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md)}input::placeholder{color:var(--color-muted)}.lede{font-family:var(--font-body);font-size:var(--font-size-md);line-height:1.6;color:var(--color-text-soft);max-inline-size:var(--measure);padding-inline-start:var(--space-4);border-inline-start:2px solid var(--color-accent)}.callout{display:block;margin-block:var(--space-5);padding:var(--space-4)var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-muted);border-radius:var(--radius-md);color:var(--color-text);max-inline-size:var(--measure)}.callout>*+*{margin-block-start:var(--space-3)}.callout::before{content:attr(data-variant);display:block;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);margin-block-end:var(--space-2)}.callout[data-variant=info]{border-inline-start-color:var(--color-accent)}.callout[data-variant=info]::before{content:"Hinweis";color:var(--color-accent)}.callout[data-variant=tip]{border-inline-start-color:var(--color-accent)}.callout[data-variant=tip]::before{content:"Tipp";color:var(--color-accent)}.callout[data-variant=warning]{border-inline-start-color:var(--color-secondary);background:var(--color-secondary-tint)}.callout[data-variant=warning]::before{content:"Achtung";color:var(--color-secondary)}.callout[data-variant=success]{border-inline-start-color:var(--color-accent);background:var(--color-accent-tint)}.callout[data-variant=success]::before{content:"Geprüft";color:var(--color-accent)}.callout[data-variant=quote]{border-inline-start-color:var(--color-secondary)}.callout[data-variant=quote]::before{content:"Notiz";color:var(--color-secondary)}.pullquote{margin-block:var(--space-6);padding:var(--space-5)var(--space-6);border-block:1px solid var(--color-border);background:repeating-linear-gradient(to right,var(--tick-color-soft) 0,var(--tick-color-soft) 1px,transparent 1px,transparent var(--tick-gap))top/100% var(--tick-short)no-repeat,0 0}.pullquote p{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:500;line-height:1.3;color:var(--color-text);text-wrap:balance}.pullquote cite{display:block;margin-block-start:var(--space-3);font-family:var(--font-mono);font-style:normal;font-size:var(--font-size-sm);letter-spacing:.06em;color:var(--color-accent)}.pullquote cite::before{content:"— "}.figure{margin-block:var(--space-5)}.figure img{inline-size:100%;border-radius:var(--radius-md);border:1px solid var(--color-border)}.figure figcaption{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted);margin-block-start:var(--space-2);padding-inline-start:var(--space-3);border-inline-start:2px solid var(--color-border)}.faq{margin-block:var(--space-6)}.faq-heading{font-family:var(--font-display);font-size:var(--font-size-lg);margin-block-end:var(--space-4)}.faq-list{display:grid;gap:0}.faq-list dt{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-md);color:var(--color-text);padding-block:var(--space-4)var(--space-2);border-block-start:1px solid var(--color-border)}.faq-list dt::before{content:"Q";font-family:var(--font-mono);color:var(--color-accent);margin-inline-end:.6em}.faq-list dd{margin-inline-start:0;padding-block-end:var(--space-4);color:var(--color-text-soft);max-inline-size:var(--measure)}.faq-list dd::before{content:"A";font-family:var(--font-mono);color:var(--color-secondary);margin-inline-end:.6em}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--space-3);margin-block:var(--space-5)}.gallery-item{margin:0}.gallery-item img{inline-size:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.gallery-item figcaption{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted);margin-block-start:var(--space-1)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:1px;margin-block:var(--space-5);background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.stats-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface-2)}.stats-row dt{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted)}.stats-row dd{margin:0;font-family:var(--font-mono);font-weight:700;font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;color:var(--color-accent)}.takeaways{margin-block:var(--space-6);padding:var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative}.takeaways::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:var(--tick-short);background-image:repeating-linear-gradient(to right,var(--color-accent) 0,var(--color-accent) 1px,transparent 1px,transparent var(--tick-gap));background-size:100% var(--tick-short);background-repeat:repeat-x;opacity:.7}.takeaways-heading{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-block-end:var(--space-3)}.takeaways ul{list-style:none;padding:0;display:grid;gap:var(--space-2)}.takeaways li{padding-inline-start:1.6em;position:relative;color:var(--color-text)}.takeaways li::before{content:"▸";position:absolute;inset-inline-start:0;color:var(--color-accent)}.card{display:flex;flex-direction:column;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;block-size:100%;transition:transform 180ms var(--ease-out),box-shadow 180ms var(--ease-out),border-color 180ms var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-accent)}.card__media{position:relative;display:block;aspect-ratio:var(--ratio-cover);overflow:hidden;background:var(--color-surface-3)}.card__img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform 320ms var(--ease-out)}.card:hover .card__img{transform:scale(1.05)}.card__media--empty{display:grid;place-items:center}.card__media--empty::after{content:"kein Bild";font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--color-muted)}.card__cat{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background:color-mix(in oklab,var(--color-bg) 78%,transparent);backdrop-filter:blur(4px);padding:.15em .55em;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.card__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)var(--space-4)var(--space-5);flex:1}.card__title{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:600;line-height:1.2;color:var(--color-text);text-wrap:balance}.card:hover .card__title{color:var(--color-accent)}.card__title a{color:inherit}.card__title a:hover{text-decoration:none}.card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:1.55;max-inline-size:var(--measure)}.card__meta{margin-block-start:auto;display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted);padding-block-start:var(--space-3);border-block-start:1px solid var(--color-border)}.card__meta time{font-variant-numeric:tabular-nums}.mosaic{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-5)}.mosaic>*{grid-column:span 3}.mosaic>*:first-child{grid-column:span 6}.mosaic>*:first-child .card__media{aspect-ratio:21/9}.mosaic>*:nth-child(2),.mosaic>*:nth-child(3){grid-column:span 3}.mosaic>*:nth-child(n+4){grid-column:span 2}@media(max-width:60rem){.mosaic{grid-template-columns:repeat(2,1fr)}.mosaic>*{grid-column:span 1!important}.mosaic>*:first-child{grid-column:span 2!important}}@media(max-width:36rem){.mosaic{grid-template-columns:1fr}.mosaic>*,.mosaic>*:first-child{grid-column:span 1!important}}.wrap{inline-size:min(var(--content-max),100% - 2 * var(--gutter));margin-inline:auto}.site-header{position:sticky;inset-block-start:0;z-index:200;background:color-mix(in oklab,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px);border-block-end:1px solid var(--color-border)}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);block-size:var(--header-h)}.brand{display:inline-flex;align-items:baseline;gap:.5em;font-family:var(--font-display);font-weight:700;font-size:var(--font-size-md);letter-spacing:-.01em;color:var(--color-text)}.brand:hover{text-decoration:none}.brand__mark{color:var(--color-accent)}.brand__tag{font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:400;letter-spacing:.06em;color:var(--color-muted)}@media(max-width:40rem){.brand__tag{display:none}}.nav-toggle{display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text);padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color 160ms var(--ease-out),color 160ms var(--ease-out)}.nav-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.nav-toggle__lines{display:inline-grid;gap:3px;inline-size:18px}.nav-toggle__lines span{block-size:2px;background:currentColor;border-radius:1px}.nav-overlay{position:fixed;inset:0;z-index:500;background:color-mix(in oklab,var(--color-bg) 97%,transparent);backdrop-filter:blur(8px);display:grid;grid-template-rows:auto 1fr;opacity:0;visibility:hidden;transition:opacity 200ms var(--ease-out),visibility 200ms}.nav-overlay[data-open=true]{opacity:1;visibility:visible}.nav-overlay__bar{display:flex;align-items:center;justify-content:space-between;block-size:var(--header-h);inline-size:min(var(--content-max),100% - 2 * var(--gutter));margin-inline:auto;border-block-end:1px solid var(--color-border)}.nav-overlay__inner{inline-size:min(var(--content-max),100% - 2 * var(--gutter));margin-inline:auto;align-self:center;padding-block:var(--space-7)}.nav-overlay__label{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);margin-block-end:var(--space-4)}.nav-overlay__list{list-style:none;padding:0;display:grid;gap:0;max-inline-size:40rem}.nav-overlay__item{border-block-start:1px solid var(--color-border)}.nav-overlay__item:last-child{border-block-end:1px solid var(--color-border)}.nav-overlay__link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-5);font-family:var(--font-display);font-weight:600;font-size:var(--font-size-xl);color:var(--color-text);transition:color 160ms var(--ease-out),padding-inline-start 160ms var(--ease-out)}.nav-overlay__link:hover{color:var(--color-accent);padding-inline-start:var(--space-3);text-decoration:none}.nav-overlay__index{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--color-muted)}.nav-overlay__link:hover .nav-overlay__index{color:var(--color-accent)}.site-footer{background:var(--color-surface-2);border-block-start:1px solid var(--color-border);margin-block-start:var(--space-8)}.site-footer__grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:var(--space-6);padding-block:var(--space-7)}@media(max-width:48rem){.site-footer__grid{grid-template-columns:1fr 1fr}}@media(max-width:30rem){.site-footer__grid{grid-template-columns:1fr}}.footer-col__head{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-block-end:var(--space-4)}.footer-col ul{list-style:none;padding:0;display:grid;gap:var(--space-2)}.footer-col a{color:var(--color-text-soft)}.footer-col a:hover{color:var(--color-accent)}.footer-brand .brand{font-size:var(--font-size-lg)}.footer-brand p{margin-block-start:var(--space-3);color:var(--color-muted);font-size:var(--font-size-sm);max-inline-size:36ch}.site-footer__base{border-block-start:1px solid var(--color-border);padding-block:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3)var(--space-5);align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.breadcrumbs{margin-block:var(--space-5)}.breadcrumbs__list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-inline-end:var(--space-2);color:var(--color-border-strong)}.breadcrumbs__item a{color:var(--color-muted)}.breadcrumbs__item a:hover{color:var(--color-accent)}.breadcrumbs__item[aria-current=page]{color:var(--color-text)}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-block:var(--space-7);font-family:var(--font-mono)}.pager__step{color:var(--color-accent);font-size:var(--font-size-sm);letter-spacing:.05em}.pager__step.is-disabled{color:var(--color-border-strong)}.pager__pages{list-style:none;padding:0;margin:0;display:flex;gap:var(--space-2)}.pager__page{font-size:var(--font-size-sm)}.pager__page a{color:var(--color-muted);padding:.2em .5em}.pager__page.is-current{color:var(--color-bg);background:var(--color-accent);padding:.2em .5em;border-radius:var(--radius-sm)}.page-head{padding-block:var(--space-6)var(--space-4)}.page-head__kicker{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted)}.page-head__title{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-2xl);margin-block:var(--space-2)}.page-head__desc{color:var(--color-text-soft);max-inline-size:60ch}.page-head__count{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);letter-spacing:.08em}.home-intro{padding-block:var(--space-7)var(--space-5)}.home-intro__kicker{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--color-accent)}.home-intro__title{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-3xl);line-height:1.05;margin-block:var(--space-3);max-inline-size:22ch}.home-intro__lead{color:var(--color-text-soft);font-size:var(--font-size-md);max-inline-size:56ch}.panel{padding-block:var(--space-6)0}.panel+.panel{margin-block-start:var(--space-6)}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.panel__scale{display:flex;align-items:baseline;gap:var(--space-3)}.panel__name{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);letter-spacing:.02em;color:var(--color-text)}.panel__count{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.1em;color:var(--color-accent);font-variant-numeric:tabular-nums}.panel__more{font-family:var(--font-mono);font-size:var(--font-size-sm)}.panel__desc{color:var(--color-muted);font-size:var(--font-size-sm);max-inline-size:60ch;margin-block-start:var(--space-2)}.panel__grid{margin-block:var(--space-5)}.panel__foot{margin-block-start:var(--space-5)}.post{display:grid;grid-template-columns:minmax(0,1fr)clamp(180px,18vw,240px);gap:var(--space-7);align-items:start;padding-block:var(--space-5)var(--space-7)}@media(max-width:60rem){.post{grid-template-columns:1fr;gap:var(--space-5)}}.post__header{margin-block-end:var(--space-5)}.post__kicker{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.post__title{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-2xl);line-height:1.08;margin-block:var(--space-3)}.post__rule{margin-block:var(--space-4)var(--space-5)}.cover-figure{margin:var(--space-5)0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.post-cover{inline-size:100%;aspect-ratio:var(--ratio-cover);object-fit:cover}.cover-figure figcaption{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted);padding:var(--space-2)var(--space-3);border-block-start:1px solid var(--color-border);background:var(--color-surface-2)}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)var(--space-4);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.byline__name{color:var(--color-text)}.byline__sep{color:var(--color-border-strong)}.byline time{font-variant-numeric:tabular-nums}.toc{position:sticky;inset-block-start:calc(var(--header-h) + var(--space-4));align-self:start;max-block-size:calc(100dvh - var(--header-h) - var(--space-6));overflow-y:auto;padding-inline-start:var(--space-4);border-inline-start:1px solid var(--color-border)}@media(max-width:60rem){.toc{position:static;max-block-size:none;border-inline-start:0;padding-inline-start:0;padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}}.toc__head{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-block-end:var(--space-3)}.toc nav ol,.toc nav ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.toc nav ul ul{padding-inline-start:var(--space-3);margin-block-start:var(--space-2);border-inline-start:1px solid var(--color-border)}.toc a{color:var(--color-text-soft);font-size:var(--font-size-sm);line-height:1.4}.toc a:hover{color:var(--color-accent)}.post__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block:var(--space-6)var(--space-5)}.related-citations{margin-block-start:var(--space-6);padding-block-start:var(--space-5)}.related-citations__head{font-family:var(--font-mono);font-size:var(--font-size-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent);margin-block-end:var(--space-4)}.related-citations ol{list-style:none;counter-reset:cite;padding:0;margin:0;display:grid;gap:var(--space-3);max-inline-size:var(--measure)}.related-citations li{counter-increment:cite;display:grid;grid-template-columns:2.4em 1fr;align-items:baseline;gap:var(--space-3);padding-block-end:var(--space-3);border-block-end:1px solid var(--color-border)}.related-citations li::before{content:"[" counter(cite)"]";font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent)}.related-citations a{color:var(--color-text);font-weight:500}.related-citations a:hover{color:var(--color-accent)}.related-citations .cite-meta{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted)}.reading-ruler{position:fixed;inset-block:0;inset-inline-start:0;inline-size:16px;z-index:150;pointer-events:none;background-image:repeating-linear-gradient( to bottom,var(--color-border) 0,var(--color-border) 1px,transparent 1px,transparent 18px );background-position:0 0}.reading-ruler__fill{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:3px;block-size:var(--progress,0%);background:var(--color-accent);box-shadow:0 0 8px color-mix(in oklab,var(--color-accent) 60%,transparent)}.reading-ruler__cursor{position:absolute;inset-inline-start:0;inset-block-start:var(--progress,0%);inline-size:16px;block-size:2px;background:var(--color-secondary);transform:translateY(-1px)}@media(max-width:60rem){.reading-ruler{inline-size:8px}.reading-ruler__cursor{inline-size:8px}}.author-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-5);align-items:center;padding:var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.author-card__avatar{inline-size:84px;block-size:84px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border)}.author-card__avatar--text{display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg);color:var(--color-accent);background:var(--color-surface-3)}.author-card__name{font-family:var(--font-display);font-weight:700;font-size:var(--font-size-lg)}.author-card__role{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-muted);letter-spacing:.06em}.author-card__bio{color:var(--color-text-soft);margin-block-start:var(--space-2);max-inline-size:60ch}@media(max-width:36rem){.author-card{grid-template-columns:1fr;text-align:center;justify-items:center}}.author-posts{margin-block-start:var(--space-6)}.term-index{list-style:none;padding:0;margin-block:var(--space-5);display:grid;gap:0;max-inline-size:48rem}.term-index__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--color-border)}.term-index__link{font-family:var(--font-display);font-weight:600;font-size:var(--font-size-md);color:var(--color-text)}.term-index__row:hover .term-index__link{color:var(--color-accent)}.term-index__count{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-accent);font-variant-numeric:tabular-nums}.notfound{inline-size:min(var(--content-max),100% - 2 * var(--gutter));margin-inline:auto;padding-block:var(--space-8);text-align:center;display:grid;gap:var(--space-4);justify-items:center}.notfound__code{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent);letter-spacing:.1em}.notfound__title{font-family:var(--font-display);font-size:var(--font-size-2xl)}.notfound__body{color:var(--color-text-soft);max-inline-size:48ch}.notfound__nav ul{list-style:none;padding:0;display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-sm)}.notfound__nav a{color:var(--color-accent)}.panel__head{position:relative;padding-block-end:var(--space-3);background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:28px 28px;background-position:0 0;background-repeat:repeat;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.panel__head>*{position:relative}.panel__head+.metric-rule{margin-block-start:0}.panel+.panel{position:relative}.home-intro__title{position:relative}.brand__mark{position:relative}.nav-overlay__link[aria-current=page]{color:var(--color-accent)}.nav-overlay__link[aria-current=page] .nav-overlay__index{color:var(--color-accent)}body.nav-open{overflow:hidden}.post__body{min-inline-size:0}.prose mark{background:var(--color-secondary-tint);color:var(--color-secondary);font-family:var(--font-mono);padding:.05em .3em;border-radius:var(--radius-sm)}.page-head+.metric-rule{margin-block-start:0;margin-block-end:var(--space-5)}.prose pre{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-accent) 18%,transparent)}.footer-col a{transition:color 140ms var(--ease-out)}.nav-overlay:target{opacity:1;visibility:visible}.home-intro__kicker::before{content:"◦ ";color:var(--color-accent)}.panel__name{line-height:1}.panel__scale{line-height:1}.mosaic>*:first-child .card__cat{color:var(--color-secondary)}.mosaic>*:first-child .card__cat::after{content:" ●";color:var(--color-secondary)}.post__kicker::before{content:"▮ ";color:var(--color-accent)}.toc a:focus-visible{color:var(--color-accent)}.stats-row dd{position:relative}.reading-ruler__fill,.reading-ruler__cursor{transition:block-size 80ms linear,inset-block-start 80ms linear}.pullquote cite{color:var(--color-secondary)}.prose td:first-child{font-family:var(--font-body);color:var(--color-text)}@media(prefers-color-scheme:light){body::after{opacity:.035;mix-blend-mode:multiply}}