
#decision-tree{max-width:720px;margin:40px auto;padding:30px;background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.08);font-family:Inter,Arial,sans-serif}
.dt-progress{margin-bottom:18px;text-align:center}
.dt-progress>p{font-weight:600;color:#1d3557;margin:0 0 8px}
.dt-progress-bar{height:8px;background:#e6e6e6;border-radius:6px;overflow:hidden}
.dt-progress-fill{height:100%;background:#457b9d;transition:width .35s}
.dt-question h2{text-align:center;font-size:1.5rem;margin:18px 0 20px;color:#1d3557}
.dt-options{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:540px){.dt-options{grid-template-columns:1fr 1fr}}
.dt-card{padding:18px;border:2px solid #e4e4e4;border-radius:12px;text-align:center;cursor:pointer;font-weight:600;color:#1d3557;background:#fff;transition:all .25s;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.dt-card:hover{border-color:#457b9d;box-shadow:0 4px 12px rgba(0,0,0,.12);transform:translateY(-2px)}
.dt-recommendation{text-align:center;padding:26px;background:#f9fafc;border:1px solid #ececec;border-radius:12px}
.dt-recommendation h2{margin:0 0 10px;color:#1d3557}
.dt-recommendation a{color:#457b9d;font-weight:600;text-decoration:none}
.dt-recommendation a:hover{text-decoration:underline}
.dt-actions{display:flex;gap:10px;margin-top:20px}
.dt-back-button,.dt-reset-button{flex:1;padding:12px;border-radius:10px;cursor:pointer;font-weight:700;font-size:1rem;transition:all .25s}
.dt-back-button{background:#457b9d;color:#fff;border:none}
.dt-back-button:hover{background:#1d3557}
.dt-reset-button{background:#fff;color:#1d3557;border:2px solid #e0e0e0}
.dt-reset-button:hover{border-color:#457b9d}
