:root { font-family: system-ui, sans-serif; color: #1f2937; background: #f4f1ea; }
body { margin: 0; } main { max-width: 980px; margin: 0 auto; padding: 48px 20px; }
.eyebrow { letter-spacing: .14em; font-size: 12px; color: #96723f; } h1 { font-size: 42px; margin: 8px 0; } h2 { margin-top: 0; }
header { margin-bottom: 32px; } .cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 20px; }
article, .panel { background: white; border: 1px solid #e5dfd3; border-radius: 12px; padding: 18px; } article small { display:block; color:#6b7280; } article strong { font-size: 28px; }
.panel { overflow-x: auto; } table { width: 100%; border-collapse: collapse; } th, td { text-align: left; border-bottom: 1px solid #eee; padding: 10px 8px; }
footer { color:#6b7280; font-size: 13px; margin-top: 22px; } @media (max-width: 680px) { .cards { grid-template-columns: repeat(2, 1fr); } h1 { font-size: 32px; } }