@charset "UTF-8";

@use "sass:map";

@use "./fonts/merriweather-family";

@import './partials/darwin/eds-springernature-theme-enhanced';

// token below removed in EDS Alpha 14, needed to support components from frontend-toolkits such as global-popup
$t-border-color-primary: $t-a-border-color-primary;
// tokens below removed in EDS Alpha 16, needed to support components from frontend-toolkits such as global-ad, global-author-list and global-status-message. And also to support article page styling which continued to use frontend-toolkits variables after EDS release
$context--font-family-sans: $t-a-typography-font-family-default;
$context--font-family-serif: $t-a-typography-font-family-long-text;
$context--font-size-sm: $t-a-typography-font-size-s;
$context--line-height-tight: $t-a-typography-line-height-tight;
$context--font-weight-bold: $t-a-typography-font-weight-bold;
$context--button-transition: all 0.2s;
$context--button-border-radius: $t-a-space-absolute-800;
$context--button-font-size-large: $t-a-typography-font-size-s;
$context--button-padding-large: $t-a-space-absolute-400;

// Frontend Toolkits
@import '../../../../../node_modules/@springernature/brand-context/default/scss/30-mixins/keyframes';
@import '../../../../../node_modules/@springernature/global-ad/scss/10-settings/default';
// variables needed to support global-ad after EDS Alpha 16
$ad--label-margin-bottom: $t-a-space-absolute-100;
$ad--padding: $t-a-space-absolute-200;
$ad--leaderboard-ad-inner-min-height: calc(#{$ad--label-line-height}em + #{$ad--label-margin-bottom} + #{$ad--leaderboard-height});
$ad--mpu-ad-inner-min-height: calc(#{$ad--label-line-height}em + #{$ad--label-margin-bottom} + #{$ad--mpu-height});

@import '../../../../../node_modules/@springernature/global-ad/scss/50-components/ad';
@import '../../../../../node_modules/@springernature/global-author-list/scss/10-settings/default';
@import '../../../../../node_modules/@springernature/global-status-message/scss/10-settings/default';
// variables needed to support global-status-message after EDS Alpha 16
$status-message--border: 1px solid #ccc;
$status-message--gutter: $t-a-space-absolute-400;
$status-message--gutter-icon: $t-a-space-absolute-200;

@import '../../../../../node_modules/@springernature/global-status-message/scss/50-components/status-message';
// override use of spacing from status-message component
.c-status-message {
	*:last-child {
		margin-bottom: 0;
	}
}

// EDS
@import '../../../../../node_modules/@springernature/elements/components/eds-c-card';
@import '../../../../../node_modules/@springernature/elements/components/eds-c-button';
@import '../../../../../node_modules/@springernature/elements/components/eds-c-header';
@import '../../../../../node_modules/@springernature/elements/components/eds-c-footer';
@import '../../../../../node_modules/@springernature/elements/components/eds-c-pagination';

// EDS override folder
@import '../../../../../eds/component-overrides/breadcrumbs';
@import '../../../../../eds/component-overrides/skip-link';
@import '../../../../../eds/component-overrides/layout-with-sidebar/shared-darwin-article';
@import '../../../../../eds/component-overrides/header';
@import '../../../../../eds/component-overrides/lists';
@import '../../../../../eds/component-overrides/meta';
@import '../../../../../eds/component-overrides/popup';

// Product components
@import 'partials/darwin/masthead';
@import 'partials/darwin/card-open';
@import 'partials/darwin/card-service';
@import 'partials/darwin/mathjax';
@import 'partials/darwin/generated-content';
@import 'partials/darwin/accessibility-info-banner';

// EDS Utilities
@import '../../../../../node_modules/@springernature/elements/themes/springernature/scss/utilities';

// Greyscale settings below override those coming from the lib/frontend/elements/themes/springernature/scss/variables/colors/default as they are article specific
// TODO: We need to think about getting them all to come from elements
// greyscale settings
$context--greyscale-base: #222;
$context--greyscale-min: 0;
$context--greyscale-max: 80;

// support button mixin after it was removed from elements/themes/springernature/scss/enhanced in EDS alpha 14
@import '../../../../../node_modules/@springernature/brand-context/default/scss/30-mixins/buttons';

// Shared article - Product settings & styling
@import '../../../../../shared/scss/shared-article/10-settings/darwin';
@import '../../../../../shared/scss/shared-article/40-base/typography';
@import '../../../../../shared/scss/shared-article/darwin-enhanced';

// the below variables are needed because /shared-article/ and frontend/shared/scss/ sass files need to use eds alpha 16 variable names only, not a mix of eds and frontend-toolkits variable names. this is because eds alpha 16 deprecated old variable names
$t-a-typography-font-family-default: $context--font-family-sans;
$t-a-typography-font-family-long-text: $context--font-family-serif;
$t-a-space-absolute-100: 4px;
$t-a-space-absolute-200: 8px;
$t-a-space-absolute-400: 16px;
$t-a-space-absolute-600: 24px;
$t-a-space-absolute-800: 32px;
$t-a-space-absolute-1200: 48px;
$t-a-space-absolute-1600: 64px;
$t-a-typography-font-size-s: $context--font-size-sm;
$t-a-palette-default-greyscale-800: #222;
$t-a-typography-line-height-md: $context--line-height-tight;

@import '../../../../../shared/scss/author-list';

/* New Darwin styles */
h1,
h2,
h3,
h4,
h5 {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.c-article-main a[href*="#"]:visited {
	color: $t-a-link-color-resting;
}

button:focus {
	@include u-focus-outline;
}

input:not([disabled]):focus {
	@include u-focus-outline;
}

*:not(button, a[href]):focus {
	outline: 0;
}

.c-pdf-container {
	flex-grow: 1;
}

.c-article-sidebar {
	display: none;
}

@include from-desktop {
	.c-article-sidebar {
		display: block;
	}
}

.c-article-main .c-article-cod-access,
.c-article-main-column .c-article-cod-access,
.c-article-buy-box--article {
	display: block;
}

@include from-desktop {
	.c-article-main .c-article-cod-access,
	.c-article-main-column .c-article-cod-access,
	.c-article-buy-box--article {
		display: none;
	}
}

.c-cod__form {
	border-radius: $article--default-border-radius;
}

.c-cod__label {
	font-size: $t-a-typography-font-size-xs;
}

.c-cod .c-status-message {
	align-items: center;
	margin-bottom: $article--vertical-spacing-medium;
	padding-bottom: $article--vertical-spacing-medium;
	justify-content: center;
}

@include from-desktop {
	.c-cod .c-status-message {
		align-items: inherit;
	}
}

.c-cod .c-status-message__icon {
	margin-top: 4px;
}

.c-cod .c-cod__prompt {
	font-size: $t-a-typography-font-size-s;
	margin-bottom: $t-a-space-absolute-400;
}


.c-spp-access-message {
	font-weight: bold;
	padding: $article--vertical-spacing-medium;
	border-bottom: 2px solid $t-l-color-green-400;
	display: flex;
	margin: 0;
}
.c-spp-access-message .c-status-message__icon {
	margin-top: 8px;
	color: $t-l-color-green-400;
}

.c-spp-access-info {
	text-align: center;
	background: #eff6fb;
	padding: $article--vertical-spacing-medium $article--vertical-spacing-large;
	margin: 0 0 $article--vertical-spacing-medium;
}

.c-spp-access-info p,
.c-spp-access-info h3 {
	margin: 0 0 $article--vertical-spacing-medium;
}

.c-spp-access-info__units {
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	margin: $article--vertical-spacing-medium 0;
}

.c-spp-access-info__units span {
	text-decoration: underline;
	cursor: pointer;
}

.c-spp-access-info__units-description {
	text-align: left;
	border-left: 8px solid #d5d5d5;
	padding-left: $article--vertical-spacing-medium;
}

.c-spp-access-info__units {
	list-style: none;
}

.c-spp-access-info__units::marker,
.c-spp-access-info__units::-webkit-details-marker {
	display: none;
}

.c-external-link__icon {
	fill: $t-a-link-color-resting;
	vertical-align: middle;
}

.c-book-body .app-article-access,
.c-article-body .app-article-access {
	display: block;
}

@include from-desktop {
	.c-book-body .app-article-access,
	.c-article-body .app-article-access {
		display: none;
	}
}

// Used for the Use our pre-submission checklist section
.c-article-body .app-card-service {
	margin-bottom: $t-a-space-absolute-800;
}

@include from-desktop {
	.c-article-body .app-card-service {
		display: none;
	}
}

.app-article-access .u-button--primary,
.app-article-access .buybox__buy .u-button--secondary,
.c-cod__row .u-button--primary {
	background-color: $t-a-link-color-resting;
	border: 2px solid $t-a-link-color-resting;
	box-shadow: none;
	line-height: $t-a-typography-line-height-md;
	justify-content: center;
	gap: 8px;
	font-size: $t-a-typography-font-size-s;
	font-weight: $t-a-typography-font-weight-bold;
	padding: $t-a-space-absolute-200 $t-a-space-absolute-600;

	&:hover {
		background-color: $t-a-palette-default-white;
		color: $t-a-link-color-resting;
	}
}

.app-article-access .buybox__buy .u-button--secondary {
	background-color: $t-a-palette-default-white;
	color: $t-a-link-color-resting;

	&:hover {
		background-color: $t-a-link-color-resting;
		color: $t-a-palette-default-white;
	}
}

.buybox__buy .c-notes__text {
	color: $t-a-palette-default-greyscale-600;
	font-size: $t-a-typography-font-size-xs;
	padding: 0 $t-a-space-absolute-400 $t-a-space-absolute-200;
}

.c-cod__input {
	flex-basis: auto;
	width: 100%;
}

/* Overrides for common article styles */
.c-article-title {
	font-family: $t-a-typography-font-family-default;
	font-weight: $t-a-typography-font-weight-bold;
	font-size: $t-a-typography-font-size-hxl;
	font-size: min(max($t-a-typography-font-size-l, 4vw), $t-a-typography-font-size-hxl);
	line-height: $t-a-typography-line-height-tighter;
	margin: 12px 0;
}

.c-article-title--long {
	font-size: $t-a-typography-font-size-xl;
	font-size: min(max($t-a-typography-font-size-l, 3vw), $t-a-typography-font-size-xl);
}

.c-article-title__super {
	color: $t-a-palette-default-white;
	line-height: $t-a-typography-line-height-tight;
	margin: 16px 0 -16px;
}

.c-article-title__sub {
	margin: 0;

	&:last-of-type {
		margin-bottom: $t-a-space-absolute-600;
	}
}

@include from-wide-tablet {
	.c-article-title {
		margin: 16px 0;
	}
}

.c-article-section__title {
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-font-size-xl;
	font-size: min(max($t-a-typography-font-size-l, 3vw), $t-a-typography-font-size-xl);
	font-weight: $t-a-typography-font-weight-bold;
	border-bottom: 1px solid $t-a-palette-default-blue-light;
	padding-bottom: 8px;
	margin-bottom: 16px;
}

.app-article-access {
	border-radius: $article--default-border-radius;
	border: 1px solid $t-a-palette-default-blue-light;
	margin: 0 0 $t-a-space-absolute-800;

	&__heading {
		border-bottom: 1px solid $t-a-palette-default-blue-light;
		font-family: $t-a-typography-font-family-default;
		font-size: $t-a-typography-font-size-default;
		text-align: center;
		font-weight: $t-a-typography-font-weight-bold;
		padding: $t-a-space-absolute-400;
		margin: 0;
	}

	&__subscriptions {
		border-top: 1px solid $t-a-palette-default-blue-light;
		padding: $t-a-space-absolute-400;

		svg {
			vertical-align: middle;
		}
	}
}

.app-article-access__heading--top-border {
	border-top: 1px solid $t-a-palette-default-blue-light;
	border-bottom: none;
}

.c-article-body .app-article-access p {
	margin-bottom: 0;
}

.app-article-access .buybox__info,
.app-article-access .app-article-access__subscriptions {
	font-size: $t-a-typography-font-size-s;
	font-family: $t-a-typography-font-family-default;
	margin: 0;
}

.app-article-access .buybox__info svg {
	vertical-align: middle;
}

@include from-desktop {
	.app-article-access {
		margin: 0 0 $t-a-space-absolute-600;
	}
}

.app-checklist-banner {
	border-radius: $article--default-border-radius;
	border: 1px solid $t-a-palette-default-blue-light;
	margin: -16px 0 48px;
}

.app-checklist-banner__title {
	margin: 0 0 8px;
}

@include from-desktop {
	.app-checklist-banner {
		margin: 0 0 $t-a-space-absolute-600;
	}
}

.c-article__sub-heading {
	font-size: $t-a-typography-font-size-l;
	font-size: min(max($t-a-typography-font-size-md, 3vw), $t-a-typography-font-size-l);
	font-weight: $t-a-typography-font-weight-bold;
}

.c-article__sub-heading--small {
	font-size: $t-a-typography-font-size-md;
	font-size: min(max($t-a-typography-font-size-default, 2vw), $t-a-typography-font-size-md);
	font-weight: $t-a-typography-font-weight-bold;
}

.c-status-message {
	font-size: $t-a-typography-font-size-s;
	font-size: min(max($t-a-typography-font-size-xs, 2vw), $t-a-typography-font-size-s);
}

.c-article-section {
	line-height: $t-a-typography-line-height-base;
	margin-bottom: 48px;
}

.c-article-body {
	font-size: $t-a-typography-font-size-default;
	font-size: min(max($t-a-typography-font-size-s, 2vw), $t-a-typography-font-size-default);
}

.c-article-body p,
.c-article-body ul,
.c-article-body ol,
.c-article-body dl {
	margin-top: 0;
	margin-bottom: $t-a-space-absolute-800;
}

.c-article-access-provider,
.c-notes {
	padding: $article--vertical-spacing-medium;
	margin-bottom: $t-a-space-absolute-800;
}

.c-notes__text {
	color: inherit;
	font-family: $t-a-typography-font-family-default;
}

.c-article-access-provider__text:last-of-type,
.c-article-body .c-notes__text:last-of-type {
	margin-bottom: 0;
}

.c-article-body ul p,
.c-article-body ol p {
	margin-bottom: $t-a-space-absolute-400;
}

.c-article-section__figure,
.c-article-table {
	padding: 24px 16px;
	margin: 0 -16px 48px -16px;
	border: 0;
	border-top: 1px solid $t-a-palette-default-blue-light;
	border-bottom: 1px solid $t-a-palette-default-blue-light;
	max-width: 100vw;
}

.c-article-box {
	border: 0;
	background: #ebf1f5;
	margin: 0 0 48px -16px;
	width: 100vw;
}

.c-article-box__fade {
	background: radial-gradient(ellipse at bottom center, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.c-article-box__container {
	padding: 32px 16px 12px;
}

.c-article-box__container-title {
	font-size: $t-a-typography-font-size-md;
	font-family: $t-a-typography-font-family-default;
	margin: 0 0 $t-a-space-absolute-600;
}

.c-article-box__controls button {
	background: #ebf1f5;
	border-top: 1px solid $t-a-palette-default-blue-light;
	padding: 16px;
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-font-size-s;
	color: $t-a-palette-default-greyscale-800;
}

.c-article-box__button-text::after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22i-chevron-more%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22m5.58578644%206-3.29289322-3.29289322c-.39052429-.39052429-.39052429-1.02368927%200-1.41421356s1.02368927-.39052429%201.41421356%200l4%204c.39052429.39052429.39052429%201.02368927%200%201.41421356l-4%204.00000002c-.39052429.3905243-1.02368927.3905243-1.41421356%200s-.39052429-1.02368929%200-1.41421358z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20transform%3D%22matrix%280%201%20-1%200%2011%201%29%22/%3E%3C/svg%3E");
}

@include from-desktop {
	.c-article-section__figure,
	.c-article-table {
		padding: $t-a-space-absolute-600;
		margin: 0 0 48px;
		border: 1px solid $t-a-palette-default-blue-light;
		border-radius: $article--default-border-radius;
		width: auto;
	}

	.c-article-box {
		width: auto;
		margin: 0 0 48px;
		border-radius: $article--default-border-radius;
	}

	.c-article-box__container {
		padding: 32px 24px 12px;
	}

	.c-article-box__controls button {
		border-radius: 0 0 $article--default-border-radius $article--default-border-radius;
	}
}

.c-article-section__figure-caption,
.c-article-table__figcaption {
	font-family: $t-a-typography-font-family-default;
}

.c-article-section__figure figure,
.c-article-table figure,
.c-reading-companion__figure-item figure {
	margin: 0;
}

.c-reading-companion__figure-item {
	border-top-color: $t-a-palette-default-blue-light;
}

.c-reading-companion__sticky {
	max-width: 400px;
}

.c-article-section .c-article-section__figure-description > * {
	font-size: $t-a-typography-font-size-s;
	font-size: min(max($t-a-typography-font-size-xs, 2vw), $t-a-typography-font-size-s);
	margin-bottom: 16px;
}

.c-reading-companion__reference-item {
	border-top: 1px solid map.get($article--grey-palette, 'grey-6');
	padding: 16px 0;

	&:first-child {
		padding-top: 0;
	}
}

.c-article-share-box__button,
.c-article__pill-button,
.js .c-article-authors-search__item .c-article-button {
	background: transparent;
	color: $t-a-link-color-resting;
	line-height: $t-a-typography-line-height-md;
	transition: $context--button-transition;
	border-radius: $context--button-border-radius;
	border: 2px solid $t-a-link-color-resting;
	font-size: $t-a-typography-font-size-s;
	font-weight: $t-a-typography-font-weight-bold;
	box-shadow: none;
	padding: 8px 24px;
	margin: 0;
}

.c-article-share-box__button:visited,
.c-article__pill-button:visited,
.c-article-authors-search__item .c-article-button:visited {
	color: $t-a-link-color-resting;
}

.c-article-share-box__button:hover,
.c-article__pill-button:hover,
.c-article-authors-search__item .c-article-button:hover {
	background-color: $t-a-link-color-resting;
	color: $t-a-palette-default-white;
	border: 2px solid $t-a-link-color-resting;
	box-shadow: none;
	text-decoration: none;
}

.c-article-authors-search__item .c-article-button {
	width: 100%;
}

.c-pdf-download {
	max-height: none;
	margin-bottom: 0;
}

.c-pdf-download .c-pdf-download__link {
	border: 2px solid $t-a-palette-default-white;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	color: #01324b;
	border-radius: 32px;
	font-family: $t-a-typography-font-family-default;
	cursor: pointer;
	text-decoration: none;
}

.c-context-bar__container .c-pdf-download .c-pdf-download__link {
	background-color: $t-a-link-color-resting;
	border: 2px solid $t-a-link-color-resting;
	background-image: none;
	box-shadow: none;
	color: #fff;
	font-weight: 700;
}

.c-pdf-download .c-pdf-download__link,
.c-context-bar__container .c-pdf-download .c-pdf-download__link {
	font-size: $t-a-typography-font-size-s;
	font-weight: $t-a-typography-font-weight-bold;
	box-shadow: none;
	line-height: $t-a-typography-line-height-md;
	padding: $t-a-space-absolute-200 $t-a-space-absolute-600;
}

.c-pdf-download .c-pdf-download__link:hover,
.c-pdf-download .c-pdf-download__link:focus {
	background: transparent;
	border: 2px solid $t-a-palette-default-white;
	color: $t-a-palette-default-white;
	box-shadow: none;
}

.c-context-bar__container .c-pdf-download .c-pdf-download__link:hover {
	border: 2px solid $t-a-link-color-resting;
	box-shadow: none;
	color: $t-a-link-color-resting;
}

.c-pdf-download .c-pdf-download__link:focus,
.c-context-bar__container .c-pdf-download .c-pdf-download__link:focus {
	@include u-focus-outline;
	border: 2px solid $t-a-link-color-resting;
}

.c-article-share-box__button:focus,
.c-article__pill-button:focus {
	@include u-focus-outline;
	border: 2px solid currentColor;
}

.c-pdf-download__link .u-icon {
	padding-top: 0;
}

.c-article-references p,
.c-bibliographic-information__column p,
.c-bibliographic-information__column button {
	margin-bottom: 16px;
}

.c-bibliographic-information__column .c-bibliographic-information__list-item p,
.c-bibliographic-information__list-item--doi {
	margin-bottom: 0;
}

.c-bibliographic-information__list-item--chapter-doi {
	margin-bottom: 16px;
}

.c-bibliographic-information {
	font-family: $t-a-typography-font-family-default;

	h4 {
		font-family: $t-a-typography-font-family-default;
		margin: 0;
	}

	&__multi-value {
		display: block;
		font-size: $t-a-typography-font-size-s;
		margin-bottom: 0;
	}
}

.c-bibliographic-information__column--border {
	border-color: $t-a-palette-default-blue-light;
}

.c-bibliographic-information__download-citation-list {
	list-style: none;
	margin: 0 0 $article--vertical-spacing-medium;
	padding: 0;
}

.c-bibliographic-information__download-citation-item {
	display: inline-block;
	font-size: $t-a-typography-font-size-s;
	margin-right: $article--vertical-spacing-small;

	svg {
		margin: 1px 8px 0 0;
	}
}

.c-article-references__item {
	border: 0;
}

.c-article-body .c-article-author-affiliation__list p,
.c-article-body .c-article-author-information__list p {
	margin: 0;
}

.c-article-metrics-bar__wrapper {
	margin: 16px 0;
}

.c-blockquote {
	border-color: #3c9cd7;
}

.c-recommendations-visibility,
#recommendations {
	background: $article--recommendations-background-color;
}

.c-recommendations-visibility .c-recommendations-list {
	&:after {
		background: linear-gradient(transparent 85%, $article--recommendations-background-color);
	}
}

.c-card__title-recommendation .c-card__link {
	font-family: $t-a-typography-font-family-default;
}

.c-context-bar--sticky .c-context-bar__container {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	justify-content: space-between;
}

.c-context-bar--sticky .c-context-bar__title {
	display: none;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: normal;
	text-overflow: initial;
	align-self: center;
}

.c-context-bar--sticky .c-context-bar__container > div:not(.c-context-bar__title) {
	display: flex;
	flex-grow: 1;
}

@include from-tablet {
	.c-context-bar--sticky .c-context-bar__title {
		display: -webkit-box;
	}

	.c-context-bar--sticky .c-context-bar__container > div:not(.c-context-bar__title) {
		flex-grow: 0;
	}
}

.c-reading-companion__tab {
	color: $t-a-link-color-resting;
	background-color: map.get($article--grey-palette, 'grey-7');
}

.c-reading-companion__tab--active {
	color: $t-a-palette-default-greyscale-800;
	background: $t-a-palette-default-white;
}

.c-article-share-box__button {
	margin-right: 16px;
}

.c-status-message--boxed {
	border-radius: $article--default-border-radius;
}

.c-article-associated-content__container .c-article-associated-content__title {
	border-bottom: 0;
	margin-bottom: 0;
}

.c-article-associated-content__collection-title {
	font-size: $t-a-typography-font-size-s;
}

.app-card-service {
	border-top: 1px solid $t-a-palette-default-blue-light;
	border-bottom: 1px solid $t-a-palette-default-blue-light;
	font-size: $t-a-typography-font-size-s;
	margin: 0 0 48px;
	padding: $t-a-space-absolute-400 0;
}

@include from-desktop {
	.app-card-service {
		border-top: none;
		margin: 4px 0 24px;
		padding: 0 0 $t-a-space-absolute-400;
	}
}

.app-card-service__description,
.c-article-body .app-card-service__description {
	color: $card-service--description-color;
	margin-bottom: 0;
	margin-top: $t-a-space-absolute-200;
}

.c-article-satellite-subtitle {
	font-family: $t-a-typography-font-family-default;
	font-size: $t-a-typography-font-size-xl;
	font-size: min(max($t-a-typography-font-size-l, 3vw), $t-a-typography-font-size-xl);
	line-height: $t-a-typography-line-height-tighter;
	font-weight: $t-a-typography-font-weight-bold;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-bottom: $t-a-space-absolute-600;
}

.c-breadcrumbs__link,
.c-breadcrumbs__link:visited,
.c-breadcrumbs__link:hover,
.c-article-buy-box a,
.c-article-buy-box a:visited,
.app-article-access__subscriptions a,
.app-article-access__subscriptions a:visited,
.c-article-author-list a,
.c-article-author-list a:visited,
.c-article-satellite-subtitle a,
.c-article-satellite-subtitle a:visited,
.c-article-peer-review a,
.c-article-peer-review a:visited,
.app-book-series-listing__item a,
.app-book-series-listing__item a:visited,
.app-book-series-listing__item a:hover {
	color: $meta--color;
}

.c-article-author-list svg {
	margin: 0 0 0 6px;
	width: 24px;
	height: 24px;
}

.c-article-further-reading {
	&__title {
		font-size: $t-a-typography-font-size-default;
		font-size: min(max($t-a-typography-font-size-s, 2vw), $t-a-typography-font-size-default);
		font-weight: $t-a-typography-font-weight-bold;
	}
}

.app-pdf-preview {
	display: none;
}

.app-pdf-preview__frame {
	width: 100%;
	height: 600px;
	border: 0;
	border-radius: $article--default-border-radius;
}

@include from-tablet {
	.app-pdf-preview {
		display: block;
	}

	.app-pdf-preview + .c-article-access-provider {
		display: none;
	}
}

@include from-wide-tablet {
	.app-card-service__link-icon {
		fill: currentColor;
	}
}

.c-article-header {
	margin-bottom: 32px;
}

.c-article-recommendations {
	border-radius: $article--recommendations-border-radius;
}

.c-recommendations-list-arrow__previous {
	& svg {
		transform: scaleX(-1) translate(0);
	}
}

.c-recommendations-list-arrow__next {
	& svg {
		transform: translate(0);
	}
}

.c-article-recommendations-card img,
.c-card__image img {
	border: 1px solid #cfd8dc;
	border-radius: $article--recommendations-border-radius;
}

/* Used on video pages that were fullwidth on nature */
.c-article-fullwidth-content__caption {
	margin-top: $t-a-space-absolute-400;
}

// 30/11/23 Temporary override of SNID Account widget CSS in lieu of them fixing their styling
.c-account-nav__anchor.is-open.eds-c-header__link::before {
	content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAyNWU4ZCIgaWQ9ImVkcy1pLXVzZXItc2luZ2xlLW1lZGl1bSI+PHBhdGggZD0iTTEyIDFhNSA1IDAgMSAxIDAgMTAgNSA1IDAgMCAxIDAtMTBabTAgMmEzIDMgMCAxIDAgMCA2IDMgMyAwIDAgMCAwLTZabS0uNDA2IDkuMDA4YTguOTY1IDguOTY1IDAgMCAxIDYuNTk2IDIuNDk0QTkuMTYxIDkuMTYxIDAgMCAxIDIxIDIxLjAyNVYyMmExIDEgMCAwIDEtMSAxSDRhMSAxIDAgMCAxLTEtMXYtLjk4NWMuMDUtNC44MjUgMy44MTUtOC43NzcgOC41OTQtOS4wMDdabS4zOSAxLjk5Mi0uMjk5LjAwNmMtMy42My4xNzUtNi41MTggMy4xMjctNi42NzggNi43NzVMNSAyMWgxMy45OThsLS4wMDktLjI2OGE3LjE1NyA3LjE1NyAwIDAgMC0xLjk3LTQuNTczbC0uMjE0LS4yMTNBNi45NjcgNi45NjcgMCAwIDAgMTEuOTg0IDE0WiIvPjwvc3ZnPgo=");
}

.app-peer-review {
	margin: 0 0 36px;
	border: 1px solid $t-a-palette-default-blue-light;
	border-left: 10px solid #3c9cd7;
	border-radius: $t-a-space-absolute-200;
	padding: $t-a-space-absolute-400;
	line-height: normal;

	&__link {
		font-family: $t-a-typography-font-family-default;
		font-size: $t-a-typography-font-size-s;
		font-weight: $t-a-typography-font-weight-bold;
		color: $t-a-palette-default-blue-medium-700;

		&:hover,
		&:visited {
			color: $t-a-palette-default-blue-medium-700;
		}
	}

	&__icon {
		margin-right: 4px;
		height: 24px;
		width: 24px;
	}
}

.c-article-peer-review-external-icon {
	margin-left: 4px;
	vertical-align: middle;
}

@include from-wide-layout {
	.js .c-ad--conditional {
		display: block;
	}
}

.u-lazy-ad-wrapper {
	min-height: 149px;
	display: none;
	background-color: $ad--leaderboard-bg-color;
}

@include from-wide-layout {
	.u-lazy-ad-wrapper {
		display: block;
	}
}

/* Override bottom margin from elements/layout.scss */
p.c-ad__label {
	margin-bottom: 4px;
}

.c-ad--728x90,
.c-ad--970x90 {
	background-color: $ad--leaderboard-bg-color;
	border-bottom: 2px solid $ad--leaderboard-border-color;
}

.c-ad--300x250 {
	background-color: $ad--mpu-background-color;
}

.c-reading-companion .c-ad {
	text-align: left;
}

figure {
	margin: 0;
}

.c-download-pdf-icon-large {
	width: 24px;
	height: 24px;
	vertical-align: middle;
	fill: $t-a-palette-primary-medium-blue;
}

.c-article-history {
	border-color: $t-a-palette-default-blue-medium-600;
}

.c-article-history a {
	color: $t-a-palette-default-greyscale-800;
}

.c-article-history-item::before {
	border-color: $t-a-palette-default-blue-medium-600;
}

.c-article-history-item--current::before {
	background: $t-a-palette-default-blue-medium-600;
}

.c-cover-image-lightbox {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.15s ease-in;
}

.js-cover-image-lightbox--show {
	background-color: rgba(0, 0, 0, 0.85);
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}

.js-cover-image-lightbox--close {
	background: none;
	border: none;
	color: $t-a-palette-default-white;
	cursor: pointer;
	font-size: $t-a-typography-font-size-xl;
	padding: 13px;
	position: absolute;
	top: 0;
	right: 10px;
}

.c-cover-image-container {
	position: relative;
}

.c-cover-image-default {
	color: $t-a-palette-default-black;
	font-size: $t-a-typography-font-size-xs;
	position: absolute;
	bottom: 5px;
	left: 10px;
	margin: 0;
}

.c-cover-image-lightbox__image {
	max-height: 90vh;
	width: auto;
}

.c-expand-overlay-wrapper {
	position: relative;
}

.c-expand-overlay {
	background: $t-a-palette-default-white;
	color: #333;
	opacity: 0.5;
	padding: 2px;
	position: absolute;
	top: 3px;
	right: 3px;
}

.c-cover-expanded-txt {
	font-size: $t-a-typography-font-size-xs;
	margin-top: $article--vertical-spacing-small;
}