:root { color-scheme:light; background:#f7f5ef; color:#101d31; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; text-underline-offset:4px; }
header { max-width:1000px; margin:auto; padding:28px 28px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { font-size:17px; letter-spacing:.24em; text-decoration:none; }
.back,.eyebrow,.filters label,.feed-status,.event-type,.event-date,.source-link,footer>p:first-child,.instagram { font-size:10px; letter-spacing:.18em; line-height:1.8; }
.back { text-decoration:none; font-size:9px; }
main { max-width:840px; margin:48px auto 0; padding:0 28px 48px; }
.eyebrow { margin:0 0 24px; color:#676b5c; }
h1 { font-size:clamp(32px,6.5vw,54px); font-weight:400; letter-spacing:.08em; line-height:1.16; margin:0; }
h1 span { color:#757966; font-size:.57em; letter-spacing:.18em; }
.intro { margin:25px 0 38px; font-size:15px; line-height:1.7; }
.filters { display:grid; grid-template-columns:minmax(0,320px); gap:28px; border-top:1px solid #d9d8cd; padding-top:24px; }
.filters label { display:flex; flex-direction:column; gap:12px; color:#676b5c; }
select { color:#101d31; font:inherit; font-size:11px; letter-spacing:.12em; padding:12px 30px 12px 0; border:0; border-bottom:1px solid #b0bac9; background:transparent; border-radius:0; width:100%; min-height:44px; cursor:pointer; }
.feed-status { margin:30px 0 10px; color:#676b5c; letter-spacing:.08em; }
.event { display:grid; grid-template-columns:155px 1fr; gap:30px; border-bottom:1px solid #d9d8cd; padding:28px 0; }
.event-date { margin:0; font-size:11px; letter-spacing:.08em; }
.event-time { display:block; color:#676b5c; font-size:11px; margin-top:7px; }
.event-type { color:#676b5c; font-size:9px; margin:0 0 8px; }
.event h2 { font-size:19px; font-weight:400; line-height:1.4; margin:0 0 9px; }
.event-location { font-size:12px; color:#676b5c; margin:0 0 10px; }
.event-description { font-size:13px; line-height:1.7; margin:0 0 14px; }
.source-link { display:inline-block; padding:8px 0; font-size:9px; }
.stale { font-size:11px; color:#7a602d; }
.empty { padding:48px 0; border-bottom:1px solid #d9d8cd; line-height:1.8; color:#676b5c; font-size:14px; }
footer { margin-top:44px; color:#676b5c; font-size:12px; line-height:1.8; }
footer>p:first-child { font-size:9px; }
footer details { margin:20px 0 30px; }
footer summary { cursor:pointer; font-size:10px; letter-spacing:.14em; min-height:30px; }
footer ul { padding-left:18px; }
.instagram { text-decoration:none; }
a:focus-visible,select:focus-visible,summary:focus-visible { outline:1px solid currentColor; outline-offset:5px; }
@media(max-width:540px) {
  header { padding:24px 20px; }
  .brand { font-size:15px; }
  .back { font-size:8px; letter-spacing:.1em; }
  main { padding:0 20px 36px; margin-top:32px; }
  .filters { gap:16px; }
  .event { grid-template-columns:1fr; gap:12px; padding:24px 0; }
  .event-date { display:flex; gap:12px; flex-wrap:wrap; align-items:baseline; }
  .event-time { margin:0; }
}