:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #111827;
  background: #f9fafb;
}
body { margin: 0; line-height: 1.6; }
header, main, footer { max-width: 920px; margin: 0 auto; padding: 24px; }
header { padding-top: 48px; }
nav { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
a { color: #1d4ed8; text-decoration: none; }
a:hover { text-decoration: underline; }
.card { background: white; border: 1px solid #e5e7eb; border-radius: 16px; padding: 24px; margin: 16px 0; }
.badge { display: inline-block; border: 1px solid #d1d5db; border-radius: 999px; padding: 4px 10px; font-size: 13px; color: #374151; }
h1, h2, h3 { line-height: 1.25; }
footer { color: #6b7280; font-size: 14px; }
ul { padding-left: 22px; }
.warning { border-left: 4px solid #f59e0b; padding-left: 16px; }