.site-faq{margin-bottom:4rem}
.site-faq details{
  background:var(--bg-card,#0d1117);
  border:1px solid var(--border,#1b2332);
  border-radius:var(--radius,12px);
  margin:.9rem 0 0;
  overflow:hidden;
  text-align:left;
  transition:border-color .2s,background .2s,transform .18s ease;
}
.site-faq details:first-of-type{margin-top:0}
.site-faq details:hover,
.site-faq details[open]{
  border-color:var(--border-hover,#2d3a4f);
  background:var(--bg-card-hover,var(--bg-card,#111820));
}
.site-faq summary{
  cursor:pointer;
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.25rem;
  color:var(--text,#e2e8f0);
  font-weight:700;
  line-height:1.45;
  text-align:left;
}
.site-faq summary::-webkit-details-marker{display:none}
.site-faq summary::after{
  content:'+';
  flex:0 0 auto;
  width:1.5rem;
  height:1.5rem;
  border-radius:999px;
  display:grid;
  place-items:center;
  border:1px solid var(--border,#1b2332);
  color:var(--accent,#3b82f6);
  font-family:var(--mono,ui-monospace,monospace);
  font-weight:500;
}
.site-faq details[open] summary::after{content:'-'}
.site-faq details p{
  margin:0;
  padding:0 1.25rem 1.15rem;
  color:var(--text-dim,#64748b);
  font-size:.93rem;
  line-height:1.7;
  text-align:left;
}
.site-faq details a{
  color:#bfdbfe;
  text-decoration:none;
  border-bottom:1px solid rgba(191,219,254,.22);
}
.site-faq details a:hover{color:#fff;border-color:rgba(255,255,255,.5)}

html:not([data-theme="dark"]) .site-faq details{
  background:rgba(255,255,255,.84);
  border-color:rgba(203,213,225,.84);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
html:not([data-theme="dark"]) .site-faq details:hover,
html:not([data-theme="dark"]) .site-faq details[open]{
  background:#fff;
  border-color:rgba(37,99,235,.22);
}
html:not([data-theme="dark"]) .site-faq summary{color:#0f172a}
html:not([data-theme="dark"]) .site-faq details p{color:#475569}
html:not([data-theme="dark"]) .site-faq details a{color:#1d4ed8;border-color:rgba(37,99,235,.22)}
html:not([data-theme="dark"]) .site-faq details a:hover{color:#1e40af;border-color:rgba(30,64,175,.5)}

@media(max-width:600px){
  .site-faq summary{padding:.95rem 1rem}
  .site-faq details p{padding:0 1rem 1rem}
}