.current-title{display:flex;justify-content:flex-end;align-items:baseline;gap:9px;min-height:23px;color:#94a9c8;font-size:10px;margin:-5px 0 12px;line-height:1.6}
.current-title strong{color:#e8cb8e;font-size:12px;font-weight:600}
.journey li .step-title{display:inline;min-width:0;line-height:1.5;overflow-wrap:anywhere}
.journey li b{flex:none}
.journey li{gap:8px}
.journey li .step-mark{flex:none}
.feedback .earned-title{display:flex;align-items:center;gap:14px;padding:15px 17px;margin:16px 0 22px;border:1px solid #967c46;border-radius:4px;background:linear-gradient(115deg,#302819,#17253d);color:#f1d596}
.earned-title span{font-size:10px;white-space:nowrap;letter-spacing:.08em;color:#c4ad7b}
.earned-title strong{font-size:21px;line-height:1.5;font-weight:600}
.feedback .earned-title[hidden]{display:none}
#result-rank{display:block;font-size:16px;line-height:1.8;color:#efd599}
@media(max-width:1000px){.journey li{gap:6px;padding:7px}.journey li .step-mark{font-size:9px}}
@media(max-width:640px){
 .current-title{margin:-2px 0 10px;font-size:9px}.current-title strong{font-size:11px}
 .journey .journey-sub{display:block;text-align:left;margin:0 0 13px;font-size:10px}
 .journey ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .journey li{justify-content:flex-start;min-height:40px;padding:7px 8px;gap:7px;font-size:10px}
 .journey li>b{width:17px;font-size:13px}
 .journey li>.step-title{display:inline;line-height:1.5}
 .journey li>.step-mark{display:none}
 .feedback .earned-title{padding:12px;gap:10px}.earned-title strong{font-size:17px}.earned-title span{font-size:9px}
}