.training-banner, .pii-banner { position: sticky; top: 0; z-index: 45; display: flex; flex-wrap: wrap; gap: .6rem 1.2rem; padding: .85rem 1.4rem; background: #fef3c7; color: #78350f; border-bottom: 2px solid #d97706; }
.training-banner a, .pii-banner a { color: #78350f; text-decoration: underline; }
.training-badge { font-size: .72rem; padding: .2rem .45rem; border: 1px solid var(--warn); border-radius: .3rem; white-space: nowrap; }
.training-tabs,.training-actions,.training-pagination { display:flex; flex-wrap:wrap; gap:.6rem; align-items:center; margin: 1rem 0; }
.training-tabs a { padding:.45rem .7rem; border:1px solid var(--border); border-radius:.4rem; }
.training-selected { background:var(--accent); color:white; }
.training-highlight { outline:3px solid var(--warn); outline-offset:3px; }
.training-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:.8rem; }
.training-metrics .panel { margin:0; padding:1rem; }
.training-metrics strong { display:block; font-size:1.8rem; }
.training-metrics span { color:var(--muted); }
.training-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1rem; }
.training-table { overflow-x:auto; }
.training-map { display:block; width:100%; max-height:560px; background:var(--bg); border:1px solid var(--border); margin:1rem 0; }
.training-heading h1 { margin-top:.3rem; }
#training-detail pre, .training-table pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:400px; overflow:auto; }
.training-actions form { margin:0; }
.training-table input[type=checkbox] { width:auto; }
@media (max-width: 800px) {
  .training-banner, .pii-banner { top: calc(3.5rem + env(safe-area-inset-top)); z-index: 20; padding: .75rem 1rem; }
  .training-columns { grid-template-columns: minmax(0, 1fr); }
  .training-metrics { grid-template-columns: repeat(auto-fit, minmax(min(145px, 100%), 1fr)); }
}
@media print { .training-banner, .pii-banner { position:static; } .training-actions,.training-tabs { display:none; } }