/* Help Centre (38:295 / 110:*): FAQ accordion, help cards, payments band. */
.content .block__head { display: flex; flex-direction: column; gap: 6px; }
.faq { display: flex; flex-direction: column; gap: 8px; }
.faq__item { border-radius: var(--radius-md); background: #171c21; box-shadow: inset 0 0 0 1px #2e3640; transition: box-shadow var(--dur-fast) var(--ease); }
.faq__item.is-open { box-shadow: inset 0 0 0 1px var(--color-brand); }
.faq__q { font: inherit; }
.faq__btn {
  display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%;
  padding: 16px 20px; border: 0; background: none; color: #f0f5f7; cursor: pointer; text-align: left;
  font-weight: 500; font-size: var(--fs-body); line-height: 18.2px; border-radius: var(--radius-md);
  transition: color var(--dur-fast) var(--ease);
}
.faq__btn:hover, .faq__item.is-open .faq__btn { color: var(--color-brand); }
.faq__btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.faq__chev { flex: none; width: 16px; height: 16px; color: var(--color-muted); transition: transform var(--dur-base) var(--ease); }
.faq__item.is-open .faq__chev { transform: rotate(180deg); color: var(--color-brand); }
.faq__a > div { padding: 0 20px; }
.faq__a p { padding: 12px 0 20px; box-shadow: inset 0 1px 0 #2e3640; font-size: var(--fs-ui); line-height: 20px; color: var(--color-muted); }
.faq__a a { color: var(--color-brand); }

.help-card { display: flex; flex-direction: column; gap: 16px; padding: 20px; border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: inset 0 0 0 1px var(--color-border); }
.help-card--lg { padding: 24px; gap: 20px; }
.help-card__title { display: flex; align-items: center; gap: 12px; font-family: var(--font-display); font-weight: 700; font-size: 15px; line-height: 19px; color: var(--color-text); }
.help-card--lg .help-card__title, .grid-3 .help-card__title { font-size: var(--fs-lead); line-height: 20.16px; }
#account-help .help-card__title { font-size: 15px; line-height: 19px; }
.badge--betstop-soft { padding: 2px 6px; box-shadow: none; font-weight: 400; font-size: var(--fs-micro); line-height: 13px; }
.help-card__text { margin-top: -10px; font-size: var(--fs-ui); line-height: 18px; color: var(--color-muted); }
.help-card__text a { color: var(--color-brand); }
.help-card .btn--xs { padding: 10px 16px; }
.btn--dark { background: var(--color-bg); box-shadow: inset 0 0 0 1px var(--color-border-2); }
.btn--dark:hover { background: var(--color-surface-hover); }

.payments { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 32px; }
.payments__text { display: flex; flex-direction: column; gap: 8px; max-width: 596px; }
.payments__title { display: flex; align-items: center; gap: 12px; font-family: var(--font-display); font-weight: 800; font-size: var(--fs-h4); line-height: 28px; color: var(--color-text-strong); }
.eyebrow--sm { padding: 2px 6px; box-shadow: none; font-size: var(--fs-tiny); }   /* 38:496: tint only, no border */
.payments__lead { font-size: var(--fs-body); line-height: 20px; color: var(--color-muted); }
.payments__logos img { width: 267px; height: 42px; }

@media (max-width: 1199px) {
  .faq__btn { padding: 14px 16px; }
  .faq__a > div { padding: 0 16px; }
  /* 110:83: on mobile the block sits on the page background, no card */
  .payments { flex-direction: column; align-items: flex-start; gap: 16px; padding: 16px 0 24px; background: none; box-shadow: none; border-radius: 0; }
  .payments__title { font-size: 20px; line-height: 25px; }
  .payments__lead { font-size: var(--fs-ui); line-height: 20px; }
  .payments__logos { padding: 8px 0; }
  /* 110:71 / 110:77 / 110:96: 16px cards, 6 under the title, 12 above a 44px button */
  .help-card, .help-card--lg { padding: 16px; gap: 12px; }
  .help-card__text { margin-top: -6px; }   /* 110:97: 6 under the title */
  #account-help .help-card__text { margin-top: -4px; }   /* 110:71: 8 */
  .help-card .btn--xs { padding: 14px 16px; font-size: var(--fs-ui); line-height: 16.38px; }   /* 110:81: 44px */
  .payments__text { gap: 16px; }   /* 110:84→110:88 */
}