/* Background only: preserve all existing component dimensions and navigation. */
#productShell:has(.app-page[data-app-page="concern"].active) {
  background-color: var(--paper, #fff9ef) !important;
  background-image: url('../assets/concern-hub-background.web.webp') !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}
#productShell .app-page[data-app-page="concern"] .concern-card,
#productShell .app-page[data-app-page="concern"] .concern-detail,
#productShell .app-page[data-app-page="concern"] .support-action {
  background: rgba(255,248,236,.88) !important;
}
#productShell .app-page[data-app-page="concern"] .concern-card:hover {
  background: rgba(255,242,232,.96) !important;
}
@media (max-width: 620px) {
  #productShell .app-page[data-app-page="concern"] .concern-card,
  #productShell .app-page[data-app-page="concern"] .concern-detail,
  #productShell .app-page[data-app-page="concern"] .support-action {
    background: rgba(255,248,236,.94) !important;
  }
}