/* The licence & permit guide directory on /licences and /blog is
   generator-managed markup (scripts/generate-licence-blog.mjs writes the same
   block into both pages), so its Bootstrap-era class names cannot change
   per-theme. Recreate the handful of layout classes it relies on, scoped to
   this block. Loaded after brand.css. */
.licence-directory h3 {
  margin: 2.5rem 0 0.75rem;
}

.licence-directory h5 {
  margin: 1.5rem 0 0.25rem;
  font-weight: 600;
}

.licence-directory .row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0 1.5rem;
}

@media (min-width: 768px) {
  .licence-directory .row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 992px) {
  .licence-directory .row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.licence-directory .nav {
  display: flex;
  flex-direction: column;
}

.licence-directory .nav-item {
  padding: 0.35rem 0;
}

.licence-directory a.nav-item:hover {
  color: var(--color-primary-500);
}

.licence-directory .text-muted {
  color: color-mix(in srgb, var(--color-background-14) 60%, transparent);
}

.licence-directory .fw-normal {
  font-weight: 400;
}

.licence-directory .fw-bold {
  font-weight: 600;
}