@font-face { font-family: "IM Fell English"; src: url("fonts/im-fell-english-latin-400-normal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Spline Sans"; src: url("fonts/spline-sans-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Spline Sans"; src: url("fonts/spline-sans-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
body { margin: 0; background: #2a1b12; color: #1f1711; font: 16px/1.65 "Spline Sans", -apple-system, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: calc(env(safe-area-inset-top) + 24px) 16px 48px; }
article { background: #efe4cc; border-radius: 18px; padding: 24px 20px 28px; }
h1 { font: 400 40px/1.05 "IM Fell English", Georgia, serif; margin: 0 0 6px; }
h2 { font: 600 17px/1.3 "Spline Sans", sans-serif; margin: 28px 0 6px; }
p, li { max-width: 68ch; }
ul { padding-left: 20px; }
.updated { color: #5c4a39; font-size: 14px; margin: 0 0 18px; }
a { color: #36553f; }
.back { display: inline-block; color: #f3ead8; margin: 0 4px 14px; text-decoration: none; }