:root { color-scheme: light dark; --accent: #0F766E; }
body { font-family: "Segoe UI", "Yu Gothic UI", "Hiragino Sans", sans-serif; line-height: 1.7; max-width: 46rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
header { display: flex; align-items: center; gap: .75rem; margin-bottom: 2rem; }
header img { width: 48px; height: 48px; }
header a { color: inherit; text-decoration: none; font-weight: 700; font-size: 1.25rem; }
nav { margin-left: auto; font-size: .9rem; }
a { color: var(--accent); }
h1 { font-size: 1.6rem; }
h2 { font-size: 1.15rem; margin-top: 2rem; }
footer { margin-top: 3rem; font-size: .85rem; opacity: .7; }
@media (prefers-color-scheme: dark) { :root { --accent: #5EEAD4; } }