#odh-decision-tool {
  --odh-pink: #EF0070;
  --odh-charcoal: #333333;
  --odh-muted: #667085;
  --odh-line: #E4E7EC;
  --odh-soft: #F7F8FA;
  --odh-white: #FFFFFF;
  margin: 28px 0 36px;
  color: var(--odh-charcoal);
  scroll-margin-top: 110px;
}
#odh-decision-tool * { box-sizing: border-box; }
#odh-decision-tool .odh-dw-shell {
  overflow: hidden;
  border: 1px solid var(--odh-line);
  border-radius: 20px;
  background: var(--odh-white);
  box-shadow: 0 18px 48px rgba(16, 24, 40, .08);
}
#odh-decision-tool .odh-dw-head,
#odh-decision-tool .odh-dw-body,
#odh-decision-tool .odh-dw-result { padding: 28px; }
#odh-decision-tool .odh-dw-head {
  border-bottom: 1px solid var(--odh-line);
  background: linear-gradient(135deg, #FFFFFF 0%, #F7F8FA 100%);
}
#odh-decision-tool .odh-dw-kicker {
  display: inline-block;
  margin-bottom: 8px;
  color: var(--odh-pink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
#odh-decision-tool h3 { margin: 0 0 10px; color: var(--odh-charcoal); font-size: clamp(23px, 4vw, 34px); line-height: 1.2; }
#odh-decision-tool h4 { margin: 0 0 10px; color: var(--odh-charcoal); font-size: 17px; }
#odh-decision-tool p { color: var(--odh-charcoal); }
#odh-decision-tool .odh-dw-head p,
#odh-decision-tool .odh-dw-help,
#odh-decision-tool .odh-dw-summary { margin: 0; color: var(--odh-muted); line-height: 1.65; }
#odh-decision-tool .odh-dw-progress-wrap { padding: 20px 28px 0; }
#odh-decision-tool .odh-dw-progress-meta { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 8px; color: var(--odh-muted); font-size: 13px; font-weight: 700; }
#odh-decision-tool .odh-dw-progress { height: 8px; overflow: hidden; border-radius: 999px; background: #EAECF0; }
#odh-decision-tool .odh-dw-progress span { display: block; height: 100%; border-radius: inherit; background: var(--odh-pink); transition: width .2s ease; }
#odh-decision-tool .odh-dw-help { margin-bottom: 18px; }
#odh-decision-tool .odh-dw-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
#odh-decision-tool button,
#odh-decision-tool .odh-dw-link { min-height: 46px; padding: 12px 18px; border-radius: 10px; font: inherit; font-size: 14px; font-weight: 800; line-height: 1.35; text-align: center; text-decoration: none; cursor: pointer; }
#odh-decision-tool button:disabled { cursor: wait; opacity: .65; }
#odh-decision-tool .odh-dw-option { min-height: 62px; border: 1px solid var(--odh-line); background: var(--odh-white); color: var(--odh-charcoal); text-align: left; }
#odh-decision-tool .odh-dw-option:hover,
#odh-decision-tool .odh-dw-option.is-selected { border-color: var(--odh-pink); background: rgba(239, 0, 112, .055); }
#odh-decision-tool .odh-dw-primary { border: 1px solid var(--odh-pink); background: var(--odh-pink); color: var(--odh-white); }
#odh-decision-tool .odh-dw-secondary { border: 1px solid var(--odh-line); background: var(--odh-white); color: var(--odh-charcoal); }
#odh-decision-tool .odh-dw-nav,
#odh-decision-tool .odh-dw-actions { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-top: 20px; }
#odh-decision-tool .odh-dw-error { min-height: 22px; margin: 13px 0 0; color: #B42318; font-size: 13px; font-weight: 700; }
#odh-decision-tool .odh-dw-note { margin: 14px 0 0; color: var(--odh-muted); font-size: 12px; line-height: 1.55; }
#odh-decision-tool .odh-dw-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 22px 0; }
#odh-decision-tool .odh-dw-panel { padding: 20px; border: 1px solid var(--odh-line); border-radius: 14px; background: var(--odh-soft); }
#odh-decision-tool .odh-dw-panel ul { margin: 0; padding-left: 20px; }
#odh-decision-tool .odh-dw-panel li { margin-bottom: 8px; line-height: 1.52; }
#odh-decision-tool .odh-dw-next { padding: 22px; border-left: 4px solid var(--odh-pink); border-radius: 12px; background: rgba(239, 0, 112, .045); }
#odh-decision-tool .odh-dw-next p { margin: 0; line-height: 1.6; }
@media (max-width: 700px) {
  #odh-decision-tool .odh-dw-head,
  #odh-decision-tool .odh-dw-body,
  #odh-decision-tool .odh-dw-result { padding: 20px; }
  #odh-decision-tool .odh-dw-progress-wrap { padding-left: 20px; padding-right: 20px; }
  #odh-decision-tool .odh-dw-options,
  #odh-decision-tool .odh-dw-grid { grid-template-columns: 1fr; }
  #odh-decision-tool .odh-dw-nav,
  #odh-decision-tool .odh-dw-actions { flex-direction: column; }
  #odh-decision-tool button,
  #odh-decision-tool .odh-dw-link { width: 100%; }
}