html { background: #F7F4EE; }
body { margin: 0; background: #F7F4EE; color: #3B3D30; font: 400 18px/1.6 "Nunito Sans", system-ui, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 32px 24px 64px; }
.logo { display: block; width: 180px; height: auto; margin: 0 0 48px; }
h1 { margin: 0 0 8px; font: 400 47px/1.05 "Instrument Serif", Georgia, serif; letter-spacing: -.01em; }
h2 { margin: 40px 0 8px; font: 400 29px/1.15 "Instrument Serif", Georgia, serif; }
p, li { margin: 0 0 14px; } ul { box-sizing: border-box; width: auto; max-width: 100%; margin: 0 0 14px; padding-left: 22px; }
main { overflow-wrap: anywhere; }
.updated { color: #6E5A4C; font-size: 15px; margin-bottom: 32px; }
a { color: #3B3D30; text-underline-offset: 3px; } a:focus-visible { outline: 2px solid #3B3D30; outline-offset: 2px; }
.home { display: inline-block; margin-top: 24px; padding: 12px 24px; border-radius: 999px; background: linear-gradient(to bottom, #ADB49E, #9AA18A); color: #F7F4EE; font-weight: 700; text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -2px 0 rgba(59,61,48,.22), 0 1px 2px rgba(32,33,30,.32), 0 8px 22px -6px rgba(163,170,147,.75); }