#main {
  background-color: transparent !important;
}

/* Section titles styling */
h4.section-title {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 0.6em;
  font-weight: 600;
  border-bottom: none;
  /* no border */
  color: #222;
}

/* Reduce margin between title and buttons */
h4.section-title+.link-list {
  margin-top: 0;
}

/* Logout and admin buttons same style as link buttons */
.logout-button,
.admin-link {
  display: inline-block;
  margin-top: 1em;
  padding: 0.5em 1.4em;
  border: 2px solid #222;
  background: #fff;
  color: #222;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 0.05);
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  user-select: none;
}

.logout-button:hover,
.admin-link:hover,
.logout-button:focus,
.admin-link:focus {
  background-color: #222;
  color: #fff;
  box-shadow: 0 4px 12px rgb(0 0 0 / 0.2);
  outline: none;
  cursor: pointer;
}



/* Logout button in red style */
.link-list a.logoutbutton {
  border-color: #c0392b;
  /* dark red border */
  background-color: #fff;
  /* keep white background */
  color: #c0392b;
  /* red text */
  font-weight: 600;
  transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
}

.link-list a.logoutbutton:hover,
.link-list a.logoutbutton:focus {
  background-color: #c0392b;
  /* red background on hover */
  color: #fff;
  /* white text on hover */
  box-shadow: 0 4px 12px rgba(192, 57, 43, 0.6);
  /* red-ish shadow */
  outline: none;
  cursor: pointer;
}