:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.8; background: Canvas; color: CanvasText; }
.container { max-width: 860px; margin: 0 auto; padding: 24px 18px 64px; }
.site-header { margin-bottom: 34px; font-weight: 700; }
.site-header a { color: inherit; text-decoration: none; }
h1 { font-size: clamp(1.6rem, 4vw, 2.35rem); line-height: 1.3; margin: 0 0 12px; }
h2 { margin-top: 40px; line-height: 1.4; }
h3 { margin-top: 28px; line-height: 1.45; }
a { color: LinkText; }
.meta { color: GrayText; font-size: .92rem; }
.article-list { list-style: none; padding: 0; margin: 28px 0; }
.article-list li { padding: 18px 0; border-bottom: 1px solid color-mix(in srgb, CanvasText 15%, transparent); }
.article-list a { font-weight: 700; text-decoration: none; }
.article-list p { margin: 4px 0 0; }
pre { overflow: auto; padding: 14px; border-radius: 8px; background: color-mix(in srgb, CanvasText 10%, Canvas); }
code { padding: .1em .3em; border-radius: 4px; background: color-mix(in srgb, CanvasText 10%, Canvas); }
pre code { padding: 0; background: transparent; }
blockquote { margin: 1em 0; padding: .3em 1em; border-left: 4px solid color-mix(in srgb, CanvasText 30%, transparent); }