:root { color-scheme: light dark; --accent: #f5a524; }
* { box-sizing: border-box; }
body {
  margin: 0; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: Canvas; color: CanvasText;
}
main { max-width: 760px; margin: 0 auto; padding: 32px 20px 64px; }
header { border-bottom: 2px solid var(--accent); margin-bottom: 24px; }
h1 { font-size: 1.8rem; margin: 0 0 8px; }
h2 { font-size: 1.2rem; margin-top: 32px; }
a { color: var(--accent); }
.meta { opacity: 0.75; font-size: 0.9rem; }
.button {
  display: inline-block; padding: 12px 20px; border-radius: 10px; min-height: 44px;
  background: var(--accent); color: #111; text-decoration: none; font-weight: 600;
}
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; padding: 8px; border-bottom: 1px solid color-mix(in srgb, CanvasText 20%, transparent); vertical-align: top; }
nav a { margin-right: 16px; }