:root { color-scheme: light; background: #f4f0e8; color: #101010; font: 17px/1.7 Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: inherit; text-underline-offset: .2em; }
a:hover { color: #a9281b; }
a:focus-visible { outline: 2px solid #a9281b; outline-offset: 4px; }
header, footer { padding: 28px max(24px, calc((100vw - 1040px) / 2)); display: flex; flex-wrap: wrap; gap: 16px 32px; align-items: center; }
header { border-bottom: 1px solid #d4cfc5; justify-content: space-between; }
.brand { font: bold 1.3rem Georgia, serif; text-decoration: none; }
main { max-width: 920px; margin: auto; padding: 48px 24px 80px; overflow-wrap: anywhere; }
.back { font-size: .85rem; }
h1 { font: 400 clamp(2rem, 5vw, 3.5rem)/1.15 Georgia, serif; letter-spacing: -.035em; margin: 36px 0; }
h2 { font: 400 clamp(1.4rem, 3vw, 2rem)/1.3 Georgia, serif; margin: 48px 0 20px; }
p { margin: 0 0 18px; }
footer { background: #101010; color: #f4f0e8; font-size: .8rem; }
@media(max-width: 480px) { :root { font-size: 16px; } main { padding-top: 28px; } header { padding-block: 20px; } }
@media print { header, footer, .back { display: none; } :root { background: white; color: black; } main { max-width: none; padding: 0; } h2 { break-after: avoid; } }