.aiv-faq-block{
  margin: 18px 0;

  /* Defaults (can be overridden via inline CSS variables on .aiv-faq-block) */
  --aiv-accent: #111;
  --aiv-border: rgba(0,0,0,.12);
  --aiv-radius: 12px;
  --aiv-pad: 12px 16px 12px 16px; /* top right bottom left */

  --aiv-title-color: #111;
  --aiv-title-weight: 700;
  --aiv-title-pad: 0 0 12px 0;

  --aiv-q-bg: transparent;
  --aiv-q-color: #111;
  --aiv-q-weight: 600;
  --aiv-icon-color: #111;
  --aiv-icon-bg: transparent;
  --aiv-icon-border: rgba(0,0,0,.12);
  --aiv-icon-size: 18px;

  --aiv-a-bg: transparent;
  --aiv-a-color: #333;
}

.aiv-faq-title{
  margin: 0;
  padding: var(--aiv-title-pad);
  color: var(--aiv-title-color);
  font-weight: var(--aiv-title-weight);
}

.aiv-faq-intro{
  margin: 0;
  padding: 0 0 12px 0;
  color: inherit;
}

.aiv-faq-accordion{
  border: 1px solid var(--aiv-border);
  border-radius: var(--aiv-radius);
  overflow: hidden;
}

.aiv-faq-item + .aiv-faq-item{
  border-top: 1px solid var(--aiv-border);
}

.aiv-faq-q{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: var(--aiv-pad);
  background: var(--aiv-q-bg);
  border: 0;
  cursor: pointer;
  text-align: left;
  color: var(--aiv-q-color);
  font-weight: var(--aiv-q-weight);
}

.aiv-faq-q:focus{
  outline: 2px solid color-mix(in srgb, var(--aiv-accent) 55%, transparent);
  outline-offset: 2px;
}

.aiv-faq-icon{
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid var(--aiv-icon-border);
  background: var(--aiv-icon-bg);
  color: var(--aiv-icon-color);
  font-size: var(--aiv-icon-size);
  font-weight: 800;
  line-height: 1;
}

.aiv-faq-a{
  background: var(--aiv-a-bg);
  color: var(--aiv-a-color);
  overflow: hidden;
  max-height: 0px;
  transition: max-height 220ms ease;
}

/* We keep display:block so max-height animation can run, JS toggles [hidden] */
.aiv-faq-a[hidden]{ display: block; }

.aiv-faq-a-inner{
  padding: var(--aiv-pad);
}


/* GEO mode: tab shows a jump link to visible FAQ section below */
.aiv-faq-tab-link{padding:10px 0}
.aiv-faq-tab-link .aiv-faq-jump{text-decoration:none; font-weight:600;}
.aiv-faq-tab-link .aiv-faq-jump:hover{text-decoration:underline;}