.tr-hero-length{margin:-6px 0 18px;font-size:12px;font-weight:600;color:var(--welcome-text,var(--inverse-muted))}
.tr-course-card .tr-over{align-self:flex-start;margin-top:12px}
.tr-badges .badge + .badge{margin-left:6px}


.training-shell .course-card-top{padding:10px 20px}


.training-shell .side-nav .tr-nav-ext{margin-left:auto;display:inline-flex;opacity:.75}
.training-shell .side-nav .tr-nav-ext svg{width:13px;height:13px}
.training-shell .tr-applink{display:inline-flex;align-items:center;gap:6px}
.training-shell .tr-linktext{display:inline}


.tr-progress{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 18px}
.tr-progress-text{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:12px;color:var(--text-muted)}
.tr-progress-text strong{font-size:13px;color:var(--text)}
.tr-progress-bar{flex:1 1 160px;min-width:120px;height:6px;border:0;border-radius:6px;background:var(--progress-track,var(--line));accent-color:var(--progress-fill,var(--accent));-webkit-appearance:none;appearance:none;overflow:hidden}
.tr-progress-bar::-webkit-progress-bar{background:var(--progress-track,var(--line));border-radius:6px}
.tr-progress-bar::-webkit-progress-value{background:var(--progress-fill,var(--accent));border-radius:6px}
.tr-progress-bar::-moz-progress-bar{background:var(--progress-fill,var(--accent));border-radius:6px}
.tr-steps-toggle{display:none}
.lesson-nav .tr-step-min{margin-left:auto;padding-left:8px;font-size:10px;white-space:nowrap;color:var(--text-muted)}
.lesson-nav button[aria-current="step"] .tr-step-min{color:inherit}
@media (max-width:850px){
  .tr-steps-toggle{display:inline-flex}
  .lesson-nav.tr-steps:not(.is-open){display:none}
  .tr-progress{margin-bottom:14px}
}


.tr-result{margin-bottom:25px}
.tr-result:focus{outline:2px solid var(--focus);outline-offset:3px}
.tr-result p span + span{display:block;margin-top:4px}
.tr-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}


.tr-narration-error{margin:12px 0 0;font-size:12px;color:var(--tone-warn-fg)}



@media (max-width:580px){
  .training-shell .table-wrap.tr-stack-wrap{overflow:visible;mask-image:none;-webkit-mask-image:none;animation:none}
  .training-shell table.tr-stack{min-width:0}
  .training-shell table.tr-stack,.training-shell table.tr-stack tbody,.training-shell table.tr-stack tr,.training-shell table.tr-stack td{display:block;width:100%}
  .training-shell table.tr-stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .training-shell table.tr-stack tr{padding:14px 0;border-top:1px solid var(--line)}
  .training-shell table.tr-stack tbody tr:first-child{border-top:0;padding-top:4px}
  .training-shell table.tr-stack td{padding:5px 0;border:0}
  .training-shell table.tr-stack td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:9px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
  .training-shell table.tr-stack td.table-action{padding-top:10px}
  .training-shell table.tr-stack td.table-action .button{width:100%}
}