.main_container {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	gap: 1rem;
}

.small_container {
	display: grid;
	grid-template-columns: 0 1fr 0;
	gap: 1em;
}

#chapters_container {
	grid-column: 1;
	grid-row: 2;
}

#chapters_heading {
	margin: 0;
	font-size: larger;
}

#chapters_list {
	padding-left: 1.25rem;
	margin: 0;
}

.chapters_list_item {
	margin: 0.7rem 0;
}

.chapters_list_item::marker {
	font-size: smaller;
}

.section_title {
	margin: 0;
	grid-column: 2;
	text-align: center;
	font-weight: bold;
	min-width: 0;
}

.text_section {
	grid-row: 2;
	grid-column: 2;
}

.text_wrapper {
	padding: 1rem;
	width: 100%;
	box-sizing: border-box;
	resize: vertical;

	background: black;
	border: 1px solid var(--softColor);

	text-indent: 0.66rem;
	line-height: 1.5;
	white-space: collapse;
}

.text_wrapper p {
	min-height: 1em;
}

#save_button {
	width: 100%;
	border: none;
	text-align: left;
}

.chapter_display {
	margin: 0.75rem;
}

.red_button {
	margin: 0.5em;
	padding: 0.5em 1em;
}

.small_button {
	font-size: small;
	margin: 0;
	padding: 0.33em;
}

#chapters_modal_button {
	display: none;
}

#story_form .text_wrapper,
#story_form .section_title {
	text-indent: unset;
	line-height: initial;
	padding: 0.5rem;
	text-align: left;
	width: 100%;
}

.pseudo_checkbox {
	text-align: left;
	padding: 0;
}

@media (max-width: 1200px) {
	.main_container {
		grid-template-columns: 2em 5fr 2em;
	}

	#chapters_container {
		display: none;
	}

	#chapters_modal_button {
		display: inline-block;
	}

	.text_section {
		grid-column: 1 / span 3;
	}
}