body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; margin: 0; color: #111; background: #fafafa; line-height: 1.6; }
.wrap { max-width: 820px; margin: 0 auto; padding: 24px; }
.site-header { background: #111; color: #fff; }
.site-header a { color: #fff; text-decoration: none; }
.hero { padding: 32px 0; }
.card-list { display: grid; gap: 16px; }
.card { background: #fff; border: 1px solid #ddd; border-radius: 10px; padding: 20px; }
h1,h2,h3 { line-height: 1.2; }
a { color: #0a58ca; }
article { background: #fff; }
.table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.table th, .table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.note { color: #666; font-size: 0.95em; }