.v722-state-list {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1.25rem;
  padding-left: 1.25rem;
}

.v722-record-state,
.v722-country-gap-state { border-top: 1px solid var(--line, #d5d0c8); }
.v722-country-gap-state { background: #fff8e8; }

.forest-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .65rem;
  margin: 0 0 1rem;
}

.forest-results {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.forest-category,
.forest-subcategory {
  min-width: 0;
  border: 1px solid var(--line, #d5d0c8);
  border-radius: .5rem;
  background: #fff;
  padding: .3rem .85rem;
}

.forest-category { margin: 0; }
.forest-subcategory { margin: .65rem 0 .65rem 1rem; background: #fcfbf8; }

.forest-category > summary,
.forest-subcategory > summary {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: .7rem 0;
  cursor: pointer;
}

.forest-category > summary > span {
  font-family: var(--ws-font-display);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: 0;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.forest-category > summary > small,
.forest-subcategory > summary > small {
  flex: 0 0 auto;
  font-family: var(--ws-font-interface);
  font-size: var(--ws-type-small);
  font-weight: 600;
  line-height: 1.3;
}

.forest-subcategory > summary > span {
  font-family: var(--ws-font-body);
  font-weight: 600;
  line-height: 1.25;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal;
}

.forest-issue { margin: .6rem 0; }
.forest-issue p { margin: .25rem 0 .8rem; color: var(--muted, #5c5b57); }

.finder-empty-v722 {
  border: 1px dashed var(--line, #bcb7ae);
  border-radius: .55rem;
  padding: 1.25rem;
  background: #fcfbf8;
}

.v722-source-state {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: .75rem;
}

.v722-source-state > div {
  border: 1px solid var(--line, #d5d0c8);
  border-radius: .4rem;
  padding: .65rem;
}

@media (max-width: 960px) {
  .forest-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .forest-results { grid-template-columns: minmax(0, 1fr); }
  .forest-subcategory { margin-left: 0; }
  .forest-category > summary,
  .forest-subcategory > summary { display: block; }
  .forest-category > summary small,
  .forest-subcategory > summary small { display: block; margin-top: .25rem; }
}
