@font-face { font-family: 'Crimson Pro'; src: url('/fonts/CrimsonPro_400Regular.ttf') format('truetype'); font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/fonts/DMSans_400Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/fonts/DMSans_500Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
:root { --paper: #FAF7F3; --wash: #FBE7D6; --ink: #2A2825; --muted: #7A7468; --line: #ECE6DD; --card: #FFFFFF; --accent: #9A6425; }
@media (prefers-color-scheme: dark) {
  :root { --paper: #1E1C19; --wash: #2C241C; --ink: #F1ECE4; --muted: #A89F92; --line: #3A352F; --card: #27241F; --accent: #D39A58; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); background-image: linear-gradient(180deg, var(--wash) 0, var(--paper) 420px); color: var(--ink);
  font: 17px/1.6 'DM Sans', system-ui, -apple-system, sans-serif; padding-inline: 20px; }
main { max-width: 640px; margin: 0 auto; padding-block: 48px 64px; }
header { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; }
header img { width: 56px; height: 56px; border-radius: 13px; }
header a { color: inherit; text-decoration: none; }
h1, h2 { font-family: 'Crimson Pro', Georgia, serif; font-weight: 400; line-height: 1.15; text-wrap: balance; }
h1 { font-size: 40px; margin: 0; }
h2 { font-size: 26px; margin: 36px 0 8px; }
p, li { max-width: 65ch; }
a { color: var(--accent); }
.muted { color: var(--muted); }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 16px; padding: 18px 20px; margin: 20px 0; }
.email { font-weight: 500; font-size: 19px; user-select: all; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid var(--line); }
th { font-weight: 500; }
.wide { overflow-x: auto; }
footer { margin-top: 48px; font-size: 14px; color: var(--muted); }