/* Design Tokens - Smart FAQ */
:host {
  /* Colors - Light Mode */
  --smartfaq-bg: #ffffff;
  --smartfaq-bg-secondary: #f8f8f8;
  --smartfaq-bg-tertiary: #f7f7f7;
  --smartfaq-border: #e3e1e1;
  --smartfaq-border-item: #d1d1d1;
  --smartfaq-text-primary: #000000;
  --smartfaq-text-secondary: #757575;
  --smartfaq-accent: #297eff;
}

/* Typography */
:host {
  --smartfaq-font-family: inherit;
  --smartfaq-font-size-sm: 14px;
  --smartfaq-font-size-base: 16px;
  --smartfaq-line-height: 1.3;
  --smartfaq-font-weight-normal: 400;
  --smartfaq-font-weight-medium: 500;

  /* Spacing */
  --smartfaq-spacing-sm: 12px;
  --smartfaq-spacing-md: 16px;
  --smartfaq-spacing-lg: 24px;
  --smartfaq-spacing-xl: 32px;
  --smartfaq-spacing-section: 36px;

  /* Border */
  --smartfaq-border-radius: 8px;
  --smartfaq-border-radius-lg: 12px;
  --smartfaq-border-width: 1px;

  /* Icon */
  --smartfaq-icon-size: 20px;

  /* Transitions */
  --smartfaq-transition-duration: 200ms;
  --smartfaq-transition-timing: ease-in-out;
}

/* Dark Mode */
.Omcj37kqMC1kfd86t9il {
  --smartfaq-bg: #1a1a1a;
  --smartfaq-bg-secondary: #101010;
  --smartfaq-bg-tertiary: #262626;
  --smartfaq-border: #2A2A2A;
  --smartfaq-border-item: #2A2A2A;
  --smartfaq-text-primary: #ffffff;
  --smartfaq-text-secondary: #a0a0a0;
  --smartfaq-accent: #5a9fff;
}

/* Container */
.D9Lb5ptWkhLjiwNyJ0eR {
  display: flex;
  flex-direction: column;
  gap: var(--smartfaq-spacing-section);
  align-items: center;
  font-family: var(--smartfaq-font-family);
  font-size: var(--smartfaq-font-size-base);
  line-height: var(--smartfaq-line-height);
  color: var(--smartfaq-text-primary);
  width: 100%;
  max-width: 100%;
}

/* Search */
.efiHBGzyPEEGS5Igqrjo {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 686px;
  padding-top: var(--smartfaq-spacing-md);
  padding-right: var(--smartfaq-spacing-md);
  padding-bottom: var(--smartfaq-spacing-md);
  padding-left: var(--smartfaq-spacing-md);
  background-color: var(--smartfaq-bg-secondary);
  border-width: var(--smartfaq-border-width);
  border-style: solid;
  border-color: var(--smartfaq-border);
  border-radius: var(--smartfaq-border-radius-lg);
  box-sizing: border-box;
}

.R0v4UTYOfb4caNrQ6yfW {
  flex-shrink: 0;
  width: var(--smartfaq-icon-size);
  height: var(--smartfaq-icon-size);
  color: var(--smartfaq-text-secondary);
}

.qUeR4ahBT5um7ZeMkYIR {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: var(--smartfaq-font-family);
  font-size: var(--smartfaq-font-size-lg);
  line-height: var(--smartfaq-line-height);
  color: var(--smartfaq-text-primary);
  background-color: transparent;
  border-width: 0;
  outline: none;
}

.qUeR4ahBT5um7ZeMkYIR::placeholder {
  color: var(--smartfaq-text-secondary);
}

/* Categories / Tabs */
.DoyZ_ZdqDBqDjy8n6uzD {
  display: flex;
  justify-content: center;
}

.iiGG6GrsZxXy4kzmGbue {
  display: flex;
  flex-wrap: wrap;
  gap: var(--smartfaq-spacing-sm);
  justify-content: center;
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.FGlAQQTYRdnSylLGSUxp {
  padding-top: var(--smartfaq-spacing-sm);
  padding-right: var(--smartfaq-spacing-md);
  padding-bottom: var(--smartfaq-spacing-sm);
  padding-left: var(--smartfaq-spacing-md);
  font-family: var(--smartfaq-font-family);
  font-size: var(--smartfaq-font-size-base);
  font-weight: var(--smartfaq-font-weight-normal);
  line-height: var(--smartfaq-line-height);
  color: var(--smartfaq-text-primary);
  background-color: var(--smartfaq-bg-tertiary);
  border-width: 0;
  border-radius: var(--smartfaq-border-radius);
  cursor: pointer;
  transition-property: background-color, color;
  transition-duration: var(--smartfaq-transition-duration);
  transition-timing-function: var(--smartfaq-transition-timing);
}

.FGlAQQTYRdnSylLGSUxp:hover {
  background-color: var(--smartfaq-border);
}

.Nfy6y3cdgUHss7ETCehw {
  background-color: var(--smartfaq-accent);
  color: #ffffff;
}

.Nfy6y3cdgUHss7ETCehw:hover {
  background-color: var(--smartfaq-accent);
  color: #ffffff;
}

/* Accordion List */
.QE2pfr3G_s6AGT_IN_6F {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* Accordion Item */
.MhSbCEWk9mhXVwq1U6OY {
}

.MhSbCEWk9mhXVwq1U6OY:last-child {
}

.QQbOEaiQNvgNu4A88pMR {
  background-color: var(--smartfaq-bg-secondary);
  border-radius: var(--smartfaq-border-radius-lg);
  border-bottom-width: 0;
}

.tGVnnZXwjd9dhWShQqdD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-top: var(--smartfaq-spacing-md);
  padding-right: var(--smartfaq-spacing-lg);
  padding-bottom: var(--smartfaq-spacing-md);
  padding-left: var(--smartfaq-spacing-lg);
  font-family: var(--smartfaq-font-family);
  font-size: var(--smartfaq-font-size-base);
  font-weight: var(--smartfaq-font-weight-medium);
  line-height: var(--smartfaq-line-height);
  text-align: left;
  color: var(--smartfaq-text-primary);
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  transition-property: background-color;
  transition-duration: var(--smartfaq-transition-duration);
  transition-timing-function: var(--smartfaq-transition-timing);
}

.INCBlMpDBuYFE3OpFbmQ {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  margin-right: var(--smartfaq-spacing-md);
}

.hSxzROJBusK7Qp74A9GJ {
  flex-shrink: 0;
  width: var(--smartfaq-icon-size);
  height: var(--smartfaq-icon-size);
  color: var(--smartfaq-text-secondary);
  transition-property: transform;
  transition-duration: var(--smartfaq-transition-duration);
  transition-timing-function: var(--smartfaq-transition-timing);
}

.QjtsV3_7xH2lwfa9C1wU {
  transform: rotate(180deg);
}

.be6YuyXFbvmcthqXq2qX {
  display: none;
  padding-top: 0;
  padding-right: var(--smartfaq-spacing-lg);
  padding-bottom: var(--smartfaq-spacing-xl);
  padding-left: var(--smartfaq-spacing-lg);
  font-size: var(--smartfaq-font-size-sm);
  font-weight: var(--smartfaq-font-weight-normal);
  line-height: var(--smartfaq-line-height);
  color: var(--smartfaq-text-secondary);
}

.xMB_ZyGCvM9aFzDfkwtG {
  display: block;
}

/* Links in FAQ answers */
.be6YuyXFbvmcthqXq2qX a {
  color: var(--smartfaq-accent);
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.be6YuyXFbvmcthqXq2qX a:hover {
  opacity: 0.8;
}

/* No Results */
.btTcXANqfxoDuIsSG_N8 {
  padding-top: var(--smartfaq-spacing-xl);
  padding-right: var(--smartfaq-spacing-lg);
  padding-bottom: var(--smartfaq-spacing-xl);
  padding-left: var(--smartfaq-spacing-lg);
  text-align: center;
  color: var(--smartfaq-text-secondary);
}

/* Show More Button */
.MrA5ODCYIpnCquiOSqP_ {
  display: flex;
  justify-content: center;
  padding-top: var(--smartfaq-spacing-lg);
  padding-bottom: var(--smartfaq-spacing-md);
}

.etJANtNh_lH17lv4OihG {
  font-family: var(--smartfaq-font-family);
  font-size: var(--smartfaq-font-size-base);
  font-weight: var(--smartfaq-font-weight-medium);
  color: var(--smartfaq-accent);
  background: none;
  border: none;
  cursor: pointer;
  text-decoration: underline;
  transition: opacity 0.2s ease;
  padding: var(--smartfaq-spacing-sm) var(--smartfaq-spacing-md);
}

.etJANtNh_lH17lv4OihG:hover {
  opacity: 0.8;
}

/* View All Link */
.otHnS03Tz5lP7TMXg9DR {
  display: flex;
  justify-content: center;
  padding-top: var(--smartfaq-spacing-xl);
  padding-bottom: var(--smartfaq-spacing-xl);
}

.XGVHz4wYjIQXfz0At9ZY {
  font-family: var(--smartfaq-font-family);
  font-size: var(--smartfaq-font-size-base);
  font-weight: var(--smartfaq-font-weight-medium);
  color: var(--smartfaq-accent);
  text-decoration: underline;
  transition: opacity 0.2s ease;
}

.XGVHz4wYjIQXfz0At9ZY:hover {
  opacity: 0.8;
}