
/**
 * Yorocker 5.9 — Rendered Reference Reconstruction 9.0
 * Built from side-by-side rendered Yorocker/Jannah screenshots.
 */

/* ===== boxed shell / editorial geometry ===== */
body.yr-home-strict-fidelity{
	--yr-home-canvas:1080px;
	--yr-home-sidebar:292px;
	--yr-home-gap:24px;
	--yr-story-gap:10px;
	font-size:16px;
	background:#eceff2;
}
body.yr-site-layout-boxed .yr-site{
	width:min(100% - 30px,1170px);
	max-width:1170px;
	margin:0 auto;
	background:#fff;
}
body.yr-home-strict-fidelity .yr-home-parity__row--container .yr-home-parity__row-shell,
body.yr-home-strict-fidelity .yr-home-parity__row--surface-soft .yr-home-parity__row-shell{
	width:min(calc(100% - 36px),var(--yr-home-canvas))!important;
	max-width:var(--yr-home-canvas)!important;
}
body.yr-home-strict-fidelity .yr-home-parity__row--right-sidebar .yr-home-parity__row-shell{
	grid-template-columns:minmax(0,1fr) var(--yr-home-sidebar)!important;
	gap:var(--yr-home-gap)!important;
}
body.yr-home-strict-fidelity .yr-home-parity__content{gap:26px 18px}
body.yr-home-strict-fidelity .yr-home-parity__row+.yr-home-parity__row{margin-top:24px}

/* ===== readable hierarchy; undo the microscopic 5.6 pass ===== */
body.yr-home-strict-fidelity .yr-home-parity__block-head{
	min-height:34px;
	margin:0 0 14px;
	border-bottom:1px solid #e2e5e9;
}
body.yr-home-strict-fidelity .yr-home-parity__block-head h2{
	font-size:15px!important;
	line-height:1.2;
	padding-bottom:10px;
	font-weight:700;
}
body.yr-home-strict-fidelity .yr-home-parity__mini-nav{gap:10px}
body.yr-home-strict-fidelity .yr-home-parity__mini-nav a{font-size:11px}
body.yr-home-strict-fidelity .yr-home-parity__head-controls span{
	width:22px;height:22px;font-size:12px;
}
body.yr-home-strict-fidelity .yr-home-parity__meta{font-size:10.5px!important;line-height:1.35}
body.yr-home-strict-fidelity .yr-home-parity__cat{
	font-size:9px!important;
	padding:4px 6px;
	line-height:1;
}
body.yr-home-strict-fidelity .yr-read-more,
body.yr-home-strict-fidelity .yr-home-sports__more,
body.yr-home-strict-fidelity .yr-home-tech__more,
body.yr-home-strict-fidelity .yr-home-halfbox__more{
	font-size:10.5px!important;
	padding:7px 12px;
	border-radius:16px!important;
}

/* ===== header: compact like the rendered reference ===== */
body.yr-home-strict-fidelity .yr-newsline__inner{min-height:30px}
body.yr-home-strict-fidelity .yr-newsline{font-size:11px}
body.yr-home-strict-fidelity .yr-branding-row__inner{min-height:78px}
body.yr-home-strict-fidelity .yr-site-branding .site-title,
body.yr-home-strict-fidelity .yr-branding-row__title{font-size:28px;line-height:1}
body.yr-home-strict-fidelity .yr-branding-row__ad-placeholder{min-height:46px}
body.yr-home-strict-fidelity .yr-primary-nav__inner{min-height:42px}
body.yr-home-strict-fidelity .yr-primary-menu>li>a{
	min-height:42px;
	font-size:12px!important;
	padding-inline:11px;
}
body.yr-home-strict-fidelity .yr-nav-search-toggle,
body.yr-home-strict-fidelity .yr-home-link{min-height:42px}

/* ===== hero: shallower, image-led 4-tile mosaic ===== */
body.yr-home-strict-fidelity .yr-home-parity__row:first-child{padding-top:18px}
body.yr-home-strict-fidelity .yr-home-parity-hero{
	height:360px;
	grid-template-columns:1.5fr .75fr .75fr;
	grid-template-rows:180px 180px;
	gap:4px!important;
}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--1{grid-column:1;grid-row:1/3}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--2{grid-column:2/4;grid-row:1}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--3{grid-column:2;grid-row:2}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--4{grid-column:3;grid-row:2}
body.yr-home-strict-fidelity .yr-home-parity-hero__copy{padding:14px}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--1 .yr-home-parity-hero__copy h2{
	font-size:30px!important;line-height:1.07;max-width:90%;
}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--2 .yr-home-parity-hero__copy h2{
	font-size:18px!important;line-height:1.12;
}
body.yr-home-strict-fidelity .yr-home-parity-hero__story--3 .yr-home-parity-hero__copy h2,
body.yr-home-strict-fidelity .yr-home-parity-hero__story--4 .yr-home-parity-hero__copy h2{
	font-size:15px!important;line-height:1.12;
}

/* image fallback should still look editorial rather than an empty black slab */
body.yr-home-strict-fidelity .yr-home-parity__placeholder{
	display:grid;width:100%;height:100%;place-items:center;
	background:
		linear-gradient(135deg,color-mix(in srgb,var(--yr-placeholder-accent,#1474f5) 32%,#20242a),#171a1f 68%);
	color:rgba(255,255,255,.18);
}
body.yr-home-strict-fidelity .yr-home-parity__placeholder b{font-size:70px;line-height:1}

/* ===== Trending: portrait lead + compact visual feed ===== */
body.yr-home-strict-fidelity .yr-home-big-thumb{
	grid-template-columns:46% 54%;
	gap:14px;
	align-items:stretch;
}
body.yr-home-strict-fidelity .yr-home-big-thumb__lead{min-height:360px}
body.yr-home-strict-fidelity .yr-home-big-thumb__media,
body.yr-home-strict-fidelity .yr-home-big-thumb__media img{height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-big-thumb__overlay{left:14px;right:14px;bottom:13px}
body.yr-home-strict-fidelity .yr-home-big-thumb__overlay h3{
	font-size:20px!important;line-height:1.12;margin:6px 0;
}
body.yr-home-strict-fidelity .yr-home-big-thumb__rail article{
	grid-template-columns:78px minmax(0,1fr);
	gap:10px;
	min-height:67px;
	padding:6px 0;
	border-bottom:1px solid #edf0f2;
}
body.yr-home-strict-fidelity .yr-home-big-thumb__thumb{height:55px;aspect-ratio:auto}
body.yr-home-strict-fidelity .yr-home-big-thumb__thumb img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-big-thumb__rail h4{
	font-size:13px!important;line-height:1.25;margin:0 0 4px;
}

/* ===== Sports: dark editorial module with real visual support ===== */
body.yr-home-strict-fidelity .yr-home-parity__block--one-column.is-dark{
	padding:16px 18px 18px;
	background:#202328!important;
}
body.yr-home-strict-fidelity .yr-home-parity__block--one-column.is-dark .yr-home-parity__block-head{
	border-bottom-color:#3b3f45;
}
body.yr-home-strict-fidelity .yr-home-sports__lead{
	grid-template-columns:46% 54%;
	gap:16px;
	align-items:stretch;
}
body.yr-home-strict-fidelity .yr-home-sports__media{min-height:190px}
body.yr-home-strict-fidelity .yr-home-sports__media img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-sports__copy h3{
	font-size:18px!important;line-height:1.2;margin:7px 0;
}
body.yr-home-strict-fidelity .yr-home-sports__copy p{
	font-size:12.5px!important;line-height:1.5;margin:8px 0 12px;color:#b7bcc4;
}
body.yr-home-strict-fidelity .yr-home-sports__grid{
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:12px 16px;
	margin-top:15px;
}
body.yr-home-strict-fidelity .yr-home-sports__grid article{
	grid-template-columns:82px 1fr;
	gap:9px;
	min-width:0;
}
body.yr-home-strict-fidelity .yr-home-sports__grid article>a{height:58px}
body.yr-home-strict-fidelity .yr-home-sports__grid article>a img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-sports__grid h4{
	font-size:12.5px!important;line-height:1.25;margin:3px 0;color:#fff;
}

/* ===== Racing / Lifestyle ===== */
body.yr-home-strict-fidelity .yr-home-halfbox__media{height:205px}
body.yr-home-strict-fidelity .yr-home-halfbox__body{padding:9px 0 6px}
body.yr-home-strict-fidelity .yr-home-halfbox__body h3{
	font-size:17px!important;line-height:1.2;margin:6px 0;
}
body.yr-home-strict-fidelity .yr-home-halfbox__body p{
	font-size:12px!important;line-height:1.5;margin-bottom:10px;
}
body.yr-home-strict-fidelity .yr-home-halfbox__list{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;
}
body.yr-home-strict-fidelity .yr-home-halfbox__list article{
	display:grid;grid-template-columns:72px 1fr;gap:8px;
}
body.yr-home-strict-fidelity .yr-home-halfbox__list article>a{height:54px}
body.yr-home-strict-fidelity .yr-home-halfbox__list article>a img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-halfbox__list h4{
	font-size:11.5px!important;line-height:1.25;margin:0 0 3px;
}

/* ===== gray feature break: visual pause, not empty space ===== */
body.yr-home-strict-fidelity .yr-home-parity__row--surface-soft{
	margin-top:30px!important;margin-bottom:30px;padding-block:28px;background:#f1f2f3;
}
body.yr-home-strict-fidelity .yr-home-feature-band--2{gap:12px}
body.yr-home-strict-fidelity .yr-home-feature-band--2 article{min-height:285px}
body.yr-home-strict-fidelity .yr-home-feature-band__copy{left:14px;right:14px;bottom:13px}
body.yr-home-strict-fidelity .yr-home-feature-band__copy h3{
	font-size:17px!important;line-height:1.15;margin:5px 0;
}

/* ===== Technology ===== */
body.yr-home-strict-fidelity .yr-home-parity__block--surface-cyan{
	padding:16px 18px 18px;background:#e8fbfb!important;
}
body.yr-home-strict-fidelity .yr-home-tech{
	grid-template-columns:50% 50%;gap:15px;align-items:start;
}
body.yr-home-strict-fidelity .yr-home-tech__media{height:190px}
body.yr-home-strict-fidelity .yr-home-tech__media img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-tech__lead h3{
	font-size:17px!important;line-height:1.2;margin:7px 0;
}
body.yr-home-strict-fidelity .yr-home-tech__lead p{
	font-size:12px!important;line-height:1.5;margin:7px 0 10px;
}
body.yr-home-strict-fidelity .yr-home-tech__rail article{
	grid-template-columns:76px 1fr;gap:9px;min-height:64px;padding:6px 0;
}
body.yr-home-strict-fidelity .yr-home-tech__rail article>a{height:52px}
body.yr-home-strict-fidelity .yr-home-tech__rail article>a img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-home-tech__rail h4{
	font-size:12px!important;line-height:1.25;margin:0 0 3px;
}

/* ===== Videos: dominant video plus THREE thumbnail stories ===== */
body.yr-home-strict-fidelity .yr-home-first-big__lead{min-height:365px}
body.yr-home-strict-fidelity .yr-home-first-big__copy h3{
	font-size:20px!important;line-height:1.15;margin:7px 0;
}
body.yr-home-strict-fidelity .yr-home-first-big__play{
	width:48px;height:48px;font-size:14px;
}
body.yr-home-strict-fidelity .yr-home-first-big__list{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;
}
body.yr-home-strict-fidelity .yr-home-first-big__list article{display:block;padding:0}
body.yr-home-strict-fidelity .yr-home-first-big__thumb{
	position:relative;display:block;height:112px;overflow:hidden;
}
body.yr-home-strict-fidelity .yr-home-first-big__thumb img,
body.yr-home-strict-fidelity .yr-home-first-big__thumb .yr-home-parity__placeholder{
	width:100%;height:100%;object-fit:cover;
}
body.yr-home-strict-fidelity .yr-home-first-big__mini-play{
	position:absolute;left:8px;bottom:8px;display:grid;place-items:center;
	width:24px;height:24px;border-radius:50%;background:#fff;color:#222;font-size:8px;
}
body.yr-home-strict-fidelity .yr-home-first-big__list h4{
	font-size:12.5px!important;line-height:1.3;margin:5px 0 0;
}

/* ===== What's New: actual 2x2 image-led editorial grid ===== */
body.yr-home-strict-fidelity .yr-home-whatsnew{
	display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;
}
body.yr-home-strict-fidelity .yr-home-whatsnew article{min-width:0}
body.yr-home-strict-fidelity .yr-home-whatsnew__media{
	display:block;height:185px;overflow:hidden;background:#20242a;
}
body.yr-home-strict-fidelity .yr-home-whatsnew__media img,
body.yr-home-strict-fidelity .yr-home-whatsnew__media .yr-home-parity__placeholder{
	width:100%;height:100%;object-fit:cover;
}
body.yr-home-strict-fidelity .yr-home-whatsnew__body{padding-top:8px}
body.yr-home-strict-fidelity .yr-home-whatsnew__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.yr-home-strict-fidelity .yr-home-whatsnew h3{
	font-size:16px!important;line-height:1.25;margin:7px 0;
}
body.yr-home-strict-fidelity .yr-home-whatsnew p{
	font-size:12.5px!important;line-height:1.55;color:#747a82;margin:0;
}

/* ===== sidebar: readable and image-driven ===== */
body.yr-home-strict-fidelity .yr-home-parity__sidebar .yr-sidebar-module{margin-bottom:24px}
body.yr-home-strict-fidelity .yr-sidebar-module__title,
body.yr-home-strict-fidelity .yr-sidebar-composer h2,
body.yr-home-strict-fidelity .yr-sidebar-composer h3.yr-sidebar-title{
	font-size:13px!important;line-height:1.2;padding-bottom:8px;margin-bottom:10px;
}
body.yr-home-strict-fidelity .yr-social-counter{min-height:48px;padding:8px 10px}
body.yr-home-strict-fidelity .yr-social-counter b{font-size:12px}
body.yr-home-strict-fidelity .yr-social-counter small{font-size:9px;margin-top:4px}
body.yr-home-strict-fidelity .yr-sidebar-weather{min-height:205px;padding:17px 15px 12px}
body.yr-home-strict-fidelity .yr-sidebar-weather__current strong{font-size:34px}
body.yr-home-strict-fidelity .yr-sidebar-weather__current b{font-size:13px}
body.yr-home-strict-fidelity .yr-sidebar-weather__current small{font-size:10px}
body.yr-home-strict-fidelity .yr-sidebar-weather__metrics{font-size:9px}
body.yr-home-strict-fidelity .yr-sidebar-weather__forecast b{font-size:9px}
body.yr-home-strict-fidelity .yr-sidebar-weather__forecast small{font-size:8px}
body.yr-home-strict-fidelity .yr-sidebar-story-tabs__nav button{font-size:10px;min-height:34px}
body.yr-home-strict-fidelity .yr-home-parity__sidebar .yr-widget-post{
	grid-template-columns:24px 68px minmax(0,1fr)!important;gap:8px;padding:7px 0;
}
body.yr-home-strict-fidelity .yr-home-parity__sidebar .yr-widget-post h3{font-size:11.5px!important;line-height:1.25}
body.yr-home-strict-fidelity .yr-home-parity__sidebar .yr-widget-post small{font-size:9px!important}
body.yr-home-strict-fidelity .yr-widget-post__rank{width:20px;height:20px;font-size:9px}
body.yr-home-strict-fidelity .yr-sidebar-newsletter{padding:22px 14px}
body.yr-home-strict-fidelity .yr-sidebar-newsletter p{font-size:12px!important}
body.yr-home-strict-fidelity .yr-sidebar-newsletter__form input,
body.yr-home-strict-fidelity .yr-sidebar-newsletter__form button{height:36px;font-size:11px!important}
body.yr-home-strict-fidelity .yr-sidebar-category-cards a{min-height:60px}
body.yr-home-strict-fidelity .yr-sidebar-category-cards a span{font-size:11px!important}

/* ===== footer: denser, visual and two-tier ===== */
body.yr-home-strict-fidelity .yr-footer--builder{margin-top:42px}
body.yr-home-strict-fidelity .yr-footer-newsroom-grid{gap:26px;padding:32px 0 26px}
body.yr-home-strict-fidelity .yr-footer-newsroom-grid h2,
body.yr-home-strict-fidelity .yr-footer-brand-newsletter h2{font-size:13px!important}
body.yr-home-strict-fidelity .yr-footer-newsroom-grid li{font-size:11px!important;line-height:1.45;margin-bottom:7px}
body.yr-home-strict-fidelity .yr-footer-newsroom-tags a{font-size:9px!important;padding:5px 7px}
body.yr-home-strict-fidelity .yr-footer-story-grid{gap:8px}
body.yr-home-strict-fidelity .yr-footer-story{gap:7px}
body.yr-home-strict-fidelity .yr-footer-story__image{width:54px;height:42px}
body.yr-home-strict-fidelity .yr-footer-story__image img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-footer-story h3{font-size:10.5px!important;line-height:1.25}
body.yr-home-strict-fidelity .yr-footer-story time{font-size:8.5px}
body.yr-home-strict-fidelity .yr-footer-brand-newsletter{padding:22px 0 26px}
body.yr-home-strict-fidelity .yr-footer-brand-newsletter__brand strong{font-size:30px}
body.yr-home-strict-fidelity .yr-footer-brand-newsletter__brand p{font-size:11px!important}
body.yr-home-strict-fidelity .yr-footer-credits{min-height:44px;font-size:10px!important}

/* ===== category hover should be unmistakable ===== */
body.yr-category-hover-color .yr-home-parity article[style*="--yr-post-category-color"]{
	transition:transform .18s ease,box-shadow .18s ease;
}
body.yr-category-hover-color .yr-home-parity article[style*="--yr-post-category-color"]:hover{
	transform:translateY(-2px);
	box-shadow:0 7px 18px rgba(15,23,42,.10)!important;
}
body.yr-category-hover-color .yr-home-parity article[style*="--yr-post-category-color"]:hover h2 a,
body.yr-category-hover-color .yr-home-parity article[style*="--yr-post-category-color"]:hover h3 a,
body.yr-category-hover-color .yr-home-parity article[style*="--yr-post-category-color"]:hover h4 a{
	color:var(--yr-post-category-color)!important;
}

/* ===== responsive ===== */
@media(max-width:980px){
	body.yr-site-layout-boxed .yr-site{width:100%}
	body.yr-home-strict-fidelity .yr-home-parity__row--right-sidebar .yr-home-parity__row-shell{grid-template-columns:1fr!important}
	body.yr-home-strict-fidelity .yr-home-parity__sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media(max-width:680px){
	body.yr-home-strict-fidelity .yr-home-parity-hero{
		height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:280px 150px 150px;
	}
	body.yr-home-strict-fidelity .yr-home-parity-hero__story--1{grid-column:1/-1;grid-row:1}
	body.yr-home-strict-fidelity .yr-home-parity-hero__story--2{grid-column:1/-1;grid-row:2}
	body.yr-home-strict-fidelity .yr-home-parity-hero__story--3{grid-column:1;grid-row:3}
	body.yr-home-strict-fidelity .yr-home-parity-hero__story--4{grid-column:2;grid-row:3}
	body.yr-home-strict-fidelity .yr-home-big-thumb,
	body.yr-home-strict-fidelity .yr-home-sports__lead,
	body.yr-home-strict-fidelity .yr-home-tech{grid-template-columns:1fr}
	body.yr-home-strict-fidelity .yr-home-parity__sidebar{grid-template-columns:1fr}
	body.yr-home-strict-fidelity .yr-home-whatsnew{grid-template-columns:1fr}
	body.yr-home-strict-fidelity .yr-home-first-big__list{grid-template-columns:1fr}
	body.yr-home-strict-fidelity .yr-home-first-big__thumb{height:180px}
}

body.yr-home-strict-fidelity .yr-footer-newsroom-list{display:grid;gap:8px}
body.yr-home-strict-fidelity .yr-footer-newsroom-list article{
	display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px;align-items:center;
}
body.yr-home-strict-fidelity .yr-footer-newsroom-thumb{height:42px;display:block;overflow:hidden;background:#2a2d32}
body.yr-home-strict-fidelity .yr-footer-newsroom-thumb img{width:100%;height:100%;object-fit:cover}
body.yr-home-strict-fidelity .yr-footer-newsroom-title{display:block;color:#eceff3;font-size:10.5px;line-height:1.25;text-decoration:none}
body.yr-home-strict-fidelity .yr-footer-newsroom-list time{display:block;margin-top:3px;color:#747c86;font-size:8.5px}
