body {
  background: #f4f6fa;
  background: linear-gradient(165deg, #eef1f6 0%, #f8f9fa 55%, #eaeff6 100%);
  background-attachment: fixed;
  min-height: 100vh;
  color: #3d4852;
}

.list-group {
  gap: 1rem;
}

.list-group-item[id] {
  scroll-margin-top: 1.5rem;
}

.list-group-item {
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
  transition: box-shadow 0.15s ease;
}

.list-group-item:hover {
  box-shadow: 0 4px 14px rgba(16, 24, 40, 0.1);
}

.list-group-item .h3,
.list-group-item a.h3 {
  color: #1f2933;
}

.card {
  border-radius: 12px;
}

:popover-open {
  width: 300px;
  height: 200px;
  padding: 0 10px;
  border-radius: 10px;
}


::backdrop {
  backdrop-filter: blur(6px);
}

.working {
  position: fixed;
  bottom: 1em;
  height: 1em;
  margin: 1em;
  padding-bottom: 2em;
  left: 1em;
  right: 1em;
  /* background-color: antiquewhite; */
  width: 100%;
  background-color: #f8f9fa;
  text-align: center;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}