.resource-back-link {
  align-self: flex-start;
  display: inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #f8fafc;
  text-decoration: none;
  font: 600 14px/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

.resource-back-link:hover {
  background: rgba(15, 23, 42, 0.82);
}

body[data-theme="light"] .resource-back-link {
  background: rgba(241, 245, 249, 0.95);
  color: #0f172a;
}

body[data-theme="light"] .resource-back-link:hover {
  background: rgba(226, 232, 240, 0.98);
}