.rmx-member-center {
  background: var(--lg-color-neutral-0);
  color: var(--lg-text-primary);
}

.rmx-member-center__main {
  min-width: 0;
  background: var(--lg-color-neutral-0);
}

.rmx-member-hero {
  padding: 48px var(--lg-gutter-desktop) 32px;
}

.rmx-member-hero__inner,
.rmx-member-section,
.rmx-member-access__inner {
  width: min(1200px, 100%);
  margin-inline: auto;
  min-width: 0;
}

.rmx-member-hero__inner {
  padding: 36px 40px;
  border: 1px solid var(--lg-border-default);
  border-radius: var(--lg-radius-12);
  background: var(--lg-surface-brand-soft);
}
.rmx-member-eyebrow,
.rmx-member-card__eyebrow {
  margin: 0;
  font: 500 12px/1.5 var(--lg-font-latin);
  letter-spacing: 0.04em;
  color: var(--lg-color-brand-700);
}

.rmx-member-hero h1,
.rmx-member-access h1 {
  max-width: 900px;
  margin: 10px 0 0;
  font: 700 38px/1.28 var(--lg-font-cn);
  letter-spacing: -0.02em;
}

.rmx-member-hero__lede,
.rmx-member-access__inner > p:not(.rmx-member-eyebrow) {
  max-width: 880px;
  margin: 14px 0 0;
  color: var(--lg-text-secondary);
  font: 400 16px/1.7 var(--lg-font-cn);
}

.rmx-member-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin-top: 28px;
  overflow: hidden;
  border: 1px solid var(--lg-border-default);
  border-radius: var(--lg-radius-8);
  background: var(--lg-border-default);
}
.rmx-member-status-grid > div {
  min-width: 0;
  padding: 16px 18px;
  background: var(--lg-surface-card);
}

.rmx-member-status-grid span,
.rmx-member-status-grid strong {
  display: block;
  overflow-wrap: anywhere;
}

.rmx-member-status-grid span {
  color: var(--lg-text-muted);
  font: 400 12px/1.5 var(--lg-font-cn);
}

.rmx-member-status-grid strong {
  margin-top: 4px;
  font: 500 14px/1.55 var(--lg-font-cn);
}

.rmx-member-section {
  padding: 40px 0;
}

.rmx-member-section__head {
  max-width: 920px;
  margin-bottom: 20px;
}

.rmx-member-section__head h2 {
  margin: 10px 0 0;
  font: 700 32px/1.35 var(--lg-font-cn);
}
.rmx-member-section__head > p:not(.rmx-member-eyebrow) {
  margin: 10px 0 0;
  color: var(--lg-text-secondary);
  font: 400 15px/1.65 var(--lg-font-cn);
}

.rmx-member-grid {
  display: grid;
  min-width: 0;
  gap: 20px;
}

.rmx-member-grid--products,
.rmx-member-grid--resources,
.rmx-member-grid--discovery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.rmx-member-grid--support {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rmx-member-card,
.rmx-member-support-card,
.rmx-member-resource-note {
  min-width: 0;
  border: 1px solid var(--lg-border-default);
  border-radius: var(--lg-radius-8);
}

.rmx-member-card,
.rmx-member-support-card {
  display: flex;
  flex-direction: column;
  padding: 24px;
}
.rmx-member-card--product,
.rmx-member-card--resource {
  background: var(--lg-surface-accent-soft);
}

.rmx-member-card--discovery {
  background: var(--lg-surface-brand-soft);
}

.rmx-member-card__audience {
  font-weight: 600 !important;
  color: var(--lg-text-primary) !important;
}

.rmx-member-card h3,
.rmx-member-support-card h3 {
  margin: 10px 0 0;
  font: 600 21px/1.35 var(--lg-font-cn);
}

.rmx-member-card > p:not(.rmx-member-card__eyebrow),
.rmx-member-support-card p {
  margin: 10px 0 0;
  color: var(--lg-text-secondary);
  font: 400 14px/1.65 var(--lg-font-cn);
  overflow-wrap: anywhere;
}

.rmx-member-card a,
.rmx-member-support-card a {
  width: fit-content;
  margin-top: auto;
  padding-top: 20px;
  color: var(--lg-color-brand-700);
  font: 500 14px/1.5 var(--lg-font-cn);
  text-decoration: none;
}

.rmx-member-card a:hover,
.rmx-member-support-card a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rmx-member-card a:focus-visible,
.rmx-member-support-card a:focus-visible,
.rmx-member-access__actions a:focus-visible {
  outline: 3px solid var(--lg-focus-ring);
  outline-offset: 3px;
}

.rmx-member-resource-note {
  padding: 22px 24px;
  background: var(--lg-bg-subtle);
}

.rmx-member-resource-note strong {
  font: 600 16px/1.5 var(--lg-font-cn);
}

.rmx-member-resource-note p {
  margin: 8px 0 0;
  color: var(--lg-text-secondary);
  font: 400 14px/1.65 var(--lg-font-cn);
}

.rmx-member-access {
  padding: 80px var(--lg-gutter-desktop) 96px;
  min-height: 560px;
  display: flex;
  align-items: center;
}

.rmx-member-access__inner {
  padding: 48px;
  border: 1px solid var(--lg-border-default);
  border-radius: var(--lg-radius-12);
  background: var(--lg-surface-brand-soft);
}
.rmx-member-access__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

@media (max-width: 1180px) {
  .rmx-member-hero {
    padding-left: 40px;
    padding-right: 40px;
  }

  .rmx-member-section {
    width: calc(100% - 80px);
  }

  .rmx-member-access {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media (max-width: 700px) {
  .rmx-member-hero {
    padding: 24px var(--lg-gutter-mobile) 16px;
  }

  .rmx-member-hero__inner,
  .rmx-member-access__inner {
    padding: 24px;
  }
  .rmx-member-hero h1,
  .rmx-member-access h1 {
    font-size: 28px;
    line-height: 1.35;
  }

  .rmx-member-status-grid,
  .rmx-member-grid--products,
  .rmx-member-grid--resources,
  .rmx-member-grid--discovery,
  .rmx-member-grid--support {
    grid-template-columns: 1fr;
  }

  .rmx-member-section {
    width: auto;
    margin-inline: var(--lg-gutter-mobile);
    padding: 32px 0;
  }

  .rmx-member-section__head h2 {
    font-size: 27px;
  }

  .rmx-member-card,
  .rmx-member-support-card {
    padding: 20px;
  }

  .rmx-member-access {
    min-height: 480px;
    padding: 40px var(--lg-gutter-mobile) 64px;
  }

  .rmx-member-access__actions {
    display: grid;
    grid-template-columns: 1fr;
  }
}