/* ==========================================================================
   BioCollex Refresh module: faq
   FAQ page only (body.page-id-187). Phone first; tablet and desktop below.
   .bxrf-faq is added to the theme's .bxfaq block by faq.js; rules that need
   the module's extra markup are scoped to it so the page still reads well
   without JavaScript.
   ========================================================================== */

/* ---------- Hero: shorter, with room for the search ---------- */
body.page-id-187 main > section:first-child > .relative.z-\[1\] { min-height: 0 !important; }
body.page-id-187 main > section:first-child > .relative.z-\[1\] > div {
  width: 100%;
  max-width: 680px !important;
  padding: 18px 16px 22px !important;
}
body.page-id-187 main > section:first-child > .relative.z-\[1\] > div > span:first-child {
  margin-bottom: 10px !important;
  padding: 5px 12px !important;
  font-size: 11px !important;
  letter-spacing: .01em;
}
body.page-id-187 main > section:first-child h1 {
  font-size: clamp(29px, 8.2vw, 34px) !important;
  line-height: 1.06 !important;
}
body.page-id-187 main > section:first-child h1 + p {
  margin-top: 10px !important;
  max-width: 32em !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  color: #4d5869 !important;
  text-wrap: balance;
}
@media (max-width: 639.98px) {
  body.page-id-187 .bxrf-faq-more { display: none; }
}
/* Decorative vials: tucked into the corners on phones, clear of the text and search */
body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(1) {
  top: 8px !important; left: -6px !important; width: 46px !important;
}
body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(2) {
  top: 6px !important; right: -2px !important; width: 42px !important;
}
body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(3) { display: none !important; }

/* ---------- Search ---------- */
body.page-id-187 .bxrf-faq-sr,
body.page-id-187 .bxrf-faq:not(.is-q) .bxrf-faq-meta,
body.page-id-187 .bxrf-faq.is-empty .bxrf-faq-meta {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
body.page-id-187 .bxrf-faq-search { position: relative; width: 100%; max-width: 560px; margin: 16px auto 0; text-align: left; }
body.page-id-187 .bxrf-faq-input {
  display: block; width: 100%; height: 50px; margin: 0; padding: 0 50px 0 46px;
  border: 1px solid rgba(42, 106, 208, .2); border-radius: 999px; background: #fff;
  color: var(--bxrf-ink); font: inherit; font-size: 16px; font-weight: 500; line-height: 1.2;
  box-shadow: 0 1px 2px rgba(10, 31, 68, .06), 0 16px 34px -20px rgba(26, 58, 120, .5);
  -webkit-appearance: none; appearance: none; outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}
body.page-id-187 .bxrf-faq-input::placeholder { color: #6e7b8f; opacity: 1; font-weight: 400; }
body.page-id-187 .bxrf-faq-input::-webkit-search-decoration,
body.page-id-187 .bxrf-faq-input::-webkit-search-cancel-button { -webkit-appearance: none; display: none; }
body.page-id-187 .bxrf-faq-input:focus,
body.page-id-187 .bxrf-faq-input:focus-visible {
  outline: none; border-color: var(--bxrf-blue);
  box-shadow: 0 0 0 4px rgba(42, 106, 208, .16), 0 16px 34px -20px rgba(26, 58, 120, .5);
}
body.page-id-187 .bxrf-faq-search-ico {
  position: absolute; left: 17px; top: 50%; transform: translateY(-50%);
  display: flex; color: var(--bxrf-blue); pointer-events: none;
}
body.page-id-187 .bxrf-faq-clear {
  position: absolute; right: 5px; top: 50%; transform: translateY(-50%);
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; margin: 0; padding: 0; border: 0; border-radius: 50%;
  background: var(--bxrf-mist); color: var(--bxrf-navy-2); cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: background-color .2s ease;
}
body.page-id-187 .bxrf-faq-clear[hidden] { display: none; }
@media (hover: hover) and (pointer: fine) { body.page-id-187 .bxrf-faq-clear:hover { background: #dce8fb; } }

/* ---------- Section frame ---------- */
body.page-id-187 .bxfaq-wrap { padding: 18px 0 36px; }
/* The hero already names the page and says what it covers; the section's own heading and
   intro repeated it word for word, so they stay for screen readers only (every width). */
body.page-id-187 .bxrf-faq .bxfaq-h,
body.page-id-187 .bxrf-faq .bxfaq-lede {
  position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
body.page-id-187 .bxrf-faq-main { order: 3; min-width: 0; }

/* ---------- Topic chips ---------- */
body.page-id-187 .bxrf-faq-tools { margin: 0 0 12px; }
body.page-id-187 .bxrf-faq-tools > .bxrf-faq-search { margin: 0 0 12px; max-width: none; }
body.page-id-187 .bxrf-faq-chips {
  --bxrf-faq-g: 16px;
  position: relative; display: flex; gap: 8px; margin: -5px calc(-1 * var(--bxrf-faq-g)) -3px; padding: 5px var(--bxrf-faq-g) 7px;
  overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 30px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 14px, #000 calc(100% - 30px), transparent 100%);
}
body.page-id-187 .bxrf-faq-chips.is-start {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
  mask-image: linear-gradient(90deg, #000 calc(100% - 30px), transparent 100%);
}
body.page-id-187 .bxrf-faq-chips.is-end {
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14px);
  mask-image: linear-gradient(90deg, transparent 0, #000 14px);
}
body.page-id-187 .bxrf-faq-chips.is-start.is-end { -webkit-mask-image: none; mask-image: none; }
body.page-id-187 .bxrf-faq-chips::-webkit-scrollbar { display: none; }
/* Mouse and trackpad windows (a half-screen desktop window, say): every topic shows, wrapping to a
   second line if needed, instead of a row that only scrolls sideways. */
@media (hover: hover) and (pointer: fine) and (min-width: 640px) {
  body.page-id-187 .bxrf-faq-chips, body.page-id-187 .bxrf-faq-chips.is-start, body.page-id-187 .bxrf-faq-chips.is-end {
    flex-wrap: wrap; overflow: visible; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; -webkit-mask-image: none; mask-image: none;
  }
}
body.page-id-187 .bxrf-faq-chip {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px;
  height: 40px; margin: 0; padding: 0 16px; border: 1px solid var(--bxrf-line); border-radius: 999px;
  background: #fff; color: var(--bxrf-navy-2); font: inherit; font-size: 14px; font-weight: 600; letter-spacing: -.005em;
  white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent;
  box-shadow: 0 1px 2px rgba(10, 31, 68, .05);
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
body.page-id-187 .bxrf-faq-chip:has(svg) { padding-left: 13px; }
body.page-id-187 .bxrf-faq-chip svg { flex: 0 0 auto; color: var(--bxrf-blue); transition: color .2s ease; }
body.page-id-187 .bxrf-faq-chip[aria-pressed="true"] {
  background: var(--bxrf-navy); border-color: var(--bxrf-navy); color: #fff;
  box-shadow: 0 3px 8px -5px rgba(10, 31, 68, .6);
}
body.page-id-187 .bxrf-faq-chip[aria-pressed="true"] svg { color: var(--bxrf-sky); }
@media (hover: hover) and (pointer: fine) {
  body.page-id-187 .bxrf-faq-chip:not([aria-pressed="true"]):hover { border-color: var(--bxrf-sky); background: #f7faff; }
}

/* Result line (only while searching) */
body.page-id-187 .bxrf-faq-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 10px 2px 0; }
body.page-id-187 .bxrf-faq-nochips .bxrf-faq-meta { margin-top: 0; }
body.page-id-187 .bxrf-faq-status { margin: 0; min-width: 0; font-size: 13.5px; line-height: 1.4; color: var(--bxrf-muted); overflow-wrap: anywhere; }
body.page-id-187 .bxrf-faq-status b { color: var(--bxrf-ink); font-weight: 700; }
body.page-id-187 .bxrf-faq-reset {
  flex: 0 0 auto; margin: -10px -6px; padding: 10px 6px; border: 0; background: none;
  color: var(--bxrf-blue); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer;
}
body.page-id-187 .bxrf-faq:not(.is-q) .bxrf-faq-reset { display: none; }

/* ---------- Questions ---------- */
body.page-id-187 .bxrf-faq .bxfaq-list { display: grid; gap: 8px; margin-top: 0; }
body.page-id-187 .bxrf-faq .bxfaq-item {
  border: 1px solid var(--bxrf-line); border-radius: 16px; background: #fff;
  box-shadow: 0 1px 2px rgba(10, 31, 68, .04), 0 10px 26px -22px rgba(26, 58, 120, .4);
}
body.page-id-187 .bxrf-faq .bxfaq-item:hover { transform: none; }
body.page-id-187 .bxrf-faq .bxfaq-item:has(.bxfaq-q[aria-expanded="true"]) {
  border-color: rgba(42, 106, 208, .4) !important;
  box-shadow: 0 1px 2px rgba(10, 31, 68, .04), 0 22px 44px -30px rgba(26, 58, 120, .55) !important;
}
@media (hover: hover) and (pointer: fine) {
  body.page-id-187 .bxrf-faq .bxfaq-item:not(:has(.bxfaq-q[aria-expanded="true"])):hover { border-color: #c4d5ee; }
}
body.page-id-187 .bxrf-faq .bxfaq-q {
  display: grid; grid-template-columns: 36px minmax(0, 1fr) 28px;
  align-items: center; column-gap: 12px;
  min-height: 64px; padding: 12px 14px; border-radius: 15px;
  font-size: 15px; font-weight: 600; line-height: 1.36; letter-spacing: -.006em; color: var(--bxrf-ink);
}
body.page-id-187 .bxrf-faq .bxfaq-q > .bxrf-faq-ico {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 11px; background: var(--bxrf-mist); color: var(--bxrf-blue);
  transition: background-color .25s ease, color .25s ease;
}
body.page-id-187 .bxrf-faq .bxrf-faq-qw { display: flex; flex-direction: column; min-width: 0; }
body.page-id-187 .bxrf-faq .bxrf-faq-qt { text-wrap: pretty; }
body.page-id-187 .bxrf-faq .bxrf-faq-nb { white-space: nowrap; }
body.page-id-187 .bxrf-faq .bxrf-faq-snip {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
  margin-top: 4px; font-size: 13px; font-weight: 400; line-height: 1.45; letter-spacing: 0; color: var(--bxrf-muted);
}
body.page-id-187 .bxrf-faq .bxrf-faq-snip[hidden],
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] .bxrf-faq-snip { display: none; }
body.page-id-187 .bxrf-faq .bxfaq-q > .bxfaq-ic {
  flex: none; width: 28px; height: 28px; background: #f0f5fc;
}
body.page-id-187 .bxrf-faq .bxfaq-q > .bxfaq-ic::before,
body.page-id-187 .bxrf-faq .bxfaq-q > .bxfaq-ic::after { width: 11px; margin-left: -5.5px; background: var(--bxrf-navy-2); }
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] { color: var(--bxrf-navy) !important; }
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] > .bxrf-faq-ico { background: var(--bxrf-blue); color: #fff; }
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] > .bxfaq-ic { background: var(--bxrf-navy); transform: rotate(45deg); }
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] > .bxfaq-ic::before,
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] > .bxfaq-ic::after { background: #fff; }

/* Answers: smooth open and close */
body.page-id-187 .bxrf-faq .bxfaq-a { transition: grid-template-rows .42s var(--bxrf-ease), opacity .3s ease; }
body.page-id-187 .bxrf-faq .bxfaq-a-in { min-height: 0; }
body.page-id-187 .bxrf-faq .bxfaq-a-in::before { content: ""; display: block; height: 1px; margin: 0 14px 12px; background: var(--bxrf-line); }
body.page-id-187 .bxrf-faq .bxfaq-a-in > * { transform: translateY(-6px); transition: transform .42s var(--bxrf-ease); }
body.page-id-187 .bxrf-faq .bxfaq-q[aria-expanded="true"] + .bxfaq-a .bxfaq-a-in > * { transform: none; }
body.page-id-187 .bxrf-faq .bxfaq-a-in p { padding: 0 16px 16px 14px; max-width: 68ch; font-size: 14.5px; line-height: 1.62; color: #43546e; }

/* Search matches */
body.page-id-187 mark.bxrf-faq-hit {
  padding: 0 2px; margin: 0 -2px; border-radius: 4px;
  background: rgba(79, 143, 230, .2); color: inherit; font-weight: inherit;
  box-shadow: inset 0 -2px 0 rgba(42, 106, 208, .5);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
body.page-id-187 .bxrf-faq .bxfaq-item.bxrf-faq-off { display: none; }
body.page-id-187 .bxrf-faq .bxfaq-item.bxrf-faq-pop { animation: bxrf-faq-pop .34s var(--bxrf-ease) both; }
@keyframes bxrf-faq-pop { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* No results */
body.page-id-187 .bxrf-faq-empty {
  display: none; padding: 24px 18px 18px; border: 1px dashed #c6d6ef; border-radius: 18px;
  background: #fff; text-align: center;
}
body.page-id-187 .bxrf-faq.is-empty .bxrf-faq-empty { display: block; animation: bxrf-faq-pop .34s var(--bxrf-ease) both; }
body.page-id-187 .bxrf-faq-empty-ico {
  display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin: 0 auto 12px;
  border-radius: 14px; background: var(--bxrf-mist); color: var(--bxrf-blue);
}
body.page-id-187 .bxrf-faq-empty-t { margin: 0; font-size: 16.5px; font-weight: 700; line-height: 1.35; color: var(--bxrf-ink); overflow-wrap: anywhere; }
body.page-id-187 .bxrf-faq-empty-s { margin: 6px auto 0; max-width: 34ch; font-size: 14px; line-height: 1.55; color: var(--bxrf-muted); }
body.page-id-187 .bxrf-faq-empty-acts { display: flex; flex-direction: column; align-items: stretch; gap: 4px; margin-top: 16px; }
body.page-id-187 .bxrf-faq-empty-mail {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 18px;
  border-radius: 999px; background: linear-gradient(90deg, #4f97ec, #2a6ad0); color: #fff;
  font-size: 14.5px; font-weight: 600; text-decoration: none; overflow-wrap: anywhere;
  box-shadow: 0 10px 24px -12px rgba(42, 106, 208, .7);
}
body.page-id-187 .bxrf-faq-empty-mail svg { flex: 0 0 auto; }
body.page-id-187 .bxrf-faq-empty-clear {
  min-height: 44px; margin: 0; padding: 0 12px; border: 0; background: none;
  color: var(--bxrf-navy-2); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}

/* ---------- "Still have questions?" card ---------- */
body.page-id-187 .bxrf-faq .bxfaq-help {
  display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 14px; align-items: center;
  margin-top: 16px; padding: 18px; border-radius: 20px;
}
body.page-id-187 .bxrf-faq .bxrf-faq-helpico {
  grid-column: 1; grid-row: 1 / span 2; display: flex; align-items: center; justify-content: center;
  width: 42px; height: 42px; border-radius: 13px; background: rgba(255, 255, 255, .12); color: #fff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
body.page-id-187 .bxrf-faq .bxfaq-help h2 { grid-column: 2; margin: 0; font-size: 17px; line-height: 1.25; letter-spacing: -.01em; }
body.page-id-187 .bxrf-faq .bxfaq-help p { grid-column: 2; margin: 3px 0 0; font-size: 13.5px; line-height: 1.5; text-wrap: pretty; }
body.page-id-187 .bxrf-faq .bxfaq-help a {
  grid-column: 1 / -1; justify-content: center; width: 100%; min-height: 48px;
  margin-top: 14px; padding: 10px 18px; font-size: 15px;
}

/* ---------- Phone dock (beside the chat bubble, only while reading) ---------- */
body.page-id-187 .bxrf-faq-dock { display: none; }
@media (max-width: 767.98px) {
  body.page-id-187 .bxrf-faq-dock {
    /* Real pixels: undo the theme's body { zoom: 1.1 }, like the chat widget does. */
    zoom: 0.909091;
    position: fixed; z-index: 35;
    left: max(12px, env(safe-area-inset-left));
    right: var(--bxrf-faq-dr, max(12px, env(safe-area-inset-right)));
    bottom: var(--bxrf-faq-db, calc(14px + env(safe-area-inset-bottom)));
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    max-width: 440px; height: 50px; padding: 0 6px 0 18px;
    border-radius: 999px; background: rgba(10, 31, 68, .95); color: #fff; text-decoration: none;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .08) inset, 0 16px 34px -14px rgba(10, 31, 68, .7);
    opacity: 0; visibility: hidden; transform: translateY(14px);
    transition: opacity .25s ease, transform .35s var(--bxrf-ease), visibility 0s linear .35s;
    -webkit-tap-highlight-color: transparent;
  }
  body.page-id-187 .bxrf-faq-dock.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .25s ease, transform .35s var(--bxrf-ease), visibility 0s; }
  body.page-id-187 .bxrf-faq-dock-t { flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14.5px; font-weight: 600; letter-spacing: -.005em; color: #fff; }
  body.page-id-187 .bxrf-faq-dock-s { display: none; }
  body.page-id-187 .bxrf-faq-dock-cta {
    flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px 0 12px; border-radius: 999px;
    background: #fff; color: var(--bxrf-navy); font-size: 14px; font-weight: 700;
  }
  body.page-id-187 .bxrf-faq-dock-cta svg { color: var(--bxrf-blue); }
  html.bcx-lock body.page-id-187 .bxrf-faq-dock { display: none; }
  body.page-id-187:has(#bcx-agent.bcx-open) .bxrf-faq-dock { display: none; }
}
@media (max-width: 379.98px) {
  body.page-id-187 .bxrf-faq-dock-l { display: none; }
  body.page-id-187 .bxrf-faq-dock-s { display: inline; }
}

/* ---------- 640px and up ---------- */
@media (min-width: 640px) {
  body.page-id-187 .bxrf-faq-more { display: inline; }
  body.page-id-187 .bxrf-faq-chips { --bxrf-faq-g: 24px; }
  body.page-id-187 .bxrf-faq .bxfaq-list { gap: 10px; }
  body.page-id-187 .bxrf-faq .bxfaq-q {
    grid-template-columns: 38px minmax(0, 1fr) 30px; column-gap: 14px;
    min-height: 68px; padding: 14px 18px; font-size: 16px;
  }
  body.page-id-187 .bxrf-faq .bxfaq-q > .bxrf-faq-ico { width: 38px; height: 38px; }
  body.page-id-187 .bxrf-faq .bxfaq-q > .bxfaq-ic { width: 30px; height: 30px; }
  body.page-id-187 .bxrf-faq .bxfaq-a-in::before { margin: 0 18px 14px 70px; }
  body.page-id-187 .bxrf-faq .bxfaq-a-in p { padding: 0 60px 20px 70px; font-size: 15px; }
  body.page-id-187 .bxrf-faq-empty { padding: 32px 24px 26px; }
  body.page-id-187 .bxrf-faq-empty-acts { flex-direction: row; justify-content: center; align-items: center; gap: 10px; }
  body.page-id-187 .bxrf-faq .bxfaq-help { padding: 20px 22px; }
}

/* ---------- 768px and up: roomier hero, chips in one row, help card in one row ---------- */
@media (min-width: 768px) {
  body.page-id-187 main > section:first-child > .relative.z-\[1\] > div { max-width: 760px !important; padding: 30px 24px 36px !important; }
  body.page-id-187 main > section:first-child > .relative.z-\[1\] > div > span:first-child { margin-bottom: 14px !important; padding: 7px 16px !important; font-size: 12.5px !important; }
  body.page-id-187 main > section:first-child h1 { font-size: clamp(40px, 4.6vw, 52px) !important; }
  body.page-id-187 main > section:first-child h1 + p { margin-top: 12px !important; max-width: 40em !important; font-size: 16.5px !important; }
  body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(1) { top: 16% !important; left: 5% !important; width: clamp(56px, 8vw, 120px) !important; }
  body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(2) { top: 9% !important; right: 6% !important; width: clamp(50px, 7vw, 108px) !important; }
  body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(3) { display: block !important; top: auto !important; bottom: 12% !important; right: 2.5% !important; width: clamp(50px, 7vw, 112px) !important; }
  body.page-id-187 .bxrf-faq-search { margin-top: 22px; }
  body.page-id-187 .bxrf-faq-input { height: 54px; padding-left: 52px; font-size: 16.5px; }
  body.page-id-187 .bxrf-faq-search-ico { left: 20px; }
  body.page-id-187 .bxrf-faq-clear { right: 8px; }
  body.page-id-187 .bxfaq-wrap { padding: 32px 0 56px; }
  body.page-id-187 .bxrf-faq-chips {
    flex-wrap: wrap; margin: 0; padding: 0; overflow: visible; row-gap: 8px;
  }
  body.page-id-187 .bxrf-faq-chips,
  body.page-id-187 .bxrf-faq-chips.is-start,
  body.page-id-187 .bxrf-faq-chips.is-end { -webkit-mask-image: none; mask-image: none; }
  body.page-id-187 .bxrf-faq .bxfaq-help { grid-template-columns: 44px minmax(0, 1fr) auto; }
  body.page-id-187 .bxrf-faq .bxrf-faq-helpico { width: 44px; height: 44px; }
  body.page-id-187 .bxrf-faq .bxfaq-help a { grid-column: 3; grid-row: 1 / span 2; width: auto; margin: 0 0 0 8px; }
}

/* ---------- 1024px and up ---------- */
@media (min-width: 1024px) {
  body.page-id-187 .bxfaq-wrap { padding: 40px 0 64px; }
  body.page-id-187 .bxrf-faq-tools { margin-bottom: 14px; }
  body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(1) { left: 9% !important; }
  body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(2) { right: 10% !important; }
  body.page-id-187 main > section:first-child > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(3) { right: 8% !important; bottom: 14% !important; }
}
/* 1024 to 1199px (half of a wide screen, small laptops): one centred column, like tablets,
   so the list keeps a comfortable width and the topics stay on one line. */
@media (min-width: 1024px) and (max-width: 1199.98px) {
  body.page-id-187 .bxrf-faq .bxfaq-grid { grid-template-columns: minmax(0, 1fr); gap: 0; max-width: 760px; }
  body.page-id-187 .bxrf-faq .bxfaq-side { display: contents; }
  body.page-id-187 .bxrf-faq .bxfaq-help { order: 4; }
}

/* ---------- 1200px and up: two columns, help card stays in view ---------- */
@media (min-width: 1200px) {
  body.page-id-187 .bxrf-faq .bxfaq-grid { grid-template-columns: minmax(0, 320px) minmax(0, 1fr); gap: 52px; }
  body.page-id-187 .bxrf-faq .bxfaq-side { position: sticky; top: 86px; }
  body.page-id-187 .bxrf-faq .bxfaq-help { grid-template-columns: 44px minmax(0, 1fr); margin-top: 0; padding: 22px; }
  body.page-id-187 .bxrf-faq .bxfaq-help a { grid-column: 1 / -1; grid-row: auto; width: 100%; margin: 16px 0 0; }
}
@media (min-width: 1200px) and (max-height: 640px) {
  body.page-id-187 .bxrf-faq .bxfaq-side { position: static; }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  body.page-id-187 .bxrf-faq .bxfaq-a,
  body.page-id-187 .bxrf-faq .bxfaq-a-in > *,
  body.page-id-187 .bxrf-faq .bxfaq-ic,
  body.page-id-187 .bxrf-faq .bxrf-faq-ico,
  body.page-id-187 .bxrf-faq .bxfaq-item,
  body.page-id-187 .bxrf-faq-chip,
  body.page-id-187 .bxrf-faq-input,
  body.page-id-187 .bxrf-faq-dock { transition: none !important; }
  body.page-id-187 .bxrf-faq .bxfaq-a-in > * { transform: none; }
  body.page-id-187 .bxrf-faq .bxfaq-item.bxrf-faq-pop,
  body.page-id-187 .bxrf-faq.is-empty .bxrf-faq-empty { animation: none; }
  body.page-id-187 .bxrf-faq-dock { transform: none; }
}

/* ---------- Quick help in the hero ----------
   Phones: one row of three short links under the search (the small label above the title folds
   away to make room). 640 to 1199px: three cards under the search. 1200px and up: the hero
   becomes two columns, title and search on the left, a "Quick help" panel on the right. */
body.page-id-187 .bxrf-faq-quick { display: flex; justify-content: center; gap: 8px; margin: 12px auto 0; max-width: 560px; }
body.page-id-187 .bxrf-faq-quick-h { display: none; }
body.page-id-187 .bxrf-faq-qk {
  display: inline-flex; flex: 1 1 0; min-width: 0; align-items: center; justify-content: center; gap: 6px; height: 40px; padding: 0 8px;
  border-radius: 999px; background: rgba(255, 255, 255, .78); box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .16), 0 8px 18px -14px rgba(26, 58, 120, .6);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  color: var(--bxrf-navy-2); text-decoration: none !important; -webkit-tap-highlight-color: transparent;
  transition: transform .2s var(--bxrf-ease), background-color .2s, box-shadow .2s;
}
body.page-id-187 .bxrf-faq-qk:active { transform: scale(.97); }
body.page-id-187 .bxrf-faq-qk:focus-visible { outline: 2px solid var(--bxrf-blue); outline-offset: 2px; }
body.page-id-187 .bxrf-faq-qk-ic { flex: none; display: grid; place-items: center; color: var(--bxrf-blue); }
body.page-id-187 .bxrf-faq-qk-ic svg { width: 16px; height: 16px; }
body.page-id-187 .bxrf-faq-qk-t { display: flex; flex-direction: column; min-width: 0; text-align: left; }
body.page-id-187 .bxrf-faq-qk-t b { font-size: 13px; font-weight: 700; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--bxrf-ink); }
body.page-id-187 .bxrf-faq-qk-t small, body.page-id-187 .bxrf-faq-qk-go, body.page-id-187 .bxrf-faq-qk-l { display: none; }
@media (max-width: 639.98px) {
  body.page-id-187 main > section:first-child > .relative.z-\[1\] > div.bxrf-faq-hero > span:first-child { display: none !important; }
}
@media (min-width: 640px) {
  body.page-id-187 .bxrf-faq-quick { gap: 10px; margin-top: 16px; max-width: 640px; }
  body.page-id-187 .bxrf-faq-qk { justify-content: flex-start; gap: 10px; height: auto; min-height: 56px; padding: 9px 12px; border-radius: 16px; }
  body.page-id-187 .bxrf-faq-qk-ic { width: 34px; height: 34px; border-radius: 11px; background: #eaf1fd; }
  body.page-id-187 .bxrf-faq-qk-ic svg { width: 18px; height: 18px; }
  body.page-id-187 .bxrf-faq-qk-l { display: inline; }
  body.page-id-187 .bxrf-faq-qk-s { display: none; }
  body.page-id-187 .bxrf-faq-qk-t b { font-size: 13.5px; line-height: 1.25; white-space: normal; text-wrap: balance; }
}
@media (hover: hover) and (pointer: fine) {
  body.page-id-187 .bxrf-faq-qk:hover { transform: translateY(-2px); background: #fff; box-shadow: inset 0 0 0 1px rgba(42, 106, 208, .3), 0 16px 28px -18px rgba(26, 58, 120, .7); }
  body.page-id-187 .bxrf-faq-qk:hover .bxrf-faq-qk-go { transform: translateX(3px); }
}
@media (min-width: 1200px) {
  body.page-id-187 main > section:first-child > .relative.z-\[1\] > div.bxrf-faq-hero {
    display: grid; grid-template-columns: minmax(0, 1fr) 360px; column-gap: 64px; align-items: center;
    max-width: 1120px !important; padding: 40px 32px 48px !important; text-align: left;
  }
  body.page-id-187 .bxrf-faq-hero > * { grid-column: 1; justify-self: start; }
  body.page-id-187 .bxrf-faq-hero > h1 + p { margin-left: 0 !important; margin-right: 0 !important; }
  body.page-id-187 .bxrf-faq-hero > .bxrf-faq-search { justify-self: stretch; margin-left: 0; max-width: 560px; }
  body.page-id-187 .bxrf-faq-hero > .bxrf-faq-quick {
    grid-column: 2; grid-row: 1 / span 5; justify-self: stretch; align-self: center;
    flex-direction: column; gap: 8px; max-width: none; margin: 0; padding: 18px; border-radius: 24px;
    background: rgba(255, 255, 255, .62); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .8), 0 30px 60px -36px rgba(26, 58, 120, .7);
  }
  body.page-id-187 .bxrf-faq-quick-h { display: block; margin: 0 4px 4px; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--bxrf-blue); }
  body.page-id-187 .bxrf-faq-hero .bxrf-faq-qk { flex: none; min-height: 64px; padding: 10px 14px; background: #fff; }
  body.page-id-187 .bxrf-faq-hero .bxrf-faq-qk-ic { width: 40px; height: 40px; border-radius: 12px; }
  body.page-id-187 .bxrf-faq-hero .bxrf-faq-qk-t { flex: 1; }
  body.page-id-187 .bxrf-faq-hero .bxrf-faq-qk-t b { font-size: 15px; }
  body.page-id-187 .bxrf-faq-hero .bxrf-faq-qk-t small { display: block; margin-top: 1px; font-size: 12.5px; line-height: 1.3; color: var(--bxrf-muted); }
  body.page-id-187 .bxrf-faq-hero .bxrf-faq-qk-go { display: grid; place-items: center; flex: none; width: 30px; height: 30px; border-radius: 50%; color: var(--bxrf-blue); background: #eef4fe; transition: transform .2s var(--bxrf-ease); }
  /* The floating vials would sit on the title or the panel: one stays, in the bottom-left corner */
  body.page-id-187 main > section:first-child:has(.bxrf-faq-hero) > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(1) { top: auto !important; bottom: 8% !important; left: 2.5% !important; width: 84px !important; }
  body.page-id-187 main > section:first-child:has(.bxrf-faq-hero) > div[aria-hidden="true"]:not([data-bx-particles]) > div:nth-child(n+2) { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-187 .bxrf-faq-qk, body.page-id-187 .bxrf-faq-qk-go { transition: none; }
}