html { color-scheme: dark; }
body { margin: 0; background: #1a1410; color: #efe3c8; font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif; font-size: 18px; line-height: 1.6; background-image: linear-gradient(#e0913a 0 6px, #c4622a 6px 12px, #8f4320 12px 18px, transparent 18px); background-repeat: no-repeat; background-size: 100% 18px; }
main { max-width: 760px; margin: 0 auto; padding: 48px max(16px, 4vw) 64px; }
h1 { font-family: "Fraunces", Georgia, serif; font-variation-settings: "SOFT" 100; font-weight: 900; font-size: clamp(34px, 5vw, 48px); line-height: 1.05; margin: 24px 0 8px; }
h2 { font-family: "Fraunces", Georgia, serif; font-variation-settings: "SOFT" 100; font-weight: 800; font-size: 23px; margin: 32px 0 6px; }
p, li { color: #cdbd9f; }
a { color: #f0a24a; }
a:hover { color: #f7c27e; }
a:focus-visible { outline: 2px solid #f0a24a; outline-offset: 3px; }
.back { font-weight: 600; text-decoration: none; }
.updated { color: #b9a98c; font-size: 15px; }