/* JoyToy Education v32: one library, five clearly separated material collections. */
.member-library-collections {
  padding: 28px 34px 26px;
  display: grid;
  grid-template-columns: minmax(240px, 1.25fr) repeat(5, minmax(145px, .75fr));
  gap: 12px;
  border-bottom: 2px solid #201812;
  background: #fff;
}
.member-library-collections > div { padding-right: 18px; }
.member-library-collections h1 { margin: 4px 0 8px; font-family: PFKidsAge10, Georgia, serif; font-size: 34px; line-height: 1; }
.member-library-collections > div p:last-child { margin: 0; color: #665f57; font-size: 12px; line-height: 1.45; }
.member-library-collections > a {
  min-height: 126px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  border: 2px solid #201812;
  border-radius: 16px;
  background: #f7f3eb;
  color: #201812;
  text-decoration: none;
  box-shadow: 3px 3px 0 transparent;
}
.member-library-collections > a:hover,
.member-library-collections > a.active { background: #ffd400; box-shadow: 4px 4px 0 #201812; transform: translate(-1px, -1px); }
.member-library-collections > a:nth-of-type(2) { background: #e7f5ef; }
.member-library-collections > a:nth-of-type(3) { background: #dce8ff; }
.member-library-collections > a:nth-of-type(4) { background: #f3e7ff; }
.member-library-collections > a:nth-of-type(5) { background: #dff3ff; }
.member-library-collections > a.active { background: #ffd400; }
.member-library-collections > a span { font-size: 10px; font-weight: 950; }
.member-library-collections > a strong { margin-top: auto; font-size: 14px; line-height: 1.15; }
.member-library-collections > a small { margin-top: 5px; color: #645d55; font-size: 10px; line-height: 1.25; }
.member-filter-collection { min-height: 46px; padding: 7px 12px; display: grid; align-content: center; border: 2px solid #201812; border-radius: 12px; background: #f7f3eb; }
.member-filter-collection span { font-size: 9px; font-weight: 900; letter-spacing: .11em; }
.member-filter-collection strong { font-size: 13px; }

@media (max-width: 1420px) {
  .member-library-collections { grid-template-columns: repeat(5, minmax(145px, 1fr)); }
  .member-library-collections > div { grid-column: 1 / -1; }
  .member-library-collections > a { min-height: 105px; }
}
@media (max-width: 900px) {
  .member-library-collections { padding: 20px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-library-collections > div { grid-column: 1 / -1; }
  .member-library-collections > a { min-height: 112px; }
}
@media (max-width: 520px) {
  .member-library-collections { grid-template-columns: 1fr; }
  .member-library-collections > a { min-height: 96px; }
}

@media (max-width: 620px) {
  .member-grade-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .member-grade-choice {
    min-width: 0;
    justify-content: center;
  }

  .member-grade-grid:not(.preschool) .member-grade-choice b {
    display: none;
  }
}