:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font: 18px/1.7 Georgia, 'Times New Roman', serif; color: #1a1a1a; background: #fff; }
header, main, footer { max-width: 720px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 28px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; font: 600 18px/1.4 -apple-system, 'Segoe UI', Arial, sans-serif; }
header a { color: #1a1a1a; text-decoration: none; }
h1 { font: 700 36px/1.2 -apple-system, 'Segoe UI', Arial, sans-serif; margin: 36px 0 10px; }
h2, h3, h4 { font-family: -apple-system, 'Segoe UI', Arial, sans-serif; line-height: 1.3; margin: 34px 0 10px; }
.sub { color: #555; font-size: 20px; margin: 0 0 8px; }
.date { color: #777; font: 14px -apple-system, 'Segoe UI', Arial, sans-serif; margin-bottom: 24px; }
img { max-width: 100%; height: auto; border-radius: 6px; }
a { color: #0b57d0; }
blockquote { margin: 20px 0; padding-left: 16px; border-left: 3px solid #ddd; color: #444; }
.list { list-style: none; padding: 0; }
.list li { padding: 22px 0; border-bottom: 1px solid #eee; }
.list a { font: 600 22px/1.3 -apple-system, 'Segoe UI', Arial, sans-serif; color: #1a1a1a; text-decoration: none; }
.list a:hover { text-decoration: underline; }
.list p { margin: 6px 0 0; color: #555; font-size: 17px; }
footer { padding-top: 30px; padding-bottom: 50px; color: #777; font: 14px -apple-system, 'Segoe UI', Arial, sans-serif; }