#training-resources > .training-hub-hero { padding:32px clamp(22px,4vw,56px) 60px; gap:28px; grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr); }
#training-resources > .training-hub-hero h1 { font-size:clamp(2rem,3.5vw,3.2rem); line-height:1.05; }
#training-resources .training-hub-hero__guide .training-primary-action { justify-self:start; margin-top:8px; }
#training-resources > .training-hub-body { padding-left:clamp(14px,2vw,28px); padding-right:clamp(14px,2vw,28px); }
#training-resources > .training-hub-body { margin-top:0; padding-top:24px; }
#training-resources [hidden] { display:none !important; }
#training-resources.is-viewing-training > .training-hub-hero { display:none; }
#training-resources.is-viewing-training > .training-hub-body { padding-top:0; }
#training-resources [data-training-page-tabs] { gap:24px; }
.training-area-chooser > header { margin:0 0 24px; }
.training-area-chooser h2 { margin:0 0 10px; color:var(--training-ink); font-family:var(--font-display); font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.2; text-transform:none; scroll-margin-top:110px; }
.training-area-chooser > header p { margin:0; color:var(--training-muted); line-height:1.6; }
.training-area-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
#training-resources .training-area-card { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; min-height:180px; padding:24px; border:1px solid var(--training-line); border-radius:10px; background:var(--training-paper); color:var(--training-ink); font-family:var(--font-body); text-align:left; text-transform:none; cursor:pointer; box-shadow:none; }
#training-resources a.training-area-card { text-decoration:none; }
.training-area-card strong { font-family:var(--font-display); font-size:1.35rem; line-height:1.2; }
.training-area-description { color:var(--training-muted); font-size:.92rem; line-height:1.6; }
.training-area-action { margin-top:auto; padding-top:6px; color:var(--kw-red); font-weight:700; font-size:.95rem; }
#training-resources .training-area-card .training-area-action { display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:4px; background:var(--kw-red); color:var(--kw-white); }
#training-resources .training-area-card:hover { border-color:var(--kw-red); box-shadow:0 4px 16px rgba(0,0,0,.08); }
.training-area-card:focus-visible, .training-all-areas:focus-visible { outline:3px solid var(--kw-red); outline-offset:4px; }
.training-current-area { position:sticky; top:0; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 8px; margin-bottom:0; border-bottom:1px solid var(--training-line); background:var(--training-paper); }
.training-current-area h1 { margin:5px 0 0; font-family:var(--font-display); font-size:clamp(1.45rem,2.4vw,2rem); line-height:1.15; text-transform:none; color:var(--training-ink); scroll-margin-top:110px; }
.training-all-areas { display:inline-flex; flex-shrink:0; align-items:center; min-height:48px; padding:12px 18px; border:1px solid var(--training-line); border-radius:6px; color:var(--kw-red); background:var(--training-paper); font-weight:700; text-decoration:none; }
.is-viewing-training .command-training-hub > .training-section-heading { display:none; }
body.portal-shell-theme-dark :is(.training-area-chooser h2,.training-current-area h1) { color:var(--portal-beta-dark-text); }
body.portal-shell-theme-dark .training-area-chooser > header p { color:var(--portal-beta-dark-muted); }
body.portal-shell-theme-dark #training-resources :is(.training-area-card,.training-current-area,.training-all-areas) { background:var(--portal-beta-dark-panel-raised); border-color:var(--portal-beta-dark-border); color:var(--portal-beta-dark-text); }
body.portal-shell-theme-dark .training-area-description { color:var(--portal-beta-dark-muted); }
body.portal-shell-theme-dark :is(.training-area-action,.training-all-areas) { color:#ffaaa0; }
#training-resources .lonewolf-learning-hub { --lesson-bg:var(--kw-paper-soft); --lesson-paper:var(--kw-white); --lesson-ink:var(--kw-ink); --lesson-muted:var(--kw-gray); --lesson-line:var(--kw-border); --lesson-accent:var(--kw-red); background:transparent; border:0; box-shadow:none; }
body.portal-shell-theme-dark #training-resources .lonewolf-learning-hub { --lesson-bg:var(--portal-beta-dark-panel-low); --lesson-paper:var(--portal-beta-dark-panel-raised); --lesson-ink:var(--portal-beta-dark-text); --lesson-muted:var(--portal-beta-dark-muted); --lesson-line:var(--portal-beta-dark-border); --lesson-accent:#ffaaa0; }
#training-resources .lonewolf-learning-hub .lesson-course-body { padding:0; }
.training-choice-heading { margin-bottom:24px; }
.lonewolf-learning-hub .training-choice-heading h2 { margin:0 0 10px; font-size:clamp(1.5rem,2.5vw,2rem); line-height:1.2; scroll-margin-top:140px; }
.training-choice-heading p { font-size:.95rem; }
.training-inner-return { margin-bottom:20px; scroll-margin-top:130px; }
.connect-lesson-nav { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 32px; }
.connect-lesson-nav a { display:flex; align-items:center; min-height:44px; padding:10px 14px; border:1px solid var(--lesson-line); border-radius:5px; background:var(--lesson-bg); font-size:.85rem; text-decoration:none; }
.connect-lesson-nav a:hover { border-color:var(--lesson-accent); }
.connect-model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
.connect-model { display:flex; flex-direction:column; gap:14px; min-width:0; padding:22px; border:1px solid var(--lesson-line); border-radius:8px; background:var(--lesson-bg); }
.lonewolf-learning-hub .connect-model h4 { font-size:1.15rem; line-height:1.35; }
.connect-model p { font-size:.92rem; }
.connect-model .connect-search-terms { margin-top:auto; color:var(--lesson-ink); font-size:.85rem; }
@media(max-width:650px) { .connect-model-grid { grid-template-columns:1fr; } .connect-model { padding:18px; } }
.transaction-path { list-style:none; padding:0; margin:0; display:grid; gap:24px; counter-reset:transaction-step; }
.transaction-path > li { position:relative; padding-left:52px; counter-increment:transaction-step; }
.transaction-path > li::before { content:counter(transaction-step); position:absolute; top:24px; left:0; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--kw-red); color:var(--kw-white); font-weight:700; }
.transaction-path > li:not(:last-child)::after { content:""; position:absolute; top:64px; bottom:-18px; left:16px; width:2px; background:var(--lesson-line); }
#training-resources .transaction-path .training-area-card { min-height:160px; }
.transaction-position { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
.transaction-position > div { display:grid; gap:6px; }
.transaction-position strong { font-size:.95rem; color:var(--lesson-ink); }
.transaction-position span { font-size:.85rem; color:var(--lesson-muted); }
.transaction-position [data-lesson-next] { font-size:.85rem; line-height:1.6; }
.transaction-position .transaction-sequence { flex-basis:100%; }
.transaction-sequence { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; list-style:none; margin:4px 0 0; padding:0; }
.transaction-sequence li { min-width:0; }
.lonewolf-learning-hub .transaction-sequence a { display:flex; align-items:center; gap:8px; padding:12px 8px; min-height:48px; height:100%; border:1px solid var(--lesson-line); border-radius:6px; background:var(--lesson-paper); color:var(--lesson-ink); font-size:.85rem; text-decoration:none; }
.transaction-sequence a > span { color:inherit; font-weight:700; }
.lonewolf-learning-hub .transaction-sequence a[aria-current="step"] { border-color:var(--kw-red); background:var(--kw-red); color:var(--kw-white); font-weight:700; }
.transaction-sequence a:focus-visible { outline:3px solid var(--lesson-accent); outline-offset:3px; }
.transaction-existing-contact { display:inline-flex; align-items:center; min-height:48px; margin-top:12px; font-weight:700; font-size:.95rem; line-height:1.6; }
.lesson-handoff { margin:28px 0; padding:24px; background:var(--lesson-bg); border:1px solid var(--lesson-line); border-radius:8px; }
.lonewolf-learning-hub .lesson-handoff h3 { margin:0 0 12px; }
.lesson-handoff p { font-size:.9rem; }
.lesson-handoff > div, .lesson-handoff-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:16px; }
@media(max-width:1000px) { .transaction-sequence { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .training-current-area { position:static; } }
@media(max-width:500px) { .transaction-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); } .transaction-path > li { padding-left:42px; } .transaction-position .training-all-areas { white-space:normal; } }
.lonewolf-learning-hub [data-lesson-panel] h2, .lonewolf-learning-hub [data-command-panel] h2, .lonewolf-learning-hub [data-team-stage] h3 { scroll-margin-top:150px; }
#training-resources .training-page-tablist { grid-template-columns:repeat(5,minmax(0,1fr)); }
#training-resources .training-page-tablist button { padding:14px 12px; gap:8px; min-width:0; }
#training-resources .training-page-tab-panel:has(> .lonewolf-learning-hub) { padding:0; background:transparent; border:0; }
#training-resources .training-page-tab-panel > .lonewolf-learning-hub { border-radius:10px; overflow:hidden; }
#training-resources .training-course-title { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.1; margin:14px 0; }
#training-resources .training-resource-stack { min-width:0; }
#training-resources .training-page-tablist { scroll-margin-top:100px; }
.training-section-heading { width:100%; max-width:none; padding:24px 28px; border-bottom:1px solid var(--lesson-line); background:var(--lesson-paper); }
.lonewolf-learning-hub .training-section-heading h2 { margin:0 0 10px; font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.2; }
.training-section-heading p { max-width:75ch; font-size:.9rem; }
.training-section-select, .command-topic-select { display:none; }
.training-section-select span, .command-topic-select span { display:block; margin-bottom:8px; font-weight:700; }
.training-section-select select, .command-topic-select select { width:100%; min-height:48px; padding:12px; font:inherit; border:1px solid var(--kw-border); border-radius:6px; background:var(--kw-white); color:var(--kw-ink); }
.training-section-select select:focus-visible, .command-topic-select select:focus-visible { outline:3px solid var(--kw-red); outline-offset:3px; }
#training-resources .command-topic-grid a { min-height:96px; padding:16px; gap:6px; }
#training-resources .command-topic-grid strong { padding-right:16px; }
#training-resources .command-topic-grid small { font-size:.78rem; }
#training-resources .command-topic-grid a > span:last-child { grid-row:1; }
body.portal-shell-theme-dark :is(.training-section-select select,.command-topic-select select) { background:var(--portal-beta-dark-panel-raised); color:var(--portal-beta-dark-text); border-color:var(--portal-beta-dark-border); }
@media(max-width:700px) {
  .training-inner-return { scroll-margin-top:170px; }
  .training-area-grid { grid-template-columns:1fr; }
  #training-resources .training-area-card { min-height:160px; padding:20px; }
  .training-current-area { flex-wrap:wrap; gap:10px; padding:14px 0; }
  .training-all-areas { min-height:44px; }
  #training-resources > .training-hub-hero { padding:20px 18px 44px; gap:14px; }
  #training-resources > .training-hub-hero h1 { font-size:1.8rem; }
  #training-resources .training-hub-hero__copy > p:last-child { font-size:.92rem; margin-top:12px; }
  #training-resources .training-hub-hero__guide { padding:0; border:0; background:none; box-shadow:none; }
  #training-resources .training-hub-hero__guide > span { display:none; }
  #training-resources .training-hub-hero__guide .training-primary-action { margin:0; min-height:44px; }
  .command-training-hub > .training-section-heading { display:none; }
  .training-section-heading { padding:18px; }
  .training-section-select { display:block; padding:16px; background:var(--training-paper); border-top:4px solid var(--kw-red); }
  body.portal-shell-theme-dark .training-section-select { background:var(--portal-beta-dark-panel-raised); }
  .has-command-selector .command-topic-select { display:block; margin-bottom:24px; }
  #training-resources .has-command-selector .command-topic-grid { display:none; }
}
@media(max-width:1000px) { #training-resources .training-page-tablist { grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; } }
@media(max-width:700px) { #training-resources > .training-hub-hero { grid-template-columns:1fr; } #training-resources .training-page-tablist { display:none; } }