/* "About the app": the list of what the application is made of (the same page as in Finance). One file for one part of the application. */

/* the card with the search and the labels of the parts: room between its rows, so nothing is squeezed together */
.about-search {
  gap: 20px;
  padding-bottom: 26px;
}
.about-search .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 10px;
}
.about-search [data-about-none] {
  margin: 0;
}

.about-list {
  padding: 0;
  overflow: hidden;
}
.about-item {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 2fr;
  gap: 6px 18px;
  padding: 12px 18px;
  border-bottom: 1px solid var(--line);
  align-items: center;
}
.about-item:last-child {
  border-bottom: 0;
}
.about-item[hidden] {
  display: none;
}
.about-name {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  flex-wrap: wrap;
}
.about-use {
  color: var(--muted);
  line-height: 1.45;
}
@media (max-width: 700px) {
  .about-item {
    grid-template-columns: 1fr;
  }
}