body {
    font-family: 'Aptos', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #4f4b6a;
}

.logo {
    max-width: 550px;
    height: auto;
}

@media (max-width: 768px) {
    .logo {
        max-width: 80%;
    }
}

.risk-badge {
  display: inline-flex; align-items: center;
  padding: .2rem .5rem; border-radius: 9999px;
  background: rgba(0,0,0,.04);
}

.risk-dot {
  --risk-color: #9ca3af;          /* safe default */
  width: .75rem; height: .75rem;
  border-radius: 50%;
  margin-right: .5rem;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;
  background: var(--risk-color);
}