/* Программа онбординга и самопроверка. Отдельный файл: существующие
   стили Академии не переопределяются, все селекторы новые. */
.academy-onboarding{display:grid;gap:16px}
.academy-onboarding-tracks{display:flex;flex-wrap:wrap;gap:8px;padding:6px;border:1px solid #e5e9e6;border-radius:18px;background:#fff}
.academy-onboarding-tracks a{padding:10px 16px;border-radius:13px;color:#61706a;text-decoration:none;font-weight:700;font-size:14px}
.academy-onboarding-tracks a:hover{background:#f2f7f4}
.academy-onboarding-tracks a.active{background:#e8f4ef;color:#087d62}
.academy-onboarding-head{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:center;padding:28px 30px;border:1px solid #e1e7e3;border-radius:24px;background:linear-gradient(135deg,#fbfdfb,#f1f7f4)}
.academy-onboarding-head h2{margin:0;max-width:660px;color:#17201d;font:700 26px/1.3 Georgia,serif}
.academy-onboarding-progress{display:grid;gap:8px;padding:20px 22px;border:1px solid #dce7e1;border-radius:20px;background:#fff}
.academy-onboarding-progress b{color:#087d62;font:700 34px/1 Georgia,serif}
.academy-onboarding-progress span{color:#75837b;font-size:13px;line-height:1.4}
.academy-onboarding-meter{display:block;height:7px;overflow:hidden;border-radius:7px;background:#e6ece8}
.academy-onboarding-meter em{display:block;width:var(--academy-progress,0%);height:100%;background:linear-gradient(90deg,#62b9a2,#087d62);transition:width .3s ease}
.academy-onboarding-progress .academy-primary{margin-top:6px;text-align:center}
.academy-onboarding-rule{display:grid;gap:6px;padding:18px 22px;border-left:3px solid #087d62;border-radius:0 16px 16px 0;background:#f4faf7;color:#4f5d57;font-size:14px;line-height:1.6}
.academy-onboarding-rule b{color:#183b30}
.academy-onboarding-stage{padding:24px 26px;border:1px solid #e1e7e3;border-radius:22px;background:#fff}
.academy-onboarding-stage.is-induction{background:#fbfdfc;border-style:dashed}
.academy-onboarding-stage.is-active{border-color:#8ac6b6;box-shadow:0 12px 34px rgba(31,70,58,.08)}
.academy-onboarding-stage.is-done{background:#f6fbf9}
.academy-onboarding-stage>header{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:start}
.academy-onboarding-stage>header>span{color:#087d62;font-size: 12px;font-weight:800;letter-spacing:.12em}
.academy-onboarding-stage h3{margin:0 0 6px;font:700 22px/1.25 Georgia,serif}
.academy-onboarding-stage>header p{margin:0;max-width:720px;color:#6d7974;font-size:14px;line-height:1.5}
.academy-onboarding-stage>header>b{color:#5a6862;font-size:13px;white-space:nowrap}
.academy-onboarding-stage.is-done>header>b{color:#087d62}
.academy-onboarding-lessons{display:grid;gap:1px;margin:18px 0 0;padding:0;overflow:hidden;border:1px solid #e6ebe8;border-radius:16px;background:#e6ebe8;list-style:none}
.academy-onboarding-lessons li{display:grid;grid-template-columns:minmax(0,1fr) 200px 110px;gap:14px;align-items:center;padding:13px 16px;background:#fff;font-size:14px}
.academy-onboarding-lessons li.is-done{background:#f4faf7}
.academy-onboarding-lessons a{color:#17201d;text-decoration:none;font-weight:600}
.academy-onboarding-lessons a:hover{color:#087d62;text-decoration:underline}
.academy-onboarding-lessons span{color:#8a9690;font-size:12px}
.academy-onboarding-lessons b{color:#9aa5a0;font-size: 12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;text-align:right}
.academy-onboarding-lessons li.is-done b{color:#087d62}
.academy-onboarding-stage>footer{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #e6ebe8}
.academy-onboarding-stage>footer b{display:block;margin-bottom:4px;color:#183b30;font-size:13px}
.academy-onboarding-stage>footer span{color:#6d7974;font-size:13px;line-height:1.5}
.academy-onboarding-levels{padding:24px 26px;border:1px solid #e1e7e3;border-radius:22px;background:#f7faf8}
.academy-onboarding-levels h3{margin:0 0 16px;font:700 20px Georgia,serif}
.academy-onboarding-levels>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.academy-onboarding-levels article{display:grid;gap:4px;padding:14px 16px;border:1px solid #e0e8e4;border-radius:14px;background:#fff}
.academy-onboarding-levels article b{font-size:14px}
.academy-onboarding-levels article span{color:#087d62;font-size:12px;font-weight:700}
.academy-onboarding-levels>p{margin:16px 0 0;color:#6d7974;font-size:13px;line-height:1.55}

.academy-selfcheck-invite{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-top:14px;padding:18px 22px;border:1px solid #cfe6dd;border-radius:18px;background:linear-gradient(135deg,#f2faf6,#fff)}
.academy-selfcheck-invite b{display:block;margin-bottom:4px;color:#183b30;font:700 17px Georgia,serif}
.academy-selfcheck-invite small{color:#75837b;font-size:12px;line-height:1.5}
.academy-selfcheck-invite .academy-primary{margin-top:0;flex:none}

.academy-selfcheck-shell{display:grid;gap:18px}
.academy-selfcheck-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 18px;border:1px solid #dfe9e4;border-radius:16px;background:#f8fbf9;color:#52615b;font-size:13px}
.academy-selfcheck-form{display:grid;gap:12px}
.academy-selfcheck-question{margin:0;padding:20px 22px;border:1px solid #dde7e2;border-radius:18px;background:#fff}
.academy-selfcheck-question legend{max-width:950px;padding:0;color:#1e2c26;font:700 17px/1.45 Georgia,serif}
.academy-selfcheck-question legend span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:9px;border-radius:9px;background:#eaf5f0;color:#087d62;font:800  12px/1 sans-serif;vertical-align:2px}
.academy-selfcheck-question>small{display:block;margin:9px 0 12px;color:#8a9690;font-size: 12px;letter-spacing:.07em;text-transform:uppercase}
.academy-selfcheck-question>div{display:grid;gap:8px}
.academy-selfcheck-question label{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border:1px solid #edf0ee;border-radius:11px;color:#4c5953;font-size:14px;line-height:1.45;cursor:pointer}
.academy-selfcheck-question label:hover{border-color:#abd4c7;background:#f5fbf8}
.academy-selfcheck-question input{appearance:none;display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;border:2px solid #71817a;border-radius:50%;background:#fff;cursor:pointer}
.academy-selfcheck-question input::before{content:"";width:8px;height:8px;border-radius:50%;background:#087d62;transform:scale(0);transition:transform .12s ease}
.academy-selfcheck-question input:checked{border-color:#087d62}
.academy-selfcheck-question input:checked::before{transform:scale(1)}
.academy-selfcheck-question input:focus-visible{outline:3px solid rgba(8,125,98,.28);outline-offset:3px}
.academy-selfcheck-form>.academy-primary{justify-self:start;margin-top:4px}
.academy-selfcheck-result{display:grid;gap:14px;margin-top:6px;padding:24px 26px;border:1px solid #c9e0d7;border-radius:20px;background:linear-gradient(135deg,#f2faf6,#fff)}
.academy-selfcheck-result.is-fail{border-color:#e6ccc2;background:linear-gradient(135deg,#fff7f4,#fff)}
.academy-selfcheck-result.is-error{border-color:#ebc9be;background:#fff7f4}
.academy-selfcheck-result h3{margin:0;font:700 28px/1.25 Georgia,serif}
.academy-selfcheck-result h3.is-pass{color:#1c6a53}
.academy-selfcheck-result h3.is-fail{color:#93412c}
.academy-selfcheck-result>p:not(.academy-kicker){max-width:840px;margin:0;color:#52615b;line-height:1.55}
.academy-selfcheck-risk{padding:11px 14px;border-radius:12px;background:#fff1ee!important;color:#9c3e2b!important}
.academy-selfcheck-ok{color:#286a57!important}
.academy-selfcheck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.academy-selfcheck-grid>div{display:grid;gap:5px;padding:13px 15px;border:1px solid #dce9e3;border-radius:13px;background:rgba(255,255,255,.84)}
.academy-selfcheck-grid b{color:#087d62;font:700 25px/1 Georgia,serif}
.academy-selfcheck-grid span{color:#75837b;font-size: 12px;line-height:1.35}
.academy-selfcheck-result details{padding-top:14px;border-top:1px solid #dfe9e4}
.academy-selfcheck-analysis{padding:12px 14px!important;border:1px solid #dfe9e4!important;border-radius:12px;background:rgba(255,255,255,.72)}
.academy-selfcheck-result summary{cursor:pointer;color:#087d62;font-weight:800;font-size:13px}
.academy-selfcheck-result ul,.academy-selfcheck-result ol{margin:12px 0 0;padding-left:19px;color:#53615b;font-size:13px;line-height:1.6}
.academy-selfcheck-result li+li{margin-top:10px}
.academy-selfcheck-result ol li b{display:block;color:#1e2c26}
.academy-selfcheck-result ol li span{display:block;margin-top:3px;color:#286a57}
.academy-selfcheck-result ol li em{display:block;margin-top:3px;color:#75837b;font-style:normal}
.academy-selfcheck-result .academy-secondary{justify-self:start}

@media(max-width:1000px){
  .academy-onboarding-head{grid-template-columns:1fr}
  .academy-onboarding-levels>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .academy-onboarding-lessons li{grid-template-columns:minmax(0,1fr) 100px}
  .academy-onboarding-lessons li>span{display:none}
}
@media(max-width:760px){
  .academy-onboarding-stage{padding:18px}
  .academy-onboarding-stage>header{grid-template-columns:1fr;gap:8px}
  .academy-onboarding-stage>footer,.academy-selfcheck-invite,.academy-selfcheck-toolbar{flex-direction:column;align-items:stretch}
  .academy-onboarding-levels>div,.academy-selfcheck-grid{grid-template-columns:1fr}
}
.academy-course-cert-link{display:inline-block;margin-left:10px;padding:12px 17px;border-radius:12px;border:1px solid #cfe0d8;color:#087d62;text-decoration:none;font-weight:800}
