/* ==========================================================================
   FAQ page. Layered over the .samx kit (accelerator-model.scss), which
   supplies the tokens, container, panels, breadcrumbs, section heads, and the
   scroll reveals. This file owns the hero and its search field, the topic
   rail, the question groups, the answer rows, the search highlight, and the
   two contact cards at the end. Everything is scoped under .samx-fqp.

   One object on the page, the search field. Everything else is type and
   hairlines, so eighty-odd answers stay scannable.
   ========================================================================== */
/* The site's circuit lines as the header draws them: one pattern from each
   side, faint. */
.samx-fqp {
  --fq-rule: var(--samx-border);
  --fq-rule-strong: rgba(255, 255, 255, 0.1);
  --fq-answer: rgba(232, 228, 221, 0.74);
  --fq-gutter: clamp(1.25rem, 3vw, 2rem);
  /* The boxes: a neutral near-black, a step darker than the kit's blue-cast
     card and surface tones, so they sit into the panel instead of on it. */
  --fq-box: #0A0A0B;
  --fq-box-open: #0D0D0E;
  --fq-thumb: rgba(232, 228, 221, 0.2);
  --fq-thumb-strong: rgba(232, 228, 221, 0.36);
  /* The fallback carries a unit so calc() stays valid. */
  --fq-rail-top: calc(92px + var(--wp-admin--admin-bar--height, 0px));
}

/* ==========================================================================
   Hero: the title, the lede, and the search field
   ========================================================================== */
.samx-fq-hero {
  position: relative;
  overflow: hidden;
  background: var(--samx-ground, #0D0E10);
}

.samx-fq-hero__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.samx-fq-hero__bg span {
  position: absolute;
}

.samx-fq-hero__wash {
  inset: 0;
  background: radial-gradient(ellipse 46% 70% at 12% 0%, rgba(247, 176, 65, 0.07), transparent 64%), radial-gradient(ellipse 40% 60% at 96% 100%, rgba(11, 134, 209, 0.045), transparent 60%);
}

.samx-fq-hero__lines {
  inset: 0;
  overflow: hidden;
}
.samx-fq-hero__lines::before, .samx-fq-hero__lines::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(50%, 760px);
  background: rgba(232, 228, 221, 0.022);
  mask-repeat: no-repeat;
  mask-size: 100% auto;
}
.samx-fq-hero__lines::before {
  left: 0;
  mask-image: url("../../img/left-pattern-full.svg");
  mask-position: top right;
}
.samx-fq-hero__lines::after {
  right: 0;
  mask-image: url("../../img/right-pattern-full.svg");
  mask-position: top left;
}

.samx-fq-hero__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  padding-block: clamp(2.75rem, 5.5vw, 4.5rem) clamp(2.5rem, 4.5vw, 3.75rem);
}

.samx-fq-hero__copy {
  min-width: 0;
}

.samx-fq-hero__title {
  max-width: 14ch;
  font-family: var(--samx-ft-display);
  font-size: clamp(2.4rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1.02;
  letter-spacing: -0.03em;
  color: var(--samx-tx);
}

.samx-fq-hero__lede {
  max-width: 58ch;
  margin-top: 18px;
  font-size: clamp(1rem, 1.35vw, 1.1rem);
  line-height: 1.7;
  color: rgba(232, 228, 221, 0.72);
}

/* ---- The search card: the hero's one object ---- */
.samx-fq-search {
  width: 100%;
  max-width: 560px;
  min-width: 0;
  margin: 0;
  padding: clamp(1.25rem, 2.4vw, 1.75rem);
  justify-self: end;
  background: rgba(9, 9, 13, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 14px;
  box-shadow: var(--samx-shadow-modal);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.samx-fq-search__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 18px;
  margin-bottom: 14px;
}

.samx-fq-search__label {
  font-size: 15px;
  font-weight: 600;
  color: var(--samx-tx);
}

.samx-fq-search__status {
  font-family: var(--samx-ft-mono);
  font-size: 11px;
  letter-spacing: 0.3px;
  color: var(--samx-tx-muted);
}

.samx-fq-search__kbd {
  flex: none;
  padding: 3px 8px;
  font-family: var(--samx-ft-mono);
  font-size: 11px;
  color: var(--samx-tx-dim);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--samx-border);
  border-radius: 4px;
  transition: opacity 0.2s ease;
}

.samx-fq-search__control > svg {
  flex: none;
  color: var(--samx-tx-muted);
  transition: color 0.2s ease;
}

.samx-fq-search__control {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  padding-inline: 16px 10px;
  background: var(--samx-bg);
  border: 1px solid var(--samx-border-hover);
  border-radius: 10px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.samx-fq-search__control:hover {
  border-color: rgba(255, 255, 255, 0.18);
}
.samx-fq-search__control:focus-within {
  border-color: var(--samx-amber);
  box-shadow: var(--samx-shadow-focus);
}
.samx-fq-search__control:focus-within > svg {
  color: var(--samx-amber);
}
.samx-fq-search__control:focus-within .samx-fq-search__kbd {
  opacity: 0;
}
.samx-fq-search__control input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 56px;
  padding: 0 12px;
  background: transparent;
  border: 0;
  font-family: var(--samx-ft-body);
  font-size: clamp(1rem, 1.3vw, 1.08rem);
  font-weight: 500;
  color: var(--samx-tx);
  /* The control frame carries the focus style. */
}
.samx-fq-search__control input::placeholder {
  color: var(--samx-tx-dim);
  opacity: 1;
}
.samx-fq-search__control input::-webkit-search-cancel-button, .samx-fq-search__control input::-webkit-search-decoration {
  appearance: none;
}
.samx-fq-search__control input:focus-visible {
  outline: none;
}

.samx-fq-search__clear {
  display: grid;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  padding: 0;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--samx-border);
  border-radius: 50%;
  color: var(--samx-tx-muted);
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}
.samx-fq-search__clear:hover {
  color: var(--samx-tx);
  border-color: var(--samx-border-hover);
}
.samx-fq-search__clear[hidden] {
  display: none;
}

.samx-fq-search__hints {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 14px;
  margin-top: 14px;
  padding-inline: 2px;
  font-size: 13.5px;
  color: var(--samx-tx-muted);
}
.samx-fq-search__hints button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 600;
  color: var(--samx-tx);
  text-decoration: underline;
  text-decoration-color: rgba(247, 176, 65, 0.45);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  cursor: pointer;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.samx-fq-search__hints button:hover {
  color: var(--samx-amber);
  text-decoration-color: var(--samx-amber);
}

/* ==========================================================================
   Body: the topic rail beside the question groups
   ========================================================================== */
/* The kit's panels clip their overflow, which would pin the rail to the panel
   instead of the viewport; this one stays open. */
.samx-fq-body {
  margin-top: 12px;
  overflow: visible;
}

.samx-fq-layout {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: clamp(2.5rem, 5vw, 4.5rem);
  align-items: start;
  padding-block: clamp(2.25rem, 4.5vw, 3.75rem) clamp(3rem, 6vw, 4.5rem);
}

/* ---- Rail ---- */
.samx-fq-rail {
  position: sticky;
  top: var(--fq-rail-top);
}

/* The box: the Contents header stays put; the list below it scrolls on its
   own, behind a scrollbar that only shows on hover or while scrolling. */
.samx-fq-nav {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - var(--fq-rail-top) - 24px);
  padding: 8px;
  background: var(--fq-box);
  border: 1px solid var(--samx-border-hover);
  border-radius: 12px;
}

.samx-fq-nav__body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.samx-fq-nav__scroll {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}
.samx-fq-nav__scroll::-webkit-scrollbar {
  display: none;
}

/* Room for the thumb once the list overflows. */
.samx-fq-nav__body.has-overflow .samx-fq-nav__scroll {
  padding-right: 10px;
}

/* The track is a 12px hit zone down the right edge; the thumb draws 4px wide
   inside it and fattens under the pointer. */
.samx-fq-nav__bar {
  position: absolute;
  top: 2px;
  right: -4px;
  bottom: 2px;
  width: 12px;
  opacity: 0;
  transition: opacity 0.25s ease;
  cursor: default;
}

.samx-fq-nav__body.has-overflow:hover .samx-fq-nav__bar,
.samx-fq-nav__body.has-overflow.is-scrolling .samx-fq-nav__bar,
.samx-fq-nav__body.has-overflow.is-dragging .samx-fq-nav__bar {
  opacity: 1;
}

.samx-fq-nav__thumb {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 0;
  min-height: 28px;
  border-radius: 999px;
  background: var(--fq-thumb);
  transition: background-color 0.2s ease, left 0.15s ease, right 0.15s ease;
}

.samx-fq-nav__bar:hover .samx-fq-nav__thumb,
.samx-fq-nav__body.is-dragging .samx-fq-nav__thumb {
  left: 3px;
  right: 3px;
  background: var(--fq-thumb-strong);
}

.samx-fq-nav__body.is-dragging {
  cursor: grabbing;
  -webkit-user-select: none;
          user-select: none;
}

.samx-fq-nav__title {
  flex: none;
  margin: 0 0 6px;
  padding: 8px 10px 11px;
  border-bottom: 1px solid var(--fq-rule);
  font-family: var(--samx-ft-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--samx-tx-muted);
}

.samx-fq-nav a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--samx-tx-muted);
  transition: color 0.2s ease, background-color 0.2s ease;
  /* A parent whose child section is in view stays lit, without the bar. */
  /* Topics with no matches during a search step back. */
}
.samx-fq-nav a:hover {
  color: var(--samx-tx);
  background: var(--samx-hover);
}
.samx-fq-nav a.is-active {
  color: var(--samx-amber);
  background: rgba(247, 176, 65, 0.07);
}
.samx-fq-nav a.is-parent-active {
  color: var(--samx-tx);
}
.samx-fq-nav a.is-empty, .samx-fq-nav a.is-empty .samx-fq-nav__n {
  color: var(--samx-tx-dim);
}

.samx-fq-nav__n {
  font-family: var(--samx-ft-mono);
  font-size: 10.5px;
  color: var(--samx-tx-dim);
  transition: color 0.2s ease;
}

.samx-fq-nav a.is-active .samx-fq-nav__n {
  color: rgba(247, 176, 65, 0.7);
}

/* The model list hangs off its parent on a hairline. */
.samx-fq-nav__sub {
  margin: 2px 0 6px 14px;
  padding-left: 8px;
  border-left: 1px solid var(--fq-rule);
}

.samx-fq-nav .samx-fq-nav__sub a {
  padding: 6px 10px;
  font-size: 13px;
}

/* ---- Groups ---- */
.samx-fq-main {
  max-width: 820px;
  min-width: 0;
}

.samx-fq-group,
.samx-fq-item {
  scroll-margin-top: calc(var(--fq-rail-top) - 8px);
}

.samx-fq-group {
  /* A model's group follows the general models group a step closer. */
}
.samx-fq-group + .samx-fq-group {
  margin-top: clamp(2.75rem, 5vw, 4rem);
}
.samx-fq-group.samx-fq-group--sub + .samx-fq-group--sub {
  margin-top: clamp(2.25rem, 4vw, 3.25rem);
}

.samx-fq-group__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--fq-rule-strong);
}

.samx-fq-group__title {
  font-family: var(--samx-ft-display);
  font-size: clamp(1.5rem, 2.4vw, 1.95rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--samx-tx);
}

.samx-fq-group--sub .samx-fq-group__title {
  font-size: clamp(1.3rem, 2vw, 1.55rem);
}

.samx-fq-group__lede {
  max-width: 60ch;
  margin-top: 8px;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--samx-tx-muted);
}

/* A group with a page: the title opens it, the arrow says so. */
.samx-fq-group__titlelink {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  transition: color 0.2s ease;
}
.samx-fq-group__titlelink:hover {
  color: var(--samx-amber);
}

.samx-fq-group__go {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: var(--samx-tx-muted);
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.samx-fq-group--sub .samx-fq-group__go {
  width: 24px;
  height: 24px;
}

.samx-fq-group__titlelink:hover .samx-fq-group__go {
  border-color: rgba(247, 176, 65, 0.45);
  background: rgba(247, 176, 65, 0.1);
  color: var(--samx-amber);
  transform: translate(1px, -1px);
}

/* ---- Rows ---- */
.samx-fq-list {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.samx-fq-row[hidden] {
  display: none;
}

.samx-fq-item {
  background: var(--fq-box);
  border: 1px solid var(--samx-border);
  border-radius: 10px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
  /* The border reacts with the icon while the close animation runs. */
}
.samx-fq-item:hover {
  border-color: var(--samx-border-hover);
}
.samx-fq-item[open] {
  background: var(--fq-box-open);
  border-color: rgba(247, 176, 65, 0.3);
}
.samx-fq-item.is-closing {
  border-color: var(--samx-border);
}

.samx-fq-item__q {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 28px;
  column-gap: 18px;
  align-items: start;
  padding: 16px 16px 16px 20px;
  border-radius: 10px;
  font-size: 1.02rem;
  font-weight: 600;
  line-height: 1.45;
  color: rgba(232, 228, 221, 0.86);
  list-style: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.samx-fq-item__q::-webkit-details-marker {
  display: none;
}
.samx-fq-item__q:hover {
  color: var(--samx-tx);
}
.samx-fq-item__q:focus-visible {
  outline: 2px solid rgba(247, 176, 65, 0.72);
  outline-offset: -4px;
}

.samx-fq-item[open] > .samx-fq-item__q {
  color: var(--samx-tx);
}

/* The chevron turns over as the answer opens. */
.samx-fq-item__icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  color: var(--samx-tx-muted);
  transition: transform 0.35s var(--samx-ease), color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.samx-fq-item__q:hover .samx-fq-item__icon {
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--samx-tx);
}

.samx-fq-item[open] > .samx-fq-item__q .samx-fq-item__icon {
  transform: rotate(180deg);
  background: rgba(247, 176, 65, 0.1);
  border-color: rgba(247, 176, 65, 0.45);
  color: var(--samx-amber);
}

/* While the close animation runs the icon already reads as closed. */
.samx-fq-item.is-closing > .samx-fq-item__q .samx-fq-item__icon {
  transform: none;
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--samx-tx-muted);
}

.samx-fq-item__a {
  padding: 0 20px 18px;
  overflow: hidden;
}

.samx-fq-item__a-in p {
  max-width: 66ch;
  font-size: 0.97rem;
  line-height: 1.7;
  color: var(--fq-answer);
}
.samx-fq-item__a-in p + p {
  margin-top: 10px;
}

/* The theme paints paragraph links with an amber background on hover, which
   hides amber text; these links only brighten. */
.samx-fqp .samx-fq-item__a-in a {
  color: var(--samx-amber);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}
.samx-fqp .samx-fq-item__a-in a:hover, .samx-fqp .samx-fq-item__a-in a:focus-visible {
  color: #fbc25f;
  background-color: transparent;
}

/* A row opened from a shared link lights up for a moment. */
@keyframes samx-fq-linked {
  0% {
    background: rgba(247, 176, 65, 0.12);
  }
  100% {
    background: transparent;
  }
}
.samx-fq-item.is-linked {
  animation: samx-fq-linked 1.6s ease-out;
}

/* Search hits */
.samx-fqp mark.samx-fq-mark {
  padding: 0 1px;
  background: rgba(247, 176, 65, 0.22);
  border-radius: 3px;
  color: inherit;
  box-shadow: 0 0 0 1px rgba(247, 176, 65, 0.08);
}

.samx-fq-empty {
  padding: 40px 0;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--samx-tx-muted);
}

.samx-fqp .samx-fq-empty a {
  color: var(--samx-amber);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.samx-fqp .samx-fq-empty a:hover {
  background-color: transparent;
}

.samx-fq-group[hidden],
.samx-fq-empty[hidden] {
  display: none;
}

/* ==========================================================================
   Still have a question: two inboxes
   ========================================================================== */
.samx-fq-ask {
  position: relative;
  margin-block: 12px;
  background: var(--samx-ground, #0D0E10);
}

.samx-fq-ask__inner {
  padding-block: clamp(2.75rem, 5.5vw, 4rem);
}

.samx-fq-ask__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.samx-fq-ask__card {
  display: flex;
  flex-direction: column;
  padding: 24px 26px 22px;
  background: var(--samx-card);
  border: 1px solid var(--samx-border);
  border-radius: 12px;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.samx-fq-ask__card:hover {
  border-color: rgba(247, 176, 65, 0.35);
  box-shadow: var(--samx-shadow-hover);
  transform: translateY(-1px);
}

.samx-fq-ask__k {
  font-family: var(--samx-ft-display);
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--samx-tx);
}

.samx-fq-ask__d {
  margin-top: 8px;
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--samx-tx-muted);
}

.samx-fq-ask__to {
  margin-top: 20px;
  font-family: var(--samx-ft-mono);
  font-size: 12px;
  letter-spacing: 0.3px;
  color: var(--samx-amber);
}

/* ==========================================================================
   Narrow screens: the rail becomes a chip row that takes turns with the header
   ========================================================================== */
@media (max-width: 900px) {
  .samx-fqp {
    /* stylelint-disable-next-line length-zero-no-unit -- the fallback carries a unit so calc() stays valid */
    --fq-rail-top: var(--wp-admin--admin-bar--height, 0px);
  }
  .samx-fq-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75rem;
  }
  .samx-fq-search {
    max-width: none;
    justify-self: stretch;
  }
  .samx-fq-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-top: 0;
  }
  .samx-fq-rail {
    z-index: 30;
    max-height: none;
    margin-inline: calc(-1 * var(--fq-gutter));
    overflow: visible;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.3s ease;
  }
  .samx-fq-nav {
    display: block;
    max-height: none;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
  }
  .samx-fq-nav__title,
  .samx-fq-nav__bar {
    display: none;
  }
  .samx-fq-nav__body {
    display: block;
  }
  .samx-fq-nav__scroll,
  .samx-fq-nav__body.has-overflow .samx-fq-nav__scroll {
    overflow: visible;
    padding-right: 0;
  }
  .samx-fq-nav__scroll > ol {
    display: flex;
    gap: 4px;
    padding: 10px var(--fq-gutter);
    overflow-x: auto;
    scrollbar-width: none;
    background: rgba(6, 6, 12, 0.92);
    border-left: 0;
    border-bottom: 1px solid var(--samx-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .samx-fq-nav__scroll > ol::-webkit-scrollbar {
    display: none;
  }
  .samx-fq-nav li,
  .samx-fq-nav__sub {
    display: contents;
  }
  .samx-fq-nav li a {
    margin: 0;
    padding: 8px 13px;
    border: 1px solid transparent;
    border-radius: 999px;
    background: none;
    font-family: var(--samx-ft-mono);
    font-size: 11.5px;
    letter-spacing: 0.3px;
    white-space: nowrap;
    /* Inset focus ring so the scroller cannot clip it */
  }
  .samx-fq-nav li a.is-active {
    color: var(--samx-amber);
    background: rgba(247, 176, 65, 0.06);
    border-color: rgba(247, 176, 65, 0.3);
  }
  .samx-fq-nav li a.is-parent-active {
    color: var(--samx-tx-muted);
  }
  .samx-fq-nav li a:focus-visible {
    outline-offset: -2px;
  }
  .samx-fq-nav__n {
    display: none;
  }
  .samx-fq-main {
    padding-top: 1.75rem;
  }
  .samx-fq-group,
  .samx-fq-item {
    scroll-margin-top: calc(var(--fq-rail-top) + 64px);
  }
  .samx-fq-ask__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Mirrors the kit's bars: the chip row sticks while the page scrolls down and
   the header is away, and slides out above the header as it comes back, so
   the two never share the top of the screen. The header script flags the
   header's state on <html>; faq.js flags the row's. */
@media (max-width: 900px) {
  html:not(.sahc-nav-hidden) body:not(.sahc-page) .samx-fq-rail.is-stuck {
    transform: translateY(calc(-100% - 14px));
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 560px) {
  .samx-fq-hero__inner {
    padding-block: 2.25rem 1.75rem;
  }
  .samx-fq-search {
    padding: 1rem;
  }
  .samx-fq-search__control {
    min-height: 54px;
    padding-inline: 14px 10px;
  }
  .samx-fq-search__control input {
    min-height: 52px;
    padding-inline: 10px;
  }
  .samx-fq-search__kbd {
    display: none;
  }
  .samx-fq-group__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .samx-fq-item__q {
    grid-template-columns: minmax(0, 1fr) 26px;
    column-gap: 14px;
    padding: 14px 14px 14px 16px;
    font-size: 0.98rem;
  }
  .samx-fq-item__a {
    padding: 0 16px 16px;
  }
  .samx-fq-item__icon {
    width: 26px;
    height: 26px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .samx-fq-rail,
  .samx-fq-item,
  .samx-fq-item__icon,
  .samx-fq-group__go,
  .samx-fq-nav__bar,
  .samx-fq-nav__thumb,
  .samx-fq-ask__card {
    transition: none;
  }
  .samx-fq-item.is-linked {
    animation: none;
  }
}
/*# sourceMappingURL=faq.css.map */