/* 
TODO
- dynamic margin to splash
*/

/* Typography */
.news h2 {
	text-align: center;
}
@media screen and (min-width: 48em) {
	.news h2 {
		text-align: left;
	}
}
.news header {
	font-weight: var(--font-weight-bold);
}
.news header h3 {
	display: inline-block;
}
.news header h4 {
	display: inline;
}

/* Layout */
.news {
	margin-block-start: var(--flow-space);
}
@media screen and (max-width: 63.938em) {
  .news {
  	margin-block-start: var(--padding-stage);
  }
}
.news ul {
	--flow-space: 2em;
}
@media screen and (min-width: 48em) {
	.news ul {
		padding: 0 var(--offset-headline);
		padding-inline-end: 0;
	}
}
.news li {
	--flow-space: 1em;
}
.news li > * {
	--flow-space: 0;
}