:root { --ivory: #F6F1E7; --surface: #FFFCF6; --ink: #16213F; --navy: #17244A; --gold: #C9A961; --gold-ink: #7F6127; --secondary: #5D6478; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--ivory); color: var(--ink); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif; }
header { background: var(--navy); color: var(--ivory); padding: 40px 20px 32px; }
header .wrap, main { max-width: 720px; margin: 0 auto; }
header img { width: 72px; height: 72px; border-radius: 16px; vertical-align: middle; margin-right: 14px; }
header h1 { display: inline-block; vertical-align: middle; margin: 0; font: 600 34px/1.2 "New York", Georgia, serif; }
header p { color: #B9C0D0; margin: 12px 0 0; }
main { padding: 12px 20px 48px; }
h2 { font: 600 24px/1.3 "New York", Georgia, serif; margin-top: 36px; }
.eyebrow { color: var(--gold-ink); font-size: 13px; font-weight: 600; letter-spacing: 1.3px; text-transform: uppercase; }
.card { background: var(--surface); border: 1px solid rgba(22,33,63,.1); border-radius: 18px; padding: 4px 22px; margin: 18px 0; }
a { color: var(--navy); text-decoration-color: var(--gold); text-underline-offset: 3px; }
footer { color: var(--secondary); font-size: 14px; border-top: 1px solid rgba(22,33,63,.1); margin-top: 40px; padding-top: 16px; }