/* Red Mammoth — Library page (library.html).
   Page-specific rules only; shared patterns come from css/site.css.
   .library__post-* card/pagination styles moved to site.css (بند ۴) since
   the same "latest posts" card is also used on index.html/college.html. */

.page-hero__title { max-width: 24ch }

.library__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px }
.library__card i { width: 20px; height: 20px; color: var(--color-gold) }

.library__categories { display: flex; flex-wrap: wrap; gap: 10px }
.library__cat-link {
  display: inline-block; padding: 7px 16px; border-radius: 20px;
  border: 1px solid var(--color-gold); color: var(--color-muted-link); font-size: 13.5px;
  text-decoration: none; transition: background .15s, color .15s;
}
.library__cat-link:hover, .library__cat-link.is-active { background: var(--color-gold); color: #23262B }

.library__pagination { display: flex; gap: 8px; justify-content: center; margin-top: 32px }
.library__page-link {
  display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border-radius: 10px; border: 1px solid var(--color-gold); color: var(--color-muted-link);
  font-size: 13.5px; text-decoration: none;
}
.library__page-link.is-active { background: var(--color-gold); color: #23262B }