*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#1d2330;background:#f5f6f8}
header{background:#1d2330;color:#fff;padding:1rem}header a{color:#ffc857;margin-right:1rem;text-decoration:none}
main{max-width:1000px;margin:auto;padding:1rem}.card{background:#fff;border-radius:8px;padding:1rem;margin:.6rem 0;box-shadow:0 1px 3px #0002}
.tag{display:inline-block;font-size:.75rem;padding:.1rem .5rem;border-radius:99px;background:#e3e7ef;margin-right:.3rem}
.upcoming{background:#d4f5dc}.past{background:#eee}.note{font-size:.85rem;color:#556}
select,input,button{font:inherit;padding:.4rem;margin:.2rem}button{background:#ffc857;border:0;border-radius:4px;cursor:pointer}
table{width:100%;border-collapse:collapse}td,th{padding:.5rem;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}
@media(max-width:600px){table,tr,td,th{display:block}th{display:none}}
.warn{background:#fff4d6}