:root {
  --bs-font-sans-serif: "SUSE", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --acv-primary: #0351b6;
  --acv-primary-subtle: #b2d3fe;
  --acv-primary-pal-1: #80b7fd;
  --acv-primary-pal-2: #cbe2fe;
  --acv-primary-pal-3: #f1f7ff;
  --acv-secondary: #5e9533;
  --acv-secondary-subtle: #b7dc99;
  --acv-secondary-pal-1: #99DC9D;
  --acv-secondary-pal-2: #aedc99;
  --acv-secondary-pal-3: #dff0d2;
}

body {
  background-color: #f8f8f8;
  font-size: 18px;
}

mark {
  background: linear-gradient(-100deg,
      hsla(226, 92%, 75%, 0.3),
      hsla(236, 92%, 75%, 0.5) 95%,
      hsla(221, 92%, 75%, 0.1));
  border-radius: 0.6em 0.1em 0.5em 0.3em;
}

.company-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
}

.company-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.company-logo {
  max-height: 80px;
  object-fit: contain;
}

.tag {
  cursor: pointer;
  border: 3px solid transparent;
}

.tag.active {
  color: white !important;
  border: 3px solid #ff9900;
}

.links a {
  text-decoration: none;
  margin: 0 6px;
  color: #555;
  transition: color 0.15s ease;
}

.links a:hover {
  color: #0d6efd;
}

.description {
  font-size: 0.9rem;
  color: #555;
}