/* FAQ V2 (rootsglass.com). Every rule is scoped under .rgfaq; tokens live on .rgfaq. */

/* Tokens + base ------------------------------------------------------------------------------ */
.rgfaq {
  --rg-ink: #292929;
  --rg-muted: #6E6E6E;
  --rg-tint: #F5F5F5;
  --rg-line: #EAEAEA;
  --rg-accent: #79ED8F;
  --rg-white: #FFFFFF;
  --rgfaq-display: "Jost", sans-serif;
  --rgfaq-body: "Poppins", sans-serif;
  --rgfaq-head: 125px;           /* sticky site header height; JS measures and overrides */
  --rgfaq-chips: 0px;            /* sticky topic row height on narrow screens */
  --rgfaq-gutter: 48px;
  --rgfaq-rule: var(--rg-line);  /* row hairline inside a tint panel */
  --rgfaq-ease: cubic-bezier(.2, .7, .2, 1);
  display: block;
  width: 100%;
  background: var(--rg-white);
  color: var(--rg-ink);
  font-family: var(--rgfaq-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.rgfaq *, .rgfaq *::before, .rgfaq *::after { box-sizing: border-box; }
.rgfaq [hidden] { display: none !important; }
.rgfaq p, .rgfaq ul, .rgfaq ol, .rgfaq li, .rgfaq h1, .rgfaq h2, .rgfaq figure { margin: 0; padding: 0; }
.rgfaq ul, .rgfaq ol { list-style: none; }
.rgfaq ul, .rgfaq ol, .rgfaq li, .rgfaq a, .rgfaq nav, .rgfaq details, .rgfaq summary { background-color: transparent; }
.rgfaq a { color: var(--rg-ink); text-decoration: none; }
.rgfaq img { display: block; max-width: 100%; height: auto; border: 0; }
.rgfaq svg { display: block; flex: none; }
.rgfaq a:focus-visible, .rgfaq button:focus-visible, .rgfaq summary:focus-visible {
  outline: 2px solid var(--rg-ink);
  outline-offset: 3px;
}
.rgfaq .rgfaq-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 var(--rgfaq-gutter) 128px;
}

/* P1 ----------------------------------------------------------------------------------------- */
.rgfaq .rgfaq-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 472px);
  align-items: end;
  column-gap: 64px;
  padding: 44px 0 48px;
  border-bottom: 1px solid var(--rg-line);
}
.rgfaq .rgfaq-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.rgfaq .rgfaq-crumbs li {
  display: flex;
  align-items: center;
  font-family: var(--rgfaq-body);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  color: var(--rg-muted);
}
.rgfaq .rgfaq-crumbs li + li::before {
  content: "/";
  margin: 0 8px;
  color: var(--rg-muted);
}
.rgfaq .rgfaq-crumbs a { color: var(--rg-muted); text-decoration: none; }
.rgfaq .rgfaq-crumbs a:hover { color: var(--rg-ink); text-decoration: underline; text-underline-offset: 3px; }
.rgfaq .rgfaq-crumbs li[aria-current] { color: var(--rg-ink); }
.rgfaq .rgfaq-h1 {
  margin: 18px 0 0;
  font-family: var(--rgfaq-display);
  font-size: 56px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--rg-ink);
  text-transform: none;
}
.rgfaq .rgfaq-lead {
  margin: 16px 0 0;
  max-width: 34em;
  font-family: var(--rgfaq-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--rg-muted);
}

/* search */
.rgfaq .rgfaq-search { width: 100%; }
.rgfaq .rgfaq-search .rgfaq-search__label {
  display: block;
  margin: 0 0 10px;
  font-family: var(--rgfaq-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0;
  color: var(--rg-ink);
  text-transform: none;
}
.rgfaq .rgfaq-search__field { position: relative; }
.rgfaq .rgfaq-search__icon {
  position: absolute;
  left: 22px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--rg-ink);
  pointer-events: none;
}
.rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"] {
  display: block;
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 60px 0 54px;
  border: 1px solid var(--rg-tint);
  border-radius: 999px;
  background: var(--rg-tint);
  box-shadow: none;
  outline: none;
  font-family: var(--rgfaq-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  color: var(--rg-ink);
  text-transform: none;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 200ms ease-out, background-color 200ms ease-out;
}
.rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"]::placeholder { color: var(--rg-muted); opacity: 1; }
.rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"]:hover { border-color: var(--rg-line); }
.rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"]:focus {
  border-color: var(--rg-ink);
  background: var(--rg-white);
  box-shadow: 0 0 0 1px var(--rg-ink);
}
.rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"]::-webkit-search-cancel-button,
.rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; display: none; }
.rgfaq .rgfaq-search .rgfaq-search__field button.rgfaq-search__clear {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--rg-ink);
  font-size: 14px;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  transition: background-color 150ms ease-out;
}
.rgfaq .rgfaq-search .rgfaq-search__field button.rgfaq-search__clear:hover { background: var(--rg-line); }

/* topic nav (desktop: sticky rail beside the questions) */
.rgfaq .rgfaq-layout {
  display: grid;
  grid-template-columns: minmax(0, 312px) minmax(0, 1fr);
  column-gap: 56px;
  align-items: start;
  padding-top: 56px;
}
.rgfaq .rgfaq-topics {
  position: sticky;
  top: calc(var(--rgfaq-head) + 32px);
  align-self: start;
}
.rgfaq .rgfaq-topics__label {
  margin: 0 0 12px 16px;
  font-family: var(--rgfaq-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  color: var(--rg-muted);
}
.rgfaq .rgfaq-topics__list { display: flex; flex-direction: column; gap: 4px; }
.rgfaq .rgfaq-topics .rgfaq-topics__link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 999px;
  font-family: var(--rgfaq-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--rg-ink);
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.rgfaq .rgfaq-topics__name {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
}
.rgfaq .rgfaq-topics .rgfaq-topics__link:not([aria-current]):hover { color: var(--rg-muted); }
.rgfaq .rgfaq-topics__count {
  flex: none;
  min-width: 2ch;
  text-align: right;
  font-size: 13px;
  font-weight: 500;
  color: var(--rg-muted);
  font-variant-numeric: tabular-nums;
}
.rgfaq .rgfaq-topics .rgfaq-topics__link[aria-current] { background: var(--rg-ink); color: var(--rg-white); }
.rgfaq .rgfaq-topics .rgfaq-topics__link[aria-current] .rgfaq-topics__count { color: var(--rg-white); }
.rgfaq .rgfaq-topics .rgfaq-topics__link.is-dim:not([aria-current]) { color: var(--rg-muted); }
/* (b) free-standing sticker under the topic list; travels with the sticky rail, desktop rail only */
.rgfaq .rgfaq-topics .rgfaq-sticker {
  display: block;
  width: 104px;
  height: auto;
  margin: 48px 0 0 16px;
  pointer-events: none;
  user-select: none;
}

/* P2 ----------------------------------------------------------------------------------------- */
.rgfaq .rgfaq-main { min-width: 0; }
.rgfaq .rgfaq-topic { scroll-margin-top: calc(var(--rgfaq-head) + var(--rgfaq-chips) + 32px); }
.rgfaq .rgfaq-topic + .rgfaq-topic { margin-top: 88px; }
.rgfaq .rgfaq-h2 {
  margin: 0 0 28px;
  font-family: var(--rgfaq-display);
  font-size: 36px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--rg-ink);
  text-transform: none;
}
.rgfaq .rgfaq-h2:focus { outline: none; }
.rgfaq .rgfaq-panel {
  background: var(--rg-tint);
  border: 0;
  border-radius: 16px;
  padding: 8px 40px;
}
/* (a) peek character: hands on the panel's top edge at its right end, image bottom 10% of its height below */
.rgfaq .rgfaq-panel--perch { position: relative; padding-top: 12px; }  /* room for the fingertips curling over the edge */
.rgfaq .rgfaq-perch {
  position: absolute;
  right: 72px;
  bottom: 100%;
  width: 116px;
  height: auto;
  transform: translateY(10%);
  pointer-events: none;
  user-select: none;
  z-index: 2;
}
.rgfaq .rgfaq-q { scroll-margin-top: calc(var(--rgfaq-head) + var(--rgfaq-chips) + 24px); }
.rgfaq .rgfaq-q:not([data-hide]) ~ .rgfaq-q { border-top: 1px solid var(--rgfaq-rule); }
.rgfaq .rgfaq-q[data-hide] { display: none; }
.rgfaq .rgfaq-q__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 80px;
  padding: 22px 0;
  font-family: var(--rgfaq-display);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: 0;
  color: var(--rg-ink);
  text-transform: none;
  list-style: none;
  cursor: pointer;
  border-radius: 8px;
  -webkit-tap-highlight-color: transparent;
}
.rgfaq .rgfaq-q__head::-webkit-details-marker { display: none; }
.rgfaq .rgfaq-q__head::marker { content: ""; }
.rgfaq .rgfaq-q__text {
  flex: 1 1 auto;
  min-width: 0;
  font: inherit;
  color: inherit;
}
.rgfaq .rgfaq-q__icon {
  position: relative;
  flex: none;
  width: 32px;
  height: 32px;
  border: 1px solid var(--rg-ink);
  border-radius: 50%;
  background: transparent;
  transition: background-color 200ms ease-out;
}
.rgfaq .rgfaq-q__bar {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 1.5px;
  margin: -0.75px 0 0 -6px;
  border-radius: 1px;
  background: var(--rg-ink);
  transition: transform 300ms var(--rgfaq-ease);
}
.rgfaq .rgfaq-q__bar--v { transform: rotate(90deg); }
.rgfaq .rgfaq-q__head:hover .rgfaq-q__icon { background: var(--rg-white); }
.rgfaq .rgfaq-q[open] .rgfaq-q__bar--v { transform: rotate(0deg); }
.rgfaq .rgfaq-q.is-closing .rgfaq-q__bar--v { transform: rotate(90deg); }
.rgfaq .rgfaq-q__body { overflow: hidden; }
.rgfaq .rgfaq-q:not([open]) .rgfaq-q__body { display: none; }
.rgfaq .rgfaq-a {
  max-width: 70ch;
  padding: 0 56px 28px 0;
  margin-top: -4px;
  font-family: var(--rgfaq-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.65;
  color: var(--rg-ink);
}
.rgfaq .rgfaq-a p { margin: 0 0 12px; font-size: inherit; line-height: inherit; color: inherit; }
.rgfaq .rgfaq-a p:last-child { margin-bottom: 0; }
.rgfaq .rgfaq-a ul { margin: 0; padding: 0 0 0 1.25em; list-style: disc; }
.rgfaq .rgfaq-a li { margin: 0 0 8px; padding-left: 4px; font-size: inherit; line-height: inherit; color: inherit; }
.rgfaq .rgfaq-a li:last-child { margin-bottom: 0; }
.rgfaq .rgfaq-a li::marker { color: var(--rg-ink); }
.rgfaq .rgfaq-a strong { font-weight: 600; }
.rgfaq .rgfaq-a a,
.rgfaq .rgfaq-empty a {
  color: var(--rg-ink);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: text-decoration-thickness 150ms ease-out;
}
.rgfaq .rgfaq-a a:hover,
.rgfaq .rgfaq-empty a:hover { text-decoration-thickness: 2px; }

/* search results + empty state */
.rgfaq .rgfaq-empty {
  padding: 28px 32px;
  border-radius: 16px;
  background: var(--rg-tint);
  font-family: var(--rgfaq-body);
  font-size: 16px;
  line-height: 1.65;
  color: var(--rg-ink);
}
.rgfaq .rgfaq-topic.is-filtered-out { display: none; }
.rgfaq.is-searching .rgfaq-topic + .rgfaq-topic { margin-top: 56px; }

/* P3 ----------------------------------------------------------------------------------------- */
/* desktop: the help block sits in the question column, edge to edge with the topic panels */
.rgfaq .rgfaq-help {
  position: relative;
  display: block;
  margin-top: 112px;
  padding: 56px;
  border-radius: 24px;
  background: var(--rg-tint);
}
.rgfaq .rgfaq-help__char {
  position: absolute;
  right: 96px;
  bottom: 100%;
  width: 120px;
  height: auto;
  transform: translateY(10%);
  pointer-events: none;
  z-index: 2;
}
.rgfaq .rgfaq-help__title { margin: 0; }
.rgfaq .rgfaq-help__text {
  margin: 12px 0 28px;
  text-wrap: balance;
  font-family: var(--rgfaq-body);
  font-size: 16px;
  line-height: 1.65;
  color: var(--rg-ink);
}
.rgfaq .rgfaq-help__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.rgfaq .rgfaq-help a.rgfaq-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 14px 28px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--rg-ink);
  white-space: nowrap;
  font-family: var(--rgfaq-body);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.rgfaq .rgfaq-help a.rgfaq-btn--primary { background: var(--rg-accent); }
.rgfaq .rgfaq-help a.rgfaq-btn--primary:hover { background: color-mix(in srgb, var(--rg-accent) 82%, var(--rg-ink)); }
/* secondary: 1px ink outline, ink label; never a second accent fill */
.rgfaq .rgfaq-help a.rgfaq-btn--secondary { padding: 13px 26px; border: 1px solid var(--rg-ink); background: transparent; }
.rgfaq .rgfaq-help a.rgfaq-btn--secondary:hover { background: var(--rg-ink); color: var(--rg-white); }
.rgfaq .rgfaq-help__nav {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--rg-line);
}
.rgfaq .rgfaq-help__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
@media (min-width: 1200px) {
  .rgfaq .rgfaq-help__links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* narrow rail layout: the question column is too tight for two buttons side by side */
@media (min-width: 1024px) and (max-width: 1199px) {
  .rgfaq .rgfaq-help { padding: 48px 40px 40px; }
  .rgfaq .rgfaq-help__actions { flex-direction: column; align-items: stretch; }
  .rgfaq .rgfaq-help a.rgfaq-btn { display: flex; width: 100%; }
}
.rgfaq .rgfaq-help__links li { min-width: 0; }
.rgfaq .rgfaq-help a.rgfaq-help__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 20px;
  border-radius: 999px;
  background: var(--rg-white);
  color: var(--rg-ink);
  font-family: var(--rgfaq-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: background-color 200ms ease-out, color 200ms ease-out;
}
.rgfaq .rgfaq-help a.rgfaq-help__link:hover { background: var(--rg-ink); color: var(--rg-white); }
.rgfaq .rgfaq-arrow { transition: transform 200ms ease-out; }
.rgfaq .rgfaq-help a.rgfaq-help__link:hover .rgfaq-arrow { transform: translateX(2px); }

/* Narrow screens: topic nav becomes a sticky, sideways-scrolling pill row ---------------------- */
@media (max-width: 1023px) {
  .rgfaq { --rgfaq-gutter: 32px; --rgfaq-chips: 65px; }
  .rgfaq .rgfaq-hero { display: block; padding: 32px 0 28px; border-bottom: 0; }
  .rgfaq .rgfaq-search { margin-top: 28px; max-width: 560px; }
  .rgfaq .rgfaq-layout { display: block; padding-top: 0; }
  .rgfaq .rgfaq-topics {
    top: var(--rgfaq-head);
    z-index: 5;
    margin: 0 calc(var(--rgfaq-gutter) * -1) 40px;
    padding: 10px 0;
    background: var(--rg-white);
    border-top: 1px solid var(--rg-line);
    border-bottom: 1px solid var(--rg-line);
  }
  .rgfaq .rgfaq-topics__label { display: none; }
  .rgfaq .rgfaq-topics__list {
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    padding: 0 var(--rgfaq-gutter);
    scroll-padding: 0 32px;
  }
  .rgfaq .rgfaq-topics__list::-webkit-scrollbar { display: none; }
  /* edge cue: a narrow fade where more chips sit off screen; JS parks the active chip clear of it */
  .rgfaq .rgfaq-topics::before,
  .rgfaq .rgfaq-topics::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    width: 24px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 200ms ease-out;
  }
  .rgfaq .rgfaq-topics::before {
    left: 0;
    background: linear-gradient(to right, var(--rg-white) 20%, color-mix(in srgb, var(--rg-white) 0%, transparent));
  }
  .rgfaq .rgfaq-topics::after {
    right: 0;
    background: linear-gradient(to left, var(--rg-white) 20%, color-mix(in srgb, var(--rg-white) 0%, transparent));
    opacity: 1;
  }
  .rgfaq .rgfaq-topics.has-more-start::before { opacity: 1; }
  .rgfaq .rgfaq-topics.is-at-end::after { opacity: 0; }
  .rgfaq .rgfaq-topics__list li { flex: none; }
  .rgfaq .rgfaq-topics .rgfaq-topics__link { padding: 10px 18px; background: var(--rg-tint); }
  .rgfaq .rgfaq-topics .rgfaq-topics__link[aria-current] { background: var(--rg-ink); }
  .rgfaq .rgfaq-topics__count { display: none; }
  .rgfaq .rgfaq-topics .rgfaq-sticker { display: none; }
  .rgfaq .rgfaq-topics__name { white-space: nowrap; }
  .rgfaq .rgfaq-help { display: block; padding: 48px 40px 40px; }
  .rgfaq .rgfaq-help__nav { margin-top: 36px; padding: 32px 0 0; border-left: 0; border-top: 1px solid var(--rg-line); }
}

@media (max-width: 767px) {
  .rgfaq { --rgfaq-gutter: 20px; }
  .rgfaq .rgfaq-wrap { padding-bottom: 96px; }
  .rgfaq .rgfaq-hero { padding: 24px 0 24px; }
  .rgfaq .rgfaq-crumbs li { font-size: 13px; }
  .rgfaq .rgfaq-h1 { margin-top: 12px; font-size: 40px; line-height: 1.1; }
  .rgfaq .rgfaq-lead { margin-top: 12px; font-size: 16px; line-height: 1.6; }
  .rgfaq .rgfaq-search { margin-top: 24px; }
  .rgfaq .rgfaq-search .rgfaq-search__label { margin-bottom: 8px; }
  .rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"] { height: 52px; padding: 0 52px 0 48px; font-size: 15px; }
  .rgfaq .rgfaq-search .rgfaq-search__field input.rgfaq-search__input[type="search"]:placeholder-shown { padding-right: 18px; }
  .rgfaq .rgfaq-search__icon { left: 18px; }
  .rgfaq .rgfaq-search .rgfaq-search__field button.rgfaq-search__clear { right: 4px; }
  .rgfaq .rgfaq-topics { margin-bottom: 32px; }
  .rgfaq .rgfaq-topic + .rgfaq-topic { margin-top: 56px; }
  .rgfaq .rgfaq-h2 { margin-bottom: 18px; font-size: 28px; line-height: 1.2; }
  .rgfaq .rgfaq-panel { padding: 4px 20px; }
  .rgfaq .rgfaq-panel--perch { padding-top: 10px; }
  .rgfaq .rgfaq-perch { right: 16px; width: 110px; }
  /* phone: the heading wraps short of the peek so the character stands beside it, never over it */
  .rgfaq .rgfaq-h2--perch { max-width: calc(100% - 128px); }
  .rgfaq .rgfaq-q__head { min-height: 68px; gap: 16px; padding: 18px 0; }
  .rgfaq .rgfaq-q__head { font-size: 16px; }
  .rgfaq .rgfaq-q__icon { width: 28px; height: 28px; }
  .rgfaq .rgfaq-q__bar { width: 11px; margin-left: -5.5px; }
  .rgfaq .rgfaq-a { padding: 0 0 24px; margin-top: -4px; font-size: 15px; }
  .rgfaq .rgfaq-empty { padding: 20px 22px; font-size: 15px; }
  .rgfaq .rgfaq-help { margin-top: 104px; padding: 40px 24px 24px; border-radius: 24px; }
  .rgfaq .rgfaq-help__char { right: 24px; width: 108px; }
  .rgfaq .rgfaq-help__text { font-size: 15px; margin: 10px 0 24px; }
  .rgfaq .rgfaq-help__actions { flex-direction: column; align-items: stretch; gap: 10px; }
  .rgfaq .rgfaq-help a.rgfaq-btn { display: flex; width: 100%; min-height: 52px; padding: 14px 20px; font-size: 15px; }
  .rgfaq .rgfaq-help a.rgfaq-btn--secondary { min-height: 48px; padding: 11px 20px; }
  .rgfaq .rgfaq-help__nav { margin-top: 28px; padding-top: 24px; }
  .rgfaq .rgfaq-help__links { gap: 8px; }
  .rgfaq .rgfaq-help a.rgfaq-help__link { min-height: 48px; padding: 12px 14px; font-size: 14px; }
}

/* very narrow phones: "Shipping and" no longer fits beside the peek, so the heading keeps one line and the
   peek stands below it instead (gap = the part of the image above the edge) */
@media (max-width: 359px) {
  .rgfaq .rgfaq-h2--perch { max-width: none; margin-bottom: 92px; }
}

/* Motion -------------------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .rgfaq *, .rgfaq *::before, .rgfaq *::after { transition: none !important; animation: none !important; }
}