/* Roam block overrides */

.roam .wp-block-quote {
	border-left: 2px solid var(--wp--preset--color--clay, #B5552F);
	padding-left: 1.5rem;
	margin: 2rem 0;
	font-family: var(--wp--preset--font-family--display, serif);
	font-style: italic;
}
.roam .wp-block-image img { box-shadow: 0 12px 30px -22px rgba(31,26,20,0.4); }
.roam .wp-block-cover { overflow: hidden; }
.roam .wp-block-separator {
	border: none;
	height: 1px;
	background: var(--wp--preset--color--border, #DDD2BA);
	max-width: 100px;
	margin: 2rem 0;
}

.roam .wp-block-table table {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	font-family: var(--wp--preset--font-family--sans, sans-serif);
	font-size: 0.95rem;
}
.roam .wp-block-table thead th {
	text-align: left;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	font-size: 0.72rem;
	font-family: var(--wp--preset--font-family--mono, monospace);
	color: var(--wp--preset--color--ink-soft, #544B3D);
	border-bottom: 1px solid var(--wp--preset--color--border, #DDD2BA);
	padding: 0.85rem 0.5rem;
}
.roam .wp-block-table td {
	padding: 0.85rem 0.5rem;
	border-bottom: 1px solid var(--wp--preset--color--border, #DDD2BA);
}

.roam .wp-block-code,
.roam .wp-block-preformatted {
	background: var(--wp--preset--color--ivory-deep, #ECE3D0);
	border: 1px solid var(--wp--preset--color--border, #DDD2BA);
	padding: 1.25rem 1.5rem;
	font-family: var(--wp--preset--font-family--mono, monospace);
	font-size: 0.86rem;
	overflow-x: auto;
}

.roam h1 { font-size: clamp(3rem, 7vw, 5.6rem); }
.roam h2 { font-size: clamp(2.2rem, 4.5vw, 3.6rem); }
.roam h3 { font-size: clamp(1.4rem, 2.2vw, 1.9rem); }

.roam em, .roam i { font-family: var(--wp--preset--font-family--display, serif); font-style: italic; }