.meta[data-astro-cid-k4jemuzu]{color:var(--muted-foreground);font-size:.9rem;display:flex;justify-content:start;gap:28px}footer[data-astro-cid-sz7xmlte]>section[data-astro-cid-sz7xmlte]{display:flex;align-items:center;justify-content:space-between}.footer-links[data-astro-cid-sz7xmlte]{display:flex;gap:24px}.footer-links[data-astro-cid-sz7xmlte]>a[data-astro-cid-sz7xmlte]{text-decoration:underline;text-underline-offset:4px}#copyright[data-astro-cid-sz7xmlte]{font-size:x-small}@media(max-width:640px){footer[data-astro-cid-sz7xmlte]>section[data-astro-cid-sz7xmlte]{flex-direction:column;row-gap:4px}}.header[data-astro-cid-3ef6ksr2]{padding:16px 0;border-bottom:1px solid var(--muted);position:sticky;top:0;z-index:30;background-color:var(--bg)}.header[data-astro-cid-3ef6ksr2]>section[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center}.links[data-astro-cid-3ef6ksr2]{display:flex;gap:24px}.links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:inline-flex;width:18px;height:18px}.links[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{width:100%;height:100%}.links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover svg[data-astro-cid-3ef6ksr2]{opacity:1}.brand[data-astro-cid-3ef6ksr2]{color:var(--text-2);font-size:small}:root{--bg: #f9f9f9;--text: #1F1F1F;--text-2: #40434a;--muted: #E0E0E0;--muted-foreground: #8C8C8C;--code-bg: #e7e9ed;--border: #e5e7eb;--accent: #b45309;--th-color: #f3f4f6;--max-width: 1080px;--blog-max-width: 720px}@media(prefers-color-scheme:dark){:root{--bg: #0f1115;--text: #e6e6e6;--text-2: #b3b8c2;--muted: #1a1d23;--muted-foreground: #7c8491;--code-bg: #1d222e;--border: #262a33;--accent: #d97706;--th-color: #181c23}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}pre,code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.svg-label{display:flex;justify-content:center;align-items:center;gap:10px;font-size:.9rem;color:var(--muted-foreground);width:fit-content}.wrapper{max-width:var(--max-width);margin:0 auto;padding:0 16px}footer{letter-spacing:.025em}footer{background-color:var(--muted-foreground);color:var(--muted);padding:32px 16px;font-size:small}.container{max-width:var(--blog-max-width);margin:0 auto;padding:32px 0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;border-color:var(--accent)}.content{max-width:var(--blog-max-width);margin:64px auto 108px}.blog{line-height:1.75}.content h1,.blog h2,.blog h3,.blog h4,.blog h5,.blog h6{font-weight:700;line-height:1.3;margin-top:2.5rem;margin-bottom:1rem;color:var(--text)}.content h1{font-size:2.4rem}.blog h2{font-size:1.9rem;padding-bottom:.5rem}.blog h3{font-size:1.5rem}.blog h4{font-size:1.25rem}.blog p{margin-bottom:1.25rem;color:var(--text-2)}.blog a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.blog a:hover{border-color:var(--accent)}.blog ul,.blog ol{margin:1.5rem 0;padding-left:1.5rem}.blog li{margin-bottom:.6rem;list-style-type:disc;color:var(--text-2)}.blog blockquote{border-left:4px solid var(--muted);padding-left:1rem;margin:2rem 0;font-style:italic;padding:.5rem 1.5rem}.blog img{margin:2rem 0;width:100%;height:auto;display:block}.blog figure{margin:2rem 0}.blog figcaption{font-size:.9rem;text-align:center;color:var(--muted-foreground);margin-top:-.5rem}.blog table{display:block;width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;overflow-x:auto;white-space:nowrap}.blog table::-webkit-scrollbar{height:6px}.blog table::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}.blog th,.blog td{border:1px solid var(--border);padding:.75rem;text-align:left}.blog th{background-color:var(--th-color);font-weight:700}.blog td{color:var(--text-2)}.blog pre{padding:24px;overflow-x:auto;border-radius:16px;margin:2rem 0}.blog :not(pre)>code{background:var(--code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9rem}.blog hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.blog strong{font-weight:700}.blog em{font-style:italic}@media(max-width:768px){.blog{font-size:1rem}.content h1{font-size:2rem}.blog h2{font-size:1.6rem}}@media(max-width:640px){.content{margin:48px auto 80px}}
