.wbs-sds .sds-guide,
.wbs-sds .sds-faq {
  margin-top: 24px;
}
.wbs-sds .sds-content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  margin-top: 20px;
}
.wbs-sds .sds-content-detail,
.wbs-sds .sds-faq-group,
.wbs-sds .sds-faq-question {
  min-width: 0;
  border: 1px solid var(--wbs-ui-line-soft, rgba(235,229,255,.32));
  background: rgba(70, 89, 147, .09);
  border-radius: 14px;
}
.wbs-sds .sds-content-detail summary,
.wbs-sds .sds-faq-group > summary,
.wbs-sds .sds-faq-question > summary {
  cursor: pointer;
  padding: 15px 17px;
  color: var(--wbs-ui-ink, #f6f3ff);
  font-weight: 700;
  line-height: 1.5;
}
.wbs-sds .sds-content-detail p,
.wbs-sds .sds-faq-question p {
  margin: 0;
  padding: 0 17px 17px;
  color: var(--wbs-ui-ink-muted, #d5cfe8);
  font-size: .88rem;
  line-height: 1.75;
}
.wbs-sds .sds-faq-groups {
  display: grid;
  gap: 11px;
  margin-top: 20px;
}
.wbs-sds .sds-faq-group > summary {
  font-size: 1.04rem;
}
.wbs-sds .sds-faq-group > summary span {
  float: right;
  font-variant-numeric: tabular-nums;
  opacity: .75;
}
.wbs-sds .sds-faq-questions {
  display: grid;
  gap: 8px;
  padding: 0 13px 13px;
}
.wbs-sds .sds-faq-question {
  background: rgba(10, 20, 46, .18);
}
.wbs-sds .sds-content-detail[open],
.wbs-sds .sds-faq-question[open] {
  border-color: rgba(132, 226, 242, .48);
}
@media (max-width: 900px) {
  .wbs-sds .sds-content-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  .wbs-sds .sds-content-grid {
    grid-template-columns: 1fr;
  }
}