body {
	margin: 0;
	font-family: sans-serif;
	display: flex;
	height: 100vh;
	overflow: hidden;
}

.puzzle-panel {
	flex: 0 0 33.333%;
	height: 100vh;
	overflow-y: auto;
	padding: 1rem 1.25rem;
	box-sizing: border-box;
	background: #f5f5f5;
	border-right: 2px solid #ccc;
}

.puzzle-panel h1 {
	margin: 0 0 0.75rem;
	font-size: 1.25rem;
}

.puzzle-panel .tests {
	margin: 0 0 1rem;
	font-size: 0.9rem;
}

.steps-panel {
	flex: 1;
	height: 100vh;
	overflow-y: auto;
	padding: 1rem 1.5rem;
	box-sizing: border-box;
}

.steps-panel h1 {
	margin: 0 0 1rem;
	font-size: 1.25rem;
}

.steps-content {
	line-height: 1.5;
}

.steps-empty {
	color: #666;
	font-style: italic;
}

td.modified {
	background: #4caf50;
	color: white;
	font-weight: bold;
}

tr {
	padding: 10px;
	margin: 10px;
	background: green;
}

td {
	padding: 10px;
	margin: 10px;
	background: yellow;
}

table.grille {
	padding: 10px;
	margin: 10px 0;
	background: lightblue;
}

.steps-panel table {
	padding: 10px;
	margin: 10px 0;
	background: lightblue;
}

.row0{
	border-top: 4px solid black;
	border-bottom: 1px solid gray;
}

.row1{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

.row2{
	border-top: 1px solid gray;
}

.row3{
	border-top: 4px solid black;
	border-bottom: 1px solid gray;
}

.row4{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

.row5{
	border-top: 1px solid gray;
}

.row6{
	border-top: 4px solid black;
	border-bottom: 1px solid gray;
}

.row7{
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}

.row8{
	border-top: 1px solid gray;
	border-bottom: 4px solid black;
}

.col0{
	border-left: 4px solid black;
	border-right: 1px solid gray;
}

.col1{
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

.col2{
	border-left: 1px solid gray;
}

.col3{
	border-left: 4px solid black;
	border-right: 1px solid gray;
}

.col4{
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

.col5{
	border-left: 1px solid gray;
}

.col6{
	border-left: 4px solid black;
	border-right: 1px solid gray;
}

.col7{
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

.col8{
	border-left: 1px solid gray;
	border-right: 4px solid black;
}