/**
 * Yorocker 1.6.0 magazine layout variants.
 */

/* Header surfaces */
.yr-header-surface-layered .yr-branding-row {
	background:
		linear-gradient(180deg, rgba(248,250,252,.98), rgba(255,255,255,.96));
	box-shadow: inset 0 -1px 0 rgba(15,23,42,.08);
}
.yr-header-surface-layered .yr-branding-row__inner {
	position: relative;
}
.yr-header-surface-layered .yr-branding-row__inner::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--yr-accent) 0 22%, rgba(15,23,42,.09) 22% 100%);
}
.yr-header-surface-clean .yr-branding-row {
	background: #fff;
	box-shadow: none;
}
.yr-header-surface-clean .yr-branding-row__inner {
	min-height: 104px;
}
.yr-header-surface-bordered .yr-branding-row {
	border-block: 1px solid var(--yr-border);
	background: var(--yr-surface);
}
.yr-header-surface-bordered .yr-branding-row__inner {
	min-height: 112px;
}

/* Footer variants */
.yr-footer-style-magazine .yr-footer {
	background:
		radial-gradient(circle at 85% 0, color-mix(in srgb, var(--yr-accent) 23%, transparent), transparent 30rem),
		#111827;
}
.yr-footer-style-magazine .yr-footer-widgets {
	border-top: 4px solid var(--yr-accent);
}
.yr-footer-style-contrast .yr-footer {
	background: var(--yr-accent);
	color: rgba(255,255,255,.86);
}
.yr-footer-style-contrast .yr-footer a { color: #fff; }
.yr-footer-style-contrast .yr-footer-credits { border-color: rgba(255,255,255,.24); }
.yr-footer-style-minimal .yr-footer {
	background: var(--yr-surface);
	color: var(--yr-muted);
	border-top: 1px solid var(--yr-border);
}
.yr-footer-style-minimal .yr-footer a { color: var(--yr-ink); }
.yr-footer-style-minimal .yr-footer-credits { border-color: var(--yr-border); }

/* Spotlight */
.yr-spotlight {
	display: grid;
	grid-template-columns: minmax(0, 1.7fr) minmax(300px, .8fr);
	gap: 1.15rem;
}
.yr-spotlight__lead,
.yr-spotlight__lead-media {
	position: relative;
	min-height: 470px;
	overflow: hidden;
	border-radius: var(--yr-radius);
}
.yr-spotlight__lead-media { display: block; background: #0f172a; }
.yr-spotlight__lead-media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.yr-spotlight__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 22%, rgba(2,6,23,.14) 48%, rgba(2,6,23,.92) 100%);
}
.yr-spotlight__lead-body {
	position: absolute;
	inset-inline: clamp(1.2rem, 3vw, 2.1rem);
	bottom: clamp(1.25rem, 3vw, 2rem);
	z-index: 2;
	color: #fff;
}
.yr-spotlight__lead-body h3 {
	max-width: 820px;
	margin: .65rem 0 .55rem;
	font-size: clamp(2rem, 4vw, 3.35rem);
	line-height: 1.02;
	letter-spacing: -.045em;
	color: #fff;
}
.yr-spotlight__meta { font-size: .78rem; opacity: .82; }
.yr-spotlight__rail-item {
	display: grid;
	grid-template-columns: 118px minmax(0,1fr);
	gap: .85rem;
	padding-bottom: .9rem;
	margin-bottom: .9rem;
	border-bottom: 1px solid var(--yr-border);
}
.yr-spotlight__rail-item:last-child { margin-bottom: 0; }
.yr-spotlight__thumb {
	aspect-ratio: 4/3;
	overflow: hidden;
	border-radius: calc(var(--yr-radius-small) + 2px);
}
.yr-spotlight__thumb img { width: 100%; height: 100%; object-fit: cover; }
.yr-spotlight__rail-body h3 {
	margin: .32rem 0 .4rem;
	font-size: 1rem;
	line-height: 1.22;
}
.yr-spotlight__rail-body > span { color: var(--yr-muted); font-size: .72rem; }

/* Mosaic */
.yr-mosaic {
	display: grid;
	grid-template-columns: repeat(12, minmax(0,1fr));
	grid-auto-rows: 150px;
	gap: .55rem;
}
.yr-mosaic__item { overflow: hidden; border-radius: var(--yr-radius-small); }
.yr-mosaic__item--1 { grid-column: span 6; grid-row: span 3; }
.yr-mosaic__item--2,
.yr-mosaic__item--3 { grid-column: span 3; grid-row: span 2; }
.yr-mosaic__item--4,
.yr-mosaic__item--5,
.yr-mosaic__item--6 { grid-column: span 2; grid-row: span 1; }
.yr-mosaic__link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: #0f172a;
	color: #fff;
}
.yr-mosaic__link img { width:100%; height:100%; object-fit:cover; }
.yr-mosaic__shade {
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(2,6,23,.03), rgba(2,6,23,.84));
}
.yr-mosaic__body {
	position:absolute;
	inset-inline:.95rem;
	bottom:.85rem;
	z-index:2;
}
.yr-mosaic__body h3 {
	margin:.42rem 0 .25rem;
	color:#fff;
	font-size:clamp(.96rem,1.5vw,1.35rem);
	line-height:1.15;
}
.yr-mosaic__item--1 .yr-mosaic__body { inset-inline:1.35rem; bottom:1.25rem; }
.yr-mosaic__item--1 .yr-mosaic__body h3 { font-size:clamp(1.8rem,3vw,2.65rem); }
.yr-mosaic__body small { opacity:.78; }

/* Newspaper */
.yr-newspaper {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:0;
	border-block:3px double var(--yr-border);
}
.yr-newspaper__story {
	padding:1.15rem;
	border-inline-end:1px solid var(--yr-border);
	border-bottom:1px solid var(--yr-border);
}
.yr-newspaper__story:nth-child(3n) { border-inline-end:0; }
.yr-newspaper__story.is-lead {
	grid-column:span 2;
	grid-row:span 2;
	padding-inline-start:0;
}
.yr-newspaper__media {
	display:block;
	aspect-ratio:16/9;
	overflow:hidden;
	margin-bottom:1rem;
}
.yr-newspaper__media img { width:100%; height:100%; object-fit:cover; }
.yr-newspaper__story h3 {
	margin:.48rem 0 .42rem;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1.18rem;
	line-height:1.15;
}
.yr-newspaper__story.is-lead h3 {
	font-size:clamp(2rem,4vw,3.1rem);
	letter-spacing:-.035em;
}
.yr-newspaper__meta { color:var(--yr-muted); font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; }
.yr-newspaper__story p { color:var(--yr-muted); margin:.7rem 0 0; }

/* Article layout variants */
.yr-single-layout-centered .yr-article__header {
	max-width: 900px;
	margin-inline: auto;
	text-align: center;
}
.yr-single-layout-centered .yr-article__categories,
.yr-single-layout-centered .yr-entry-meta--single {
	justify-content: center;
}
.yr-single-layout-centered .yr-article__title {
	font-size: clamp(2.8rem, 6vw, 5rem);
}
.yr-single-layout-centered .yr-article__subtitle {
	max-width: 760px;
	margin-inline: auto;
}

.yr-single-layout-cover .yr-article {
	display: grid;
	padding: 0;
	overflow: hidden;
}
.yr-single-layout-cover .yr-article > * { grid-column: 1; }
.yr-single-layout-cover .yr-article__featured,
.yr-single-layout-cover .yr-article__header {
	grid-row: 1;
	grid-column: 1;
	margin: 0;
}
.yr-single-layout-cover .yr-article__featured {
	position: relative;
	min-height: clamp(480px, 66vw, 760px);
	background:#0f172a;
}
.yr-single-layout-cover .yr-article__featured::after {
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg,rgba(2,6,23,.05) 18%,rgba(2,6,23,.9) 100%);
}
.yr-single-layout-cover .yr-article__featured img {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.yr-single-layout-cover .yr-article__featured figcaption { display:none; }
.yr-single-layout-cover .yr-article__header {
	position:relative;
	z-index:2;
	align-self:end;
	padding:clamp(1.5rem,4vw,3.25rem);
	color:#fff;
}
.yr-single-layout-cover .yr-article__title {
	max-width:1000px;
	color:#fff;
	font-size:clamp(2.4rem,5vw,4.7rem);
}
.yr-single-layout-cover .yr-article__subtitle,
.yr-single-layout-cover .yr-entry-meta--single,
.yr-single-layout-cover .yr-entry-meta--single a { color:rgba(255,255,255,.82); }
.yr-single-layout-cover .yr-article > .yr-share,
.yr-single-layout-cover .yr-article > .yr-entry-content,
.yr-single-layout-cover .yr-article > .yr-review-box,
.yr-single-layout-cover .yr-article > .yr-reactions,
.yr-single-layout-cover .yr-article > .yr-newsletter,
.yr-single-layout-cover .yr-article > .yr-article__footer {
	margin-inline:clamp(1.25rem,3vw,2rem);
}

.yr-single-layout-split .yr-article {
	display:grid;
	grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
	column-gap:2rem;
}
.yr-single-layout-split .yr-article__header {
	align-self:center;
	grid-column:1;
}
.yr-single-layout-split .yr-article__featured {
	grid-column:2;
	margin:0;
	align-self:stretch;
}
.yr-single-layout-split .yr-article__featured img {
	height:100%;
	min-height:420px;
	object-fit:cover;
}
.yr-single-layout-split .yr-article > :not(.yr-article__header):not(.yr-article__featured) {
	grid-column:1/-1;
}
.yr-single-layout-split .yr-article__title {
	font-size:clamp(2.2rem,4vw,3.8rem);
}

/* Make new layouts feel native in dark mode */
.yr-dark-skin.yr-footer-style-minimal .yr-footer { background:#0f172a; }
.yr-dark-skin.yr-header-surface-clean .yr-branding-row,
.yr-dark-skin.yr-header-surface-bordered .yr-branding-row { background:#111827; }

@media (max-width: 980px) {
	.yr-spotlight { grid-template-columns:1fr; }
	.yr-spotlight__lead, .yr-spotlight__lead-media { min-height:410px; }
	.yr-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:210px; }
	.yr-mosaic__item,
	.yr-mosaic__item--1,
	.yr-mosaic__item--2,
	.yr-mosaic__item--3,
	.yr-mosaic__item--4,
	.yr-mosaic__item--5,
	.yr-mosaic__item--6 { grid-column:auto; grid-row:auto; }
	.yr-mosaic__item--1 { grid-column:1/-1; }
	.yr-newspaper { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.yr-newspaper__story:nth-child(3n) { border-inline-end:1px solid var(--yr-border); }
	.yr-newspaper__story:nth-child(2n) { border-inline-end:0; }
	.yr-single-layout-split .yr-article { grid-template-columns:1fr; }
	.yr-single-layout-split .yr-article__header,
	.yr-single-layout-split .yr-article__featured { grid-column:1; }
	.yr-single-layout-split .yr-article__featured { margin-inline:calc(clamp(1.25rem,3vw,2rem) * -1); }
}
@media (max-width: 640px) {
	.yr-spotlight__lead, .yr-spotlight__lead-media { min-height:350px; }
	.yr-spotlight__lead-body h3 { font-size:1.9rem; }
	.yr-spotlight__rail-item { grid-template-columns:92px minmax(0,1fr); }
	.yr-mosaic { grid-template-columns:1fr; grid-auto-rows:230px; }
	.yr-mosaic__item--1 { grid-column:auto; }
	.yr-newspaper { grid-template-columns:1fr; }
	.yr-newspaper__story,
	.yr-newspaper__story:nth-child(n) { border-inline-end:0; }
	.yr-newspaper__story.is-lead { grid-column:auto; grid-row:auto; padding-inline:0; }
	.yr-single-layout-cover .yr-article__featured { min-height:520px; }
	.yr-single-layout-centered .yr-article__title { font-size:2.45rem; }
}