@layer blocks {
	
	
	.blkHeader .blk__row > * + * {
		margin-top: var(--spacing4);
	}
	
	.blkHeader--type2 .blk__column:last-child > * + * {
		margin-top: var(--spacing4);
	}
	
	
	
	
	.blkHeader__intro a,
	.blkHeader__content a {
		color: var(--color__navy);
		text-decoration: underline;
		text-decoration-thickness: 2px;
		text-decoration-color: var(--color__blue--light);
		text-underline-offset: 0.18em;
		
		transition: color .3s;
	}
	
	.blkHeader__intro a:hover, 
	.blkHeader__content a:hover {
		color: var(--color__blue--light);
		text-decoration: none;
	}
	
	.blkHeader__content li + li {
		margin-top: var(--spacing1);
	}
	
	.blkHeader dl {
		margin-top: var(--spacing5);
	}
	
	.blkHeader dl > div {
		padding: var(--spacing3) 0;
		border-top: 1px solid var(--color__gray);
	}
	
	.blkHeader dl > div:last-child {
		border-bottom: 1px solid var(--color__gray);
	}
	
	@media (min-width: 48rem) {
		.blkHeader .blk__row > * + * {
			margin-top: 0;
		}
		
		.blkHeader .blk__row img {
			grid-column: span 12;
			width: 100%;
		}
		
		.blkHeader__intro,  
		.blkHeader__content {
			padding-right: var(--spacing5);
		} 
	}
}