.category-description {
  color: var(--muted);
  margin: 0 0 18px;
}

html,
body,
.shell,
main,
.page,
.folder-grid,
.folder-card {
  min-width: 0;
}

body {
  overflow-x: hidden;
}

.folder-grid.explained {
  grid-template-columns: 1fr;
  min-width: 0;
}

.folder-grid.explained .folder-card {
  padding: clamp(20px, 4vw, 34px);
  min-width: 0;
  overflow: hidden;
}

.folder-grid.explained .folder-card li a {
  align-items: center;
  padding: 16px 0;
  min-width: 0;
}

.library-note {
  display: grid;
  gap: 4px;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.library-note strong {
  color: var(--navy);
}

.library-note small {
  color: var(--muted);
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

@media (max-width: 620px) {
  .folder-grid.explained {
    gap: 14px;
  }

  .folder-grid.explained .folder-card {
    padding: 18px 16px;
    border-radius: 18px;
  }

  .folder-grid.explained .folder-card > div {
    align-items: flex-start;
    min-width: 0;
  }

  .folder-grid.explained .folder-card h2,
  .category-description,
  .library-note strong,
  .library-note small {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .folder-grid.explained .folder-card li a > span[aria-hidden="true"] {
    flex: 0 0 auto;
  }
}