/* Release 260: distinguish the News submission mode from the main submission type tabs. */
body.cs2day-v2 .cs2-submission .cs2-tabs--sub {
	align-items: stretch;
	background: transparent;
	border: 0;
	border-left: 3px solid color-mix(in srgb, var(--cs2-accent) 52%, var(--cs2-dashboard-line));
	border-radius: 0;
	gap: 8px;
	margin: 2px 0 18px 12px;
	padding: 0 0 0 12px;
}

body.cs2day-v2 .cs2-submission .cs2-tabs--sub::before {
	align-self: center;
	color: var(--cs2-text-muted);
	content: "News-Format";
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.cs2day-v2 .cs2-submission .cs2-tabs--sub a {
	background: transparent;
	border-color: transparent;
	border-radius: 3px;
	color: var(--cs2-text-muted);
	min-height: 32px;
	padding: .4rem .7rem;
}

body.cs2day-v2 .cs2-submission .cs2-tabs--sub a:hover,
body.cs2day-v2 .cs2-submission .cs2-tabs--sub a:focus-visible {
	background: var(--cs2-desk-surface-soft);
	border-color: var(--cs2-dashboard-line);
	color: var(--cs2-text);
}

body.cs2day-v2 .cs2-submission .cs2-tabs--sub a.is-active {
	background: transparent;
	border-color: transparent;
	box-shadow: inset 0 -2px 0 var(--cs2-accent);
	color: var(--cs2-text);
}

@media (max-width: 640px) {
	body.cs2day-v2 .cs2-submission .cs2-tabs--sub {
		align-items: flex-start;
		flex-wrap: wrap;
		margin-left: 0;
	}

	body.cs2day-v2 .cs2-submission .cs2-tabs--sub::before {
		flex-basis: 100%;
	}
}
