/* The builder's plain surface leaves these two columns in control of their own edges. */
.ragbet-help {
  --help-scale: calc(var(--drn-font-scale, 1) * var(--drn-local-scale, 1));
  --help-heading-scale: calc(var(--drn-heading-scale, 1) * var(--drn-local-scale, 1));
  --help-surface: var(--yc-surface, #fff);
  --help-line: var(--yc-border, #e3e5eb);
  --help-text: var(--yc-text, #25232a);
  --help-muted: var(--yc-muted, #66616f);
  --help-accent: var(--yc-primary, #653aba);
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: 24px;
  width: 100%; min-width: 0; margin: 24px 0 16px;
  color: var(--help-text);
  font: var(--yc-font-body-weight, 400) calc(13px * var(--help-scale))/1.55 var(--yc-font-body, inherit);
  letter-spacing: var(--yc-tracking-body, normal);
  scroll-margin-top: 164px;
}
.ragbet-help, .ragbet-help *, .ragbet-help *::before, .ragbet-help *::after { box-sizing: border-box; }
.ragbet-help[hidden], .ragbet-help [hidden] { display: none !important; }
.ragbet-help :is(.ragbet-help__intro, .ragbet-help__faq) {
  min-width: 0; margin: 0;
  border: 1px solid var(--help-line); border-radius: var(--drn-pb-radius, var(--yc-radius-lg, 16px));
  background: var(--help-surface);
}
.ragbet-help .ragbet-help__intro {
  padding: 22px;
  background: color-mix(in srgb, var(--help-accent) 2%, var(--help-surface));
}
.ragbet-help .ragbet-help__eyebrow {
  margin: 0 0 6px; color: var(--help-accent);
  font-size: calc(12px * var(--help-scale)); line-height: 1.35; font-weight: 650; letter-spacing: .045em;
}
.ragbet-help .ragbet-help__intro h2 {
  margin: 0; padding: 0; color: var(--help-text);
  font: var(--yc-font-heading-weight, 650) calc(22px * var(--help-heading-scale))/1.25 var(--yc-font-heading, var(--yc-font-body, inherit));
  letter-spacing: var(--yc-tracking-heading, -.015em);
}
.ragbet-help .ragbet-help__intro h2 em { color: var(--help-accent); font-style: normal; }
.ragbet-help .ragbet-help__lead {
  margin: 8px 0 0; color: var(--help-muted); font-size: calc(13px * var(--help-scale)); line-height: 1.55;
}
.ragbet-help .ragbet-help__channels { display: grid; gap: 8px; margin: 16px 0 0; min-width: 0; }
.ragbet-help .ragbet-help__contact-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.ragbet-help .ragbet-help__channel {
  display: grid; grid-template-columns: 19px minmax(0, 1fr) 13px; align-items: center; gap: 9px;
  width: 100%; min-width: 0; min-height: 50px; padding: 9px 11px; margin: 0;
  border: 1px solid var(--help-line); border-radius: var(--yc-radius-sm, 8px);
  background: var(--help-surface); color: var(--help-text);
  font: inherit; letter-spacing: inherit; text-transform: none; text-decoration: none; text-align: left;
  box-shadow: none; cursor: pointer; appearance: none;
}
.ragbet-help .ragbet-help__channel > svg { width: 18px; height: 18px; color: var(--help-accent); }
.ragbet-help .ragbet-help__channel > svg:last-child { width: 13px; height: 13px; justify-self: end; color: inherit; }
.ragbet-help .ragbet-help__contact-pair .ragbet-help__channel { grid-template-columns: 19px minmax(0, 1fr); }
.ragbet-help .ragbet-help__contact-pair .ragbet-help__channel:only-child { grid-column: 1 / -1; }
.ragbet-help .ragbet-help__channel > span { display: grid; gap: 1px; min-width: 0; }
.ragbet-help .ragbet-help__channel strong { color: inherit; font-size: calc(14px * var(--help-scale)); line-height: 1.4; font-weight: 600; }
.ragbet-help .ragbet-help__channel small { color: var(--help-muted); font-size: calc(12px * var(--help-scale)); line-height: 1.4; overflow-wrap: anywhere; }
.ragbet-help .ragbet-help__channel--live { border-color: var(--help-accent); background: var(--help-accent); color: #fff; }
.ragbet-help .ragbet-help__channel--live :is(svg,small) { color: inherit; }
.ragbet-help .ragbet-help__channel--whatsapp { border-color: #d5e6db; background: #f3f9f5; color: #2d5e44; }
.ragbet-help .ragbet-help__channel--whatsapp > svg { color: #36774f; }
.ragbet-help .ragbet-help__channel--whatsapp small { color: #4c6a57; }
.ragbet-help .ragbet-help__channel:hover { border-color: currentColor; }
.ragbet-help .ragbet-help__channel:hover strong { text-decoration: underline; text-underline-offset: 3px; }
.ragbet-help .ragbet-help__faq { padding: 0 18px; counter-reset: help-question; }
.ragbet-help .ragbet-help__item { min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; counter-increment: help-question; }
.ragbet-help .ragbet-help__item + .ragbet-help__item { border-top: 1px solid var(--help-line); }
.ragbet-help .ragbet-help__item > summary {
  display: grid; grid-template-columns: 20px minmax(0, 1fr) 24px; align-items: center; gap: 8px;
  min-height: 51px; padding: 10px 0; margin: 0; color: var(--help-text);
  font: 600 calc(14px * var(--help-scale))/1.45 var(--yc-font-body, inherit);
  list-style: none; cursor: pointer;
}
.ragbet-help .ragbet-help__item > summary::-webkit-details-marker { display: none; }
.ragbet-help .ragbet-help__item > summary::marker { content: ''; }
.ragbet-help .ragbet-help__item > summary::before {
  content: counter(help-question, decimal-leading-zero); color: var(--help-muted);
  font: 500 calc(12px * var(--help-scale))/1 var(--yc-font-body, inherit); font-variant-numeric: tabular-nums;
}
.ragbet-help .ragbet-help__item > summary > span { min-width: 0; overflow-wrap: anywhere; }
.ragbet-help .ragbet-help__item > summary > svg { width: 16px; height: 16px; justify-self: center; color: var(--help-accent); }
.ragbet-help .ragbet-help__item[open] > summary { color: var(--help-accent); }
.ragbet-help .ragbet-help__item[open] > summary > svg { transform: rotate(45deg); }
.ragbet-help .ragbet-help__answer {
  min-width: 0; margin: -2px 0 0; padding: 0 16px 14px 28px;
  color: var(--help-muted); font-size: calc(13px * var(--help-scale)); line-height: 1.6;
}
.ragbet-help .ragbet-help__answer p { margin: 0; }
.ragbet-help .ragbet-help__answer p + p { margin-top: 6px; }
.ragbet-help .ragbet-help__answer strong { color: var(--help-text); font-weight: 600; }
.ragbet-help .ragbet-help__plan-link {
  display: inline-flex; align-items: center; min-height: 44px; gap: 6px;
  color: var(--help-accent); font-size: calc(13px * var(--help-scale)); font-weight: 600;
  text-decoration: underline; text-underline-offset: 3px;
}
.ragbet-help :is(.ragbet-help__channel, .ragbet-help__plan-link, summary):focus-visible {
  outline: 2px solid var(--help-accent); outline-offset: 2px; border-radius: var(--yc-radius-sm, 8px);
}
@media (max-width: 850px) {
  .ragbet-help { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .ragbet-help .ragbet-help__intro { padding: 18px; }
  .ragbet-help .ragbet-help__intro h2 { font-size: calc(20px * var(--help-heading-scale)); }
}
@media (max-width: 560px) {
  .ragbet-help .ragbet-help__contact-pair { grid-template-columns: minmax(0, 1fr); }
  .ragbet-help .ragbet-help__faq { padding-inline: 14px; }
  .ragbet-help .ragbet-help__item > summary { min-height: 48px; }
}