@font-face { font-family: 'Inter'; src: url('/fonts/inter-400.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/fonts/inter-600.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Playfair Display'; src: url('/fonts/playfair-700.ttf') format('truetype'); font-weight: 700; font-display: swap; }
:root { --cream: #f7f2ea; --brown: #6b4c2a; --brown-d: #4a3118; --text: #3b2f25; --gray: #6f6358; --line: #e4dccd; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cream); color: var(--text); font: 16px/1.7 'Inter', system-ui, sans-serif; }
.wrap { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
.back { display: inline-block; margin-bottom: 24px; color: var(--brown); font-weight: 600; text-decoration: none; }
.back:hover { text-decoration: underline; }
h1 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(26px, 5vw, 36px); line-height: 1.2; color: var(--brown-d); margin: 0 0 8px; }
.date { color: var(--gray); margin: 0 0 32px; font-size: 14px; }
h2 { font-size: 18px; color: var(--brown-d); margin: 32px 0 8px; }
p, li { margin: 0 0 10px; }
ul { padding-left: 22px; }
a { color: var(--brown); }
.card { background: #fff; border: 1px solid var(--line); border-radius: 10px; padding: 16px 20px; }