/* Training module — lightweight UI helpers */
.training-hero { margin: 0 0 1.25rem; }
.training-hero h1 { margin: 0 0 .35rem; font-size: 1.45rem; }
.training-sub { margin: 0; color: #64748b; font-size: .95rem; }
.training-card {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: 1rem 1.25rem;
	margin-bottom: 1rem;
}
.training-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: .75rem;
	margin-bottom: 1rem;
}
.training-stat {
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	padding: .85rem 1rem;
}
.training-stat .k { font-size: .8rem; color: #64748b; text-transform: uppercase; letter-spacing: .02em; }
.training-stat .v { font-size: 1.4rem; font-weight: 600; color: #0f172a; margin-top: .2rem; }
.training-badge {
	display: inline-block;
	background: #eef2ff;
	color: #3730a3;
	border-radius: 999px;
	padding: .2rem .65rem;
	font-size: .8rem;
	margin: .15rem;
}
.training-progress {
	height: 8px;
	background: #e2e8f0;
	border-radius: 4px;
	overflow: hidden;
	margin-top: .4rem;
}
.training-progress > span {
	display: block;
	height: 100%;
	background: #2563eb;
}
.training-public-wrap {
	max-width: 820px;
	margin: 1.5rem auto;
	padding: 1rem;
}
.training-options label {
	display: block;
	padding: .5rem .75rem;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
	margin: .35rem 0;
	cursor: pointer;
}
.training-options label:hover { background: #f8fafc; }
.training-pass { color: #15803d; font-weight: 600; }
.training-fail { color: #b91c1c; font-weight: 600; }
.training-meta { color: #64748b; font-size: .85rem; }
.training-table td, .training-table th { vertical-align: top; }
.training-actions { margin: .75rem 0; }
.training-actions .button { margin-right: .35rem; }
.training-lesson-body { line-height: 1.55; }
.training-lesson-body img { max-width: 100%; height: auto; }
.training-link-box {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-size: .85rem;
	word-break: break-all;
	background: #f1f5f9;
	padding: .75rem;
	border-radius: 6px;
}
.training-workflow-help {
	background: #f8fafc;
	border-color: #cbd5e1;
}
.training-workflow-help h3 {
	margin: 0 0 .65rem;
	font-size: 1rem;
	color: #334155;
}
.training-workflow-body ol {
	margin: 0;
	padding-left: 1.25rem;
	line-height: 1.55;
}
.training-workflow-body li { margin-bottom: .35rem; }