@layer components {
  .meetup-banner h2 svg,.meetup-date svg{color:var(--warm)}
  .meetup-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--accent-border);background:var(--accent-bg);padding:22px 24px;border-radius:var(--radius);margin:0 0 26px}
  .meetup-banner h2{display:inline;font-size:1.45rem}.meetup-banner svg{vertical-align:middle;margin-right:9px;color:var(--accent)}.meetup-banner p{margin-top:8px}.meetup-banner .btn{flex-shrink:0}
  .meetup-list{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.meetup-card{margin:0;min-width:0}.meetup-card h2{margin-top:17px;overflow-wrap:anywhere}
  .meetup-card-heading,.meetup-date,.meetup-actions,.meetup-admin{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.meetup-card-heading{justify-content:space-between}
  .meetup-date{color:var(--accent);margin:16px 0;align-items:flex-start}.meetup-date time{flex:1;min-width:0}.meetup-venue{font-weight:600;overflow-wrap:anywhere}
  .meetup-notes{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin:17px 0}.meetup-counts{padding-top:16px;margin-top:18px;border-top:1px solid var(--line)}
  .meetup-response{display:grid;gap:12px}.meetup-actions .btn{margin:0}.meetup-admin{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;justify-content:space-between;gap:12px}
  .meetup-editor{max-width:740px}.meetup-editor input[type=date],.meetup-editor input[type=time]{min-width:0}.meetup-toolbar{margin:14px 0 20px}
  .meetup-shared{font-size:.9375rem;color:var(--accent)}.meetup-error{margin:18px 0}.meetup-account-note{margin-top:22px;max-width:850px}.meetup-card .subtle{overflow-wrap:anywhere}
}
@layer responsive {
  @media(max-width:760px){
    .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.mobile-nav .nav-btn span{overflow-wrap:anywhere}.main{padding-bottom:calc(150px + env(safe-area-inset-bottom))}
    .meetup-banner{align-items:stretch;flex-direction:column;padding:20px;gap:16px}.meetup-banner .btn{align-self:flex-start}.meetup-list{grid-template-columns:1fr}.page-head{flex-wrap:wrap}
    .meetup-actions .btn{flex:1}.meetup-date{font-size:1rem}
  }
}