/* Line Slope Finder lesson styles: worked examples, diagrams, tables, practice answers. Scoped with ls- classes. */
.ls-example, .ls-problem {
	background: #f3f7fb;
	border: 1px solid #d7e2ec;
	border-radius: 8px;
	padding: 14px 18px;
}
.ls-example p, .ls-problem p { margin: 0.35em 0; }
.ls-example-title {
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #4a5b6b;
}
.ls-problem details { margin-top: 6px; }
.ls-problem summary { cursor: pointer; font-weight: 700; color: #1d5fc4; }
.ls-problem details[open] summary { margin-bottom: 4px; }
.ls-diagram { margin: 1.5em auto; text-align: center; }
.ls-diagram svg { width: 100%; max-width: 320px; height: auto; border: 1px solid #c3d2de; border-radius: 6px; }
.ls-diagram figcaption { font-size: 0.9em; color: #4a5b6b; margin-top: 6px; }
.ls-table { overflow-x: auto; }
.ls-table table { border-collapse: collapse; font-variant-numeric: tabular-nums; margin: 0 auto; }
.ls-table th, .ls-table td { border: 1px solid #c3d2de; padding: 6px 14px; text-align: center; }
.ls-table th { background: #eaf1f7; }
p.ls-try a {
	display: inline-block;
	background: #1d5fc4;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
	padding: 8px 16px;
	border-radius: 999px;
}
p.ls-try a:hover, p.ls-try a:focus-visible { background: #164c9e; color: #fff; }
.ls-footer-links a { text-decoration: none; }