:root { --pico-font-size: 100%; }
.brand { text-decoration: none; }
.nav-cta { padding: .35rem .8rem; }
.narrow { max-width: 32rem; margin-inline: auto; }
.muted { color: var(--pico-muted-color); }
.error, .errorlist { color: var(--pico-del-color); list-style: none; padding: 0; }
.flash { padding: .6rem 1rem; border-radius: var(--pico-border-radius); background: var(--pico-card-sectioning-background-color); }
.flash-success { border-left: 4px solid #2e7d32; }
.flash-error { border-left: 4px solid #c62828; }
.inline-form { display: inline; margin: 0; }
.link-button { background: none; border: 0; padding: 0; margin: 0; color: var(--pico-primary); width: auto; text-decoration: underline; cursor: pointer; font-size: inherit; }
.actions { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.actions > * { margin-bottom: 0; width: auto; }
button.danger { background: #c62828; border-color: #c62828; }
.calendar-head { display: flex; justify-content: space-between; align-items: end; gap: 1rem; flex-wrap: wrap; }
.space-filter { max-width: 18rem; }
.legend { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; list-style: none; padding: 0; font-size: .9rem; }
.legend li { list-style: none; }
.dot { display: inline-block; width: .8rem; height: .8rem; border-radius: 50%; margin-right: .35rem; vertical-align: middle; }
.badge-public, .tag { display: inline-block; font-size: .75rem; padding: .05rem .5rem; border-radius: 1rem; background: #ffe0b2; color: #6d3b00; }
.tag { background: var(--pico-card-sectioning-background-color); color: inherit; }
.fc .is-public { box-shadow: inset 3px 0 0 #ff6e40; }
.fc { font-size: .9rem; }
.filters { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.filters > * { width: auto; margin-bottom: 0; }
.grid-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 1rem; }
.comment { padding: .8rem 1rem; margin-bottom: .8rem; }
.pager { display: flex; justify-content: space-between; }
#other-place[hidden] { display: none; }
.event-image { display: block; max-width: 100%; max-height: 28rem; margin: 0 auto 1rem; border-radius: var(--pico-border-radius); }
.current-image img { max-height: 10rem; border-radius: var(--pico-border-radius); }
.badge-error { display: inline-block; font-size: .75rem; padding: .05rem .5rem; border-radius: 1rem; background: #ffcdd2; color: #7f0000; }