/*
 * Readable defaults inside the "evisio-prose" Group (inc/prose-pages.php): the AI info page, the
 * BBB partners page and the free SEO tools. Tailwind's reset leaves bare headings, lists and tables.
 */

.evisio-prose {
	max-width: 760px;
	margin: 0 auto;
	color: #221F20;
	font-size: 1.0625rem;
	line-height: 1.7;
	text-align: left;
}

.evisio-prose h2 {
	color: #31A3A4;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.3;
	margin: 2.5rem 0 0.75rem;
}

.evisio-prose h3 {
	color: #221F20;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.4;
	margin: 1.75rem 0 0.5rem;
}

.evisio-prose p {
	margin: 0 0 1rem;
}

.evisio-prose ul,
.evisio-prose ol {
	margin: 0 0 1.25rem;
	padding-left: 1.5rem;
}

.evisio-prose ul {
	list-style: disc;
}

.evisio-prose ol {
	list-style: decimal;
}

.evisio-prose li {
	margin-bottom: 0.35rem;
}

.evisio-prose a {
	color: #00699A;
	text-decoration: underline;
}

.evisio-prose h3 a {
	color: inherit;
}

.evisio-prose .wp-block-table {
	margin: 0 0 1.5rem;
	overflow-x: auto;
	border: 1px solid #E5E7EB;
	border-radius: 0.5rem;
	background: #FFFFFF;
}

.evisio-prose table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.95rem;
}

/* .wp-block-table in the selector to beat core's block style (1px solid borders, .5em padding). */
.evisio-prose .wp-block-table th,
.evisio-prose .wp-block-table td {
	border: 0;
	border-bottom: 1px solid #E5E7EB;
	padding: 0.75rem 1rem;
	text-align: left;
	vertical-align: top;
}

.evisio-prose .wp-block-table tr:last-child th,
.evisio-prose .wp-block-table tr:last-child td {
	border-bottom: 0;
}

.evisio-prose .wp-block-table tr:nth-child(even) {
	background: #F9FAFB;
}

.evisio-prose .wp-block-table th,
.evisio-prose .wp-block-table thead td,
.evisio-prose .wp-block-table tbody td:first-child:not(:only-child) {
	font-weight: 600;
}

.evisio-prose .wp-block-table tbody td:first-child:not(:only-child) {
	width: 30%;
	color: #4B5563;
}

.evisio-prose code {
	color: #221F20;
	background: #F5F7FA;
	border-radius: 0.25em;
	padding: 0.1em 0.35em;
	font-size: 0.9em;
	overflow-wrap: anywhere;
}

.evisio-prose pre.wp-block-code {
	background: #F5F7FA;
	border-radius: 0.5rem;
	padding: 1rem 1.25rem;
	margin: 0 0 1.5rem;
	overflow-x: auto;
	font-size: 0.9rem;
	line-height: 1.6;
}

.evisio-prose pre.wp-block-code code {
	background: none;
	padding: 0;
	overflow-wrap: normal;
	white-space: pre;
}