/* News page: use the supplied tall frame as the page content background. */
body.rfv-page-event1 .rfv-news-dashboard {
  /* background: url('../images/rf-assets/panels/supplied/why-join-panel.png') center / 100% 100% no-repeat !important; */
  padding: clamp(54px, 5vw, 88px) !important;
}

/* News panels are intentionally plain: no frame artwork, one pink border. */
body.rfv-page-event1 .rfv-news-dashboard .rfv-news-panel,
body.rfv-page-event1 .rfv-news-dashboard .rfv-news-feed,
body.rfv-page-event1 .rfv-news-dashboard .rfv-news-list article {
  background-image: none !important;
  background-color: rgba(255, 255, 255, .94) !important;
  border: 1px solid #f51d87 !important;
  border-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* News sidebar: supplied wide frame for these two information panels. */
body.rfv-page-event1 .rfv-news-dashboard .rfv-news-side .rfv-announcements.rfv-news-panel,
body.rfv-page-event1 .rfv-news-dashboard .rfv-news-side .rfv-upcoming-events.rfv-news-panel {
  background-image: url('../images/rf-assets/panels/supplied/install-step-card-20260901.png') !important;
  background-color: transparent !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-image: none !important;
  box-shadow: none !important;
}

/* News filters: supplied frame artwork for every category and clear button. */
body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button,
body.rfv-page-event1 .rfv-news-filter .rfv-news-clear {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 76px !important;
  padding: 13px 18px !important;
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/dashboard-panel.png') !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #2b1b29 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
  transition: transform .2s ease, filter .2s ease !important;
}

body.rfv-page-event1 .rfv-news-filter .rfv-news-clear {
  justify-content: center !important;
}

body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button:hover,
body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button.is-active,
body.rfv-page-event1 .rfv-news-filter .rfv-news-clear:hover {
  background-image: url('../images/rf-assets/panels/supplied/dashboard-panel.png') !important;
  color: #d80b72 !important;
  filter: saturate(1.25) drop-shadow(0 4px 8px rgba(245, 29, 135, .35)) !important;
  transform: scale(1.02) !important;
}

/* Event/News workspace: restore a clear hierarchy after the shared internal
   panel rules, while keeping every override scoped to this route. */
html body.rfv-page-event1 .rfv-content.rfv-news-page .rfv-news-dashboard {
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  padding: clamp(48px, 5vw, 72px) !important;
}

html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-panel,
html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-feed,
html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-list article {
  background-image: none !important;
}

html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-filter {
  display: grid !important;
  grid-column: 1 !important;
  gap: 16px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 90px 42px 80px !important;
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/news-filter-frame.png') !important;
  background-position: center !important;
  background-size: 180% 100% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.rfv-page-event1 .rfv-news-filter h2,
html body.rfv-page-event1 .rfv-news-panel h2 {
  color: #2b1b29 !important;
  font-size: 15px !important;
  letter-spacing: .06em !important;
}

html body.rfv-page-event1 .rfv-news-filter h2:nth-of-type(2) {
  margin-top: 8px !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons {
  display: grid !important;
  gap: 8px !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button,
html body.rfv-page-event1 .rfv-news-filter .rfv-news-clear {
  width: 100% !important;
  min-height: 50px !important;
  padding: 10px 14px !important;
  background: rgba(255, 246, 251, .9) !important;
  border: 1px solid rgba(245, 29, 135, .24) !important;
  border-radius: 10px !important;
  color: #392433 !important;
  font-size: 11px !important;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button:hover,
html body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button.is-active,
html body.rfv-page-event1 .rfv-news-filter .rfv-news-clear:hover {
  background: #fff !important;
  border-color: #f51d87 !important;
  color: #d80b72 !important;
  box-shadow: 0 7px 18px rgba(245, 29, 135, .16) !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons button.is-active {
  background: linear-gradient(100deg, #fff1f8, #fff) !important;
  box-shadow: inset 4px 0 #f51d87, 0 7px 18px rgba(245, 29, 135, .14) !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-search {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 26px !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 50px !important;
  padding: 0 14px !important;
  background: #fff !important;
  border: 1px solid rgba(93, 63, 85, .25) !important;
  border-radius: 10px !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-search:focus-within {
  border-color: #f51d87 !important;
  box-shadow: 0 0 0 4px rgba(245, 29, 135, .11) !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-search input {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  color: #2b1b29 !important;
  font-size: 16px !important;
}

html body.rfv-page-event1 .rfv-news-filter .rfv-news-search input::placeholder {
  color: #947f8e !important;
  opacity: 1 !important;
}

html body.rfv-page-event1 .rfv-content.rfv-news-page .rfv-news-dashboard > .rfv-news-feed {
  display: grid !important;
  grid-column: 2 !important;
  align-content: start !important;
  gap: 16px !important;
  min-width: 0 !important;
  min-height: 880px !important;
  padding: 84px 52px 72px !important;
  background-color: transparent !important;
  background-image: url('../images/rf-assets/panels/supplied/news-feed-frame.png') !important;
  background-position: center !important;
  background-size: 110% 108% !important;
  background-repeat: no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.rfv-page-event1 .rfv-news-feed .rfv-news-featured {
  position: relative !important;
  min-height: 300px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body.rfv-page-event1 .rfv-news-feed .rfv-news-featured > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body.rfv-page-event1 .rfv-news-feed .rfv-news-featured > div {
  position: relative !important;
  inset: auto !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: auto !important;
  max-width: 74% !important;
  min-height: 300px !important;
  padding: 24px !important;
}

html body.rfv-page-event1 .rfv-news-feed .rfv-news-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-list article {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 250px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #fff !important;
  border: 1px solid rgba(245, 29, 135, .22) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(104, 39, 78, .09) !important;
}

html body.rfv-page-event1 .rfv-news-list article > div,
html body.rfv-page-event1 .rfv-news-list article footer {
  min-width: 0 !important;
}

html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-list article:hover {
  background-image: none !important;
  border-color: rgba(245, 29, 135, .55) !important;
  box-shadow: 0 12px 28px rgba(182, 26, 107, .16) !important;
  filter: none !important;
}

html body.rfv-page-event1 .rfv-news-list img {
  height: 130px !important;
}

html body.rfv-page-event1 .rfv-news-list article > div {
  padding: 12px 15px 14px !important;
}

html body.rfv-page-event1 .rfv-news-list h3 {
  color: #2b1b29 !important;
  font-size: 14px !important;
}

html body.rfv-page-event1 .rfv-news-list p,
html body.rfv-page-event1 .rfv-news-list time {
  color: #786676 !important;
}

html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-side {
  display: grid !important;
  grid-column: 1 / -1 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 24px !important;
  min-width: 0 !important;
}

html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-side .rfv-news-panel {
  min-width: 0 !important;
  padding: 42px !important;
}

@media (max-width: 900px) {
  html body.rfv-page-event1 .rfv-content.rfv-news-page .rfv-news-dashboard {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 44px !important;
  }

  html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-filter,
  html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-feed,
  html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-side {
    grid-column: 1 !important;
  }

  html body.rfv-page-event1 .rfv-content.rfv-news-page .rfv-news-dashboard > .rfv-news-feed {
    min-height: 760px !important;
    padding: 76px 44px 68px !important;
  }

  html body.rfv-page-event1 .rfv-news-filter .rfv-news-filter__buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  html body.rfv-page-event1 .rfv-content.rfv-news-page .rfv-news-dashboard {
    gap: 16px !important;
    padding: 24px !important;
  }

  html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-filter {
    padding: 72px 34px !important;
  }

  html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-feed {
    min-height: 640px !important;
    padding: 64px 28px 56px !important;
  }

  html body.rfv-page-event1 .rfv-news-feed .rfv-news-list,
  html body.rfv-page-event1 .rfv-news-dashboard > .rfv-news-side {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.rfv-page-event1 .rfv-news-dashboard .rfv-news-side .rfv-news-panel {
    padding: 32px !important;
  }
}