@font-face {
	font-family: "JATS Studio Source Sans 3";
	src: url("../fonts/source-sans-3/SourceSans3-JATSStudio-Regular.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "JATS Studio Source Sans 3";
	src: url("../fonts/source-sans-3/SourceSans3-JATSStudio-Bold.woff") format("woff");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

.jsreader-brand {
	display: inline-flex;
	align-items: baseline;
	gap: 0;
	color: #727b89;
	font-family: "JATS Studio Source Sans 3", "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
	font-size: 0.7rem;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.01em;
	line-height: 1;
	opacity: 0.88;
	white-space: nowrap;
}

.jsreader-brand__lead {
	margin-right: 0.24em;
}

.jsreader-brand__mark {
	display: inline-flex;
	align-items: baseline;
	gap: 0;
}

.jsreader-brand__jats {
	color: #505b6b;
	font-family: inherit;
	font-style: normal;
	font-weight: 700;
}

.jsreader-brand__studio {
	color: #7246a2;
	font-family: inherit;
	font-style: italic;
	font-weight: 400;
}

.jsreader-brand__contribution {
	color: inherit;
}

.jshr__actions {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	flex: 0 0 auto;
}

@media (max-width: 1250px) {
	.jsreader-brand {
		max-width: 154px;
		justify-content: flex-end;
		flex-wrap: wrap;
		font-size: 0.6rem;
		line-height: 1.08;
		white-space: normal;
	}

	.jsreader-brand__contribution {
		flex: 0 0 100%;
		margin-top: 0.12em;
		text-align: right;
	}

	.jshr__actions {
		gap: 7px;
	}
}

@media (max-width: 480px) {
	.jsreader-brand {
		max-width: 112px;
		font-size: 0.54rem;
	}

	.jshr__download {
		min-width: 34px;
		justify-content: center;
	}

	.jshr__download span:last-child {
		display: none;
	}

}