/* Styles for the small text pages (privacy, thanks). Tokens match index.html. */
@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/BricolageGrotesque-Variable.woff2") format("woff2"); font-weight: 200 800; font-stretch: 75% 100%; font-display: swap; }
@font-face { font-family: "Source Serif 4"; src: url("fonts/SourceSerif4-Variable.woff2") format("woff2"); font-weight: 200 900; font-display: swap; }
*, *::before, *::after { box-sizing: border-box; }
html { background: #fbf8f4; -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #231c18; font: 17px/1.6 "Source Serif 4", Georgia, serif; -webkit-font-smoothing: antialiased; }
main { max-width: 680px; margin: 0 auto; padding: 48px 20px 64px; }
a { color: #a2361a; text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #a2361a; outline-offset: 3px; }
.back { display: inline-flex; align-items: center; min-height: 44px; font: 600 15px/1 "Bricolage Grotesque", Arial, sans-serif; text-decoration: none; }
h1 { font: 800 2.25rem/1.05 "Bricolage Grotesque", Arial, sans-serif; font-stretch: 88%; letter-spacing: -0.03em; margin: 16px 0 20px; }
h2 { font: 700 1.25rem/1.2 "Bricolage Grotesque", Arial, sans-serif; letter-spacing: -0.015em; margin: 32px 0 8px; }
p { margin: 0 0 12px; }
.muted { color: #6e625a; font-size: 15px; margin-top: 32px; }
@media (min-width: 640px) { main { padding-top: 72px; } h1 { font-size: 3rem; } }