/* CRITICAL click-through fix: the flying brand logo (.gg-brand) is an
   <a href="/"> positioned inset:0 / height:100svh over the whole viewport
   with no z-index. On every compliance page it sits on top of the content
   and ABSORBS in-page clicks, sending logged-in users to / -> dashboard.
   Make the overlay transparent to pointer events; keep the visible logo
   itself clickable so "go home" still works from the logo. */
.gg-brand { pointer-events: none !important; }
.gg-brand .gg-logo { pointer-events: auto !important; }

/* Compliance pages (terms, privacy, press): keep intro title visible (Webflow interactions can hide it otherwise) */
.gg-generic-content .gg-intro-title.content,
.gg-generic-content .gg-intro-title-heading {
  opacity: 1 !important;
}

/* Force compliance body content visible (Webflow interactions set opacity: 0 on these elements) */
.gg-generic-content ._w-page-700px.content,
.gg-generic-content .gg-textzoom-container,
.gg-generic-content .gg-textzoom-container.generic-content,
.gg-generic-content .compliance-body-copy,
.gg-generic-content .of-body-copy._30b.intro.content,
.gg-generic-content .of-body-copy._30b.intro.content.compliance-body-copy,
#Section-1 .compliance-body-copy,
#Section-1 ._w-page-700px.content,
#Section-1 .gg-textzoom-container {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Compliance pages (terms, privacy) on public layout: body copy styling to match Webflow of-body-copy */
/* Layout fix: Webflow sets ._w-page-700px to display:flex which causes horizontal flow */
.gg-generic-content ._w-page-700px.content {
  display: block !important;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 20px;
}

.gg-generic-content .gg-textzoom-container.generic-content {
  display: block !important;
  width: 100%;
}

.compliance-body-copy {
  display: block !important;
  color: #fff;
  font-size: 14px !important;
  line-height: 22px !important;
}

.compliance-body-copy h2 {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

.compliance-body-copy .compliance-dates {
  color: #fff;
  margin-bottom: 1em;
}

.compliance-body-copy .compliance-dates strong,
.compliance-body-copy .compliance-dates span {
  color: #fff;
}

.compliance-body-copy h2:first-child {
  margin-top: 0;
}

.compliance-body-copy h3 {
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  margin-top: 1.2em;
  margin-bottom: 0.4em;
}

.compliance-body-copy p,
.compliance-body-copy ul,
.compliance-body-copy ol {
  margin-bottom: 0.75em;
}

/* List indentation + bullet/number rendering. Quill produces <ul><li> /
   <ol><li> markup; without explicit padding-left the markers sit flush
   to the column edge and the bullet/number is clipped. list-style-position:
   outside keeps the marker outside the text flow so wrapped lines align
   with the first-character baseline, not the marker. */
.compliance-body-copy ul,
.compliance-body-copy ol {
  padding-left: 1.5rem;
  list-style-position: outside;
}

.compliance-body-copy ul {
  list-style-type: disc;
}

.compliance-body-copy ol {
  list-style-type: decimal;
}

.compliance-body-copy li {
  margin-bottom: 0.25em;
}

/* A <p> followed immediately by a <ul>/<ol> (Quill's "lead-in then list"
   pattern) was producing a doubled gap (p's 0.75em margin-bottom + the
   list's own top spacing). Pull the list back so the lead-in reads as
   one coherent sentence with its bullets. */
.compliance-body-copy p + ul,
.compliance-body-copy p + ol {
  margin-top: -0.25em;
}

/* Nested lists: tighter spacing so multi-level outlines don't fan out. */
.compliance-body-copy ul ul,
.compliance-body-copy ol ol,
.compliance-body-copy ul ol,
.compliance-body-copy ol ul {
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

/* Reset <p> inside <li> (Quill sometimes nests them - when it does the
   default block margin doubles the spacing between bullets). */
.compliance-body-copy li p {
  margin: 0;
}

.compliance-body-copy a {
  color: rgb(110, 204, 255);
  text-decoration: none;
  /* Long emails / addresses in the privacy contact section were
     overflowing the 700px column on mobile. Break gracefully. */
  word-break: break-word;
  overflow-wrap: anywhere;
}

.compliance-body-copy a:hover {
  text-decoration: underline;
}

.compliance-body-copy strong {
  color: #fff;
}

/* Override Webflow IX hiding global layout elements on compliance pages */
.gg-brand,
.gg-nav,
.gg-footer-panel {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

.gg-brand .gg-logo,
.gg-nav .gg-more-btn {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Ensure empty brand container doesn't block interactions */
.gg-brand {
  pointer-events: none;
}

.gg-brand * {
  pointer-events: auto;
}