/* Training family 01: Learning Center. Presentation only; scoped to this opt-in root.
   Existing six-stage gates, progress, analyzer and all Frozen styles remain untouched. */
.ic-learning-reference{
  --lc-gap:var(--ic-space-6);
  --lc-pad:var(--ic-space-6);
  max-width:var(--ic-width-dashboard);
  color:var(--ic-text-primary);
  font-family:var(--ic-font-body);
  padding:var(--ic-space-8) var(--ic-space-6) var(--ic-space-12);
}
.ic-learning-reference :is(h1,h2,h3,h4){font-family:var(--ic-font-display);line-height:var(--ic-leading-heading)}
.ic-learning-reference :is(p,li){font-size:var(--ic-text-sm);line-height:var(--ic-leading-body)}
.ic-learning-reference :is(small,.v22-kicker){font-size:var(--ic-text-xs);line-height:var(--ic-leading-body)}
.ic-learning-reference :is(button,summary,a.v22-primary,a.v22-secondary){min-height:44px;font-size:var(--ic-text-sm);line-height:var(--ic-leading-heading)}
.ic-learning-reference :is(button,a,summary,input,textarea):focus-visible{outline:3px solid var(--ic-brand-700);outline-offset:3px;transition:none}
.ic-learning-reference :is(button,textarea,input,select){font-family:var(--ic-font-body)}
.ic-learning-reference :is(button,a){overflow-wrap:anywhere}
.ic-learning-reference .v22-primary{background:var(--ic-brand-600);color:var(--ic-text-inverse);border-radius:var(--ic-radius-md);box-shadow:var(--ic-shadow-brand)}
.ic-learning-reference .v22-secondary{background:var(--ic-brand-100);color:var(--ic-brand-700);border:1px solid var(--ic-brand-border);border-radius:var(--ic-radius-md)}
.ic-learning-reference .v22-kicker{color:var(--ic-brand-700);letter-spacing:.06em}
.ic-learning-reference .v22-learning-program-head{gap:var(--lc-gap);margin-bottom:var(--lc-gap);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.ic-learning-reference .v22-learning-program-copy{padding:var(--ic-space-8);background:var(--ic-surface-dark);border-radius:var(--ic-radius-xl);box-shadow:var(--ic-shadow-sm)}
.ic-learning-reference .v22-learning-program-copy h1{font-size:clamp(var(--ic-text-h2),3vw,var(--ic-text-h1));line-height:var(--ic-leading-heading);letter-spacing:-.035em;margin:var(--ic-space-3) 0 var(--ic-space-4)}
.ic-learning-reference .v22-learning-program-copy>p{font-size:var(--ic-text-body);color:var(--ic-text-inverse-muted);line-height:var(--ic-leading-body)}
.ic-learning-reference .v22-learning-program-copy .v22-kicker{color:var(--ic-text-inverse-muted)}
.ic-learning-reference .v22-learning-program-actions{gap:var(--ic-space-3);flex-wrap:wrap}
.ic-learning-reference .v22-learning-program-actions>span{font-size:var(--ic-text-xs);line-height:var(--ic-leading-body);color:var(--ic-text-inverse-muted)}
.ic-learning-reference .v22-learning-focus-trigger{font-size:var(--ic-text-sm);border-radius:var(--ic-radius-md);color:var(--ic-text-inverse);background:var(--ic-overlay-dark-subtle)}
.ic-learning-reference .v22-learning-program-pillars{gap:var(--ic-space-3);grid-template-columns:repeat(2,minmax(0,1fr))}
.ic-learning-reference .v22-learning-program-pillars b{font-size:var(--ic-text-sm);color:var(--ic-text-inverse)}
.ic-learning-reference .v22-learning-program-pillars small{font-size:var(--ic-text-xs);color:var(--ic-text-inverse-muted)}
.ic-learning-reference .v22-learning-standard-line{display:grid;gap:var(--ic-space-2);border-color:var(--ic-border-inverse);padding:var(--ic-space-4)}
.ic-learning-reference .v22-learning-standard-line>span{font-size:var(--ic-text-xs);color:var(--ic-text-inverse-muted)}
/* The legacy slogan sets !important; counter only that scoped declaration. */
.ic-learning-reference .v22-learning-standard-line p{font-size:var(--ic-text-sm)!important;color:var(--ic-text-inverse-muted)!important;line-height:var(--ic-leading-body)!important}
.ic-learning-reference :is(.v22-learning-program-card,.v22-master-nav,.v22-master-question,.v22-master-active,.v22-master-course-intro,.v22-master-lesson-chapter,.v22-master-compare,.v22-learning-accountability-card){border:1px solid var(--ic-border-subtle);border-radius:var(--ic-radius-lg);background:var(--ic-surface);box-shadow:var(--ic-shadow-xs);padding:var(--lc-pad);min-width:0}
.ic-learning-reference .v22-learning-program-role>span,.ic-learning-reference .v22-learning-program-progress span{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-program-role>strong{font:800 var(--ic-text-h3)/var(--ic-leading-heading) var(--ic-font-display)}
.ic-learning-reference .v22-learning-program-role small{font-size:var(--ic-text-sm);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-program-metrics{gap:var(--ic-space-3);padding:var(--ic-space-5) 0}
.ic-learning-reference .v22-learning-program-metrics strong{font:800 var(--ic-text-h2)/1 var(--ic-font-display)}
.ic-learning-reference .v22-learning-program-metrics span{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-program-card>p{font-size:var(--ic-text-sm);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-progress-track{background:var(--ic-surface-muted)}
.ic-learning-reference .v22-learning-progress-track i{background:var(--ic-brand-600)}
.ic-learning-reference .v22-learning-phases{padding:0;gap:var(--ic-space-3);margin-bottom:var(--lc-gap)}
.ic-learning-reference .v22-learning-phases article{padding:var(--ic-space-4);border-color:var(--ic-border-subtle);border-radius:var(--ic-radius-md);background:var(--ic-surface)}
.ic-learning-reference .v22-learning-phases article>span{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-phases article>strong{font-size:var(--ic-text-lg);color:var(--ic-text-primary)}
.ic-learning-reference .v22-learning-phases article>small{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-session{gap:var(--lc-gap);padding:var(--ic-space-5);margin:0 0 var(--lc-gap);border:1px solid var(--ic-border-subtle);border-radius:var(--ic-radius-lg);background:var(--ic-surface-soft)}
.ic-learning-reference .v22-learning-session>div:first-child{display:grid;gap:var(--ic-space-2)}
.ic-learning-reference .v22-learning-session strong{font-size:var(--ic-text-lg);line-height:var(--ic-leading-heading)}
.ic-learning-reference .v22-learning-session small,.ic-learning-reference .v22-learning-session-proof>span{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-shell{grid-template-columns:260px minmax(0,1fr);gap:var(--lc-gap);align-items:start}
.ic-learning-reference .v22-master-nav{padding:var(--ic-space-4);position:static}
.ic-learning-reference .v22-master-nav-head strong{font-size:var(--ic-text-lg)}
.ic-learning-reference .v22-master-nav-head small{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-question-list{display:grid;gap:var(--ic-space-2);max-height:680px;overflow:auto;padding:var(--ic-space-1)}
.ic-learning-reference .v22-master-q{min-width:0;width:100%;padding:var(--ic-space-3);border:1px solid var(--ic-border-subtle);border-radius:var(--ic-radius-md);background:var(--ic-surface);color:var(--ic-text-primary)}
.ic-learning-reference .v22-master-q b{font-size:var(--ic-text-sm);line-height:var(--ic-leading-heading)}
.ic-learning-reference .v22-master-q small,.ic-learning-reference .v22-master-module{font-size:var(--ic-text-xs);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-q.is-active{border-color:var(--ic-brand-700);background:var(--ic-brand-50)}
.ic-learning-reference .v22-master-stage{min-width:0;gap:var(--lc-gap)}
.ic-learning-reference .v22-master-question h2{font-size:var(--ic-text-h2);line-height:var(--ic-leading-heading);margin:var(--ic-space-4) 0;overflow-wrap:anywhere}
.ic-learning-reference .v22-master-question-meta{font-size:var(--ic-text-xs);gap:var(--ic-space-3);flex-wrap:wrap}
.ic-learning-reference .v22-master-status-row{gap:var(--ic-space-2);flex-wrap:wrap}
.ic-learning-reference .v22-master-status-row span{font-size:var(--ic-text-xs);line-height:var(--ic-leading-body);color:var(--ic-text-secondary);padding:var(--ic-space-2)}
.ic-learning-reference .v22-master-journey-line{gap:var(--ic-space-3);position:static;background:transparent}
.ic-learning-reference .v22-journey-phase{padding:var(--ic-space-3);border-color:var(--ic-border-subtle);border-radius:var(--ic-radius-lg);background:var(--ic-surface-soft);box-shadow:none}
.ic-learning-reference .v22-journey-phase>header :is(span,b){font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-journey-phase>div{gap:var(--ic-space-2)}
.ic-learning-reference.v22-learning-center .v22-master-journey-line .v22-journey-phase button{min-width:0;min-height:64px;padding:var(--ic-space-3);grid-template-columns:1fr;border-radius:var(--ic-radius-md)}
.ic-learning-reference.v22-learning-center .v22-master-journey-line .v22-journey-phase button b{font-size:var(--ic-text-sm);line-height:var(--ic-leading-heading)}
.ic-learning-reference.v22-learning-center .v22-master-journey-line .v22-journey-phase button small{font-size:var(--ic-text-xs);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-journey-phase:has(button.is-current){border-color:var(--ic-brand-700);background:var(--ic-brand-50)}
.ic-learning-reference .v22-master-active h3{font-size:var(--ic-text-h3);line-height:var(--ic-leading-heading)}
.ic-learning-reference .v22-master-active p{font-size:var(--ic-text-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-active-action :is(button,a){min-height:48px;font-size:var(--ic-text-sm);max-width:100%;white-space:normal}
.ic-learning-reference .v22-master-active-action small{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ic-space-3)}
.ic-learning-reference .v22-master-evidence-grid article{padding:var(--ic-space-4);border-color:var(--ic-border-subtle);border-radius:var(--ic-radius-md);background:var(--ic-surface-soft);min-width:0}
.ic-learning-reference .v22-master-evidence-grid article>span{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-evidence-grid strong{font:800 var(--ic-text-lg)/var(--ic-leading-heading) var(--ic-font-display)}
.ic-learning-reference .v22-master-evidence-grid p{font-size:var(--ic-text-sm);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-learning-workspace-head{display:grid;gap:var(--ic-space-3)}
.ic-learning-reference .v22-learning-workspace-head h3{font-size:var(--ic-text-h3)}
.ic-learning-reference .v22-learning-workspace-head p{font-size:var(--ic-text-sm);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-workspace{min-width:0}
.ic-learning-reference .v22-master-prebaseline-lock{padding:var(--lc-pad);border-color:var(--ic-brand-border);border-radius:var(--ic-radius-lg);background:var(--ic-brand-50)}
.ic-learning-reference .v22-master-prebaseline-lock h3{font-size:var(--ic-text-h3)}
.ic-learning-reference .v22-master-prebaseline-lock p{font-size:var(--ic-text-sm);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-prebaseline-lock small{font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-course-player{gap:var(--ic-space-4)}
.ic-learning-reference .v22-master-course-intro h3{font-size:var(--ic-text-h3)}
.ic-learning-reference .v22-master-course-intro p{font-size:var(--ic-text-sm);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-course-progress{padding:var(--ic-space-4);border-radius:var(--ic-radius-md);background:var(--ic-surface-dark)}
.ic-learning-reference .v22-master-course-progress :is(span,small){font-size:var(--ic-text-xs);color:var(--ic-text-inverse-muted)}
.ic-learning-reference .v22-master-lesson-chapter{padding:0}
.ic-learning-reference .v22-master-lesson-chapter summary{padding:var(--ic-space-4);gap:var(--ic-space-3)}
.ic-learning-reference .v22-master-lesson-chapter summary b{font-size:var(--ic-text-body)}
.ic-learning-reference .v22-master-lesson-chapter summary :is(small,em){font-size:var(--ic-text-xs);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-lesson-chapter.is-current{border-color:var(--ic-brand-700)}
.ic-learning-reference .v22-master-lesson-chapter.is-done{border-color:var(--ic-success-border)}
.ic-learning-reference .v22-master-lesson-body{padding:var(--ic-space-4) var(--lc-pad);gap:var(--ic-space-3)}
.ic-learning-reference .v22-master-lesson-body :is(p,li,label>span){font-size:var(--ic-text-sm);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-lesson-body textarea{font-size:var(--ic-text-body);padding:var(--ic-space-4);border-radius:var(--ic-radius-md);border-color:var(--ic-border-strong);background:var(--ic-surface);color:var(--ic-text-primary)}
.ic-learning-reference .v22-master-lesson-body :is(a,button){min-width:0;max-width:100%;min-height:44px;font-size:var(--ic-text-sm);white-space:normal;padding:var(--ic-space-3) var(--ic-space-4)}
.ic-learning-reference :is(.v22-master-lesson-note,.v22-master-path-note li){font-size:var(--ic-text-sm);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-path-note summary :is(span,b){font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-compare-grid{gap:var(--ic-space-3)}
.ic-learning-reference .v22-master-compare-grid article{padding:var(--ic-space-4);min-width:0;border-radius:var(--ic-radius-md);background:var(--ic-surface-soft)}
.ic-learning-reference .v22-master-compare :is(p,li),.ic-learning-reference .v22-master-compare-grid article>div{font-size:var(--ic-text-sm);line-height:var(--ic-leading-body);color:var(--ic-text-secondary);overflow-wrap:anywhere}
.ic-learning-reference .v22-master-compare h3{font-size:var(--ic-text-h3)}
.ic-learning-reference .v22-master-proof{position:static;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lc-gap);min-width:0}
.ic-learning-reference .v22-master-proof :is(p,li){font-size:var(--ic-text-sm);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-proof :is(span,small){font-size:var(--ic-text-xs);line-height:var(--ic-leading-body);color:var(--ic-text-secondary)}
.ic-learning-reference .v22-master-proof h3{font-size:var(--ic-text-h3)}
/* Focus mode inherits the same typography; surrounding app visibility stays with its controller. */
body.v22-focus-learning .ic-learning-reference .v22-learning-focusbar{background:var(--ic-surface);border-color:var(--ic-border-subtle);padding:var(--ic-space-3) var(--ic-space-5);gap:var(--ic-space-4);display:grid;grid-template-columns:minmax(0,1fr) auto}
body.v22-focus-learning .ic-learning-reference .v22-learning-focusbar .v22-learning-focus-context{display:grid;gap:var(--ic-space-1)}
body.v22-focus-learning .ic-learning-reference .v22-learning-focusbar :is(span,small){font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}
body.v22-focus-learning .ic-learning-reference .v22-learning-focusbar strong{font-size:var(--ic-text-sm)}
body.v22-focus-learning .ic-learning-reference .v22-learning-focusbar button{grid-column:2;grid-row:1;min-height:44px;font-size:var(--ic-text-sm)}
body.v22-focus-learning .ic-learning-reference .v22-master-shell{max-width:var(--ic-width-app);padding:var(--ic-space-6)}
body.v22-focus-learning .ic-learning-reference .v22-master-question{padding:var(--lc-pad);background:var(--ic-surface);border-radius:var(--ic-radius-lg);border:1px solid var(--ic-border-subtle)}
body.v22-focus-learning .ic-learning-reference .v22-master-question h2{font-size:var(--ic-text-h2);line-height:var(--ic-leading-heading)}
body.v22-focus-learning .ic-learning-reference .v22-master-journey-line{position:static;background:transparent}
@media(max-width:1100px){
  .ic-learning-reference .v22-learning-program-head,.ic-learning-reference .v22-master-shell{grid-template-columns:minmax(0,1fr)}
  .ic-learning-reference .v22-master-question-list{display:grid;max-height:320px;overflow:auto}
  .ic-learning-reference .v22-master-module{display:block}
  .ic-learning-reference .v22-master-q{min-width:0}
  .ic-learning-reference .v22-master-proof{grid-template-columns:1fr}
}
@media(max-width:700px){
  .ic-learning-reference{--lc-pad:var(--ic-space-4);--lc-gap:var(--ic-space-4);padding:var(--ic-space-5) var(--ic-space-3) var(--ic-space-8)}
  .ic-learning-reference .v22-learning-program-copy{padding:var(--ic-space-5)}
  .ic-learning-reference .v22-learning-session{grid-template-columns:1fr}
  .ic-learning-reference .v22-learning-session-proof{text-align:left}
  .ic-learning-reference .v22-master-evidence-grid,.ic-learning-reference .v22-master-compare-grid{grid-template-columns:1fr}
  .ic-learning-reference .v22-master-question h2{font-size:var(--ic-text-h3)}
  .ic-learning-reference .v22-master-course-intro{grid-template-columns:1fr}
  .ic-learning-reference .v22-master-lesson-body :is(button,a){width:100%}
  body.v22-focus-learning .ic-learning-reference .v22-master-shell{padding:var(--ic-space-4) var(--ic-space-3) var(--ic-space-8)}
  body.v22-focus-learning .ic-learning-reference .v22-master-question h2{font-size:var(--ic-text-h3)}
}

/* Reviewed contrast and focused-mobile corrections; no global or Frozen selectors. */
.ic-learning-reference .v22-master-nav-head small{color:var(--ic-text-inverse-muted)}
.ic-learning-reference .v22-master-nav-head .v22-kicker{color:var(--ic-text-inverse-muted)}
.ic-learning-reference .v22-learning-accountability-card{background:var(--ic-surface-dark);color:var(--ic-text-inverse)}
.ic-learning-reference .v22-learning-accountability-card h3{color:var(--ic-text-inverse)}
.ic-learning-reference .v22-learning-accountability-card .v22-kicker{color:var(--ic-text-inverse-muted)}
/* Counter the legacy accountability paragraph important declaration only. */
.ic-learning-reference .v22-learning-accountability-card p{color:var(--ic-text-inverse-muted)!important}
.ic-learning-reference .v22-master-question-meta span{opacity:1;color:var(--ic-text-secondary)}
@media(max-width:700px){body.v22-focus-learning .ic-learning-reference .v22-master-evidence-grid{grid-template-columns:minmax(0,1fr)}}

/* Beat the legacy first-child surface rule without touching shared/frozen CSS. */
.ic-learning-reference .v22-master-proof>.v22-learning-accountability-card{background:var(--ic-surface-dark);color:var(--ic-text-inverse)}
.ic-learning-reference .v22-master-active p,.ic-learning-reference .v22-master-evidence-grid span{opacity:1}
.ic-learning-reference .v22-master-module :is(span,b){font-size:var(--ic-text-xs);color:var(--ic-text-secondary)}