.course-roadmap:has(.roadmap-tuning-step){max-width:950px}
.roadmap-tuning-step{background:linear-gradient(135deg,#fff9e9,#f4e8cb);padding:30px}
.roadmap-tuning-step>.roadmap-question{font-size:clamp(28px,3.3vw,36px);text-align:center;margin-bottom:10px}
.roadmap-tuning-step>.roadmap-help{text-align:center;max-width:580px;margin:0 auto 25px;font-size:15px}
.roadmap-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.preference-card{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #c6aa71;border-radius:14px;background:#fffcf3;box-shadow:0 3px 10px #6d4d2310}
.preference-heading{display:flex;gap:13px;align-items:center;margin-bottom:12px;min-height:55px}
.preference-heading img{display:block;width:53px;height:55px;object-fit:contain;flex:none}
.preference-heading h2{margin:0;color:#4e3521;font:600 25px/1.3 var(--serif);letter-spacing:-.4px;text-wrap:pretty}
.preference-question{display:block;color:#6b5435;font:400 14px/1.7 var(--sans);min-height:48px;margin:0 0 13px}
.preference-answer{display:flex;align-items:center;gap:12px;min-height:76px;padding:11px 13px;border:1px solid #9caf7c66;border-radius:10px;background:#edf1e0;color:#35563d;margin:auto 0 8px}
.preference-answer strong{flex:none;font:600 18px/1.4 var(--sans);white-space:nowrap}
.preference-answer span{font:600 14px/1.6 var(--sans);text-wrap:pretty}
.preference-range{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;padding:0;margin:0;border:0;cursor:pointer;background:transparent;accent-color:#3e6348}
.preference-range::-webkit-slider-runnable-track{height:8px;border-radius:8px;background:linear-gradient(to right,#4d7350 var(--range-progress),#d9c7a1 var(--range-progress))}
.preference-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border:2px solid #34513a;border-radius:50%;background:#f3db9d;box-shadow:0 2px 4px #49321e40}
.preference-range::-moz-range-track{height:8px;border-radius:8px;background:#d9c7a1}
.preference-range::-moz-range-progress{height:8px;border-radius:8px;background:#4d7350}
.preference-range::-moz-range-thumb{width:23px;height:23px;border:2px solid #34513a;border-radius:50%;background:#f3db9d;box-shadow:0 2px 4px #49321e40}
.preference-range:focus-visible{outline:3px solid #1768ab;outline-offset:3px;border-radius:5px}
.preference-ticks{display:flex;justify-content:space-between;gap:7px}
.preference-ticks button{display:grid;place-items:center;width:44px;height:44px;min-width:0;padding:0;border:1px solid #b39a6e;border-radius:50%;background:#fff8e8;color:#634927;font:600 15px/1 var(--sans);cursor:pointer}
.preference-ticks button:hover{border-color:#3e6348;background:#eef1dd}
.preference-ticks button[aria-pressed=true]{background:#3e6348;border-color:#3e6348;color:#fff2ce}
.preference-ticks button:focus-visible{outline:3px solid #1768ab;outline-offset:3px}
.preference-endpoints{display:flex;justify-content:space-between;gap:12px;color:#7a6242;font:400 12px/1.5 var(--sans);margin-top:10px}
.preference-endpoints>span{max-width:48%}
.preference-endpoints>span:last-child{text-align:right}
@media(max-width:700px){.roadmap-preferences{grid-template-columns:1fr;gap:16px}.roadmap-tuning-step{padding:25px 20px}.preference-card{padding:19px}.preference-question{min-height:0}.preference-answer{min-height:70px}.preference-heading h2{font-size:25px}}
@media(max-width:400px){.roadmap-tuning-step{padding:23px 15px}.roadmap-tuning-step>.roadmap-help{font-size:14px}.preference-card{padding:16px 13px}.preference-heading{gap:10px}.preference-heading img{width:44px;height:50px}.preference-heading h2{font-size:23px}.preference-answer{gap:10px;padding:10px}.preference-answer strong{font-size:16px}.preference-ticks{gap:6px}.preference-ticks button{width:40px;height:44px}.preference-endpoints{font-size:11px}}