/**
 * 121 Platform
 * Typography Foundation
 *
 * Supplements typography configured in theme.json.
 *
 * @package 121_Platform
 */

body {
	overflow-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-wrap: balance;
}

p,
li,
figcaption,
blockquote {
	text-wrap: pretty;
}

p {
	max-width: 70ch;
}

ul,
ol {
	padding-inline-start: 1.25em;
}

li + li {
	margin-block-start: 0.35em;
}

blockquote {
	margin-inline: 0;
}

blockquote p {
	font-size: var(--wp--preset--font-size--large);
}

small {
	font-size: var(--wp--preset--font-size--small);
}

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
		"Liberation Mono", "Courier New", monospace;
}

pre {
	max-width: 100%;
	overflow-x: auto;
	padding: var(--wp--preset--spacing--50);
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--small);
}

hr {
	border: 0;
	border-top: 1px solid var(--wp--preset--color--border);
}