:root {
  --bg-light: #f8fafc;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  background-color: var(--bg-light);
}

/* Make the main search area feel very “touch friendly” */
#search-input {
  min-height: 3.25rem;
}

/* Bubbles */
.bubble {
  border-radius: 999px;
  padding: 0.4rem 0.85rem;
  font-size: 0.9rem;
  cursor: pointer;
  border: 1px solid rgba(13, 110, 253, 0.3);
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.bubble-active {
  background-color: #0d6efd;
  color: #fff;
}

.bubble-muted {
  background-color: #e9ecef;
  color: #495057;
}

.bubble .bubble-label {
  white-space: nowrap;
}

.bubble .bubble-remove {
  font-size: 0.9rem;
  opacity: 0.75;
}

.bubble .bubble-remove:hover {
  opacity: 1;
}

/* Keep footer from hugging edges on tiny screens */
footer a {
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}