/* community pages: additions to the shared stats.css */
.maps { padding: 10px; }
.mapwrap { position: relative; width: 100%; }
canvas.map { display: block; width: 100%; border-radius: 6px; background: var(--heat0); touch-action: none; }
.maptip { position: absolute; pointer-events: none; background: var(--surface); border: 1px solid var(--line); border-radius: 6px; padding: 6px 9px; font-size: .82rem; max-width: 200px; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.sw { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: 0; flex: none; }
.clist { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 4px 0; }
.cbtn { background: var(--surface); color: var(--ink2); border: 1px solid var(--line); border-radius: 999px; padding: 4px 10px; font: inherit; font-size: .8rem; cursor: pointer; display: inline-flex; align-items: center; gap: 4px; }
.cbtn small { color: var(--muted); }
.cbtn.on { border-color: var(--c1); color: var(--ink); background: var(--wash); }
.cgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; margin-top: 10px; }
.ccard { background: var(--surface); border: 1px solid var(--line); border-radius: 8px; padding: 14px 16px; text-decoration: none; color: var(--ink); display: flex; flex-direction: column; gap: 6px; }
.ccard:hover { border-color: var(--c1); }
.ccard h3 { margin: 0; font-size: 1rem; display: flex; align-items: center; }
.cnums { color: var(--ink2); font-size: .85rem; }
.cl { color: var(--ink); text-decoration: none; display: inline-flex; align-items: center; white-space: nowrap; }
.cl:hover { text-decoration: underline; }
.two { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 14px; }
@media (max-width: 480px) { .two { grid-template-columns: 1fr; } }
.two section, .three section { margin-top: 0; }
.three { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 14px; margin-top: 10px; }
.who-grid { display: flex; flex-wrap: wrap; gap: 8px 18px; }
h1 .sw { width: 16px; height: 16px; margin-right: 10px; }
.legend .cl { font-size: .82rem; }
.two td, .two th { white-space: normal; }