/* Theme: 1 primary (Bootstrap blue), neutrals (white, gray/black). */
/* Layout: non-collapsing nav with good wrapping on small screens. */
body {
  background-color: #f8fafc;
}

header nav.nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

.nav .nav-link {
  color: #334155;
  transition: background-color .2s ease, color .2s ease;
}
.nav .nav-link:hover {
  background-color: #e2e8f0;
  color: #0f172a;
}
.nav .nav-link.active {
  background-color: #0d6efd;
  color: #fff;
}
.nav .btn {
  white-space: nowrap;
}

.nav .nav-link:focus-visible,
.nav .btn:focus-visible,
a.btn:focus-visible,
button:focus-visible {
  outline: 2px solid #0d6efd;
  outline-offset: 2px;
  border-radius: .5rem;
}

.card {
  border-radius: .75rem;
}
.ad-slot img {
  display: block;
  width: 100%;
  height: auto;
}
.text-balance {
  text-wrap: balance;
}
img {
  border-radius: .5rem;
}

footer {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0));
}