.sd-slider .sd-slider__label {
        white-space: nowrap;}

    .sd-element--with-frame {
        border-radius: 0 !important;
        border: none !important;
        background: none !important;
        box-shadow: none !important;}
    
    .sd-btn {
        font-size: 14px !important;
        font-weight: normal !important;
        padding: 6px 12px !important;
        margin: 5px !important;
        background-color: #f4f4f4 !important;
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        cursor: pointer !important;
        color: #000 !important;
        box-shadow: none !important;
        font-family: inherit !important; 
    }

    .sd-btn:hover {
        background-color: #e6e6e6 !important;
    }

    #jspsych-content {
        display: block;
        min-height: auto;
        justify-content: normal;
        align-items: normal;
        text-align: center;
        font-size: 18px;
        line-height: 1.6;
    }

    #jspsych-content.survey-centered {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        padding: 20px;
        box-sizing: border-box;
    }

    .survey-centered .sd-slider {
        width: 350px !important;
        margin: 0 auto;
    }
    
    .survey-centered .sd-progress {
        all: unset !important;
        display: block !important;
    }

    .survey-centered .sd-root-modern {
        width: 100%;
        max-width: 1000px;
        box-sizing: border-box;
        margin: auto;
    }

    .survey-centered .sd-container-modern {
        width: 100%;
        margin:auto;
        padding: 0 10px; 
        box-sizing: border-box;
        min-width: 350px;
    }

    .survey-centered .sd-question {
      width: 100%;
      margin: 0 auto;
      min-width: 350px;
      max-width: 1000px;
      box-sizing: border-box;
      word-wrap: break-word;
    }

    .survey-centered .sd-question__title {
      white-space: normal !important;
      word-wrap: break-word;
      max-width: 100%;
    }

/* radiogroup 的容器变成 flex layout，自动换行 */
.sd-question .sd-selectbase {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center; /* 可选：让选项居中 */
  gap: 10px 20px; /* 行列间距 */
  margin-top: 10px;
}

/* 单个选项样式：允许弹性宽度，自动换行时保持整洁 */
.sd-question .sd-selectbase__item {
  flex: 1 1 150px; /* 最小150px宽，可扩展 */
  max-width: 200px; /* 防止过宽 */
  box-sizing: border-box;
  min-height: 40px;
  text-align: left;
}