.resource-page-layout {
  display: grid;
  gap: 2rem;
}

.resource-page-content {
  min-width: 0;
}

.ra-hub-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(30rem 18rem at 8% 0, rgba(201, 168, 76, 0.08), transparent 70%),
    radial-gradient(28rem 18rem at 92% 12%, rgba(42, 127, 142, 0.1), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
}

.ra-hub-hero__content {
  position: relative;
  z-index: 1;
}

.ra-hub-hero__content h1 {
  text-wrap: balance;
}

.ra-hub-hero__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}

.ra-hub-hero__summary {
  position: relative;
  overflow: hidden;
}

.ra-hub-hero__summary::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, var(--brand-blue) 0, var(--accent-teal) 58%, var(--premium-gold) 100%);
}

.resource-page-sidebar {
  background: linear-gradient(180deg, rgba(248, 250, 252, 0.98), rgba(255, 255, 255, 0.98));
  box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

.resource-page-sidebar ul {
  display: grid;
  gap: 0.7rem;
}

.resource-page-sidebar a {
  display: block;
  padding: 0.5rem 0.7rem;
  border-radius: 0.8rem;
  transition:
    background-color var(--duration-base) var(--ease-standard),
    color var(--duration-base) var(--ease-standard),
    transform var(--duration-base) var(--ease-standard);
}

.resource-page-sidebar a:hover,
.resource-page-sidebar a:focus-visible {
  background: rgba(0, 90, 139, 0.08);
  color: var(--brand-blue);
  transform: translateX(2px);
}

main > section.bg-white.py-16:first-child .hero-summary-card > p:first-child,
main > section.bg-white.py-16.md\:py-20:first-child .hero-summary-card > p:first-child {
  color: var(--brand-blue) !important;
}

main > section.bg-white.py-16:first-child .hero-summary-card > p:not(:first-child),
main > section.bg-white.py-16.md\:py-20:first-child .hero-summary-card > p:not(:first-child) {
  color: #374151 !important;
}

@media (min-width: 1280px) {
  .resource-page-layout {
    grid-template-columns: minmax(0, 16rem) minmax(0, 1fr);
    align-items: start;
  }

  .resource-page-sidebar {
    position: sticky;
    top: 6rem;
  }
}