:root{color-scheme:light dark;--bg:#fbfaf7;--fg:#1c1b19;--muted:#5a5750;--accent:#0b5fbf;--line:#e1ddd4;--code-bg:#f0eee8;--measure:40rem;--gutter:1rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root{--bg:#15161a;--fg:#ebeae6;--muted:#aeada7;--accent:#8dbcff;--line:#2c2e35;--code-bg:#1f2127}}*,:before,:after{box-sizing:border-box}html{font-family:var(--font);-webkit-text-size-adjust:100%;font-size:106.25%;line-height:1.6}body{background:var(--bg);color:var(--fg);margin:0}a{color:var(--accent);text-underline-offset:.15em;text-decoration:underline}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.skip-link{background:var(--bg);padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{z-index:10;left:1rem}.wrap{max-width:var(--measure);padding:0 var(--gutter);margin:0 auto}.site-header{border-bottom:1px solid var(--line);padding:1.25rem 0 1rem}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.brand{letter-spacing:.02em;color:var(--fg);font-size:1.25rem;font-weight:700;text-decoration:none}.brand:hover{text-decoration:underline}.site-nav{gap:1rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{color:var(--fg)}main{padding:2rem 0 3rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:1.5rem 0 2.5rem;font-size:.9375rem}.site-footer p{margin:.25rem 0}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}h1{margin:0 0 .5rem;font-size:2rem}h2{margin:2rem 0 .75rem;font-size:1.5rem}h3{margin:1.5rem 0 .5rem;font-size:1.2rem}p,ul,ol,blockquote,pre,table,figure{margin:0 0 1.1rem}.lead{color:var(--muted);margin-bottom:1.5rem;font-size:1.15rem}.meta{color:var(--muted);margin:0 0 1.5rem;font-size:.9375rem}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-bottom:1px solid var(--line);padding:1rem 0}.post-list h2{margin:0 0 .25rem;font-size:1.25rem}.post-list p{margin:.25rem 0 0}.post-list time{color:var(--muted);font-size:.9375rem}.prose img,.prose video{border-radius:4px;max-width:100%;height:auto}.prose figcaption{color:var(--muted);margin-top:.4rem;font-size:.9rem}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin-left:0;padding-left:1rem}.prose code{font-family:var(--mono);background:var(--code-bg);border-radius:3px;padding:.1em .35em;font-size:.92em}.prose pre{background:var(--code-bg);border-radius:4px;padding:1rem;line-height:1.45;overflow-x:auto}.prose pre code{background:0 0;padding:0;font-size:.9rem}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.4rem .6rem}.prose th{font-weight:600}.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}.post-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:2.5rem;padding-top:1rem;font-size:.9375rem}@media (width<=480px){h1{font-size:1.6rem}}.consent{z-index:20;padding:var(--gutter);position:fixed;bottom:0;left:0;right:0}.consent[hidden]{display:none}.consent-inner{max-width:var(--measure);background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:.5rem;margin:0 auto;padding:1rem 1.25rem;box-shadow:0 6px 24px #00000026}.consent-inner p{margin:0 0 .5rem;font-size:.9rem}.consent-title{font-weight:600}.consent-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.consent-buttons button{font:inherit;min-height:2.5rem;color:var(--fg);border:1px solid var(--fg);cursor:pointer;background:0 0;border-radius:.35rem;padding:.4rem 1.1rem;font-size:.9rem}.prose figure.media{margin:1.5rem 0}.prose figure.media img,.prose figure.media video{width:auto;max-width:100%;max-height:80vh;margin:0 auto;display:block}.prose nav.mosaique{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.prose nav.mosaique a{color:var(--fg);font-size:.85rem;line-height:1.3;text-decoration:none;display:block}.prose nav.mosaique img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:.35rem;width:100%;margin-bottom:.35rem;display:block}.prose nav.mosaique a:hover span,.prose nav.mosaique a:focus-visible span{text-decoration:underline}
