.minerva__tab-container {
	white-space: nowrap;
	overflow-x: auto;

	.minerva__tab {
		font-size: @font-size-tag-line;
		margin: 0 10px 0 0;
		font-weight: bold;
		padding-bottom: 6px;
		display: inline-block;

		a {
			color: var( --color-subtle );
		}

		a:visited,
		a:hover,
		a:active {
			text-decoration: none;
		}

		&.new a,
		&.new a:visited,
		&.new a:hover,
		&.new a:active {
			color: var( --color-link-red );
		}

		&:last-child {
			margin-right: 0;
		}

		// note core doesn't use BEM.
		&.selected {
			border-bottom: @border-width-thick @border-style-base #54595d;
		}
	}
}