/**
 * Mallow styling for plain content pages (owner ask 2026-09-19: "How to Grade
 * Your Games" was rendering in the theme's bare defaults).
 *
 * Scoped to <body class="mwb-content-page">, added only to the pages listed in
 * includes/content-pages.php, so ordinary editor pages are untouched.
 * Tokens mirror public/customer.css so the page matches the buylist app.
 */

body.mwb-content-page {
	--mwb-ink:        #422623;
	--mwb-cream:      #FFF7E3;
	--mwb-white:      #FFFDF6;
	--mwb-edge:       #E9D6AC;
	--mwb-rasp:       #D9538F;
	--mwb-teal:       #0E93A6;
	--mwb-caramel:    #E9B45C;
	--mwb-muted:      #8a6a52;
	--mwb-radius:     16px 19px 15px 20px;
	background: var(--mwb-cream);
	color: var(--mwb-ink);
}

/* The editor's content column. Block themes wrap it in .entry-content. */
body.mwb-content-page .entry-content,
body.mwb-content-page .wp-block-post-content {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 1.65;
	color: var(--mwb-ink);
}

body.mwb-content-page .entry-content h1,
body.mwb-content-page .entry-content h2,
body.mwb-content-page .entry-content h3,
body.mwb-content-page .entry-content h4 {
	font-family: 'Fredoka', 'Inter', system-ui, sans-serif;
	color: var(--mwb-ink);
	letter-spacing: -0.01em;
	line-height: 1.2;
}

body.mwb-content-page .entry-content h2 {
	font-size: 28px;
	margin: 38px 0 6px;
	padding-bottom: 8px;
	border-bottom: 2px dashed var(--mwb-edge);
}

body.mwb-content-page .entry-content h3 {
	font-size: 21px;
	margin: 26px 0 4px;
	color: var(--mwb-rasp);
}

body.mwb-content-page .entry-content a {
	color: var(--mwb-teal);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
}

body.mwb-content-page .entry-content strong {
	color: var(--mwb-ink);
}

body.mwb-content-page .entry-content em {
	color: var(--mwb-muted);
	font-style: normal;
	font-weight: 600;
}

/* Cards: the editor's columns and groups become Mallow panels. */
body.mwb-content-page .entry-content .wp-block-column,
body.mwb-content-page .entry-content .wp-block-group:not(:has(.wp-block-columns)) {
	background: var(--mwb-white);
	border: 1.5px solid var(--mwb-edge);
	border-radius: var(--mwb-radius);
	box-shadow: 0 2px 12px rgba(66, 38, 35, 0.10);
	padding: 16px 18px;
}

body.mwb-content-page .entry-content .wp-block-columns {
	gap: 18px;
}

body.mwb-content-page .entry-content .wp-block-column h3,
body.mwb-content-page .entry-content .wp-block-group h3 {
	margin-top: 0;
}

/* Lists: a caramel marker instead of the theme's grey dot. */
body.mwb-content-page .entry-content ul {
	list-style: none;
	padding-left: 4px;
}

body.mwb-content-page .entry-content ul li {
	position: relative;
	padding-left: 22px;
	margin: 6px 0;
}

body.mwb-content-page .entry-content ul li::before {
	content: '';
	position: absolute;
	left: 2px;
	top: 0.62em;
	width: 9px;
	height: 9px;
	border-radius: 3px 4px 3px 4px;
	background: var(--mwb-caramel);
}

body.mwb-content-page .entry-content ol li {
	margin: 6px 0;
}

@media (max-width: 782px) {
	body.mwb-content-page .entry-content {
		font-size: 16px;
	}
	body.mwb-content-page .entry-content h2 {
		font-size: 24px;
	}
}