.secondary-page {
  min-width: 0;
}
.secondary-page .page-heading {
  flex-wrap: wrap;
}
.secondary-page .page-heading .actions {
  flex-wrap: wrap;
}
.secondary-page .library-search {
  margin-block: 1.5rem;
  max-width: 24rem;
}
.secondary-page .library-search input {
  background: transparent;
  min-height: 42px;
}
.secondary-project-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.secondary-list-head,
.secondary-project {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(48px, 12%) minmax(76px, 16%) 42px;
  gap: clamp(.4rem, 2vw, 1.25rem);
  align-items: center;
  border-bottom: 1px solid var(--rule);
}
.secondary-list-head {
  padding-block: .6rem;
  color: var(--muted);
  font-size: .73rem;
}
.secondary-project {
  padding-block: .45rem;
  color: var(--secondary);
  font-size: .85rem;
  font-variant-numeric: tabular-nums;
}
.secondary-page .project-link {
  min-width: 0;
  min-height: 50px;
}
.secondary-page .project-link strong,
.secondary-page .project-link small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.secondary-page .project-link strong {
  font-size: .97rem;
}
.secondary-project .icon-btn {
  width: 42px;
  height: 42px;
}
.secondary-empty {
  padding: 1.4rem 0;
  color: var(--secondary);
}
.secondary-page .writing-layout {
  margin-top: 2rem;
}
.secondary-page .writing-layout > * {
  min-width: 0;
}
.secondary-page .writing-layout .subheading h2 {
  overflow-wrap: anywhere;
}
.secondary-page .writing-layout .subheading .btn {
  flex-shrink: 0;
}
.secondary-page .lyrics-input {
  width: 100%;
  min-height: 21rem;
}
.secondary-page .writing-footer,
.secondary-page .connection-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;
}
.secondary-page .connection-title {
  flex-wrap: wrap;
}
.secondary-page .writing-tools .fields-pair {
  margin-top: .8rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.secondary-page .writing-tools input {
  min-width: 0;
}
.secondary-page .settings-content,
.secondary-page .help-text {
  max-width: 44rem;
}
.secondary-page .settings-content .secondary-intro {
  margin-block: .5rem 1.5rem;
  color: var(--secondary);
}
.secondary-page .setting-row > div {
  width: 100%;
}
.secondary-page .setting-row .actions {
  flex-wrap: wrap;
  gap: 1rem;
}
.secondary-page .setting-row .field-optional {
  color: var(--muted);
  font-weight: 400;
}
.secondary-page .setting-row .footnote {
  font-size: .78rem;
  margin-block: .6rem;
}
.secondary-page .help-text > section {
  margin-bottom: 1.4rem;
}
.secondary-page .source-download {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-size: .84rem;
}
@media (max-width: 600px) {
  .secondary-list-head,
  .secondary-project {
    grid-template-columns: minmax(0, 1fr) 44px 42px;
  }
  .secondary-page .edit-date {
    display: none;
  }
  .secondary-page .lyrics-input {
    min-height: 14rem;
  }
}