#map {
  height: 580px;
}
#map-item {
    height: 280px;
}

.view-selector {
  display: flex;
  justify-content: space-around;
}

.view-selector div {
  padding: 1.5rem 0;
  margin: 0.5rem 0;
  width: 100%;
  text-align: center;
  background-color: #f5eee0;
}

.view-selector .view-selected {
  background-color: #e8d9b9;
}

/* #catalogue-view {
  display: flex;
} */

.filters-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px 0;
  padding-bottom: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  border-bottom: 2px solid #e8d9b9;
}

.filters-title .material-icons {
  font-size: 20px;
}

.filter-group {
  max-width: 100%;
  border-bottom: 1px solid #e8d9b9;
}

.filter-group-title {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 8px 4px;
  font-weight: bold;
  font-size: 0.95rem;
  cursor: pointer;
  user-select: none;
}

.filter-group-title::before {
  content: "expand_more";
  font-family: "Material Icons";
  font-size: 18px;
  line-height: 1;
  transition: transform 0.2s ease;
  display: inline-block;
}

.filter-group.is-open .filter-group-title::before {
  transform: rotate(180deg);
}

.filter-group > ul {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.filter-group.is-open > ul {
  max-height: 2600px;
}

.filter-group-title:hover {
  background-color: #faf5ea;
}

.filter-group:has(li.selected) .filter-group-title {
  color: #8a6d3b;
}

.filter-group:has(li.selected) .filter-group-title::after {
  content: "●";
  color: #8a6d3b;
  font-size: 10px;
  margin-left: 4px;
}

.filter-group ul {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0 4px 0 8px;
}


.other_articles_stat span i {
  font-size: 1.5rem;
  padding: 2px;
}

li.selected {
  background-color: #e8d9b9;
  cursor: pointer;
  padding-left: 5px;
}

.popup-icon {
  margin-top: 5px;
  font-size: 18px;
}

.omega-material-icons {
  font-size: 24px !important;
  margin-right: 5px;
}

.filter-actions {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.catalogue-filters ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 4px;
  border-radius: 3px;
  font-size: 0.95rem;
}

.catalogue-filters ul li:hover {
  background-color: #faf5ea;
}

.legenda-icon {
  font-size: 20px;
  margin: 0; /* remove margin-top if using flex */
}

.filter-actions div {
  cursor: pointer;
  padding: 5px 10px;
  background-color: #e8d9b9;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: background-color 0.2s ease;
}

.filter-actions div:hover {
  background-color: #e0e0e0;
}

.no-bio-auth {
    font-size: 1.125rem;
    font-weight: 500;
}

/* People list */
ul.people_list {
    position: relative;
    padding-left: 86px !important;
}

.people_stat {
    position: absolute;
    left: 0;
    text-align: right;
    padding-right: 4px;
    padding-top: 4px;
    width: 70px;
    box-shadow: #ddd 3px 0 0;
    height: 100%;
}

.people_stat span {
    font-size: 0.8rem;
    display: block;
}

.people_stat span i {
    vertical-align: middle;
    font-size: 1rem;
}

.people_name .pub-accordion-trigger {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--dark-gray);
    margin: 0.5rem 0;
    display: block;
}

.people_roles {
    font-size: 0.85rem;
}

#people-initial-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0.5rem 0 1rem;
}

.initial-btn {
    padding: 2px 7px;
    cursor: pointer;
    background-color: #f5eee0;
    font-size: 0.85rem;
    user-select: none;
}

.initial-btn:hover,
.initial-btn.active {
    background-color: #e8d9b9;
    font-weight: 600;
}

.person-items {
    list-style: disc;
    padding-left: 1.4rem;
    margin: 0.5rem 0 0.8rem;
}

.person-items li {
    margin-bottom: 0.3rem;
}