:root { --color-background: #fff; --color-primary-20: #e8e8e8; --color-primary-50: #dcdcdc; --color-primary-100: #acacac; --color-primary-500: #505050; --color-primary-600: #3c3c3c; --color-accent-500: #007bff; --color-accent-600: #0056b3; --color-code: #e01e5a; --color-blockquote-border: #242424; --color-code-border: #1d1c1d21; --color-code-background: #1d1c1d0a; }

@media (prefers-color-scheme: dark) { :root { --color-background: #222; --color-primary-20: #4c4c4c; --color-primary-50: #454545; --color-primary-100: #757575; --color-primary-500: #ccc; --color-primary-600: #e6e6e6; --color-accent-500: #1e8ad6; --color-accent-600: #3ba0e6; --color-code: #e8912d; --color-blockquote-border: #dbdbdb; --color-code-border: #e8e8e821; --color-code-background: #e8e8e80a; } }
body { background-color: #fff; background-color: var(--color-background); color: #505050; color: var(--color-primary-500); font-family: 'Source Serif Pro', sans-serif; }
body a { color: #007bff; color: var(--color-accent-500); }
body a:hover { color: #0056b3; color: var(--color-accent-600); }
body .header .separator { margin-left: 5px; margin-right: 5px; color: #acacac; color: var(--color-primary-100); }

.table { color: #505050; color: var(--color-primary-500); }

@media (min-width: 1000px) { .container { width: 770px; } }
h1 { margin: 5px 0; font-size: 2.4rem; line-height: 1; }

.date { color: #acacac; color: var(--color-primary-100); }

.content { margin-top: 30px; font-size: 1.2em; line-height: 1.8; color: #3c3c3c; color: var(--color-primary-600); }
.content p { margin-bottom: 1.8rem; }
.content a, .content a:hover, .content a:visited { color: #3c3c3c; color: var(--color-primary-600); text-decoration: underline; }
.content code { font-size: 0.8em; padding: 2px 3px 1px; border: 1px solid #1d1c1d21; border: 1px solid var(--color-code-border); border-radius: 3px; background-color: #1d1c1d0a; background-color: var(--color-code-background); border-radius: 3px; color: #e01e5a; color: var(--color-code); }
.content code a, .content code a:hover, .content code a:visited { color: #007bff; color: var(--color-accent-500); }
.content pre { color: #505050; color: var(--color-primary-500); font-size: 0.8em; padding: 8px; border: 1px solid #1d1c1d21; border: 1px solid var(--color-code-border); border-radius: 4px; background-color: #1d1c1d0a; background-color: var(--color-code-background); }
.content blockquote { margin-left: -20px; padding-left: 23px; box-shadow: inset 3px 0 0 0 #242424; box-shadow: inset 3px 0 0 0 var(--color-blockquote-border); font-style: italic; }

.footnotes { margin-top: 4rem; font-size: 0.8em; line-height: 1.4; }

.discuss { margin-top: 2.5rem; font-size: 0.8em; }