.about__text p {
  margin: 0 0 1rem;
}

.about__text p:last-child {
  margin-bottom: 0;
}

.un-bc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  color: var(--muted-fg);
}

.un-bc--hero {
  color: hsl(220, 20%, 80%);
}

.un-bc a {
  color: inherit;
}

.un-bc--hero a:hover {
  color: var(--yellow);
}

.un-area-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.un-area-chips a {
  display: inline-flex;
  align-items: center;
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 0.7rem 1rem;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--navy);
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}

.un-area-chips a:hover {
  border-color: var(--yellow);
  background: var(--yellow-light);
  transform: translateY(-1px);
}

.un-area-chips__all {
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
  color: var(--navy) !important;
}

.un-hub__zone {
  margin-bottom: 2.5rem;
}

.un-hub__title {
  font-family: var(--font-heading);
  font-size: 1.5rem;
  color: var(--navy);
  margin: 0 0 1rem;
}

.un-faq-list {
  display: grid;
  gap: 1rem;
  max-width: 52rem;
  margin: 0 auto;
}

.un-faq-card {
  cursor: pointer;
}

.un-faq-card summary {
  list-style: none;
  cursor: pointer;
}

.un-faq-card summary::-webkit-details-marker {
  display: none;
}

.un-faq-card[open] {
  border-color: var(--yellow);
}

.un-faq-card .service-card__desc {
  margin-top: 0.75rem;
}

@media (max-width: 767px) {
  .hero .un-bc--hero {
    font-size: 0.75rem;
  }
}