:root { --ivory:#faf9f5; --fg:#1d1b18; --muted:#6e675d; --rule:#d9d2c7; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ivory); color: var(--fg); font-family: "Albert Sans", "Helvetica Neue", Arial, sans-serif; font-size: 15px; line-height: 1.55; }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 20px 80px; }
header { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; background: #2e1e14; }
header img { height: 28px; width: auto; display: block; }
header a { color: var(--ivory); text-decoration: none; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-family: "Special Gothic Expanded One", "Arial Black", sans-serif; font-weight: 400; text-transform: uppercase; font-size: clamp(30px, 5vw, 44px); line-height: 1.05; margin: 24px 0 28px; }
h2 { font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); font-weight: 600; margin: 32px 0 8px; }
p { margin: 0 0 12px; }
a { color: inherit; }
.todo { background: #f3e2b8; padding: 0 4px; }
.note { font-size: 13px; color: var(--muted); border-top: 1px solid var(--rule); margin-top: 40px; padding-top: 16px; }