/* CineMedios Élite · Layout Options
 * One contract for home, singles, pages, archives, tags, authors and search.
 */
:root{
	--cm-layout-max:1280px;
	--cm-layout-gutter:clamp(20px,3vw,40px);
	--cm-layout-gap:34px;
	--cm-copy-max:820px;
	--cm-page-max:940px;
	--cm-head-max:1100px;
	--cm-interior-pad:32px;
}

body.cm-container-wide{--cm-layout-max:1440px}
body.cm-container-full-width{--cm-layout-max:100%}

body.single .cm-layout-shell,
body.page .cm-layout-shell,
body.archive .cm-layout-shell,
body.search .cm-layout-shell,
body.author .cm-layout-shell,
body.single .cm-article-shell,
body.single .cm-breadcrumb,
body.single .cm-article-header,
body.single .cm-article-title,
body.single .cm-article-deck,
body.single .cm-article-byline,
body.single .cm-article-copy,
body.single .cm-article-footer,
body.page .cm-page-shell,
body.page .cm-page-shell>.entry-content,
body.archive .cm-archive-shell,
body.archive .cm-archive-title,
body.archive .cm-archive-description,
body.author .cm-author-shell,
body.author .cm-author-name,
body.author .cm-author-bio,
body.search .cm-search-shell,
body.search .cm-search-title,
body.search .cm-search-count,
.cm-primary-sidebar,
.cm-sidebar-widget,
.cm-sidebar-title,
.cm-toc{font-family:var(--font)}

body[class*="cm-container-"] .wrap,
body[class*="cm-container-"] .cm-ad-slot,
.cm-layout-shell,
.cm-breadcrumb-shell{
	width:min(var(--cm-layout-max),calc(100% - (var(--cm-layout-gutter) * 2)));
	margin-inline:auto;
}

.cm-layout-primary>.cm-archive-shell,
.cm-layout-primary>.cm-author-shell,
.cm-layout-primary>.cm-page-shell{width:100%;margin-inline:0}

.cm-layout-shell{display:block;min-width:0}
.cm-layout-primary{min-width:0}
.cm-layout-has-sidebar{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:var(--cm-layout-gap);align-items:start}
body.cm-align-sidebar-content .cm-layout-has-sidebar{grid-template-columns:350px minmax(0,1fr)}
body.cm-align-sidebar-content .cm-layout-has-sidebar>.cm-layout-primary{grid-column:2;grid-row:1}
body.cm-align-sidebar-content .cm-layout-has-sidebar>.cm-primary-sidebar{grid-column:1;grid-row:1}

body.single main{background:var(--soft);padding-top:0}
.cm-breadcrumb-shell{padding:11px 0 8px}
.cm-breadcrumb-shell .cm-breadcrumb{margin:0;font-size:.74rem;line-height:1.35}

.cm-layout-shell-single{background:transparent;padding:0}
.cm-layout-shell-single .cm-layout-primary{min-width:0;background:#fff}
.cm-layout-shell-single .cm-article-shell{width:100%;margin:0;padding:18px var(--cm-interior-pad) 28px;background:#fff}
.cm-layout-shell-single .cm-article-header{width:min(var(--cm-head-max),100%);margin:0}
.cm-article-categories{margin:0 0 12px!important}
/* Title and excerpt share the header measure in sidebar and full-width layouts.
 * Scale the heading to its column instead of the viewport. */
.cm-layout-shell-single .cm-article-header{container-type:inline-size}
body.single .cm-layout-shell-single .cm-article-title,
body.single .cm-layout-shell-single .cm-article-deck{width:100%;max-width:none;min-width:0}
body.single .cm-layout-shell-single .cm-article-title{
	font-size:clamp(2.1rem,6cqi,4.4rem);
	text-wrap:wrap;
}
.cm-article-byline{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-top:15px}
.cm-article-byline .meta{margin-top:0;align-items:baseline}
.cm-article-byline .cm-reading-time{display:inline-block;line-height:inherit;vertical-align:baseline}

.cm-layout-shell-single .cm-article-featured{width:100%;margin:0;background:#fff}
.cm-layout-shell-single .cm-article-layout{background:#fff;padding:22px var(--cm-interior-pad) 0}
.cm-layout-shell-single .cm-article-copy{width:min(var(--cm-copy-max),100%);margin:0;padding-bottom:60px}
.cm-layout-shell-single .cm-comments-inner{width:min(var(--cm-copy-max),100%);margin:0}

.cm-layout-shell-single .cm-article-layout-canvas{padding:0;background:#fff}
.cm-layout-shell-single .cm-article-copy-canvas{width:100%;max-width:none;margin:0;padding-bottom:0}
.cm-layout-shell-single .cm-article-copy-canvas>:first-child{max-width:none}

body.single .cm-article-copy-canvas .cm-evergreen-reference :where(p,li,figcaption,td,th,a),
body.single .cm-article-copy-canvas .cm-evergreen-full :where(p,li,figcaption,td,th,a),
body.single .cm-article-copy-canvas .cm-affiliate-full :where(p,li,figcaption,td,th,a){font-family:var(--font)!important}

body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-main{
	width:min(820px,calc(100% - 96px));
	margin-inline:auto!important;
}
body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-hero-copy{
	width:min(880px,calc(100% - 96px));
	margin-inline:auto!important;
}
body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-featured,
body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-figure{
	width:calc(100% - 72px);
	margin-inline:auto!important;
}

/* Full-width editorial canvases inherit the available WordPress column only.
 * Their own wrappers (.shell/.wide/.reading/etc.) retain their authored geometry. */
body.single.cm-align-full-width-content .cm-layout-shell-single .cm-article-header,
body.single.cm-align-full-width-content .cm-layout-shell-single .cm-article-featured,
body.single.cm-align-full-width-content .cm-layout-shell-single .cm-article-copy{
	width:100%;
	max-width:none;
}
body.single.cm-align-full-width-content .cm-layout-shell-single .cm-article-layout{padding-inline:var(--cm-interior-pad)}
body.single.cm-align-full-width-content .cm-layout-shell-single .cm-article-layout-canvas{padding-inline:0}
body.single.cm-container-full-width.cm-align-full-width-content .cm-layout-shell-single,
body.single.cm-container-full-width.cm-align-full-width-content .cm-breadcrumb-shell{
	width:calc(100% - (var(--cm-layout-gutter) * 2));
	max-width:none;
}

/* Keep the complete Full width content canvas inside the selected container.
 * Inner editorial wrappers can shrink, but may never crop or widen the page. */
body.single.cm-align-full-width-content .cm-layout-shell-single,
body.single.cm-align-full-width-content .cm-layout-primary,
body.single.cm-align-full-width-content .cm-article-shell,
body.single.cm-align-full-width-content .cm-article-layout,
body.single.cm-align-full-width-content .cm-article-copy,
body.single.cm-align-full-width-content .cm-article-copy-canvas,
body.single.cm-align-full-width-content .cm-toc-shell,
body.single.cm-align-full-width-content .cm-toc,
body.single.cm-align-full-width-content .cm-entry-footer,
body.single.cm-align-full-width-content .cm-related-section{
	min-width:0;
	max-width:100%;
	box-sizing:border-box;
}
body.single.cm-align-full-width-content .cm-article-copy-canvas > *{
	max-width:100%;
}

.cm-toc-shell{width:100%;margin:0;background:#fff;padding:0 var(--cm-interior-pad)}
.cm-toc{border:1px solid var(--line);background:#fff;padding:25px 34px;color:var(--ink)}
.cm-toc>h2{font-family:var(--font);font-size:1.34rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin:0;padding:0 0 14px;border-bottom:1px solid var(--line)}
.cm-toc ol{list-style:none;margin:0;padding:0;counter-reset:cm-toc}
.cm-toc li{counter-increment:cm-toc;border-bottom:1px solid var(--line)}
.cm-toc li:last-child{border-bottom:0}
.cm-toc a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0;align-items:start;padding:14px 0;font-size:.93rem;font-weight:600;line-height:1.45;text-decoration:none!important}
.cm-toc a:before{content:counter(cm-toc) ".";font-weight:700;color:var(--ink)}
.cm-toc a:hover{color:var(--orange)}

.cm-article-categories.category-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.cm-article-categories:empty{display:none}
.cm-article-categories .category-badge{background:var(--orange)!important;border:0!important;color:#111!important}

.cm-primary-sidebar{min-width:0;padding:0 0 32px}
.cm-primary-sidebar-sticky{position:sticky;top:8px;align-self:start}
@media(min-width:981px){body.admin-bar .cm-primary-sidebar-sticky{top:40px}}
.cm-sidebar-widget{padding:0;border-top:0}
.cm-top10-widget{border-top:3px solid var(--ink);padding-top:8px}
.cm-sidebar-title{font-size:1rem;line-height:1.05;margin:0 0 5px}
.cm-top10-list{list-style:none;margin:0;padding:0;counter-reset:cm-top10}
.cm-top10-list li{counter-increment:cm-top10;border-bottom:1px solid var(--line);padding:4px 0}
.cm-top10-list li:last-child{border-bottom:0}
.cm-top10-list a{display:grid;grid-template-columns:18px 72px minmax(0,1fr);gap:7px;align-items:center;min-width:0;text-decoration:none!important}
.cm-top10-list a:before{content:counter(cm-top10);font-size:.7rem;font-weight:800;line-height:1;color:var(--blue)}
.cm-top10-thumb{display:block;width:72px;aspect-ratio:16/9;overflow:hidden;background:var(--night)}
.cm-top10-thumb img{width:100%;height:100%;object-fit:cover}
.cm-top10-thumb .cm-media-fallback{min-height:0;height:100%;padding:2px}
.cm-top10-thumb .cm-media-fallback__mark{font-size:.65rem}
.cm-top10-thumb .cm-media-fallback__label{display:none}
.cm-top10-list strong{display:-webkit-box;min-width:0;font-size:.69rem;font-weight:700;line-height:1.15;letter-spacing:-.006em;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cm-top10-list a:hover strong{color:var(--orange)}

body.cm-content-mode-centered .cm-layout-shell-single .cm-article-header,
body.cm-content-mode-centered .cm-layout-shell-single .cm-article-featured,
body.cm-content-mode-centered .cm-layout-shell-single .cm-article-copy:not(.cm-article-copy-canvas),
body.cm-content-mode-centered .cm-layout-shell-single .cm-comments-inner,
body.cm-content-mode-centered .cm-layout-primary>.cm-page-shell{margin-inline:auto}
body.cm-content-mode-centered .cm-layout-shell-single .cm-article-header{max-width:900px}
body.cm-content-mode-centered .cm-layout-primary>.cm-page-shell{max-width:var(--cm-page-max)}

.cm-layout-primary>.cm-page-shell{max-width:var(--cm-page-max);padding:28px 0 72px}
.cm-layout-primary>.cm-archive-shell,
.cm-layout-primary>.cm-author-shell{padding:28px 0 72px}

.cm-entry-footer{
	background:#fff;
	padding:20px var(--cm-interior-pad) 22px;
	border-top:1px solid var(--line);
	font-family:var(--font);
}
.cm-classic-tags{font-size:.86rem;line-height:1.6;color:var(--ink)}
.cm-classic-tags-label{font-weight:700;margin-right:4px}
.cm-classic-tags a{text-decoration:none}
.cm-classic-tags a:hover{color:var(--orange)}
.cm-classic-post-navigation{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.cm-classic-post-navigation .cm-post-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin:0}
.cm-classic-post-navigation .cm-post-nav>div:last-child{text-align:right}
.cm-classic-post-navigation a{display:block;text-decoration:none}
.cm-classic-post-navigation a>span{display:block;margin-bottom:5px;font-size:.68rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.cm-classic-post-navigation a:hover{color:var(--orange)}

body.single .cm-related-section{width:min(var(--cm-layout-max),calc(100% - (var(--cm-layout-gutter) * 2)));margin:0 auto;padding:34px var(--cm-interior-pad) 46px;background:var(--soft)}
body.single.cm-container-full-width.cm-align-full-width-content .cm-related-section{width:calc(100% - (var(--cm-layout-gutter) * 2));max-width:none}
body.single .cm-related-section>.wrap{width:100%!important;margin:0!important}

.cm-layout-has-sidebar .cm-article-copy .alignwide,
.cm-layout-has-sidebar .cm-article-copy .alignfull{width:100%;max-width:100%;margin-left:0;transform:none}

@media(max-width:1100px){
	.cm-layout-has-sidebar{grid-template-columns:minmax(0,1fr) 310px;gap:26px}
	body.cm-align-sidebar-content .cm-layout-has-sidebar{grid-template-columns:310px minmax(0,1fr)}
	.cm-top10-list a{grid-template-columns:16px 58px minmax(0,1fr);gap:6px}
	.cm-top10-thumb{width:58px}
	.cm-top10-list strong{font-size:.63rem}
}

@media(max-width:980px){
	:root{--cm-layout-gutter:20px;--cm-interior-pad:22px}
	.cm-layout-has-sidebar,
	body.cm-align-sidebar-content .cm-layout-has-sidebar{display:grid;grid-template-columns:1fr}
	body.cm-align-sidebar-content .cm-layout-has-sidebar>.cm-layout-primary,
	body.cm-align-sidebar-content .cm-layout-has-sidebar>.cm-primary-sidebar{grid-column:auto;grid-row:auto}
	.cm-primary-sidebar,.cm-primary-sidebar-sticky{position:static;padding-top:22px}
	.cm-top10-list a{grid-template-columns:18px 72px minmax(0,1fr)}
	.cm-top10-thumb{width:72px}
	.cm-top10-list strong{font-size:.76rem;line-height:1.24;-webkit-line-clamp:3}
	body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-main{width:min(820px,calc(100% - 56px))}
	body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-hero-copy{width:min(880px,calc(100% - 56px))}
	body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-featured,
	body.single.cm-align-content-sidebar .cm-article-copy-canvas .cm-evergreen-reference .cm-figure{width:calc(100% - 40px)}
}

@media(max-width:680px){
	:root{--cm-layout-gutter:16px;--cm-interior-pad:14px}
	.cm-breadcrumb-shell{padding:9px 0 7px}
	.cm-layout-shell-single .cm-article-shell{padding:14px var(--cm-interior-pad) 22px}
	.cm-layout-shell-single .cm-article-layout{padding:18px var(--cm-interior-pad) 0}
	.cm-layout-shell-single .cm-article-layout-canvas{padding:0}
	.cm-article-categories{margin-bottom:10px!important}
	.cm-article-byline{gap:12px;margin-top:13px}
	.cm-layout-primary>.cm-page-shell,
	.cm-layout-primary>.cm-archive-shell,
	.cm-layout-primary>.cm-author-shell{padding-top:22px}
	.cm-toc{padding:20px 18px}
	.cm-toc>h2{padding-bottom:12px}
	.cm-toc a{grid-template-columns:25px minmax(0,1fr);font-size:.84rem;padding:12px 0}
	body.single .cm-related-section{padding:28px var(--cm-interior-pad) 38px}
	.cm-classic-post-navigation .cm-post-nav{grid-template-columns:1fr;gap:18px}
	.cm-classic-post-navigation .cm-post-nav>div:last-child{text-align:left}
	.cm-top10-list a{grid-template-columns:18px 60px minmax(0,1fr)}
	.cm-top10-thumb{width:60px}
}


/* Unified interior contract: pages and every archive use the same quiet
 * background, typography and white editorial surface as single posts. */
body.page main,
body.archive main,
body.search main,
body.author main,
body.tag main,
body.category main{
	background:var(--soft);
	padding-top:0;
}
body.page .cm-layout-primary,
body.archive .cm-layout-primary,
body.search .cm-layout-primary,
body.author .cm-layout-primary,
body.tag .cm-layout-primary,
body.category .cm-layout-primary{
	background:var(--paper);
	color:var(--ink);
}
body.page .cm-page-shell,
body.archive .cm-archive-shell,
body.search .cm-search-shell,
body.author .cm-author-shell,
body.tag .cm-tag-shell,
body.category .cm-category-shell{
	font-family:var(--font);
	color:var(--ink);
}
body.category .cm-layout-shell-archive{
	width:min(100%,calc(100% - (var(--cm-layout-gutter) * 2)));
	max-width:none;
}

/* Full-width evergreen stories pause after the native TOC before their
 * authored canvas begins. Review canvases already own the same rhythm. */
.cm-toc-shell-format-cm-evergreen-reference,
.cm-toc-shell-format-cm-evergreen-full{
	margin-bottom:28px;
}
body.single.cm-align-full-width-content .cm-article-copy-canvas > .cm-film-review-full,
body.single.cm-align-full-width-content .cm-article-copy-canvas > .cm-game-review-full{
	width:100%!important;
	max-width:none!important;
	margin-inline:0!important;
}

body.error404 main{background:var(--soft);padding-top:0}
body.error404 .cm-404{background:var(--paper);color:var(--ink);font-family:var(--font)}


/* Archives must keep the home surface: a light masthead, dark utility/nav,
 * and no inherited dark page canvas around category, tag or author views. */
body.archive,
body.tag,
body.author,
body.search{
	background:var(--paper);
	color:var(--ink);
}
body.archive .cm-site-header,
body.tag .cm-site-header,
body.author .cm-site-header,
body.search .cm-site-header,
body.page .cm-site-header{
	background:var(--paper);
	color:var(--ink);
}
body.archive .masthead,
body.tag .masthead,
body.author .masthead,
body.search .masthead,
body.page .masthead{
	background:var(--paper);
	color:var(--ink);
}
body.archive .masthead .search,
body.tag .masthead .search,
body.author .masthead .search,
body.search .masthead .search,
body.page .masthead .search{color:var(--ink)}

/* Pages retain the CoverNews-style full-width editorial container while
 * still keeping the WordPress classic Edit link after their content. */
body.page .cm-layout-shell-page{width:min(var(--cm-layout-max),calc(100% - (var(--cm-layout-gutter) * 2)))}
body.page .cm-page-shell-canvas{
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
}
body.page .cm-page-shell-canvas .entry-content{width:100%;max-width:none}


/***** Archive canvas and gutters: match the home page on every archive. *****/
body.archive,
body.tag,
body.author,
body.search,
body.error404,
body.archive #page,
body.tag #page,
body.author #page,
body.search #page,
body.error404 #page,
body.archive .site,
body.tag .site,
body.author .site,
body.search .site,
body.error404 .site,
body.archive .site-content,
body.tag .site-content,
body.author .site-content,
body.search .site-content,
body.error404 .site-content{
	background:var(--paper)!important;
	color:var(--ink);
}

/* Keep the home’s light masthead. The utility strip and navigation retain
 * their own dark treatment in theme-refinements.css. */
body.archive .cm-site-header,
body.tag .cm-site-header,
body.author .cm-site-header,
body.search .cm-site-header,
body.error404 .cm-site-header,
body.archive .masthead,
body.tag .masthead,
body.author .masthead,
body.search .masthead,
body.error404 .masthead,
body.archive footer,
body.tag footer,
body.author footer,
body.search footer,
body.error404 footer{
	background:var(--paper)!important;
	color:var(--ink);
}
body.archive .masthead .search,
body.tag .masthead .search,
body.author .masthead .search,
body.search .masthead .search,
body.error404 .masthead .search{color:var(--ink)!important}

/* Archives keep their full-width structure, but the editorial content needs
 * the same breathing room as the home cards. */
body.archive .cm-layout-primary>.cm-archive-shell,
body.tag .cm-layout-primary>.cm-archive-shell,
body.search .cm-layout-primary>.cm-search-shell,
body.author .cm-layout-primary>.cm-author-shell{
	box-sizing:border-box;
	padding:32px var(--cm-interior-pad) 72px;
}
@media(max-width:680px){
	body.archive .cm-layout-primary>.cm-archive-shell,
	body.tag .cm-layout-primary>.cm-archive-shell,
	body.search .cm-layout-primary>.cm-search-shell,
	body.author .cm-layout-primary>.cm-author-shell{padding-top:22px}
}


/* Footer surface must match the home page’s soft gray, not the archive canvas. */
body.archive footer,
body.tag footer,
body.author footer,
body.search footer,
body.error404 footer{
	background:var(--soft)!important;
}


/* CoverNews Pro page base: a 1200px editorial canvas with its native
 * 15px content inset. Authored page modules keep their own internal layout. */
body.page .cm-layout-shell-page{
	width:min(1200px,calc(100% - 30px));
	max-width:none;
	margin-inline:auto;
}
body.page .cm-layout-shell-page .cm-layout-primary{
	background:#fff;
}
body.page .cm-layout-shell-page .cm-page-shell,
body.page .cm-layout-primary>.cm-page-shell{
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
}
body.page .cm-layout-shell-page .cm-page-shell .entry-content{
	width:100%;
	max-width:none;
	box-sizing:border-box;
	padding:15px;
}
@media(max-width:680px){
	body.page .cm-layout-shell-page{width:calc(100% - 24px)}
	body.page .cm-layout-shell-page .cm-page-shell .entry-content{padding:12px}
}


/* Archive pages must touch the global header and footer without the
 * CoverNews-style body spacing that creates white strips outside them. */
body.archive,
body.category,
body.tag,
body.author,
body.search,
body.error404{
	padding-top:0!important;
	padding-bottom:0!important;
}