/**
 * Poem blocks.
 *
 * The whole point is `white-space: pre-wrap`: HTML normally collapses a run of
 * spaces or tabs down to one, which flattens any poem whose shape depends on
 * indentation. Everything else here just undoes the browser's default <pre>
 * styling so the block still reads as body text rather than as code.
 */
.poem {
	white-space: pre-wrap;

	/* Inherit the surrounding type instead of dropping to monospace. */
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: inherit;

	/* The post body is justified, which stretches a poem's lines. Never for poetry. */
	text-align: left;

	/* Undo the default <pre> box. */
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	margin: 0 0 1.5em;

	/* Wrap long lines rather than growing a horizontal scrollbar on phones. */
	max-width: 100%;
	overflow: visible;
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: normal;
	hyphens: none;

	-moz-tab-size: 4;
	tab-size: 4;
}

/* Inline emphasis inside a poem should still behave. */
.poem em,
.poem i {
	font-style: italic;
}

.poem strong,
.poem b {
	font-weight: 700;
}

.poem a {
	color: inherit;
}