/* GM Site Core 2.1.4 — FAQ hover matches B Premium slot-card tone and scale.
 * A 22% black overlay equals the cards' 78% surface + black blend for solid colours,
 * and also works with legacy gradient backgrounds. Only the background grows.
 * No saved content/options or accordion behavior are changed by this stylesheet.
 */
.akfaq-accordion {
  --akfaq-panel-bg: var(--ac6-site-header, var(--akfaq-q-bg, #1a1f3a));
  --akfaq-panel-text: var(--ac6-site-text, var(--akfaq-q-text, var(--akfaq-q-text-fallback, #ffffff)));
  --akfaq-accent: var(--ac6-site-accent, var(--akfaq-panel-text));
  --akfaq-ease: cubic-bezier(.2,.65,.25,1);
  box-sizing: border-box;
  margin: 18px 0;
  /* 1.5% on each side contains a centred 1.03 scale even in full-width columns. */
  padding: 4px max(6px, 1.5%);
}
.akfaq-accordion .akfaq-item { margin: 0; background: transparent; border: 0; box-shadow: none; }
.akfaq-accordion .akfaq-item + .akfaq-item { margin-top: 14px; }
.akfaq-accordion .akfaq-h3 { margin: 0; padding: 0; }
.akfaq-accordion .akfaq-h3 > button.akfaq-q {
  --akfaq-grow: 1;
  --akfaq-shade: 0;
  box-sizing: border-box;
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  gap: 18px; min-height: 64px; margin: 0; padding: 18px 20px;
  background: transparent !important;
  color: var(--akfaq-panel-text) !important;
  border: 0 !important; outline: 0 !important; box-shadow: none !important;
  border-radius: 12px; text-align: start; text-decoration: none; text-transform: none;
  letter-spacing: normal; font: inherit; font-size: .85em; font-weight: 700; line-height: 1.35;
  white-space: normal; cursor: pointer; user-select: none; -webkit-user-select: none;
  position: relative; isolation: isolate; z-index: 0; overflow: visible;
  transform: none !important;
}
.akfaq-accordion .akfaq-h3 > button.akfaq-q::before,
.akfaq-accordion .akfaq-h3 > button.akfaq-q::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  border-radius: inherit; border: 0 !important; outline: 0 !important; box-shadow: none !important;
  transform: scale(var(--akfaq-grow)); transform-origin: center;
  transition: transform 200ms var(--akfaq-ease), opacity 200ms ease;
}
.akfaq-accordion .akfaq-h3 > button.akfaq-q::before { background: var(--akfaq-panel-bg) !important; }
.akfaq-accordion .akfaq-h3 > button.akfaq-q::after { background: #000 !important; opacity: var(--akfaq-shade); }
@media (hover: hover) and (pointer: fine) {
  .akfaq-accordion .akfaq-h3 > button.akfaq-q:hover { --akfaq-grow: 1.03; --akfaq-shade: .22; z-index: 1; }
}
.akfaq-accordion .akfaq-h3 > button.akfaq-q:focus-visible { --akfaq-grow: 1.03; --akfaq-shade: .22; z-index: 1; }
.akfaq-accordion .akfaq-q:focus-visible .akfaq-q-text { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.akfaq-accordion .akfaq-h3 > button.akfaq-q:active { --akfaq-shade: .22; }
@media (hover: none), (pointer: coarse) {
  .akfaq-accordion .akfaq-h3 > button.akfaq-q:active { --akfaq-grow: .99; }
}
.akfaq-accordion .akfaq-q-text { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; position: relative; z-index: 1; }
.akfaq-accordion .akfaq-icon { flex: 0 0 20px; position: relative; width: 20px; height: 20px; color: var(--akfaq-accent); z-index: 1; }
.akfaq-accordion .akfaq-icon::before,
.akfaq-accordion .akfaq-icon::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px;
  border-radius: 1px; background: currentColor; transform: translate(-50%,-50%);
}
.akfaq-accordion .akfaq-icon::after { width: 2px; height: 14px; }
.akfaq-accordion .akfaq-item.is-open .akfaq-icon::after { transform: translate(-50%,-50%) scaleY(0); }
.akfaq-accordion .akfaq-a { overflow: hidden; height: 0; transition: height var(--akfaq-anim, 220ms) ease; background: transparent; }
.akfaq-accordion .akfaq-a[hidden] { display: none; }
.akfaq-accordion .akfaq-a-inner { padding: 16px 20px 22px; color: var(--akfaq-a-text, inherit); background: transparent; }
.akfaq-accordion .akfaq-a-inner > :first-child { margin-top: 0; }
.akfaq-accordion .akfaq-a-inner > :last-child { margin-bottom: 0; }
@media (max-width: 600px) {
  .akfaq-accordion .akfaq-h3 > button.akfaq-q { min-height: 60px; padding: 16px; gap: 12px; }
  .akfaq-accordion .akfaq-a-inner { padding: 14px 16px 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .akfaq-accordion .akfaq-h3 > button.akfaq-q::before,
  .akfaq-accordion .akfaq-h3 > button.akfaq-q::after { transform: none; transition: none; }
  .akfaq-accordion .akfaq-a { transition: none; }
}
/* Accessibility override, not a decorative frame in normal themes. */
@media (forced-colors: active) {
  .akfaq-accordion .akfaq-h3 > button.akfaq-q { background: ButtonFace !important; color: ButtonText !important; }
  .akfaq-accordion .akfaq-h3 > button.akfaq-q:focus-visible { outline: 2px solid Highlight !important; outline-offset: 2px; }
  .akfaq-accordion .akfaq-h3 > button.akfaq-q::after { display: none; }
}
