* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; background: #f6f7f9; color: #222; }
.wrap { max-width: 720px; margin: 0 auto; padding: 48px 20px; }
h1 { font-size: 1.6rem; margin: 0 0 24px; }
.events { list-style: none; padding: 0; margin: 0; }
.events li { background: #fff; border: 1px solid #e3e5e8; border-radius: 8px; padding: 16px 20px; margin-bottom: 12px; display: flex; justify-content: space-between; }
.events a { color: #1a56db; text-decoration: none; font-weight: 600; }
.date { color: #777; font-size: .9rem; }
.empty { color: #777; text-align: center; padding: 48px 0; }