body[data-page="blog"] { --preview-highlight: hsl(var(--foreground)); --preview-highlight-bg: hsl(var(--muted)); }
body[data-page="blog"] .post-preview { min-width: 0; }
body[data-page="blog"] .post-preview .z-10 { min-width: 0; }
body[data-page="blog"] .post-preview .z-10 > div:first-child > div { overflow-wrap: anywhere; }
body[data-page="blog"] #content { overflow-wrap: anywhere; }
body[data-page="blog"] #content pre { position: relative; max-width: 100%; overflow-x: auto; padding-right: 3rem; }
body[data-page="blog"] #content pre code { white-space: pre; overflow-wrap: normal; }
body[data-page="blog"] #content .katex-display { overflow-x: auto; overflow-y: hidden; padding-block: .25rem; max-width: 100%; }
body[data-page="blog"] #content .katex { font-size: 1.05em; }
body[data-page="blog"] #content :not(.katex-display) > .katex { display: inline-block; max-width: 100%; overflow-x: auto; overflow-y: hidden; vertical-align: middle; padding-block: .15em; }
body[data-page="blog"] #content img { max-width: 100%; height: auto; }
body[data-page="blog"] #content table { display: block; max-width: 100%; overflow-x: auto; }
body[data-page="blog"] #content details { margin-block: 1rem; }
body[data-page="blog"] #content summary { cursor: pointer; font-weight: 500; }
body[data-page="blog"] #content .blog-note { margin-block: 1.5rem; padding: .75rem 1.25rem; border-inline-start: 3px solid hsl(var(--primary) / .5); border-radius: 0 6px 6px 0; background: hsl(var(--muted) / .65); font-size: .95em; }
body[data-page="blog"] #content .blog-note > :first-child { margin-top: 0; }
body[data-page="blog"] #content .blog-note > :last-child { margin-bottom: 0; }
body[data-page="blog"] #content .blog-resource { display: inline-flex; margin-block: .5rem; padding: .5rem 1rem; border: 1px solid hsl(var(--border)); border-radius: 6px; text-decoration: none; color: hsl(var(--foreground)); background: hsl(var(--muted) / .5); }
body[data-page="blog"] #content a.blog-resource:hover { border-color: hsl(var(--primary) / .5); }
body[data-page="blog"] #content .blog-resource-missing { color: hsl(var(--muted-foreground)); }
.blog-pagination { display: flex; gap: .5rem; align-items: center; justify-content: center; margin-top: 2rem; }
.blog-pagination a, .blog-pagination > span { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: 6px; }
.blog-pagination a:hover, .blog-pagination [aria-current="page"] { background: hsl(var(--muted)); }
.blog-pagination [aria-current="page"] { font-weight: 600; }
.blog-pagination > span { opacity: .35; }
.blog-copy-code { position: absolute; right: .5rem; top: .5rem; width: 1.75rem; height: 1.75rem; display: grid; place-items: center; border: 1px solid hsl(var(--border)); border-radius: 4px; background: hsl(var(--background)); color: hsl(var(--muted-foreground)); }
.blog-copy-code:hover { color: hsl(var(--foreground)); }
.blog-copy-code svg { width: 1rem; height: 1rem; }
.dark .astro-code, .dark .astro-code span { color: var(--shiki-dark) !important; background-color: var(--shiki-dark-bg) !important; }
@media (max-width: 767px) {
  body[data-page="blog"] article, body[data-page="blog"] article #content { min-width: 0; width: 100%; }
  body[data-page="blog"] #content { font-size: .95rem; }
}