@import url("/reading.css");

* { box-sizing: border-box; }
body { margin: 0; background: #f5f9f4; color: #223126; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
article { max-width: 48rem; margin: 0 auto; padding: clamp(1.25rem, 4vw, 3.5rem) clamp(1rem, 4vw, 2.25rem) 5rem; overflow-wrap: anywhere; }
header { margin-bottom: 2rem; }
h1 { margin: 0 0 .7rem; letter-spacing: -.025em; }
.byline, figcaption { color: #52675a; font-size: var(--type-meta); }
a { color: #286045; text-underline-offset: .2em; }
.byline a { margin-inline-start: .75rem; }
p, ul, ol, figure, blockquote { margin: 0 0 1em; }
h2, h3 { margin: 1.6em 0 .55em; color: #254d35; }
blockquote { padding: .4em 1em; border-inline-start: 3px solid #99b8a2; }
blockquote > :last-child { margin-bottom: 0; }
hr { margin: 1.25rem 0; border: 0; border-top: 1px solid #cfddd0; }
img, video { display: block; max-width: 100%; height: auto; margin: 1rem auto; border-radius: .35rem; }
img.emoji { display: inline; width: 1.25em; height: 1.25em; margin: 0 .05em; vertical-align: -.22em; border-radius: 0; }
figure img { margin-bottom: .35em; }
pre { overflow: auto; white-space: pre-wrap; }