.learning-route-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:34px 42px;background:linear-gradient(105deg,rgba(211,47,47,.11),transparent 38%),var(--graphite)}
.learning-route-cta h2{margin:6px 0 8px;font-size:clamp(26px,3vw,38px)}.learning-route-cta p:not(.eyebrow){max-width:700px;margin:0;color:var(--muted);line-height:1.65}.learning-route-cta .button{flex:0 0 auto}
.learning-route-dialog{width:min(920px,calc(100% - 32px));max-height:min(88vh,820px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#0d1317;color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.55)}.learning-route-dialog::backdrop{background:rgba(2,5,7,.78);backdrop-filter:blur(7px)}.learning-route-dialog form{padding:34px}.learning-route-head{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:22px}.learning-route-head h2{margin:5px 0 8px;font-size:clamp(27px,4vw,40px)}.learning-route-head p{margin:0;color:var(--muted)}.learning-route-close{align-self:flex-start;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent;color:inherit;font-size:25px;cursor:pointer}.learning-route-progress{height:4px;margin:25px 0;background:#222c31}.learning-route-progress i{display:block;width:25%;height:100%;background:var(--red);transition:width .3s}.learning-route-step{display:none;border:0;padding:0}.learning-route-step.active{display:block}.learning-route-step legend{margin-bottom:18px;font-size:22px;font-weight:750}.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.route-option{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:17px;border:1px solid var(--line);border-radius:7px;cursor:pointer;background:#11191e}.route-option:hover,.route-option:has(input:checked){border-color:var(--red);background:rgba(211,47,47,.1)}.route-option input{margin-top:4px;accent-color:var(--red)}.route-option b,.route-option small{display:block}.route-option small{margin-top:5px;color:var(--muted);line-height:1.45}.learning-route-actions{display:flex;justify-content:space-between;gap:12px;margin-top:26px}.learning-route-error{min-height:20px;margin:12px 0 0;color:#ff7b7b}.route-results{display:grid;grid-template-columns:1fr 1fr;gap:18px}.route-result-group{padding:18px;border:1px solid var(--line);border-radius:8px;background:#11191e}.route-result-group h3{margin:0 0 13px}.route-result-card{display:block;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:6px;transition:.25s}.route-result-card:hover{border-color:var(--red);transform:translateY(-2px)}.route-result-card b,.route-result-card small,.route-result-card em{display:block}.route-result-card small{margin-top:5px;color:var(--muted);line-height:1.45}.route-result-card em{margin-top:8px;color:var(--red);font-size:11px;font-style:normal;font-weight:700;text-transform:uppercase}.route-summary{grid-column:1/-1;margin:0;padding:15px;border-left:3px solid var(--red);background:rgba(211,47,47,.08);color:var(--muted);line-height:1.6}body.light-theme .learning-route-dialog{background:#fff;color:#16191b}body.light-theme .route-option,body.light-theme .route-result-group{background:#f7f8f8}body.light-theme .learning-route-progress{background:#e4e6e7}@media(max-width:760px){.learning-route-cta{align-items:flex-start;flex-direction:column;padding:28px}.route-options,.route-results{grid-template-columns:1fr}.learning-route-dialog form{padding:24px}.route-summary{grid-column:auto}}@media(max-width:480px){.learning-route-actions{flex-wrap:wrap}.learning-route-actions .button{width:100%;justify-content:center}}