.sgn .faq-list{
  max-width:760px;
  margin-inline:auto;
  display:grid;
  gap:10px
}

.sgn .faq-item{
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
  background:var(--panel);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease
}

.sgn .faq-item[open]{
  border-color:var(--line);
  box-shadow:0 8px 28px -16px rgba(0,0,0,.45)
}

.sgn .faq-q{
  list-style:none;
  cursor:pointer;
  padding:18px 52px 18px 22px;
  font-weight:600;
  font-size:1rem;
  line-height:1.35;
  position:relative;
  user-select:none
}

.sgn .faq-q::-webkit-details-marker{display:none}

.sgn .faq-q::after{
  content:"";
  position:absolute;
  right:20px;
  top:50%;
  width:10px;
  height:10px;
  border-right:2px solid var(--accent);
  border-bottom:2px solid var(--accent);
  transform:translateY(-65%) rotate(45deg);
  transition:transform .2s ease
}

.sgn .faq-item[open] > .faq-q::after{transform:translateY(-35%) rotate(-135deg)}

.sgn .faq-q:hover{color:var(--text)}

.sgn .faq-a{
  padding:0 22px 18px;
  border-top:1px solid var(--line-soft)
}

.sgn .faq-a p{
  color:var(--muted);
  font-size:.94rem;
  line-height:1.65;
  max-width:62ch
}

.sgn .faq-more a{text-decoration:none}

.sgn .faq-more a:hover{text-decoration:underline}