h2, h3 {
  transition: opacity 0.25s ease;
}

:is(h3:target) ~ h3,
h3:has(~ h3:target) {
  opacity: 0.45;
}

h3:target {
  opacity: 1 !important;
  border-left: 3px solid var(--md-accent-fg-color);
  padding-left: 0.55rem;
  margin-left: -0.7rem;
  border-radius: 2px;
  color: lavender;
  transition: border-left 0.2s ease, padding-left 0.2s ease, opacity 0.25s ease;
}

h3:target ~ h3 {
  opacity: 0.45;
}

:is(h2:target) ~ h2,
h2:has(~ h2:target) {
  opacity: 0.45;
}

h2:target {
  opacity: 1 !important;
  border-left: 3px solid var(--md-accent-fg-color);
  padding-left: 0.55rem;
  margin-left: -0.7rem;
  border-radius: 2px;
  color: lavender;
  transition: border-left 0.2s ease, padding-left 0.2s ease, opacity 0.25s ease;
}

h2:target ~ h2 {
  opacity: 0.45;
}