/**
 * Yorocker 5.7 — Boxed Magazine Canvas + Category Interaction 7.0
 */

/* Box the complete theme shell like a classic magazine/news theme. */
body.yr-site-layout-boxed{
	background:#eceef1;
}
body.yr-site-layout-boxed .yr-site{
	width:min(100%,1230px);
	margin:0 auto;
	background:#fff;
	box-shadow:0 0 0 1px rgba(24,28,34,.04);
}
body.yr-site-layout-boxed .yr-announcement,
body.yr-site-layout-boxed .yr-header,
body.yr-site-layout-boxed .yr-footer{
	width:100%;
}
body.yr-site-layout-boxed.yr-home-strict-fidelity .yr-home-parity__row--full{
	width:100%;
}

/* Deliberate thin editorial separation between stories. */
:root{--yr-story-gap:8px}
.yr-home-strict-fidelity .yr-home-parity-hero{gap:var(--yr-story-gap)}
.yr-home-strict-fidelity .yr-home-feature-band{gap:var(--yr-story-gap)}
.yr-home-strict-fidelity .yr-home-parity__content{column-gap:calc(var(--yr-story-gap) * 2)}
.yr-home-strict-fidelity .yr-home-halfbox__list,
.yr-home-strict-fidelity .yr-home-sports__grid,
.yr-home-strict-fidelity .yr-home-first-big__list{gap:var(--yr-story-gap)}
.yr-post-list--grid,
.yr-post-list--masonry,
.yr-post-list--overlay,
.yr-post-list--overlay-title,
.yr-post-list--two-column-small{gap:var(--yr-story-gap)!important}
.yr-post-list--list,
.yr-post-list--compact,
.yr-post-list--mini,
.yr-post-list--large-first,
.yr-post-list--full-thumb,
.yr-post-list--big-thumb{gap:var(--yr-story-gap)!important}
.yr-post-card,.yr-loop{margin-bottom:var(--yr-story-gap)}

/* Category identity: each post carries --yr-post-category-color. */
.yr-home-strict-fidelity article[style*="--yr-post-category-color"],
.yr-post-card[style*="--yr-post-category-color"],
.yr-category-cover__story[style*="--yr-post-category-color"]{
	position:relative;
	transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.yr-category-hover-color .yr-home-strict-fidelity article[style*="--yr-post-category-color"]::after,
body.yr-category-hover-color .yr-post-card[style*="--yr-post-category-color"]::after{
	content:"";
	position:absolute;
	left:0;right:0;bottom:0;
	height:2px;
	background:var(--yr-post-category-color);
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .16s ease;
	pointer-events:none;
}
body.yr-category-hover-color .yr-home-strict-fidelity article[style*="--yr-post-category-color"]:hover::after,
body.yr-category-hover-color .yr-post-card[style*="--yr-post-category-color"]:hover::after{
	transform:scaleX(1);
}
body.yr-category-hover-color .yr-home-strict-fidelity article[style*="--yr-post-category-color"]:hover h2 a,
body.yr-category-hover-color .yr-home-strict-fidelity article[style*="--yr-post-category-color"]:hover h3 a,
body.yr-category-hover-color .yr-home-strict-fidelity article[style*="--yr-post-category-color"]:hover h4 a,
body.yr-category-hover-color .yr-post-card[style*="--yr-post-category-color"]:hover .yr-post-card__title a{
	color:var(--yr-post-category-color);
}
.yr-home-strict-fidelity article[style*="--yr-post-category-color"] .yr-home-parity__cat,
.yr-post-card[style*="--yr-post-category-color"] .yr-post-card__categories a{
	background:var(--yr-post-category-color)!important;
}

/* Category cover: independent multi-story cover area above archive content. */
.yr-category-cover{
	display:grid;
	grid-template-columns:1.55fr .75fr .75fr;
	grid-template-rows:210px 210px;
	gap:var(--yr-story-gap);
	margin:18px 0;
}
.yr-category-cover__story{
	position:relative;
	overflow:hidden;
	background:#15181c;
	min-width:0;
}
.yr-category-cover__story--1{grid-row:1/3}
.yr-category-cover__story--2{grid-column:2/4}
.yr-category-cover__media{position:absolute;inset:0}
.yr-category-cover__media img{width:100%;height:100%;object-fit:cover}
.yr-category-cover__shade{
	position:absolute;inset:0;
	background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.04) 72%);
}
.yr-category-cover__copy{
	position:absolute;z-index:2;left:14px;right:14px;bottom:12px;color:#fff;
}
.yr-category-cover__copy h2{margin:5px 0 4px;font-size:13px;line-height:1.15}
.yr-category-cover__story--1 .yr-category-cover__copy h2{font-size:24px}
.yr-category-cover__copy a{color:#fff;text-decoration:none}
.yr-category-cover__copy time{font-size:8px;opacity:.75}
.yr-category-cover__accent{
	display:block;width:24px;height:3px;background:var(--yr-post-category-color,var(--yr-category-cover-accent));
}
.yr-category-cover__story:hover .yr-category-cover__accent{width:44px}

/* Category archive colors remain visible without heavy card framing. */
body.yr-section-branded .yr-post-card{
	border:1px solid #eceef1;
	box-shadow:none;
	border-radius:0;
}
body.yr-section-branded .yr-post-card__content{padding:14px}
body.yr-section-branded .yr-post-card__categories a{
	display:inline-flex;
	padding:3px 6px;
	color:#fff;
	font-size:8px;
	text-decoration:none;
}
body.yr-section-branded .yr-post-card__title{margin-top:7px}

/* Keep boxed gray bands inside the theme shell, never viewport-stretched. */
body.yr-site-layout-boxed .yr-home-parity__row--surface-soft{
	margin-left:0!important;
	margin-right:0!important;
}

/* Category-specific section color hover for legacy loop architecture too. */
body.yr-section-branded .yr-loop:hover{
	border-color:var(--yr-section-accent,var(--yr-accent));
}
body.yr-section-branded .yr-loop:hover .yr-loop__title a{
	color:var(--yr-section-accent,var(--yr-accent));
}

@media(max-width:900px){
	body.yr-site-layout-boxed .yr-site{width:100%;box-shadow:none}
	.yr-category-cover{grid-template-columns:1fr 1fr;grid-template-rows:300px 170px}
	.yr-category-cover__story--1{grid-column:1/-1;grid-row:1}
	.yr-category-cover__story--2{grid-column:1;grid-row:2}
	.yr-category-cover__story--3{grid-column:2;grid-row:2}
	.yr-category-cover__story--4,.yr-category-cover__story--5{display:none}
}
@media(max-width:560px){
	.yr-category-cover{grid-template-columns:1fr;grid-template-rows:270px 150px}
	.yr-category-cover__story--1{grid-column:1;grid-row:1}
	.yr-category-cover__story--2{grid-column:1;grid-row:2}
	.yr-category-cover__story--3{display:none}
}