.atoDxWrap{border:1px solid rgba(31,111,235,.18); border-radius:18px; padding:18px; margin:18px 0; background:linear-gradient(180deg, rgba(246,251,255,.95), #fff)}
.atoDxTitle{margin:0 0 8px; font-size:1.18rem; line-height:1.25}
.atoDxLead{margin:0 0 12px; color:rgba(11,31,51,.72); font-size:.98rem}
.atoDxNote{border:1px solid rgba(31,111,235,.14); border-radius:16px; padding:12px 14px; margin:10px 0 0; background:rgba(31,111,235,.04)}
.atoDxNoteTitle{margin:0 0 6px; font-weight:700}
.atoDxNoteList{margin:0; padding-left:1.2em}
.atoDxNoteList li{margin:0 0 4px}
.atoDxProgress{display:flex; align-items:center; gap:10px; margin:14px 0 18px}
.atoDxProgressbar{flex:1; height:10px; background:rgba(31,111,235,.12); border-radius:999px; overflow:hidden}
.atoDxProgressbarFill{height:100%; width:0%; background:rgba(31,111,235,.72)}
.atoDxProgressmeta{min-width:72px; text-align:right; color:rgba(11,31,51,.62); font-size:.92rem}
.atoDxQcard{border:1px solid rgba(31,111,235,.14); border-radius:16px; padding:14px; margin:0 0 14px; background:#fff}
.atoDxQno{font-size:.9rem; color:rgba(11,31,51,.60); margin:0 0 6px}
.atoDxQtext{margin:0 0 10px; font-size:1.06rem}
.atoDxChoices{display:grid; gap:10px}
.atoDxChoice{display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid rgba(31,111,235,.14); border-radius:14px; cursor:pointer}
.atoDxChoice:hover{background:rgba(31,111,235,.04)}
.atoDxChoice input{margin-top:3px}
.atoDxActions{display:flex; gap:10px; justify-content:space-between; margin:10px 0 0}
.atoDxBtn{border:1px solid rgba(11,31,51,.18); border-radius:14px; padding:10px 14px; cursor:pointer; font-size:1rem}
.atoDxBtnPrimary{background:rgba(31,111,235,.86); color:#fff}
.atoDxBtnSecondary{background:#fff; color:rgba(11,31,51,.86)}
.atoDxBtn:disabled{opacity:.45; cursor:not-allowed}
.atoDxError{margin:10px 0 0; color:#b00020; min-height:1.2em}
.atoDxFooter{margin:10px 0 0; color:rgba(11,31,51,.55); font-size:.92rem}
.atoDxLinkBtn{background:none; border:none; padding:0; margin:0; color:rgba(11,31,51,.75); text-decoration:underline; cursor:pointer}
.atoDxDot{padding:0 6px}
.atoDxResult{margin-top:18px; border-top:1px solid rgba(31,111,235,.16); padding-top:16px}
.atoDxResultTitle{margin:0 0 6px; font-size:1.15rem}
.atoDxResultSub{margin:0 0 14px; color:rgba(11,31,51,.70)}
.atoDxResultBody h4{margin:14px 0 8px}
.atoDxResultBody p{margin:0 0 10px}
.atoDxResultBody ul{margin:0 0 10px; padding-left:1.2em}
.atoDxResultActions{display:flex; gap:10px; margin-top:12px; flex-wrap:wrap}
.atoDxDisclaimer{margin:12px 0 0; color:rgba(11,31,51,.62); font-size:.92rem}
.atoPostDx{border:1px solid rgba(31,111,235,.18); border-radius:18px; padding:16px; margin:18px 0; background:rgba(246,251,255,.7)}
.atoPostDxTitle{margin:0 0 8px; font-size:1.15rem}
.atoPostDxLead{margin:0 0 14px; color:rgba(11,31,51,.72)}
.atoSubTitle{margin-top:14px}
.atoBlock{border:1px solid rgba(31,111,235,.14); background:#fff; border-radius:16px; padding:12px 14px; margin:12px 0}
.atoClosing{margin-top:14px; color:rgba(11,31,51,.82); font-weight:700}
@media (max-width:600px){
  .atoDxActions{flex-direction:column}
  .atoDxResultActions{flex-direction:column}
}