/* ==========================================================
   report.css — page-specific styles for report.html
   (step indicator, category picker, contact-details disclosure,
   photo/video upload, map pin picker)
   Shared header/footer/chip/leaflet styles live in style.css.
========================================================== */

.step-dot {
  width: 28px; height: 28px;
  border-radius: 9999px;
  display: inline-flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: .8rem;
}

/* Contact-details <details> disclosure — hide native marker */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
