body { font-family: system-ui, sans-serif; background: #0f1419; color: #e8eef5;
       padding: 3rem 1.5rem; max-width: 42rem; margin: 0 auto; line-height: 1.5; }
h1 { font-weight: 600; letter-spacing: -0.02em; }
.events { list-style: none; padding: 0; }
.events li { border: 1px solid #26303a; border-radius: 12px; padding: 1.25rem; margin: 1rem 0; }
.events a { color: #7db9ff; font-size: 1.2rem; text-decoration: none; }
.when { color: #93a1b1; font-size: 0.9rem; margin: 0.35rem 0 0.75rem; }
.tt { display: inline-block; border: 1px solid #2f3b47; border-radius: 999px;
      padding: 0.15rem 0.7rem; margin: 0 0.35rem 0.35rem 0; font-size: 0.85rem; }