/* RVBT Google Feedback — widget styles. Light mode only; inherits the site's font.
   Override any token from the page: .rgf{--rgf-card:#fff9f2}                 */
.rgf{
  --rgf-text:#1f2b31;
  --rgf-muted:#6b7680;
  --rgf-card:#ffffff;
  --rgf-line:rgba(31,43,49,.09);
  --rgf-star:#f5b301;
  --rgf-star-empty:#e1e5e8;
  --rgf-radius:16px;
  --rgf-gap:20px;
  --rgf-shadow:0 12px 32px rgba(31,43,49,.08);
  --rgf-cta-bg:#1f2b31;
  --rgf-cta-fg:#ffffff;
  --rgf-nav-bg:#ffffff;
  --rgf-nav-fg:#1f2b31;
  color:var(--rgf-text);
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font-size:16px;
  line-height:1.55;
}
.rgf *,.rgf *::before,.rgf *::after{box-sizing:inherit}
.rgf__heading{margin:0 0 18px;font-size:clamp(24px,3vw,34px);line-height:1.15}

/* ── summary header ─────────────────────────────────────────────────────── */
.rgf__summary{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin:0 0 22px;padding:16px 20px;
  background:var(--rgf-card);border:1px solid var(--rgf-line);border-radius:var(--rgf-radius);
}
.rgf__gmark{display:inline-flex;flex:0 0 auto;line-height:0}
.rgf__gmark--lg svg{width:34px;height:34px}
.rgf__scorebox{display:flex;flex-direction:column;gap:2px;min-width:0}
.rgf__scoreline{display:flex;align-items:center;gap:10px}
.rgf__score{font-size:30px;font-weight:700;line-height:1;letter-spacing:-.02em}
.rgf__count{color:var(--rgf-muted);font-size:14px}
.rgf__cta{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;
  padding:11px 20px;border-radius:999px;
  background:var(--rgf-cta-bg);color:var(--rgf-cta-fg);text-decoration:none;
  font-size:14px;font-weight:600;white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.rgf__cta:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(31,43,49,.18);color:var(--rgf-cta-fg)}
.rgf__cta:focus-visible{outline:2px solid var(--rgf-cta-bg);outline-offset:3px}

/* ── stars ──────────────────────────────────────────────────────────────── */
.rgf__stars{display:inline-flex;gap:2px;line-height:0}
.rgf__star{width:18px;height:18px;fill:var(--rgf-star-empty)}
.rgf__star.is-on{fill:var(--rgf-star)}
.rgf__stars--frac{position:relative;display:inline-block;vertical-align:middle}
.rgf__stars--frac .rgf__stars-bg,.rgf__stars--frac .rgf__stars-fg{display:inline-flex;gap:2px;white-space:nowrap}
.rgf__stars--frac .rgf__stars-bg .rgf__star{fill:var(--rgf-star-empty)}
.rgf__stars--frac .rgf__stars-fg{position:absolute;left:0;top:0;overflow:hidden}
.rgf__stars--frac .rgf__stars-fg .rgf__star{fill:var(--rgf-star)}

/* ── cards ──────────────────────────────────────────────────────────────── */
.rgf__viewport{position:relative;width:100%;min-width:0}
.rgf__track{margin:0;padding:0;list-style:none}
.rgf__card{
  position:relative;display:flex;flex-direction:column;gap:12px;
  padding:24px 24px 22px;
  background:var(--rgf-card);border:1px solid var(--rgf-line);border-radius:var(--rgf-radius);
  box-shadow:var(--rgf-shadow);
  transition:transform .3s ease,box-shadow .3s ease;
}
.rgf__head{display:flex;align-items:center;gap:12px}
.rgf__avatar{
  flex:0 0 48px;width:48px;height:48px;border-radius:50%;object-fit:cover;
  background:#eef1f3;display:inline-flex;align-items:center;justify-content:center;
}
.rgf__avatar--initials{
  background:hsl(var(--rgf-hue,200) 45% 42%);color:#fff;
  font-weight:700;font-size:16px;letter-spacing:.02em;
}
.rgf__who{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.rgf__name{font-weight:700;font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rgf__when{color:var(--rgf-muted);font-size:13px;line-height:1.3}
.rgf__head .rgf__gmark{align-self:flex-start;opacity:.95}
.rgf__text{
  margin:0;font-size:16px;line-height:1.6;color:var(--rgf-text);
  display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;
  overflow-wrap:anywhere;
}
.rgf__card.is-open .rgf__text{display:block;-webkit-line-clamp:unset}
.rgf__more{
  align-self:flex-start;appearance:none;background:none;border:0;padding:0;cursor:pointer;
  color:var(--rgf-text);font:inherit;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;
}
.rgf__more:hover{opacity:.7}
.rgf__more:focus-visible{outline:2px solid var(--rgf-cta-bg);outline-offset:3px;border-radius:4px}

/* ── layout: slider (horizontal, snap) ──────────────────────────────────── */
.rgf--slider .rgf__track{
  display:flex;gap:var(--rgf-gap);
  overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;scrollbar-width:none;
  padding:6px 2px 18px;margin:-6px -2px -6px;
}
.rgf--slider .rgf__track::-webkit-scrollbar{display:none}
.rgf--slider .rgf__card{flex:0 0 calc((100% - 2*var(--rgf-gap)) / 3);scroll-snap-align:start}
@media (max-width:980px){.rgf--slider .rgf__card{flex-basis:calc((100% - var(--rgf-gap)) / 2)}}
@media (max-width:640px){.rgf--slider .rgf__card{flex-basis:100%}}

/* ── layout: column (one card at a time, stacked) ───────────────────────── */
.rgf--column .rgf__track{display:grid}
.rgf--column .rgf__card{
  grid-area:1/1;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(14px);
  transition:opacity .45s ease,transform .45s ease,visibility 0s linear .45s;
}
.rgf--column .rgf__card.is-active{
  opacity:1;visibility:visible;pointer-events:auto;transform:none;
  transition:opacity .45s ease,transform .45s ease,visibility 0s;
}

/* ── layout: grid ───────────────────────────────────────────────────────── */
.rgf--grid .rgf__track{display:grid;gap:var(--rgf-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}

/* ── controls ───────────────────────────────────────────────────────────── */
.rgf__controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.rgf__nav{
  appearance:none;cursor:pointer;
  width:42px;height:42px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--rgf-nav-bg);color:var(--rgf-nav-fg);
  border:1px solid var(--rgf-line);box-shadow:0 6px 16px rgba(31,43,49,.08);
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
}
.rgf__nav:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(31,43,49,.14)}
.rgf__nav:focus-visible{outline:2px solid var(--rgf-cta-bg);outline-offset:3px}
.rgf__nav--prev svg{transform:scaleX(-1)}
.rgf__nav[disabled]{opacity:.35;cursor:default;transform:none;box-shadow:none}
.rgf__dots{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.rgf__dot{
  appearance:none;border:0;padding:0;cursor:pointer;
  width:8px;height:8px;border-radius:50%;background:var(--rgf-star-empty);
  transition:background .2s ease,transform .2s ease;
}
.rgf__dot.is-active{background:var(--rgf-text);transform:scale(1.25)}
.rgf__dot:focus-visible{outline:2px solid var(--rgf-cta-bg);outline-offset:3px}

@media (prefers-reduced-motion:reduce){
  .rgf *{transition-duration:.01ms !important;scroll-behavior:auto !important}
}
@media (max-width:640px){
  .rgf__summary{padding:14px 16px}
  .rgf__cta{margin-left:0;width:100%;justify-content:center}
  .rgf__card{padding:20px}
}