/* SBE sections (block patterns): key facts box and publications list.
   Square corners, like the rest of the site. */

/* Key facts: light grey box, compact lines. */
.sbe-facts {
	background: #f3f3f3;
	padding: var(--wp--preset--spacing--30, 20px) var(--wp--preset--spacing--40, 30px);
}
.sbe-facts > * {
	margin-block-start: 0;
	margin-block-end: 0;
}
.sbe-facts > * + * {
	margin-block-start: 0.4em;
}
.sbe-facts strong {
	font-weight: 600;
}

/* Publications: no bullets, linked title with the details in grey below. */
.sbe-publications {
	list-style: none;
	padding-left: 0;
	color: var(--wp--preset--color--accent-4, #686868);
}
.sbe-publications > li + li {
	margin-block-start: 0.9em;
}
.sbe-publications a {
	color: var(--wp--preset--color--contrast, #111);
}
.sbe-publications a:hover {
	color: #555;
}

/* Read more links (pattern for posts): same look as the project block
   sbe/read-more (styles also in people.css, repeated here so the pattern
   looks right on posts and in the editor). */
.sbe-read-more .sbe-read-more__heading {
	margin-block-end: var(--wp--preset--spacing--30);
}
.sbe-read-more .sbe-read-more__list {
	margin-block-start: 0;
	padding-left: 1.2em;
}
.sbe-read-more .sbe-read-more__list li + li {
	margin-top: 0.4em;
}