html, body { font-family: "Segoe UI Regular", "Source Han Sans SC Regular", "Microsoft YaHei", sans-serif; } html { overflow: hidden scroll; } :root { margin: 12px 96px 32px; --gray: #484644; --primary: #0078d4; --primary-alt: #004578; } @media (prefers-color-scheme: dark) { :root { color: #f8f8f8; --gray: #a19f9d; --primary: #4ba0e1; --primary-alt: #65aee6; } } a { color: var(--primary); text-decoration: none; } a:hover, a:active { color: var(--primary-alt); text-decoration: underline; } #main { max-width: 700px; margin: 0 auto; } #main > p.title { font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; margin-block-end: 0; } #main > p.date { color: var(--gray); font-size: .875rem; } article { line-height: 1.6; } article * { max-width: 100%; } article img { height: auto; } article figure { margin: 16px 0; text-align: center; } article figure figcaption { font-size: .875rem; color: var(--gray); -webkit-user-modify: read-only; } article iframe { width: 100%; }