@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');
:root { --ink: #1a1410; --mut: #6B5849; --page: #F7EFE2; --card: #FFFBF3; --line: #E6D7C0; --b9: #3B2417; --brown: #3B2417; }
@media (prefers-color-scheme: dark) { :root { --ink: #F3E9DC; --mut: #BCA894; --page: #1B1410; --card: #261C16; --line: #3F3026; --b9: #EAD3B5; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--page); color: var(--ink); font-family: Poppins, system-ui, sans-serif; line-height: 1.65; }
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 60px; }
.back { color: var(--mut); text-decoration: none; font-size: 14px; font-weight: 600; }
h1 { font-size: clamp(30px, 6vw, 42px); font-weight: 800; color: var(--b9); letter-spacing: -.02em; margin: 18px 0 4px; }
h2 { font-size: 19px; color: var(--b9); margin: 30px 0 8px; }
.meta { color: var(--mut); font-size: 13.5px; margin: 0 0 22px; }
p, li { font-size: 15px; }
table { width: 100%; border-collapse: collapse; background: var(--card); border-radius: 12px; overflow: hidden; font-size: 14px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line); vertical-align: top; }
th { font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--mut); }
footer { background: var(--brown); color: #F7EFE2; padding: 9px 20px; text-align: center; font-size: 12.5px; }
footer span { color: #C9A47C; margin-right: 4px; }