/* 
TODO
- dynamic margin to splash
*/

/* Typography */
.news header {
	font-weight: var(--font-weight-bold);
	/*display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	gap: 1ch;*/
}
.news h2 {
	text-align: center;
}
@media screen and (min-width: 48em) {
	.news h2 {
		text-align: left;
	}
}
.news header h3 {
	display: inline-block;
}
.news header h4 {
	display: inline;
}

/* Layout */

.news {
	margin-block-start: var(--flow-space);
}
/*
@media screen and (max-width: 59.938em) and (orientation: portrait) {
  .news {
  	margin-block-start: var(--padding-stage);
  }
}
@media screen and (max-width: 63.938em) and (orientation: landscape) {
  .news {
  	margin-block-start: var(--padding-stage);
  }
}
*/
@media screen and (max-width: 63.938em) {
  .news {
  	margin-block-start: var(--padding-stage);
  }
}
.news ul {
	--flow-space: 2em;
}
.news li {
	--flow-space: 1em;
}
.news li > * {
	--flow-space: 0;
}
@media screen and (min-width: 48em) {
	.news ul {
		/*margin-left: 20%;*/
		padding: 0 var(--offset-headline);
		padding-inline-end: 0;
	}
}
/*
.news header > * {
	display: contents;
}
.news header {
	overflow: hidden;
}
.news header > * {
	float: left;
}
*/
/*
@media screen and (min-width: 48em) {
	.news {
		padding: 2rem calc((1 * var(--offset-headline)) - var(--border-width));
	}
}
*/