/* Seoword learning journey: guided onboarding, personal routes and educational results. */
.learning-wizard,.personal-route-panel,.learning-result{position:relative;margin-top:42px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(242,249,252,.96));box-shadow:var(--shadow);overflow:hidden}
.learning-wizard:before,.personal-route-panel:before,.learning-result:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 0,rgba(15,185,129,.12),transparent 28%),radial-gradient(circle at 94% 10%,rgba(31,122,224,.12),transparent 32%)}
.learning-wizard>*,.personal-route-panel>*,.learning-result>*{position:relative;z-index:1}
.learning-wizard{padding:36px}
.learning-wizard-intro{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:30px;align-items:center;margin-bottom:28px}
.learning-wizard-intro h2{max-width:760px;margin-bottom:12px}
.learning-wizard-intro p:last-child{max-width:760px;margin:0}
.learning-orbit{position:relative;display:grid;place-items:center;width:190px;height:190px;justify-self:end;border:1px solid rgba(31,122,224,.18);border-radius:50%;background:radial-gradient(circle,#fff 0 34%,rgba(31,122,224,.08) 35% 55%,rgba(15,185,129,.08) 56% 100%);box-shadow:inset 0 0 0 18px rgba(255,255,255,.34),0 20px 44px rgba(16,32,51,.10)}
.learning-orbit span{display:grid;place-items:center;width:82px;height:82px;border-radius:28px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-size:24px;font-weight:950;box-shadow:0 14px 30px rgba(31,122,224,.22)}
.learning-orbit i{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#fff;color:var(--brand2);font-style:normal;font-weight:950;box-shadow:0 8px 20px rgba(16,32,51,.10)}
.learning-orbit i:nth-of-type(1){top:8px;left:18px}.learning-orbit i:nth-of-type(2){right:-4px;top:72px}.learning-orbit i:nth-of-type(3){bottom:4px;left:38px}
.learning-wizard-form fieldset{min-width:0;margin:0;padding:0;border:0}
.learning-wizard-form legend{margin-bottom:14px;color:var(--text);font-size:16px;font-weight:950}
.journey-problems{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.journey-problem{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start;min-height:132px;padding:18px;border:1px solid var(--line);border-radius:21px;background:#fff;cursor:pointer;box-shadow:0 9px 22px rgba(16,32,51,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.journey-problem:hover{transform:translateY(-3px);border-color:rgba(31,122,224,.38);box-shadow:0 15px 32px rgba(31,122,224,.10)}
.journey-problem input{position:absolute;opacity:0;pointer-events:none}
.journey-problem:has(input:checked){border-color:rgba(31,122,224,.62);box-shadow:0 0 0 4px rgba(31,122,224,.09),0 16px 34px rgba(31,122,224,.12);background:linear-gradient(145deg,#fff,rgba(31,122,224,.045))}
.journey-problem-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,rgba(15,185,129,.13),rgba(31,122,224,.13));color:var(--brand2);font-size:19px;font-weight:950}
.journey-problem b{display:block;color:var(--text);font-size:16px;line-height:1.25;margin-bottom:7px}.journey-problem small{display:block;color:var(--muted);font-size:13px;line-height:1.5}
.journey-profile-fields{display:grid;grid-template-columns:1.1fr .8fr 1.4fr;gap:14px;align-items:end;margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.82)}
.journey-profile-fields>label>span,.journey-level>legend{display:block;margin-bottom:8px;color:var(--soft);font-size:13px;font-weight:900}
.journey-profile-fields input,.journey-profile-fields select{width:100%;min-height:52px;padding:13px 15px;border:1px solid var(--line2);border-radius:15px;background:#fff;color:var(--text);font:inherit;outline:none}
.journey-profile-fields input:focus,.journey-profile-fields select:focus{border-color:var(--brand2);box-shadow:0 0 0 4px rgba(31,122,224,.11)}
.journey-level{display:flex;flex-wrap:wrap;gap:8px}.journey-level legend{width:100%}.journey-level label{position:relative;flex:1 1 130px}.journey-level input{position:absolute;opacity:0}.journey-level span{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--muted);font-size:12px;font-weight:850;text-align:center;cursor:pointer}.journey-level input:checked+span{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 22px rgba(31,122,224,.16)}
.journey-form-error{margin:15px 0 0;padding:13px 15px;border:1px solid rgba(180,35,24,.25);border-radius:14px;background:rgba(180,35,24,.06);color:#9f1f17;font-weight:800}
.journey-submit{margin-top:18px;min-width:230px}
.journey-plan{scroll-margin-top:100px;margin-top:28px;padding:28px;border:1px solid rgba(15,185,129,.28);border-radius:25px;background:linear-gradient(135deg,#fff,rgba(15,185,129,.055));box-shadow:0 14px 34px rgba(16,32,51,.07)}
.journey-plan-head,.personal-route-head,.learning-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.journey-plan-head h3{font-size:26px;margin-bottom:8px}.journey-plan-head p:last-child{margin:0;max-width:760px}
.journey-plan-score{display:grid;place-items:center;min-width:108px;min-height:108px;padding:16px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(16,32,51,.07)}.journey-plan-score b{color:var(--brand2);font-size:28px}.journey-plan-score span{color:var(--muted);font-size:12px;font-weight:850}
.journey-progress{height:9px;margin:18px 0;border-radius:999px;background:#dfe9f0;overflow:hidden}.journey-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--brand2));box-shadow:0 0 16px rgba(31,122,224,.24);transition:width .35s ease}
.journey-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.journey-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:78px;padding:13px 14px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 7px 18px rgba(16,32,51,.05);transition:transform .18s ease,border-color .18s ease}.journey-step:hover{transform:translateY(-3px);border-color:rgba(31,122,224,.42)}
.journey-step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--surface2);color:var(--brand2);font-weight:950}.journey-step-copy b{display:block;color:var(--text);font-size:13px;line-height:1.25}.journey-step-copy small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:800}.journey-step>i{color:var(--brand2);font-style:normal;font-weight:950}.journey-step.is-checked{border-color:rgba(31,122,224,.34)}.journey-step.is-checked .journey-step-number{background:rgba(31,122,224,.10)}.journey-step.is-fixed{border-color:rgba(15,185,129,.38);background:rgba(15,185,129,.035)}.journey-step.is-fixed .journey-step-number{background:var(--brand);color:#fff}
.journey-actions,.learning-result-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:20px}
.journey-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px;align-items:center;margin:22px 0;padding:17px 19px;border:1px solid rgba(31,122,224,.22);border-radius:19px;background:linear-gradient(135deg,#fff,rgba(31,122,224,.055));box-shadow:0 10px 24px rgba(16,32,51,.06)}.journey-toolbar>div>span{display:block;color:var(--muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.journey-toolbar>div>b{display:block;margin-top:4px;color:var(--text);font-size:15px}.journey-toolbar .journey-progress{grid-column:1/-1;width:100%;margin:0}.journey-toolbar-step{text-align:right}
.personal-route-panel{padding:30px}.personal-route-head p:last-child{margin:0}.journey-steps-compact{grid-template-columns:repeat(5,minmax(0,1fr))}.journey-steps-compact .journey-step{min-height:68px}
.learning-result{scroll-margin-top:100px;margin:24px 0;padding:30px}.learning-result-head h2{margin-bottom:9px}.learning-result-head p:last-child{max-width:760px;margin:0}.learning-mode-switch{display:flex;flex-wrap:wrap;gap:7px;padding:5px;border:1px solid var(--line);border-radius:16px;background:#fff}.learning-mode-switch button{min-height:40px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:900;cursor:pointer}.learning-mode-switch button.is-active{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 8px 18px rgba(31,122,224,.17)}
.learning-result-stats{display:grid;grid-template-columns:1.25fr repeat(3,1fr);gap:12px;margin:24px 0}.learning-result-stats>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;padding:17px 19px;border:1px solid var(--line);border-radius:19px;background:#fff}.learning-result-stats b{color:var(--text);font-size:27px}.learning-result-stats span{color:var(--muted);font-size:12px;font-weight:850;text-align:right}.learning-result-stats .learning-score{background:linear-gradient(135deg,rgba(15,185,129,.09),rgba(31,122,224,.08))}.learning-result-stats .learning-score b{font-size:38px;color:var(--brand2)}
.learning-lessons{display:grid;gap:13px}.learning-lesson{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:21px;border:1px solid var(--line);border-radius:21px;background:#fff;box-shadow:0 9px 24px rgba(16,32,51,.055)}.learning-lesson.is-bad{border-left:5px solid #b42318}.learning-lesson.is-warn{border-left:5px solid #b45309}.learning-lesson-number{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:var(--surface2);color:var(--brand2);font-weight:950}.learning-kicker{margin:0 0 5px;color:var(--brand2);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}.learning-lesson h3{font-size:18px;line-height:1.3;margin-bottom:15px}.learning-lesson dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.learning-lesson dl>div{padding:13px;border-radius:15px;background:var(--surface2)}.learning-lesson dt{margin-bottom:6px;color:var(--text);font-size:12px;font-weight:950}.learning-lesson dd{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.learning-success{display:flex;gap:15px;align-items:flex-start;padding:22px;border:1px solid rgba(15,185,129,.32);border-radius:21px;background:rgba(15,185,129,.055)}.learning-success>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:15px;background:var(--brand);color:#fff;font-size:20px;font-weight:950}.learning-success h3{margin-bottom:6px}.learning-success p{margin:0}
.learning-result-details{margin:18px 0 26px;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:var(--shadow2);overflow:hidden}.learning-result-details>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:66px;padding:18px 22px;color:var(--text);font-weight:950;cursor:pointer;list-style:none}.learning-result-details>summary::-webkit-details-marker{display:none}.learning-result-details>summary i{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:10px;background:var(--surface2)}.learning-result-details>summary i:before,.learning-result-details>summary i:after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:999px;background:var(--brand2)}.learning-result-details>summary i:after{transform:rotate(90deg)}.learning-result-details[open]>summary i:after{transform:none}.learning-result-details>.result{margin:0!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}.learning-result-details .result-list{margin-bottom:18px!important}
.learning-result-actions button:disabled{opacity:.7;cursor:default}
.result-item{position:relative}.result-item-text{line-height:1.55}.result-item.is-bad{background:rgba(180,35,24,.025)!important}.result-item.is-warn{background:rgba(180,83,9,.025)!important}.result-item.is-ok{background:rgba(15,143,101,.025)!important}
@media(max-width:1040px){.journey-problems{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-profile-fields{grid-template-columns:1fr 1fr}.journey-level{grid-column:1/-1}.journey-steps,.journey-steps-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-lesson dl{grid-template-columns:1fr}.learning-wizard-intro{grid-template-columns:1fr auto}.learning-orbit{width:160px;height:160px}.learning-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.learning-wizard,.personal-route-panel,.learning-result{margin-top:28px;border-radius:24px}.learning-wizard,.personal-route-panel,.learning-result{padding:22px 18px}.learning-wizard-intro{grid-template-columns:1fr}.learning-orbit{display:none}.journey-problems,.journey-profile-fields,.journey-steps,.journey-steps-compact,.learning-result-stats{grid-template-columns:1fr}.journey-profile-fields{padding:17px}.journey-level{grid-column:auto}.journey-level label{flex-basis:100%}.journey-plan{padding:21px 17px}.journey-plan-head,.personal-route-head,.learning-result-head{flex-direction:column}.journey-plan-score{grid-template-columns:auto auto;gap:10px;min-width:0;min-height:0;width:100%;border-radius:18px}.journey-toolbar{grid-template-columns:1fr}.journey-toolbar-step{text-align:left}.journey-toolbar .journey-progress{grid-column:1}.personal-route-head .btn-secondary{width:100%}.learning-mode-switch{width:100%}.learning-mode-switch button{flex:1}.learning-result-stats>div{min-height:72px}.learning-lesson{grid-template-columns:1fr;padding:18px}.learning-lesson-number{width:36px;height:36px}.journey-actions,.learning-result-actions{flex-direction:column}.journey-actions .btn,.journey-actions .btn-secondary,.learning-result-actions .btn,.learning-result-actions .btn-secondary{width:100%}}
@media(max-width:420px){.journey-problem{min-height:auto}.learning-wizard{padding-inline:15px}.learning-result-stats b{font-size:24px}.learning-result-stats .learning-score b{font-size:32px}}
@media(prefers-reduced-motion:reduce){.journey-problem,.journey-step,.journey-progress span{transition:none!important}.journey-problem:hover,.journey-step:hover{transform:none!important}}