/* .radio-group { */
/*   display: flex; */
/*   flex-direction: column; */
/*   gap: 25px; */
/*   font-family: sans-serif; */
/* } */

/* .radio-option { */
/*   display: flex; */
/*   align-items: center; */
/*   gap: 10px; */
/*   cursor: pointer; */
/*   font-size: 1.1rem; */
/*   flex-shrink: 0;  */
/* } */

/* /\* Hide the native radio *\/ */
/* .radio-option input[type="radio"] { */
/*   appearance: none; */
/*   -webkit-appearance: none; */
/*   background-color: #fff; */
/*   border: 2px solid black; */
/*   border-radius: 50%; */
/*   width: 20px; */
/*   height: 20px; */
/*   position: relative; */
/*   cursor: pointer; */
/*   max-width: 20px; /\* Ensures it doesn't exceed the desired size *\/ */
/*   max-height: 20px; /\* Keeps height and width equal *\/ */
/*   box-sizing: border-box; */
/* } */

/* /\* Add responsiveness *\/ */
/* @media (max-width: 768px) { */
/*   .radio-option input[type="radio"] { */
/*     width: 20px; */
/*     height: 20px; */
/*   } */
/* } */

/* .radio-option input[type="radio"]:checked::before { */
/*   content: ''; */
/*   position: absolute; */
/*   top: 0; */
/*   left: 0; */
/*   width: 100%; */
/*   height: 100%; */
/*   background-color: black; */
/*   border-radius: 50%; */
/* } */


.radio-group {
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-family: sans-serif;
  align-items: flex-start; /* Ensures items are aligned at the start */
}

.radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 1.1rem;
  flex-shrink: 0;  /* Prevents shrinking on mobile */
  justify-content: flex-start; /* Align items from the start */
  width: auto; /* Prevent the container from shrinking or stretching */
}

.radio-option input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid black;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;  /* Ensures padding/borders are included in size */
  flex-shrink: 0;  /* Prevents shrinking */
  max-width: 20px; /* Ensures it doesn't exceed the desired size */
  max-height: 20px; /* Keeps height and width equal */
}

@media (max-width: 768px) {
  .radio-option input[type="radio"] {
    width: 20px;
    height: 20px;
  }
}

.radio-option input[type="radio"]:checked::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  border-radius: 50%;
}

.gridjs-tr {
  height: 40px;
}

.gridjs-td {
  white-space: nowrap;
  overflow: hidden;
//  text-overflow: ellipsis;
  max-width: 100%;
}

.gridjs-wrapper {
  min-height: 300px;
}

//.gridjs-table {
//  table-layout: auto; /* Or remove 'fixed' layout */
//}

#filingYears {
  display: flex;
//  flex-wrap: wrap;
  font-family: sans-serif;
  padding-top: 5px;  /* Optional: internal padding for top */
  padding-bottom: 10px;  /* Optional: internal padding for bottom */
}

a {
    color: black;
}

a:visited {
    color: #660000; /* Dark brick red */
}

a:hover,
a:focus {
  color: #990000;
}

.org {
    padding: 1em;
  line-height: 1.25em;
//  box-sizing: border-box; /* Ensures padding doesn't affect element size */
}


.search {
  width: 600px;
  margin: 50px;
  display: block;
}

.grants {
    margin: 10px;
    padding: 1em;
    border: 0.1em solid black;
}


.activities {
    padding: 1em;
    font-size: 10pt;
}

.people {
    padding: 1em;
    font-size: 10pt;
}

.results, .searchResults, .peopleResults {
    display: flex;
    flex-direction: column; /* Keep stacking elements vertically */
    width: 100%;
//    width: 500px; /* Set the desired width */
margin: 50px;
    overflow-y: auto;
    overflow-x: auto; /* Allow horizontal scrolling if the table overflows */
}


.searchBox {
    margin: 10px;
    margin-bottom: 20px;
}

.list {
    line-height: 1.3em;
}


.instructions {
    margin-top: 50px;
}

.about {
    padding: 1em;
    margin-top: 50px;
    line-height: 1.25em;
    width: 100%;
    max-width: 80ch;
}

#fields {
    padding: 1em;
//    visibility: hidden;
}



#searchInput, #peopleInput {
    flex: 3;
    width: 350px;
    padding: 10px 50px;
    font-size: 13px;
}

.search-btn {
      flex: 1;
      padding: 10px 16px;
      font-size: 14px;
}

.text-below-marker {
  min-width: 100px;
  left: -50px;
  text-align: center;
  min-height: 1.2em;
  border: 1px solid red;
}