:root { color-scheme: light dark; --bg-color: #ffffff; --text-color: #24292e; --link-color: #0366d6; }
@media (prefers-color-scheme: dark) { :root { --bg-color: #0d1117; --text-color: #c9d1d9; --link-color: #58a6ff; } }
body { font-family: -apple-system, sans-serif; line-height: 1.6; color: var(--text-color); background-color: var(--bg-color); max-width: 760px; margin: 0 auto; padding: 2rem 1.5rem; word-wrap: break-word; }
img, video, iframe { max-width: 100%; height: auto; border-radius: 8px; margin: 1rem 0; }
iframe { aspect-ratio: 16 / 9; width: 100%; border: none; }
h1, h2, h3 { margin-top: 2rem; margin-bottom: 1rem; font-weight: 600; line-height: 1.25; }
p { margin-top: 0; margin-bottom: 1.25rem; }
a { color: var(--link-color); text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 0 0 1.25rem 0; padding: 0 1em; color: #656d76; border-left: 0.25em solid #d0d7de; }
@media (prefers-color-scheme: dark) { blockquote { color: #8b949e; border-left-color: #30363d; } }
img, video, iframe, lite-youtube {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1rem 0;
}

iframe, lite-youtube {
    aspect-ratio: 16 / 9;
    width: 100%;
    border: none;
}