.top-row
	{
		background-color: #E8E8E8;
		padding: calc( 20px + 25 * var( --font-scale ) );
	}

.logo img
	{
		width: 100%;
	}

.menu
	{

	}

.menu-item a
	{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;

		border-bottom: 4px solid transparent;
		text-align: left;
		color: #707070;
		font-size: calc( 16px + 11 * var( --font-scale ) );
	}

.menu-item a:is( :hover, [data-active="true"] )
	{
		border-bottom-color: #707070;
	}