.grid{
	margin:2em auto 0;
	width:64em;
	max-width:100%;
}
.grid > div, .grid > a {
	margin-left:1em;
	margin-right:1em;
}
@supports(display:grid){
	.grid{
		display:grid;
		gap:4em 3em;
		grid-template-columns:repeat(auto-fill, minmax(22em, 1fr));
		justify-content:center;
		padding:3vh 2em;
		width:168em;
    }
	.grid > div,.grid > a{
		height:max-content;
		margin-left:.1rem;
		margin-right:.1rem;
	}
	.yani .grid{
		transition:margin .5s ease;
	}
	.grid .card,.grid .txt-block{
		display:block;
		margin:0 auto;
		width:100%;
	}
	.grid .txt-block-mid-align{
		vertical-align:middle;
	}
	.txt-block--long{
		grid-row: span 2;
	}
}

@supports (grid-auto-flow:dense) and (container-name:name){
	.grid-container{
		container-name:grid-container;
		container-type:inline-size;
	}
	.grid{
		grid-auto-flow:dense;
		grid-template-columns:1fr;
	}
	@container grid-container (min-width:46em){
		.grid{
			grid-template-columns:repeat(2,1fr);
		}
		.grid .circle-pic{
			display:inline-block;
			grid-column:span 2;
			grid-row:span 2;
			width:100%;
		}
	}
	@container grid-container (min-width:78em){
		.grid{
			grid-template-columns:repeat(3,1fr);
		}
	}
	@container grid-container (min-width:110em){
		.grid{
			grid-template-columns:repeat(4,1fr);
		}
	}
	@container grid-container (min-width:120em){
		.grid{
			grid-template-columns:repeat(5,1fr);
		}
	}
	@container grid-container (min-width:140em){
		.grid{
			grid-template-columns:repeat(6,1fr);
		}
	}
}

@media (min-width:74em){
	.yani .grid-container--bg-open{
		width:calc(100% - min(15.5vw,19em));
		margin-left:1em;
	}
	.yani .grid-container--bg-open .heading{
		border-radius:.125em .5em 0 0;
	}
}
@media (min-width:81em){
	.grid, .yani.topical-grid .grid{
		margin-top:3vh;
	}
	.grid-container--compact-top .grid,
	.yani.topical-grid .grid-container--compact-top .grid{
		margin-top:0;
	}
}
@media (min-width:91em) and (min-height:64em){
	.yani .grid-container{
		margin-top:28vh;
	}
	.grid-container--compact-top,
	.yani .grid-container--compact-top{
		margin-top:1em;
	}
	.projecteda-biglogo-wrap + .yani .grid-container,
	.yani .grid-container + .grid-container{
		margin-top:3vh;
	}
}