.map { position: relative; isolation: isolate; height: 340px; width: 100%; margin: 1rem 0; border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.map.big { height: 55vh; min-height: 320px; }
.map-note { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1000; padding: .4rem .75rem; background: Canvas; color: CanvasText; font-size: .9rem; }

.filters { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: 1rem 0; }
.filters input:not([type=checkbox]):not([type=hidden]) { display: inline-block; width: 7rem; max-width: none; }
.filters input[type=search] { flex: 1 1 14rem; width: auto; }
.filters label { margin: 0; }

.chips { display: flex; flex-wrap: wrap; gap: .4rem; margin: .5rem 0; }
.chip { display: inline-block; padding: .1rem .65rem; border: 1px solid var(--border); border-radius: 999px; font: inherit; font-size: .9rem; text-decoration: none; background: none; color: inherit; cursor: pointer; }
.chip.on { background: var(--accent); border-color: var(--accent); color: #fff; }

.cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); gap: 1rem; }
.card { border: 1px solid var(--border); border-radius: 8px; padding: .75rem 1rem; }
.card h3 { margin: 0 0 .25rem; font-size: 1.05rem; }
.muted { opacity: .7; font-size: .9rem; }
.desc { white-space: pre-line; }

.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: .75rem; margin: 1rem 0; }
.stat { border: 1px solid var(--border); border-radius: 8px; padding: .5rem .75rem; font-size: .9rem; }
.stat b { display: block; font-size: 1.2rem; }

.button { display: inline-block; padding: .4rem .9rem; border: none; border-radius: 6px; background: var(--accent); color: #fff; font: inherit; text-decoration: none; cursor: pointer; }
.button.danger { background: #c53030; }
.actions form { margin: 0; }

.pager { display: flex; gap: 1rem; align-items: center; margin: 1rem 0; }

.profile-wrap { margin: 1rem 0; }
.profile { display: block; width: 100%; height: 160px; touch-action: pan-y; border: 1px solid var(--border); border-radius: 8px; }
.profile-area { fill: color-mix(in srgb, var(--accent) 25%, transparent); stroke: none; }
.profile-line { fill: none; stroke: var(--accent); stroke-width: 2; vector-effect: non-scaling-stroke; }
.profile-cursor { stroke: currentColor; stroke-width: 1; vector-effect: non-scaling-stroke; }

details.xml { margin: 1rem 0; }
pre.xml { max-height: 24rem; overflow: auto; margin: .5rem 0 0; padding: .75rem; border: 1px solid var(--border); border-radius: 6px; font-size: .8rem; }

textarea { font: inherit; padding: .4rem .6rem; display: block; width: 100%; box-sizing: border-box; }
form.wide { max-width: 34rem; }
form.wide input:not([type=checkbox]) { max-width: none; }