.training-root{--training-surface:var(--card);--training-border:var(--border);--training-muted:var(--muted-foreground);--training-text:var(--foreground);--training-accent:var(--primary);--training-accent-tint:color-mix(in oklab, var(--primary) 10%, transparent);--training-pass:#15803d;--training-pass-tint:#ecfdf3;--training-fail:#b42318;--training-fail-tint:#fef3f2}.dark .training-root{--training-pass:#4ade80;--training-pass-tint:#22c55e1f;--training-fail:#f97066;--training-fail-tint:#f044381f}.training-button,.training-button-secondary{cursor:pointer;border:1px solid var(--training-accent);border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;line-height:1.3;transition:background .15s,opacity .15s;display:inline-flex;text-decoration:none!important}.training-button{background:var(--training-accent);color:#fff!important}.training-button:hover{opacity:.9}.training-button:disabled{opacity:.45;cursor:not-allowed}.training-button-secondary{background:0 0;color:var(--training-accent)!important}.training-button-secondary:hover{background:var(--training-accent-tint)}.training-link{font:inherit;color:var(--training-accent);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.9rem;text-decoration:underline}.training-pill{white-space:nowrap;color:var(--training-muted);border:1px solid var(--training-border);border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.training-pill.is-pending{border-color:#0000;min-width:5.5rem;min-height:1.5rem}.training-pill.is-passed{color:var(--training-pass);background:var(--training-pass-tint);border-color:#0000}.training-pill.is-attempted{color:var(--training-text);background:var(--training-accent-tint);border-color:#0000}.training-feedback a,.training-result a:not(.training-button),.training-final-note a{color:var(--training-accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.training-module-header{border:1px solid var(--training-border);background:var(--training-surface);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin:1rem 0 1.5rem;padding:.85rem 1.1rem;display:flex}.training-module-header dl{flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;display:flex}.training-module-header dt,.training-final-facts dt,.training-record-facts dt{color:var(--training-muted);font-size:.75rem}.training-module-header dd,.training-final-facts dd,.training-record-facts dd{color:var(--training-text);margin:0;font-size:.9rem;font-weight:600}.training-video{margin:1rem 0 1.5rem}.training-video-frame{aspect-ratio:16/9;border:1px solid var(--training-border);background:#0a0c11;border-radius:12px;width:100%;display:block}.training-video-placeholder{text-align:center;color:#fff;background:linear-gradient(135deg,#0a1f66 0%,#004dff 100%);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem;display:flex}.training-video-placeholder svg{opacity:.85;margin-bottom:.4rem}.training-video-placeholder-title{margin:0;font-size:1.1rem;font-weight:700}.training-video-placeholder-text{opacity:.85;max-width:28rem;margin:0;font-size:.9rem}.training-chapters{margin-top:.75rem}.training-chapters-head{color:var(--training-text);margin:0 0 .35rem;font-size:.85rem;font-weight:600}.training-chapters-head span{color:var(--training-muted);font-weight:400}.training-chapters ol{color:var(--training-muted);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.25rem 1rem;margin:0;padding-left:1.25rem;font-size:.875rem;display:grid}.training-chapters li{margin:0}.training-chapters button{font:inherit;text-align:left;color:var(--training-text);cursor:pointer;background:0 0;border:none;border-radius:4px;gap:.5rem;margin-left:-.3rem;padding:.1rem .3rem;display:inline-flex}.training-chapters button:hover,.training-chapters button.is-active{background:var(--training-accent-tint)}.training-chapter-time{font-variant-numeric:tabular-nums;color:var(--training-accent)}.training-quiz{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.training-question{border:1px solid var(--training-border);background:var(--training-surface);border-radius:12px;min-width:0;margin:0;padding:1rem 1.1rem 1.1rem}.training-question.is-correct{border-color:var(--training-pass)}.training-question.is-incorrect{border-color:var(--training-fail)}.training-question legend{float:left;width:100%;padding:0}.training-question legend+*{clear:both}.training-question-number{color:var(--training-muted);font-size:.75rem;display:block}.training-question-prompt{color:var(--training-text);margin-top:.2rem;font-weight:600;line-height:1.5;display:block}.training-hint{color:var(--training-muted);margin:.35rem 0 0;font-size:.8rem}.training-options{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.training-option{border:1px solid var(--training-border);cursor:pointer;border-radius:8px;align-items:flex-start;gap:.6rem;padding:.55rem .75rem;font-size:.925rem;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.training-option-text{flex:1}.training-option-tag{white-space:nowrap;flex-shrink:0;align-self:center;font-size:.7rem;font-weight:700}.training-option.is-answer .training-option-tag{color:var(--training-pass)}.training-option.is-wrong .training-option-tag{color:var(--training-fail)}.training-option input{accent-color:var(--training-accent);flex-shrink:0;margin-top:.3rem}.training-option:hover{border-color:var(--training-accent)}.training-option.is-selected{border-color:var(--training-accent);background:var(--training-accent-tint)}.training-option.is-answer{border-color:var(--training-pass);background:var(--training-pass-tint)}.training-option.is-wrong{border-color:var(--training-fail);background:var(--training-fail-tint)}.training-option:has(input:disabled){cursor:default}.training-feedback{color:var(--training-text);margin-top:.75rem;font-size:.9rem;line-height:1.6}.training-quiz-actions,.training-result-actions,.training-progress-actions,.training-record-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.training-quiz-count{color:var(--training-muted);font-size:.85rem}.training-result{border:1px solid #0000;border-radius:12px;padding:1.1rem 1.25rem}.training-result.is-passed{background:var(--training-pass-tint);border-color:var(--training-pass)}.training-result.is-failed{background:var(--training-fail-tint);border-color:var(--training-fail)}.training-result p{margin:0 0 .75rem}.training-result-score{color:var(--training-text);font-size:1.25rem;font-weight:700}.training-result-review{margin:0 0 .9rem}.training-hub{margin:1.25rem 0}.training-paths{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.training-path{text-align:left;font:inherit;border:1px solid var(--training-border);background:var(--training-surface);color:var(--training-text);cursor:pointer;border-radius:12px;flex-direction:column;gap:.2rem;padding:1rem 1.1rem;transition:border-color .15s,box-shadow .15s;display:flex}.training-path:hover{border-color:var(--training-accent)}.training-path.is-selected{border-color:var(--training-accent);box-shadow:0 0 0 1px var(--training-accent)}.training-path-title{font-weight:700}.training-path-meta{color:var(--training-accent);font-size:.8rem;font-weight:600}.training-path-desc{color:var(--training-muted);font-size:.85rem;line-height:1.5}.training-progress-panel{background:var(--training-accent-tint);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;margin:1.25rem 0 1.75rem;padding:1.1rem 1.25rem;display:flex}.training-progress-text{flex:260px}.training-progress-figure{color:var(--training-text);margin:0;font-size:1.15rem;font-weight:700}.training-progress-sub{color:var(--training-muted);margin:.15rem 0 .6rem;font-size:.85rem}.training-progress-bar{background:var(--training-border);border-radius:999px;height:6px;overflow:hidden}.training-progress-bar span{background:var(--training-accent);border-radius:999px;height:100%;transition:width .3s;display:block}.training-track{margin-top:1.75rem}.training-track-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-bottom:.6rem;display:flex}.training-track-title{color:var(--training-text);margin:0;font-size:1.05rem;font-weight:700}.training-track-desc{color:var(--training-muted);margin:0;font-size:.85rem}.training-cards{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.training-card{border:1px solid var(--training-border);background:var(--training-surface);border-radius:12px;align-items:flex-start;gap:.9rem;padding:.9rem 1rem;transition:border-color .15s;display:flex;margin:0!important}.training-card:hover{border-color:var(--training-accent)}.training-card-number{font-variant-numeric:tabular-nums;width:1.9rem;height:1.9rem;color:var(--training-accent);background:var(--training-accent-tint);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.training-card-body{flex:1;min-width:0}.training-card-title{font-weight:700;color:var(--training-text)!important;text-decoration:none!important}.training-card-title:hover{color:var(--training-accent)!important}.training-card-summary{color:var(--training-muted);margin:.15rem 0 .25rem;font-size:.875rem;line-height:1.55}.training-card-meta{color:var(--training-muted);margin:0;font-size:.775rem}.training-hub-footer{border-top:1px solid var(--training-border);color:var(--training-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex}.training-hub-footer p{max-width:36rem;margin:0}@media (max-width:640px){.training-card{flex-wrap:wrap}.training-card .training-pill{margin-left:2.8rem}}.training-final-intro{border:1px solid var(--training-border);background:var(--training-surface);border-radius:12px;margin:1rem 0;padding:1.1rem 1.25rem}.training-final-facts,.training-record-facts{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem 1.5rem;margin:0 0 1rem;display:grid}.training-final-note{color:var(--training-muted);margin:0 0 1rem;font-size:.9rem}.training-record{border:1px solid var(--training-border);border-top:4px solid var(--training-accent);background:var(--training-surface);border-radius:12px;margin:2rem 0 1rem;padding:1.75rem}.training-record-eyebrow{color:var(--training-accent);margin:0;font-size:.85rem;font-weight:600}.training-record-title{color:var(--training-text);margin:.2rem 0 1rem;font-size:1.5rem;font-weight:800}.training-record-name{max-width:22rem;color:var(--training-muted);flex-direction:column;gap:.3rem;margin-bottom:1rem;font-size:.8rem;display:flex}.training-record-name input{border:1px solid var(--training-border);font:inherit;color:var(--training-text);background:0 0;border-radius:8px;padding:.5rem .7rem;font-size:1rem}.training-record-statement{color:var(--training-text);margin:0 0 1.25rem;line-height:1.6}.training-record-modules{columns:2 260px;column-gap:2rem;margin:0 0 1rem;padding:0;font-size:.85rem;list-style:none}.training-record-modules li{border-bottom:1px solid var(--training-border);break-inside:avoid;justify-content:space-between;gap:1rem;margin:0;padding:.3rem 0;display:flex}.training-record-modules li span:last-child{color:var(--training-muted);white-space:nowrap}.training-record-note{color:var(--training-muted);margin:0 0 1rem;font-size:.75rem}@media print{html.training-printing body *{visibility:hidden}html.training-printing .training-record,html.training-printing .training-record *{visibility:visible}html.training-printing .training-record{color:#101828;background:#fff;border-color:#d0d5dd;margin:0;position:absolute;inset:0 0 auto}html.training-printing .training-record-actions{display:none}html.training-printing .training-record-name input{border:none;padding:0;font-size:1.25rem;font-weight:700}}
