/* A6-A-FIX2 — public shell owner for the standalone Reference page.
   The reference catalog keeps its existing component styles; this file owns
   only its integration into the Roll With It public site shell. */

.reference-public-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 82% 0%, rgba(35, 73, 111, .14), transparent 34rem),
    #07111f;
  color: #edf3f8;
}

.reference-public-page > .rwi-public-nav {
  position: relative;
  z-index: 30;
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
  box-sizing: border-box;
}

/*
 * The global account menu is fixed at top/right outside the Reference shell.
 * On medium desktop widths reserve a small right-side lane so the public CTA
 * never paints underneath the profile button.
 */
@media (min-width: 761px) and (max-width: 1340px) {
  .reference-public-page > .rwi-public-nav {
    padding-right: 56px;
  }
}

.reference-public-page .reference-root {
  min-height: calc(100vh - 72px);
  background: transparent;
}

.reference-public-page .reference-page-shell {
  padding-top: clamp(42px, 6vw, 76px);
}

.reference-public-page .reference-page-hero {
  margin-top: 0;
}

@media (max-width: 720px) {
  .reference-public-page .reference-page-shell {
    padding-top: 26px;
  }
}