:root{--sl-color-bg: var(--background);--sl-color-bg-surface: var(--background);--sl-color-text: var(--foreground);--sl-color-text-muted: var(--muted-foreground);--sl-color-hairline: var(--border);--sl-color-text-accent: var(--accent-color);--sl-color-bg-inline-code: var(--muted)}body{margin:0;padding:0;background:var(--background);background-image:var(--pattern-dots);color:var(--foreground)}main:where(.astro-4sn4zg3r){padding-top:calc(var(--sl-nav-height) + 2rem)!important}.page:where(.astro-4sn4zg3r){max-width:960px;padding:3rem 1.5rem 4rem;margin:0 auto}.back-link:where(.astro-4sn4zg3r){display:inline-flex;align-items:center;gap:.4rem;color:var(--accent-color);text-decoration:none;font-weight:500;margin-bottom:1rem}.back-link:where(.astro-4sn4zg3r) svg:where(.astro-4sn4zg3r){width:16px;height:16px}.back-link:where(.astro-4sn4zg3r):hover{text-decoration:underline}.post:where(.astro-4sn4zg3r){display:grid;gap:.75rem;min-width:0}.date:where(.astro-4sn4zg3r){margin:0;font-size:.9rem;color:var(--sl-color-text-muted)}h1:where(.astro-4sn4zg3r){margin:0;font-size:clamp(2rem,3vw,2.6rem)}.desc:where(.astro-4sn4zg3r){margin:0;color:var(--sl-color-text-muted);line-height:1.6}.tags:where(.astro-4sn4zg3r){display:flex;gap:.35rem;flex-wrap:wrap}.tag:where(.astro-4sn4zg3r){padding:.2rem .55rem;border-radius:999px;background:var(--sl-color-hairline);color:var(--sl-color-text);font-size:.8rem}.content:where(.astro-4sn4zg3r) p{line-height:1.7}.content:where(.astro-4sn4zg3r){min-width:0;overflow-wrap:anywhere;word-break:normal;color:var(--sl-color-text)}.content:where(.astro-4sn4zg3r) :is(h1,h2,h3,h4,h5,h6){line-height:1.2;font-weight:650;color:var(--foreground);margin:1.5rem 0 .75rem;scroll-margin-top:calc(var(--sl-nav-height) + 1.25rem)}.content:where(.astro-4sn4zg3r) h2{padding-bottom:.4rem;border-bottom:1px solid color-mix(in srgb,var(--sl-color-hairline) 70%,transparent)}.content:where(.astro-4sn4zg3r) a{color:var(--sl-color-text-accent);text-decoration:underline;text-underline-offset:.18em}.content:where(.astro-4sn4zg3r) a:hover{opacity:.9}.content:where(.astro-4sn4zg3r) :is(ul,ol){margin:.5rem 0 .75rem;padding-left:1.25rem}.content:where(.astro-4sn4zg3r) li+li{margin-top:.25rem}.content:where(.astro-4sn4zg3r) blockquote{margin:.75rem 0;padding:.75rem 1rem;border-left:3px solid var(--sl-color-hairline);background:color-mix(in srgb,var(--sl-color-bg) 92%,var(--sl-color-text-accent));border-radius:.6rem}.content:where(.astro-4sn4zg3r) hr{border:none;border-top:1px solid var(--sl-color-hairline);margin:1.5rem 0}.content:where(.astro-4sn4zg3r) code{background-color:var(--sl-color-bg-inline-code);border:1px solid color-mix(in srgb,var(--sl-color-hairline) 70%,transparent);border-radius:.4rem;padding:.125rem .375rem;font-size:.9em;overflow-wrap:anywhere}.content:where(.astro-4sn4zg3r) pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--sl-color-hairline);border-radius:.75rem;padding:.9rem 1rem;background:color-mix(in srgb,var(--sl-color-bg) 95%,black)}.content:where(.astro-4sn4zg3r) pre code{background:transparent;border:none;padding:0;font-size:.95em}.content:where(.astro-4sn4zg3r) table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;border:1px solid var(--sl-color-hairline);border-radius:.75rem}.content:where(.astro-4sn4zg3r) th,.content:where(.astro-4sn4zg3r) td{border-bottom:1px solid var(--sl-color-hairline);padding:.55rem .7rem;text-align:left;vertical-align:top;white-space:nowrap}.content:where(.astro-4sn4zg3r) th{font-weight:600;background:color-mix(in srgb,var(--sl-color-bg) 92%,var(--sl-color-text-accent))}.content:where(.astro-4sn4zg3r) tr:nth-child(2n) td{background:color-mix(in srgb,var(--sl-color-bg) 96%,var(--sl-color-text-accent))}.content:where(.astro-4sn4zg3r) img[src^="/d2/"]{border:1px solid var(--sl-color-hairline);border-radius:.9rem;background:color-mix(in srgb,var(--sl-color-bg) 92%,black);padding:.5rem}.content:where(.astro-4sn4zg3r) svg,.content:where(.astro-4sn4zg3r) canvas,.content:where(.astro-4sn4zg3r) video,.content:where(.astro-4sn4zg3r) iframe{max-width:100%}.content:where(.astro-4sn4zg3r) img{max-width:100%;height:auto;display:block;margin:0 auto}
