@font-face { font-family: Fraunces; font-weight: 700; font-display: swap; src: url(/assets/fonts/Fraunces-700.ttf) format("truetype"); }
@font-face { font-family: Nunito; font-weight: 500; font-display: swap; src: url(/assets/fonts/Nunito-500.ttf) format("truetype"); }
@font-face { font-family: Nunito; font-weight: 800; font-display: swap; src: url(/assets/fonts/Nunito-800.ttf) format("truetype"); }
:root { --paper: #F4EEE1; --card: #FBF7EE; --ink: #23302A; --ink-soft: #5E6862; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 500 17px/1.65 Nunito, system-ui, sans-serif; }
a { color: inherit; font-weight: 800; }
.bar { padding: 16px; display: flex; justify-content: center; }
.bar img { width: 180px; height: auto; }
.doc { width: min(720px, 100% - 32px); margin: 8px auto 40px; background: var(--card); border: 2px solid #fff; border-radius: 24px; padding: clamp(20px, 5vw, 40px); box-shadow: 0 5px 0 #D8CCB2, 0 14px 30px rgba(35, 48, 42, .08); }
h1 { font: 700 clamp(30px, 5vw, 40px)/1.1 Fraunces, Georgia, serif; margin: 0 0 4px; }
h2 { font: 700 21px/1.25 Fraunces, Georgia, serif; margin: 28px 0 4px; }
p { margin: 0; color: var(--ink-soft); }
.updated { font-size: 15px; margin-bottom: 8px; }
footer { text-align: center; padding: 0 16px 40px; color: var(--ink-soft); font-size: 15px; }
footer a { text-decoration: none; }