.training-intro { padding:24px; display:flex; gap:18px; align-items:flex-start; margin-bottom:22px; background:linear-gradient(125deg,#fff,#f1f6ff); }
.training-intro-icon,.training-document-icon { display:grid; place-items:center; color:var(--blue-600); background:#eaf1ff; border-radius:14px; width:52px; height:52px; flex:0 0 52px; }
.training-intro-icon .icon,.training-document-icon .icon { width:25px; height:25px; }
.training-intro h2 { font-size:20px; margin-bottom:8px; }
.training-intro p { margin:0; color:var(--muted); line-height:1.7; max-width:850px; }
.training-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(270px,1fr); gap:22px; align-items:start; }
.training-video-card,.training-guide-card { min-width:0; padding:24px; }
.training-card-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; flex-wrap:wrap; }
.training-eyebrow { display:block; font-size:11px; font-weight:650; text-transform:uppercase; letter-spacing:.06em; color:var(--blue-600); margin-bottom:8px; }
.training-card-heading h2,.training-guide-card h2 { font-size:20px; line-height:1.35; margin-bottom:12px; }
.training-video-card>p,.training-guide-card>p { color:var(--muted); line-height:1.65; }
.training-video { display:block; width:100%; height:auto; aspect-ratio:16/9; background:#090e1a; border-radius:12px; margin-top:20px; }
.training-hint { font-size:12px; margin:14px 0 0; }
.training-document-icon { margin-bottom:22px; }
.training-file-meta { font-size:12px; margin:20px 0; }
.training-guide-actions { display:flex; flex-direction:column; gap:10px; align-items:stretch; }
.training-guide-actions .btn { justify-content:center; }
.training-unavailable { color:var(--muted); padding:18px; border-radius:10px; background:var(--bg); }
@media(max-width:1050px) { .training-grid { grid-template-columns:minmax(0,1fr); } .training-guide-actions { flex-direction:row; flex-wrap:wrap; } }
@media(max-width:600px) { .training-intro { padding:18px; gap:12px; } .training-intro h2 { font-size:18px; } .training-intro-icon { width:40px; height:40px; flex-basis:40px; } .training-video-card,.training-guide-card { padding:18px; } .training-guide-actions { flex-direction:column; } }
@media(max-width:540px) { .sidebar-nav { overflow-x:auto; overflow-y:hidden; justify-content:flex-start; overscroll-behavior-x:contain; scrollbar-width:thin; } .sidebar-nav .nav-item { flex:1 0 48px; } }