/* ============================================================================
   Affiliates band 6 — Partner FAQ. Figma 959:96434 (1512 x 1046).

   This is the SAME component as the home FAQ (705:57602): identical dot field
   (1642x1289 at -130,-100, opacity .8), identical 690x177 head, identical
   716-wide rows, identical 68-tall closed row and 12 gap. So it reuses
   .afxq wholesale from atlas-faq.css and atlas-faq.js, and this file carries
   only the three things that differ.

   Load AFTER atlas-faq.css.
   ========================================================================= */

/* 959:96434 — padding 80/40/120/40, against the home band's 40/40/120/40. */
.afxq--aff { padding-top: 80px; }

/* 959:96844 / 116845 / 116846 — three copies of one orb (imageRef c8e10aa1…)
   where the home band puts its puzzle renders. Sizes and positions are the
   file's; there is no rotation or blur on these, unlike the puzzles. */
.afxq--aff .afxq__puzzle { display: none; }

/* ---------------------------------------------------------------------------
   ANCHORING. Everything below is drawn at an x on the 1512 canvas, so it is
   positioned from the CENTRE (left 50% + a margin of x - 756), not from the
   section's left edge. Plain `left: <x>px` pins art to the viewport edge, so
   above 1512 it drifts left of everything it belongs to — which is what
   happened here. Backgrounds that should cover the viewport are the other
   case and go full-bleed instead: left 0 / right 0 / width auto with a
   min-width of the drawn box.
   ------------------------------------------------------------------------ */
.afxq--aff .afxq__orb { position: absolute; left: 50%; pointer-events: none; max-width: none; }
.afxq--aff .afxq__orb--a { margin-left: -889px; top: 379px; width: 350.8px; height: 350.8px; }
.afxq--aff .afxq__orb--b { margin-left: -897px; top: 464px; width: 532.7px; height: 532.7px; }
.afxq--aff .afxq__orb--c { margin-left: 555px;  top: 305px; width: 391.6px; height: 391.6px; }

/* the band does not clip in the file, so the right-hand orb spills past 1512.
   Above the design width that would widen the document, so the section clips
   horizontally only — the orbs still bleed onto the black bands above and
   below, which is what the file draws. */
.afxq--aff { overflow-x: clip; }