/**
 * Yorocker 1.5 — Editorial composition layer.
 * Adds presentation depth without external image/font dependencies.
 */

:root{
	--yr-compose-border:#e6e8eb;
	--yr-compose-soft:#f3f5f7;
	--yr-compose-ink:#202329;
	--yr-compose-muted:#7a8088;
	--yr-compose-shadow:0 12px 34px rgba(18,24,33,.075);
	--yr-story-ratio:3/2;
}

/* Image rhythm */
.yr-image-ratio-classic{--yr-story-ratio:4/3}
.yr-image-ratio-landscape{--yr-story-ratio:3/2}
.yr-image-ratio-cinematic{--yr-story-ratio:16/9}
.yr-home-card__media,
.yr-post-card__media,
.yr-widget-post__thumb,
.yr-mega-menu article>a:first-child{
	overflow:hidden;
}
.yr-home-card__media img,
.yr-post-card__media img{
	width:100%;
	aspect-ratio:var(--yr-story-ratio);
	object-fit:cover;
}
.yr-image-hover .yr-home-card__media img,
.yr-image-hover .yr-post-card__media img,
.yr-image-hover .yr-widget-post__thumb img{
	transition:transform .35s ease,filter .35s ease;
}
.yr-image-hover .yr-home-card:hover .yr-home-card__media img,
.yr-image-hover .yr-post-card:hover .yr-post-card__media img,
.yr-image-hover .yr-widget-post:hover .yr-widget-post__thumb img{
	transform:scale(1.035);
	filter:saturate(1.05);
}

/* Homepage surface systems */
.yr-home-surface-open .yr-home-section:not(.yr-home-section--slider):not(.yr-home-section--tiles):not(.yr-home-section--overlay){
	padding:0;
	border:0;
	background:transparent;
	box-shadow:none;
}
.yr-home-surface-open .yr-home-section__header{
	padding-top:4px;
}
.yr-home-surface-framed .yr-home-section:not(.yr-home-section--slider):not(.yr-home-section--tiles):not(.yr-home-section--overlay){
	position:relative;
	overflow:hidden;
}
.yr-home-surface-framed .yr-home-section:not(.yr-home-section--slider):not(.yr-home-section--tiles):not(.yr-home-section--overlay):before{
	position:absolute;
	inset:0 auto 0 0;
	width:2px;
	background:linear-gradient(180deg,var(--yr-section-accent,var(--yr-accent)),transparent 72%);
	content:"";
	opacity:.85;
}
.yr-home-surface-bands .yr-site-main--home{
	display:block;
}
.yr-home-surface-bands .yr-home-section{
	position:relative;
	padding:28px 30px;
	margin-inline:calc(50% - 50vw);
	padding-inline:max(30px,calc((100vw - var(--yr-container))/2 + 30px));
}
.yr-home-surface-bands .yr-home-section:nth-of-type(even){
	background:#fff;
	border-block:1px solid #eceef0;
}
.yr-home-surface-bands .yr-home-section:nth-of-type(odd){
	background:#f1f3f5;
}

/* Editorial section headings */
.yr-home-section__header:before{
	flex:0 0 6px;
	align-self:stretch;
	max-height:26px;
	margin-top:2px;
	border-radius:999px;
	background:var(--yr-section-accent,var(--yr-accent));
	content:"";
}
.yr-section-title-boxed .yr-home-section__header:before{display:none}
.yr-home-section__title{
	letter-spacing:-.018em;
}
.yr-home-section__more{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-weight:700;
}
.yr-home-section__more:after{
	content:"›";
	font-size:16px;
	line-height:1;
	transition:transform .2s ease;
}
.yr-home-section__more:hover:after{transform:translateX(2px)}

/* Card hierarchy */
.yr-home-card{
	position:relative;
}
.yr-home-card__content{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.yr-home-card__title a,
.yr-post-card__title a{
	text-decoration:none;
	background-image:linear-gradient(currentColor,currentColor);
	background-position:0 100%;
	background-repeat:no-repeat;
	background-size:0 1px;
	transition:background-size .25s ease,color .2s ease;
}
.yr-home-card:hover .yr-home-card__title a,
.yr-post-card:hover .yr-post-card__title a{
	background-size:100% 1px;
}
.yr-home-card__meta,
.yr-entry-meta{
	text-transform:none;
	letter-spacing:.01em;
}
.yr-home-card__excerpt,
.yr-post-card__excerpt{
	margin-top:8px;
}

/* Featured composition */
.yr-home-feature__content,
.yr-home-slide__content{
	z-index:2;
}
.yr-home-feature__content:before,
.yr-home-slide__content:before{
	display:block;
	width:48px;
	height:4px;
	margin-bottom:7px;
	background:var(--yr-section-accent,var(--yr-accent));
	content:"";
}
.yr-home-feature__title,
.yr-home-slide__title{
	max-width:18ch;
	text-wrap:balance;
}
.yr-home-feature__meta,
.yr-home-slide__meta{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	align-items:center;
}

/* Ranked/minilist visual polish */
.yr-home-ranked article,
.yr-widget-post-list--ranked .yr-widget-post{
	position:relative;
}
.yr-home-ranked__number,
.yr-widget-post__rank{
	font-variant-numeric:tabular-nums;
	font-weight:900;
	letter-spacing:-.06em;
	color:color-mix(in srgb,var(--yr-accent) 85%,#000);
}
.yr-widget-post-list--ranked .yr-widget-post{
	padding-block:12px;
}
.yr-widget-post-list--ranked .yr-widget-post:first-child{padding-top:0}

/* Archive hierarchy */
.yr-post-card{
	transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.yr-card-elevated .yr-post-card:hover,
.yr-visual-premium .yr-post-card:hover{
	transform:translateY(-2px);
	box-shadow:var(--yr-compose-shadow);
	border-color:#dfe3e8;
}
.yr-post-card__categories{
	margin-bottom:7px;
}
.yr-post-card__title{
	text-wrap:balance;
}
.yr-archive-layout-list .yr-post-card:first-child .yr-post-card__title,
.yr-archive-layout-full-thumb .yr-post-card:first-child .yr-post-card__title{
	font-size:clamp(24px,3vw,32px);
}

/* Widget skins */
.yr-widget-skin-headline .yr-widget{
	border-inline:0;
	border-bottom:1px solid var(--yr-compose-border);
	border-radius:0;
	padding-inline:0;
	background:transparent;
}
.yr-widget-skin-headline .yr-widget__title,
.yr-widget-skin-headline .widget-title{
	margin-inline:0;
	padding-inline:0;
}
.yr-widget-skin-headline .yr-widget__title:after,
.yr-widget-skin-headline .widget-title:after{
	left:0;
	width:54px;
}
.yr-widget-skin-framed .yr-widget{
	border:1px solid var(--yr-compose-border);
	box-shadow:0 6px 18px rgba(20,27,38,.04);
}
.yr-widget-skin-dark-title .yr-widget{
	padding-top:0;
	overflow:hidden;
}
.yr-widget-skin-dark-title .yr-widget__title,
.yr-widget-skin-dark-title .widget-title{
	margin:0 -20px 18px;
	padding:13px 20px;
	border:0;
	background:#202226;
	color:#fff;
}
.yr-widget-skin-dark-title .yr-widget__title:after,
.yr-widget-skin-dark-title .widget-title:after{
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background:var(--yr-accent);
}
.yr-widget a{transition:color .18s ease}
.yr-widget a:hover{color:var(--yr-accent)}

/* Sidebar breathing/anchoring */
.yr-has-sidebar .yr-sidebar{
	min-width:0;
}
.yr-sticky-sidebar .yr-sidebar{
	top:78px;
}
.yr-sidebar .widget:last-child,
.yr-sidebar .yr-widget:last-child{margin-bottom:0}

/* Article measure and hierarchy */
.yr-article-measure-narrow .yr-article__content,
.yr-article-measure-narrow .entry-content{
	max-width:720px;
	margin-inline:auto;
}
.yr-article-measure-balanced .yr-article__content,
.yr-article-measure-balanced .entry-content{
	max-width:820px;
	margin-inline:auto;
}
.yr-article-measure-wide .yr-article__content,
.yr-article-measure-wide .entry-content{
	max-width:980px;
	margin-inline:auto;
}
.yr-article__header{
	position:relative;
	padding-bottom:18px;
}
.yr-article__header:after{
	position:absolute;
	left:0;
	bottom:0;
	width:72px;
	height:4px;
	background:var(--yr-accent);
	content:"";
}
.yr-article__title{
	max-width:24ch;
	text-wrap:balance;
}
.yr-article__subtitle{
	max-width:60ch;
}
.yr-article__content,
.entry-content{
	font-size:clamp(16px,1.1vw,18px);
	line-height:1.82;
}
.yr-article__content>p:first-of-type:first-letter,
.entry-content>p:first-of-type:first-letter{
	float:left;
	margin:.08em .12em 0 0;
	color:var(--yr-accent);
	font-family:Georgia,"Times New Roman",serif;
	font-size:3.65em;
	font-weight:700;
	line-height:.78;
}
.yr-article__content blockquote,
.entry-content blockquote{
	position:relative;
	margin-block:2em;
	padding:18px 22px 18px 28px;
	border:0;
	border-left:4px solid var(--yr-accent);
	background:#f5f7f8;
	font-family:Georgia,"Times New Roman",serif;
	font-size:1.15em;
	line-height:1.65;
}
.yr-article__content h2,
.entry-content h2{
	margin-top:1.8em;
	font-size:1.55em;
	letter-spacing:-.025em;
}

/* Related content */
.yr-related,
.yr-read-next,
.yr-newsletter,
.yr-review{
	border-color:var(--yr-compose-border);
}
.yr-related__title,
.yr-read-next__title{
	letter-spacing:-.02em;
}
.yr-related article{
	transition:transform .2s ease;
}
.yr-related article:hover{transform:translateY(-2px)}

/* Header refinement */
.yr-branding-row__inner{
	gap:28px;
}
.yr-primary-nav{
	position:relative;
}
.yr-primary-menu>li>a{
	position:relative;
}
.yr-primary-menu>li>a:before{
	position:absolute;
	right:15px;
	bottom:8px;
	left:15px;
	height:2px;
	transform:scaleX(0);
	transform-origin:left;
	background:var(--yr-accent);
	content:"";
	transition:transform .2s ease;
}
.yr-primary-menu>li:hover>a:before,
.yr-primary-menu>li.current-menu-item>a:before,
.yr-primary-menu>li.current-menu-ancestor>a:before{
	transform:scaleX(1);
}
.yr-nav-accent .yr-primary-menu>li>a:before{background:#fff}

/* Footer depth */
.yr-site-footer{
	position:relative;
}
.yr-site-footer:before{
	position:absolute;
	inset:0 0 auto;
	height:4px;
	background:linear-gradient(90deg,var(--yr-accent),var(--yr-secondary));
	content:"";
}
.yr-footer-widgets{
	padding-top:44px;
}
.yr-footer-widgets .widget-title{
	letter-spacing:.01em;
}

/* Dark skin parity for new layer */
.yr-dark-skin{
	--yr-compose-border:rgba(255,255,255,.1);
	--yr-compose-soft:#20242a;
	--yr-compose-ink:#f2f4f6;
	--yr-compose-muted:#a9b0b8;
}
.yr-dark-skin.yr-home-surface-bands .yr-home-section:nth-of-type(even),
.yr-dark-skin.yr-home-surface-bands .yr-home-section:nth-of-type(odd){
	background:#171a1f;
	border-color:rgba(255,255,255,.08);
}
.yr-dark-skin .yr-article__content blockquote,
.yr-dark-skin .entry-content blockquote{
	background:#20242a;
}

/* Responsive composition */
@media (max-width:1024px){
	.yr-home-surface-bands .yr-home-section{
		padding-inline:max(22px,calc((100vw - var(--yr-container))/2 + 22px));
	}
	.yr-article__content,
	.entry-content{
		font-size:16px;
	}
}
@media (max-width:782px){
	.yr-home-surface-bands .yr-home-section{
		margin-inline:-16px;
		padding:22px 16px;
	}
	.yr-home-section__header:before{
		flex-basis:4px;
	}
	.yr-home-feature__title,
	.yr-home-slide__title{
		max-width:none;
	}
	.yr-article__content>p:first-of-type:first-letter,
	.entry-content>p:first-of-type:first-letter{
		font-size:3.1em;
	}
	.yr-primary-menu>li>a:before{display:none}
}
@media (prefers-reduced-motion:reduce){
	.yr-post-card,
	.yr-home-card__media img,
	.yr-post-card__media img,
	.yr-widget-post__thumb img,
	.yr-home-section__more:after{
		transition:none!important;
	}
	.yr-card-elevated .yr-post-card:hover,
	.yr-visual-premium .yr-post-card:hover,
	.yr-related article:hover{
		transform:none;
	}
}