/* Softer, deeper cards with a subtle border */
.service-card,
.bookmark-card {
  border: 1px solid rgb(255 255 255 / 0.07);
  box-shadow: 0 4px 20px rgb(0 0 0 / 0.35);
  transition: transform 160ms ease, box-shadow 160ms ease,
              border-color 160ms ease;
}

/* Lift on hover */
.service-card:hover,
.bookmark-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgb(0 0 0 / 0.45);
  border-color: rgb(255 255 255 / 0.16);
}

/* Larger, crisper service icons */
.service-icon img,
.service-icon svg {
  filter: drop-shadow(0 2px 6px rgb(0 0 0 / 0.5));
}

/* Breathing room between groups */
#information-widgets {
  padding-bottom: 1.25rem;
}

.services-group {
  margin-bottom: 0.5rem;
}

/* Group headers: quieter, letterspaced */
.services-group > div > h2,
#myself h2 {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.8rem;
  opacity: 0.65;
}

/* Status dot glow */
.status-dot,
[class*="status"] .rounded-full {
  box-shadow: 0 0 8px currentColor;
}