/* Page-scoped styles for /partners/. styles.css is a pre-compiled, purged
   Tailwind bundle — utilities not already used elsewhere in the site aren't
   in it. Anything below is a small hand-rolled component rather than a
   guessed-at Tailwind class, so it renders correctly regardless of what the
   bundle happens to contain. Loaded after styles.css and assets/site.css, so
   it can rely on shared tokens like var(--brand). */

/* The header is fixed (bottom edge ~82px), so in-page anchors need a scroll
   offset or the target heading lands underneath it. */
#delivery-tiles,
#become,
#assessment,
#faq {
  scroll-margin-top: 96px;
}

/* The inline "Contact us" text button sits mid-sentence; the negative margin
   grows its tap target to ~44px without shifting the visible text. */
.inline-contact {
  padding: 12px 4px;
  margin: -12px -4px;
}

/* Hero headline: each sentence is one unbreakable unit on desktop, so a
   sentence that doesn't fit moves to the next line whole instead of breaking
   mid-thought. On mobile the spans flow as plain inline text. */
@media (min-width: 640px) {
  .hero-line {
    display: inline-block;
  }
}

/* The oversized stat makes the Refer card's first attribute row taller than
   Resell's, so the mirrored top hairlines drift apart. A shared minimum height
   keeps the two tables aligned rule-for-rule. */
#become dl > div:first-child {
  min-height: 3.6rem;
  align-items: center;
}

/* On narrow screens a long row label (DE/FR/ES/IT) eats the row's width and
   squeezes the value into a one-word-per-line column; stack label over value
   instead. The cards also stack there, so cross-card rule alignment is moot. */
@media (max-width: 639px) {
  #become dl > div {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
  }
  #become dl > div dd {
    text-align: left;
  }
  /* Also unwind the desktop first-row centring, or that one row renders
     centre-aligned while the stacked rows under it are flush left. */
  #become dl > div:first-child {
    min-height: 0;
    align-items: flex-start;
  }
}

/* Hand-rolled bullet list — Tailwind's preflight strips default list styling
   and list-inside/space-y utilities aren't in the compiled bundle. */
.bullet-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bullet-list > li {
  position: relative;
  padding-left: 1.1rem;
  margin-top: 0.5rem;
}
.bullet-list > li:first-child { margin-top: 0; }
.bullet-list > li::before {
  content: "";
  position: absolute;
  left: 0.15rem;
  top: 0.6em;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.5;
}