/* Sonic City Category Hubs v2.2.3 */
body.sc-category-hub-v2{
	--sc-ch-blue:#02126f;
	--sc-ch-blue-2:#1720d2;
	--sc-ch-link:#0b5fff;
	--sc-ch-cyan:#18f2ff;
	--sc-ch-yellow:#feeb4a;
	--sc-ch-red:#a60304;
	--sc-ch-ink:#0b1220;
	--sc-ch-muted:rgba(11,18,32,.70);
	--sc-ch-shadow:0 10px 22px rgba(0,0,0,.09);
}

body.sc-category-hub-v2 .page-header,
body.sc-category-hub-v2 .sc-hub-shell,
body.sc-category-hub-v2 .sc-hub-shell-dynamic,
body.sc-category-hub-v2 .sc-hub-tabs-wrap,
body.sc-category-hub-v2 .sc-hub-dynamic-panel,
body.sc-category-hub-v2 #content-wrap>.content-area,
body.sc-category-hub-v2 #content-wrap>.widget-area{
	display:none!important;
}

body.sc-category-hub-v2 #content-wrap{
	width:100%!important;
	max-width:none!important;
	padding:0!important;
}

body.sc-category-hub-v2 .site-content{
	padding-top:0!important;
}

.sc-ch-page,
.sc-ch-page *{
	box-sizing:border-box;
}

.sc-ch-page{
	width:100%;
	color:var(--sc-ch-ink);
}

.sc-ch-page a{
	transition:color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}

/* =========================================================
   HERO
   Exact requested gradient + banner as a visible background layer
   ========================================================= */

.sc-ch-hero{
	position:relative;
	isolation:isolate;
	width:100%;
	overflow:hidden;
	color:#fff;
	background:
		linear-gradient(180deg,rgb(2 18 111) 0,rgb(23 32 210) 100%),
		radial-gradient(120% 90% at 50% 10%,rgba(0,0,0,.15) 0,rgba(0,0,0,.45) 100%);
}

.sc-ch-hero::before{
	content:"";
	position:absolute;
	z-index:-2;
	inset:0;
	background-image:var(--sc-ch-hero-image,none);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	opacity:.82;
	-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 19%,#000 47%,#000 100%);
	mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 19%,#000 47%,#000 100%);
}

.sc-ch-hero::after{
	content:"";
	position:absolute;
	z-index:-1;
	inset:0;
	background:
		linear-gradient(90deg,rgba(2,18,111,.92) 0%,rgba(2,18,111,.68) 43%,rgba(2,18,111,.12) 79%,rgba(2,18,111,0) 100%),
		linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
	pointer-events:none;
}

.sc-ch-hero__inner{
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:min(100%,calc(100% - 10%));
	min-height:330px;
	margin:0 auto;
	padding:34px 0 28px;
}

.sc-ch-hero__copy{
	width:min(720px,65%);
}

.sc-ch-hero__logo{
	max-width:300px;
	margin:0 0 8px;
}

.sc-ch-hero__logo img{
	display:block;
	width:auto;
	max-width:100%;
	max-height:76px;
	object-fit:contain;
	object-position:left center;
}

.sc-ch-hero h1{
	display:block;
	max-width:760px;
	margin:0;
	color:#fff;
	font-size:clamp(39px,4.35vw,61px);
	font-weight:900;
	letter-spacing:-1.4px;
	line-height:.98;
	text-shadow:0 5px 22px rgba(0,0,0,.48);
}

.sc-ch-hero__hub-word{
	white-space:nowrap;
}

.sc-ch-hero__actions{
	display:flex;
	flex-wrap:wrap;
	gap:9px;
	margin-top:19px;
}

.sc-ch-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	padding:10px 15px;
	border-radius:0;
	font-size:10px;
	font-weight:900;
	letter-spacing:.3px;
	line-height:1;
	text-decoration:none!important;
	text-transform:uppercase;
}

.sc-ch-btn--primary{
	color:#02126f!important;
	background:linear-gradient(180deg,#fff35f 0%,#ffd91d 100%);
	box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.sc-ch-btn--secondary{
	color:#fff!important;
	background:rgba(2,18,111,.68);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
	backdrop-filter:blur(7px);
}

.sc-ch-btn:hover{
	transform:translateY(-1px);
	filter:brightness(1.04);
}

.sc-ch-hero__stats{
	display:grid;
	grid-template-columns:110px 120px minmax(150px,210px);
	width:max-content;
	max-width:100%;
	margin-top:24px;
	background:rgba(2,18,111,.74);
	box-shadow:0 8px 20px rgba(0,0,0,.16);
	backdrop-filter:blur(8px);
}

.sc-ch-hero__stats>div{
	min-width:0;
	padding:11px 14px;
	box-shadow:inset -1px 0 rgba(255,255,255,.12);
}

.sc-ch-hero__stats>div:last-child{
	box-shadow:none;
}

.sc-ch-hero__stats strong,
.sc-ch-hero__stats span{
	display:block;
}

.sc-ch-hero__stats strong{
	overflow:hidden;
	color:#fff;
	font-size:16px;
	font-weight:900;
	line-height:1;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.sc-ch-hero__stats span{
	margin-top:5px;
	color:rgba(255,255,255,.64);
	font-size:7px;
	font-weight:900;
	letter-spacing:.5px;
	text-transform:uppercase;
}

/* =========================================================
   SHARED SECTION SHELLS
   ========================================================= */

.sc-ch-main{
	margin:0 auto!important;
}

.sc-ch-section{
	margin:0 0 18px;
	overflow:hidden;
	background:#fff;
	box-shadow:var(--sc-ch-shadow);
	scroll-margin-top:20px;
}

.sc-ch-section-head{
	position:relative;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:18px;
	min-height:56px;
	padding:10px 13px 11px;
	color:#fff;
	background:linear-gradient(180deg,var(--sc-ch-blue) 0%,var(--sc-ch-blue-2) 100%);
	box-shadow:inset 0 -1px rgba(24,242,255,.28);
	border:1px solid rgba(255,255,255,.14);
}

.sc-ch-section-head::after{
	content:"";
	position:absolute;
	right:13px;
	bottom:0;
	left:13px;
	height:2px;
	background:linear-gradient(90deg,transparent,rgba(24,242,255,.9),transparent);
	opacity:.7;
	pointer-events:none;
}

.sc-ch-section-kicker,
.sc-ch-card-label{
	display:block;
	color:var(--sc-ch-yellow);
	font-size:8px;
	font-weight:900;
	letter-spacing:.75px;
	line-height:1;
	text-transform:uppercase;
}

.sc-ch-section-head h2{
	margin:3px 0 0;
	color:#fff;
	font-size:20px;
	font-weight:900;
	line-height:1.05;
	text-shadow:0 2px 10px rgba(0,0,0,.25);
}

.sc-ch-section-head>a{
	flex:0 0 auto;
	color:#fff!important;
	font-size:9px;
	font-weight:900;
	text-decoration:none!important;
	text-transform:uppercase;
}

.sc-ch-section-head>a:hover{
	color:var(--sc-ch-yellow)!important;
}

.sc-ch-section-head>a span{
	color:var(--sc-ch-yellow);
	font-size:15px;
}

/* =========================================================
   WIKI OVERVIEW
   ========================================================= */

.sc-ch-wiki__layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(280px,360px);
	align-items:start;
	background:#f4f7ff;
}

.sc-ch-wiki__intro{
	min-width:0;
	padding:24px 26px 25px;
	color:var(--sc-ch-ink);
	background:#fff;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
}

.sc-ch-wiki__intro p{
	margin:0 0 14px;
}

.sc-ch-wiki__intro blockquote,
.sc-ch-wiki__intro .wp-block-quote{
	margin-top:0;
	margin-bottom:20px;
}

.sc-ch-wiki__intro cite{
	display:block;
}

.sc-ch-wiki__intro a{
	font-weight:800;
	text-decoration:none;
}

.sc-ch-wiki__intro a.sc-wiki-link,
.sc-ch-wiki__intro a.sc-wiki-link--path,
.sc-ch-wiki__intro a.sc-wiki-link--anchor,
.sc-ch-wiki__intro a.wikilink,
.sc-ch-wiki__intro a.wikilink-published{
	color:#0b5fff!important;
}

.sc-ch-wiki__intro a.sc-wiki-redlink,
.sc-ch-wiki__intro a.wikilink-new{
	color:#ba0000!important;
	text-decoration:underline!important;
	text-decoration-style:dotted!important;
	text-underline-offset:3px!important;
}

.sc-ch-wiki__intro a:hover{
	color:#ff6600!important;
	text-decoration:underline!important;
	text-underline-offset:3px!important;
}

.sc-ch-wiki__intro img{
	max-width:100%;
	height:auto;
}

.sc-ch-text-link{
	display:inline-flex;
	align-items:center;
	gap:5px;
	margin-top:3px;
	padding:8px 10px;
	color:#fff!important;
	background:var(--sc-ch-link);
	font-size:9px;
	font-weight:900!important;
	line-height:1;
	text-decoration:none!important;
	text-transform:uppercase;
}

.sc-ch-text-link:hover{
	color:#02126f!important;
	background:var(--sc-ch-yellow);
	text-decoration:none!important;
}

.sc-ch-text-link span{
	font-size:14px;
}

.sc-ch-wiki__infobox{
	min-width:0;
	padding:12px;
	background:#f4f7ff;
}

.sc-ch-wiki__infobox-content{
	max-height:610px;
	overflow:auto;
	background:#fff;
	box-shadow:0 6px 16px rgba(2,18,111,.08);
	scrollbar-width:thin;
}

.sc-ch-wiki__infobox-content>.infobox,
.sc-ch-wiki__infobox-content>.portable-infobox,
.sc-ch-wiki__infobox-content aside,
.sc-ch-wiki__infobox-content table{
	float:none!important;
	width:100%!important;
	max-width:none!important;
	margin:0!important;
	border:0!important;
	box-shadow:none!important;
	margin-bottom: 16px;
}

.sc-ch-wiki__infobox-content img{
	display:block;
	max-width:100%;
	height:auto;
	margin:0 auto;
}

.sc-ch-wiki__infobox-content table{
	border-collapse:collapse;
}

.sc-ch-wiki__infobox-content td,
.sc-ch-wiki__infobox-content th,
.sc-ch-wiki__infobox-content .pi-item{
	padding:7px 9px!important;
	border-bottom:1px solid rgba(20,55,120,.09)!important;
	font-size:10px!important;
	line-height:1.35!important;
}

.sc-ch-wiki__infobox-content a{
	color:#0b5fff!important;
}

.sc-ch-wiki__infobox-content a.sc-wiki-redlink{
	color:#ba0000!important;
}

.sc-ch-wiki__infobox-link{
	display:block;
	padding:10px;
	color:#fff!important;
	background:var(--sc-ch-blue);
	font-size:8px;
	font-weight:900;
	text-align:center;
	text-decoration:none!important;
	text-transform:uppercase;
}

.sc-ch-wiki__infobox-link:hover{
	background:var(--sc-ch-link);
}

/* =========================================================
   NEWS
   One horizontal lead story + six balanced cards
   ========================================================= */

.sc-ch-news__grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
	padding:12px;
	background:linear-gradient(180deg,#fff 0%,#f4f7ff 100%);
}

.sc-ch-news-card{
	display:flex;
	flex-direction:column;
	min-width:0;
	overflow:hidden;
	background:#fff;
	box-shadow:0 7px 17px rgba(2,18,111,.075);
}

.sc-ch-news-card.is-lead{
	grid-column:1/-1;
	display:grid;
	grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
	min-height:300px;
}

.sc-ch-news-card__image{
	display:block;
	position:relative;
	overflow:hidden;
	background:#07175d;
	aspect-ratio:16/9;
}

.sc-ch-news-card.is-lead .sc-ch-news-card__image{
	height:100%;
	aspect-ratio:auto;
}

.sc-ch-news-card__image img,
.sc-ch-media-card__image img,
.sc-ch-review-card__image img,
.sc-ch-product-card__image img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .24s ease;
}

.sc-ch-news-card:hover img,
.sc-ch-media-card:hover img,
.sc-ch-review-card:hover img,
.sc-ch-product-card:hover img{
	transform:scale(1.03);
}

.sc-ch-image-fallback{
	display:block;
	width:100%;
	height:100%;
	background:
		radial-gradient(circle at 75% 20%,rgba(24,242,255,.28),transparent 34%),
		linear-gradient(135deg,#02126f,#1720d2);
}

.sc-ch-news-card__body{
	display:flex;
	flex:1 1 auto;
	flex-direction:column;
	padding:12px;
}

.sc-ch-news-card.is-lead .sc-ch-news-card__body{
	justify-content:center;
	padding:24px;
}

.sc-ch-card-meta{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	margin-bottom:7px;
	color:rgba(2,18,111,.58);
	font-size:8px;
	font-weight:900;
	text-transform:uppercase;
}

.sc-ch-views{
	display:inline-flex;
	align-items:center;
	padding:3px 6px;
	color:rgba(2,18,111,.67);
	background:rgba(11,95,255,.06);
	font-size:8px;
	white-space:nowrap;
}

.sc-ch-views .wp-block-jetpack-blog-stats{
	margin:0!important;
}

.sc-ch-views .jetpack-blog-stats__label{
	display:none!important;
}

.sc-ch-news-card h3,
.sc-ch-review-card h3,
.sc-ch-topic-card h3{
	margin:0;
	font-size:14px;
	font-weight:900;
	line-height:1.24;
}

.sc-ch-news-card.is-lead h3{
	font-size:24px;
	line-height:1.12;
}

.sc-ch-news-card h3 a,
.sc-ch-review-card h3 a,
.sc-ch-topic-card h3 a{
	color:var(--sc-ch-ink)!important;
	text-decoration:none!important;
}

.sc-ch-news-card h3 a:hover,
.sc-ch-review-card h3 a:hover,
.sc-ch-topic-card h3 a:hover{
	color:var(--sc-ch-link)!important;
	text-decoration:underline!important;
	text-underline-offset:3px;
}

body.sc-category-hub-v2 .sc-ch-news-card .sc-ch-news-card__excerpt,
body.sc-category-hub-v2 .sc-ch-news-card:not(.is-lead) .sc-ch-news-card__excerpt,
.sc-ch-review-card p{
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
	max-height:none!important;
	overflow:visible!important;
	margin:8px 0 12px!important;
	color:var(--sc-ch-muted)!important;
	font-size:11px!important;
	line-height:1.44!important;
	-webkit-line-clamp:unset!important;
}

.sc-ch-news-card.is-lead .sc-ch-news-card__excerpt{
	max-width:520px!important;
	font-size:13px!important;
}

.sc-ch-card-link{
	display:inline-flex;
	align-items:center;
	gap:4px;
	width:max-content;
	margin-top:auto;
	color:var(--sc-ch-link)!important;
	font-size:8px;
	font-weight:900;
	text-decoration:none!important;
	text-transform:uppercase;
}

.sc-ch-card-link:hover{
	text-decoration:underline!important;
	text-underline-offset:3px;
}

.sc-ch-card-link span{
	font-size:14px;
}

.sc-ch-pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	padding:2px 12px 14px;
	background:#f4f7ff;
}

.sc-ch-pagination__numbers{
	display:flex;
	gap:4px;
}

.sc-ch-pagination a{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:32px;
	min-height:30px;
	padding:6px 9px;
	color:#02126f!important;
	background:#fff;
	box-shadow:0 3px 9px rgba(2,18,111,.08);
	font-size:9px;
	font-weight:900;
	text-decoration:none!important;
}

.sc-ch-pagination a.is-current,
.sc-ch-pagination a:hover{
	color:#fff!important;
	background:var(--sc-ch-blue-2);
}

.sc-ch-pagination__edge{
	min-width:72px!important;
}

/* =========================================================
   REVIEW / PREVIEW
   ========================================================= */

.sc-ch-review-card{
	display:grid;
	grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);
	min-height:300px;
}

.sc-ch-review-card__image{
	position:relative;
	display:block;
	min-height:300px;
	overflow:hidden;
	background:#07175d;
}

.sc-ch-review-card__score{
	position:absolute;
	top:12px;
	right:12px;
	display:grid;
	place-items:center;
	min-width:48px;
	min-height:48px;
	padding:8px;
	color:#fff;
	background:var(--sc-ch-red);
	box-shadow:0 8px 18px rgba(0,0,0,.25);
	font-size:18px;
	font-weight:900;
}

.sc-ch-review-card__body{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	padding:27px;
}

.sc-ch-review-card h3{
	margin-top:7px;
	font-size:24px;
}

.sc-ch-review-card p{
	font-size:13px!important;
}

.sc-ch-review-card .sc-ch-btn{
	margin-top:4px;
}

/* =========================================================
   MEDIA
   ========================================================= */

.sc-ch-media__grid{
	display:grid;
	grid-template-columns:repeat(6,minmax(0,1fr));
	gap:9px;
	padding:12px;
	background:#f4f7ff;
}

.sc-ch-media-card{
	min-width:0;
	background:#fff;
	box-shadow:0 6px 14px rgba(2,18,111,.07);
}

.sc-ch-media-card>a{
	display:block;
	color:var(--sc-ch-ink)!important;
	text-decoration:none!important;
}

.sc-ch-media-card__image{
	position:relative;
	display:block;
	overflow:hidden;
	background:#07175d;
	aspect-ratio:16/10;
}

.sc-ch-media-card__image>span{
	position:absolute;
	top:7px;
	left:7px;
	padding:4px 6px;
	color:#fff;
	background:rgba(2,18,111,.88);
	font-size:7px;
	font-weight:900;
	text-transform:uppercase;
}

.sc-ch-media-card strong{
	display:-webkit-box;
	min-height:44px;
	padding:9px;
	overflow:hidden;
	color:#02126f;
	font-size:10px;
	font-weight:900;
	line-height:1.3;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

/* =========================================================
   DISCUSSIONS
   ========================================================= */

.sc-ch-topic-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	padding:12px;
	background:#f4f7ff;
}

.sc-ch-topic-card{
	display:grid;
	grid-template-columns:40px minmax(0,1fr);
	gap:11px;
	min-width:0;
	padding:13px;
	background:#fff;
	box-shadow:0 6px 15px rgba(2,18,111,.07);
}

.sc-ch-topic-card__icon{
	display:grid;
	place-items:center;
	width:40px;
	height:40px;
	color:#0b5fff;
	background:#eef4ff;
	font-size:16px;
}

.sc-ch-topic-card__main{
	min-width:0;
}

.sc-ch-topic-card__source{
	display:block;
	overflow:hidden;
	margin-bottom:5px;
	color:rgba(2,18,111,.55);
	font-size:7px;
	font-weight:900;
	letter-spacing:.35px;
	text-overflow:ellipsis;
	text-transform:uppercase;
	white-space:nowrap;
}

.sc-ch-topic-card h3{
	display:-webkit-box;
	overflow:hidden;
	font-size:13px;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.sc-ch-topic-card__footer{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	margin-top:10px;
	color:rgba(2,18,111,.58);
	font-size:8px;
	font-weight:900;
	text-transform:uppercase;
}

.sc-ch-topic-card__replies{
	padding:3px 6px;
	background:rgba(11,95,255,.06);
}

.sc-ch-topic-card__replies strong{
	color:#02126f;
}

.sc-ch-topic-card__open{
	display:inline-flex;
	align-items:center;
	gap:4px;
	margin-left:auto;
	color:var(--sc-ch-link)!important;
	font-size:8px;
	font-weight:900;
	text-decoration:none!important;
}

.sc-ch-topic-card__open:hover{
	text-decoration:underline!important;
	text-underline-offset:3px;
}

.sc-ch-topic-card__open span{
	font-size:14px;
}

/* =========================================================
   SHOP
   ========================================================= */

.sc-ch-products__grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:10px;
	padding:12px;
	background:#f4f7ff;
}

.sc-ch-product-card{
	background:#fff;
	box-shadow:0 6px 14px rgba(2,18,111,.07);
}

.sc-ch-product-card>a{
	display:block;
	color:#02126f!important;
	text-decoration:none!important;
}

.sc-ch-product-card__image{
	display:block;
	overflow:hidden;
	aspect-ratio:1/1;
	background:#fff;
}

.sc-ch-product-card strong,
.sc-ch-product-card__price{
	display:block;
	padding:9px 10px;
}

.sc-ch-product-card strong{
	font-size:11px;
	font-weight:900;
}

.sc-ch-product-card__price{
	padding-top:0;
	color:var(--sc-ch-red);
	font-size:12px;
	font-weight:900;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1024px){
	.sc-ch-hero__copy{
		width:min(690px,72%);
	}

	.sc-ch-wiki__layout{
		grid-template-columns:minmax(0,1fr) 310px;
	}

	.sc-ch-news-card.is-lead{
		grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);
	}

	.sc-ch-media__grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

@media(max-width:760px){
	.sc-ch-hero::before{
		opacity:.42;
		-webkit-mask-image:none;
		mask-image:none;
		background-position:center top;
	}

	.sc-ch-hero::after{
		background:linear-gradient(180deg,rgba(2,18,111,.40) 0%,rgba(2,18,111,.87) 60%,rgba(2,18,111,.98) 100%);
	}

	.sc-ch-hero__inner{
		width:calc(100% - 20px);
		min-height:315px;
		padding:24px 0 17px;
	}

	.sc-ch-hero__copy{
		width:100%;
	}

	.sc-ch-hero h1{
		max-width:100%;
		font-size:34px;
		letter-spacing:-.7px;
	}

	.sc-ch-hero__logo{
		max-width:215px;
	}

	.sc-ch-hero__logo img{
		max-height:58px;
	}

	.sc-ch-hero__actions{
		margin-top:16px;
	}

	.sc-ch-btn{
		min-height:38px;
		padding:9px 12px;
		font-size:9px;
	}

	.sc-ch-hero__stats{
		grid-template-columns:1fr 1fr;
		width:100%;
		margin-top:18px;
	}

	.sc-ch-hero__stats>div:last-child{
		grid-column:1/-1;
		box-shadow:inset 0 1px rgba(255,255,255,.12);
	}

	.sc-ch-main{
		width:calc(100% - 10px)!important;
		padding:10px 0 26px!important;
	}

	.sc-ch-section{
		margin-bottom:10px;
	}

	.sc-ch-section-head{
		min-height:52px;
		padding:9px 10px 10px;
	}

	.sc-ch-section-head h2{
		font-size:17px;
	}

	.sc-ch-section-head>a{
		font-size:7px;
	}

	.sc-ch-wiki__layout,
	.sc-ch-review-card{
		grid-template-columns:1fr;
	}

	.sc-ch-wiki__intro{
		padding:16px;
		font-size:12px;
	}

	.sc-ch-wiki__infobox{
		padding:8px;
	}

	.sc-ch-wiki__infobox-content{
		max-height:500px;
	}

	.sc-ch-news__grid{
		grid-template-columns:1fr;
		gap:8px;
		padding:8px;
	}

	.sc-ch-news-card.is-lead{
		grid-column:auto;
		display:flex;
		min-height:0;
	}

	.sc-ch-news-card.is-lead .sc-ch-news-card__image{
		height:auto;
		aspect-ratio:16/9;
	}

	.sc-ch-news-card.is-lead .sc-ch-news-card__body{
		padding:13px;
	}

	.sc-ch-news-card.is-lead h3{
		font-size:18px;
	}

	.sc-ch-news-card.is-lead .sc-ch-news-card__excerpt{
		font-size:11px!important;
	}

	.sc-ch-pagination{
		justify-content:space-between;
		padding:0 8px 10px;
	}

	.sc-ch-pagination__numbers a:not(.is-current){
		display:none;
	}

	.sc-ch-review-card__image{
		min-height:0;
		aspect-ratio:16/9;
	}

	.sc-ch-review-card__body{
		padding:18px;
	}

	.sc-ch-review-card h3{
		font-size:20px;
	}

	.sc-ch-media__grid,
	.sc-ch-products__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:7px;
		padding:8px;
	}

	.sc-ch-topic-grid{
		grid-template-columns:1fr;
		gap:7px;
		padding:8px;
	}

	.sc-ch-topic-card{
		grid-template-columns:36px minmax(0,1fr);
		padding:10px;
	}

	.sc-ch-topic-card__icon{
		width:36px;
		height:36px;
	}
}

@media(prefers-reduced-motion:reduce){
	.sc-ch-page *{
		scroll-behavior:auto!important;
		transition:none!important;
	}
}


/* =========================================================
   v2.1.1 — FINAL DESKTOP BALANCE
   ========================================================= */

/* The Overview header remains full-width, but the two columns are now
   independent cards. This removes the large empty white area beneath
   the shorter Wiki introduction. */
.sc-ch-wiki{
	overflow:visible;
	box-shadow:none;
}

.sc-ch-wiki>.sc-ch-section-head{
	box-shadow:var(--sc-ch-shadow);
}

.sc-ch-wiki__layout{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(280px,360px);
	align-items:start;
	gap:12px;
	padding:12px;
	background:transparent;
}

.sc-ch-wiki__intro,
.sc-ch-wiki__infobox{
	box-shadow:var(--sc-ch-shadow);
}

.sc-ch-wiki__intro{
	align-self:start;
}

.sc-ch-wiki__infobox{
	align-self:start;
	padding:10px;
}

.sc-ch-wiki__infobox-content{
	max-height:none;
	overflow:visible;
}

.sc-ch-wiki__infobox-content::after{
	display:none;
}

/* Keep the lead story prominent without letting one image create a
   near full-screen card with a mostly empty text column. */
.sc-ch-news-card.is-lead{
	grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);
	min-height:0;
	height:260px;
}

.sc-ch-news-card.is-lead .sc-ch-news-card__image{
	height:260px;
}

.sc-ch-news-card.is-lead .sc-ch-news-card__body{
	justify-content:flex-start;
	height:260px;
	padding:20px;
	overflow:hidden;
}

.sc-ch-news-card.is-lead h3{
	font-size:21px;
}

.sc-ch-news-card.is-lead .sc-ch-news-card__excerpt{
	max-width:none!important;
	margin-bottom:10px!important;
	font-size:11px!important;
	line-height:1.42!important;
}

.sc-ch-news-card.is-lead .sc-ch-card-link{
	margin-top:auto;
}

/* Standard news cards remain balanced while every excerpt stays visible. */
.sc-ch-news-card:not(.is-lead) .sc-ch-news-card__body{
	min-height:178px;
}

.sc-ch-news-card:not(.is-lead) .sc-ch-news-card__excerpt{
	flex:1 1 auto;
}

/* A single-column discussion list is more readable at the actual hub
   content width and matches the forum/activity visual language better. */
.sc-ch-topic-grid{
	grid-template-columns:1fr;
	gap:7px;
}

.sc-ch-topic-card{
	grid-template-columns:42px minmax(0,1fr);
	padding:12px 13px;
}

.sc-ch-topic-card__icon{
	width:42px;
	height:42px;
}

.sc-ch-topic-card h3{
	display:block;
	overflow:visible;
	font-size:13px;
	-webkit-line-clamp:unset;
}

.sc-ch-topic-card__footer{
	margin-top:8px;
}

@media(max-width:1024px){
	.sc-ch-news-card.is-lead{
		grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
		height:245px;
	}

	.sc-ch-news-card.is-lead .sc-ch-news-card__image,
	.sc-ch-news-card.is-lead .sc-ch-news-card__body{
		height:245px;
	}
}

@media(max-width:760px){
	.sc-ch-wiki__layout{
		grid-template-columns:1fr;
		gap:8px;
		padding:8px;
	}

	.sc-ch-wiki__intro,
	.sc-ch-wiki__infobox{
		box-shadow:0 6px 15px rgba(0,0,0,.08);
	}

	.sc-ch-news-card.is-lead{
		display:flex;
		height:auto;
	}

	.sc-ch-news-card.is-lead .sc-ch-news-card__image{
		height:auto;
		aspect-ratio:16/9;
	}

	.sc-ch-news-card.is-lead .sc-ch-news-card__body{
		height:auto;
		overflow:visible;
	}

	.sc-ch-news-card:not(.is-lead) .sc-ch-news-card__body{
		min-height:0;
	}

	.sc-ch-topic-card{
		grid-template-columns:36px minmax(0,1fr);
		padding:10px;
	}

	.sc-ch-topic-card__icon{
		width:36px;
		height:36px;
	}
}


/* =========================================================
   v2.1.3 — COMPACT WIKI INFOBOX
   ========================================================= */

/* The full Wiki infobox can contain dozens of fields. It must remain a
   compact preview on the hub rather than controlling the height of the page. */
.sc-ch-wiki__infobox{
	position:relative;
	align-self:start;
	max-height:560px;
	overflow:hidden;
}

.sc-ch-wiki__infobox-content{
	box-sizing:border-box;
	width:100%;
	max-height:500px!important;
	overflow-x:hidden!important;
	overflow-y:auto!important;
	overscroll-behavior:contain;
	scrollbar-gutter:stable;
	scrollbar-width:thin;
}

.sc-ch-wiki__infobox-content::after{
	display:none!important;
}

.sc-ch-wiki__infobox-link{
	position:relative;
	z-index:2;
}

@media(max-width:760px){
	.sc-ch-wiki__infobox{
		max-height:520px;
	}

	.sc-ch-wiki__infobox-content{
		max-height:458px!important;
	}
}


/* =========================================================
   v2.1.4 — WIKI OVERVIEW FINAL POLISH
   ========================================================= */

/* Keep the compact infobox closer to the actual intro height. */
.sc-ch-wiki__infobox{
	max-height:480px;
}

.sc-ch-wiki__infobox-content{
	max-height:420px!important;
}

/* Published Wiki links must always use the normal Sonic Wiki blue. */
.sc-ch-wiki__intro a.sc-wiki-link:not(.sc-wiki-redlink),
.sc-ch-wiki__intro a.wikilink-published,
.sc-ch-wiki__infobox-content a.sc-wiki-link:not(.sc-wiki-redlink),
.sc-ch-wiki__infobox-content a.wikilink-published{
	color:#0645ad!important;
	text-decoration:none!important;
}

/* Only genuinely missing pages remain red. */
.sc-ch-wiki__intro a.sc-wiki-redlink,
.sc-ch-wiki__intro a.wikilink-new,
.sc-ch-wiki__infobox-content a.sc-wiki-redlink,
.sc-ch-wiki__infobox-content a.wikilink-new{
	color:#ba0000!important;
	text-decoration:underline!important;
	text-decoration-style:dotted!important;
	text-underline-offset:3px!important;
}

.sc-ch-wiki__intro a:hover,
.sc-ch-wiki__infobox-content a:hover{
	color:#ff6600!important;
	text-decoration:underline!important;
	text-underline-offset:3px!important;
}

@media(max-width:760px){
	.sc-ch-wiki__infobox{
		max-height:440px;
	}

	.sc-ch-wiki__infobox-content{
		max-height:378px!important;
	}
}




/* =========================================================
   v2.1.6 — SECTION HEADER BORDER
   ========================================================= */

body.sc-category-hub-v2 .sc-ch-section-head{
	border:1px solid rgba(255,255,255,.14)!important;
}


/* =========================================================
   v2.1.7 — CONTENT ACCURACY AND READABILITY
   ========================================================= */

/* Wider hero-copy area so long hub titles have room to stay on one line. */
@media(min-width:761px){
	body.sc-category-hub-v2 .sc-ch-hero__copy{
		width:min(980px,82%);
	}

	body.sc-category-hub-v2 .sc-ch-hero h1{
		max-width:980px;
		font-size:clamp(38px,3.8vw,56px);
	}
}

@media(min-width:1100px){
	body.sc-category-hub-v2 .sc-ch-hero h1{
		white-space:nowrap;
	}
}

/* Section labels and controls were undersized. */
body.sc-category-hub-v2 .sc-ch-section-kicker,
body.sc-category-hub-v2 .sc-ch-card-label{
	font-size:10px;
}

body.sc-category-hub-v2 .sc-ch-section-head h2{
	font-size:22px;
}

body.sc-category-hub-v2 .sc-ch-section-head>a{
	font-size:10px;
}

body.sc-category-hub-v2 .sc-ch-btn{
	font-size:11px;
}

body.sc-category-hub-v2 .sc-ch-hero__stats strong{
	font-size:18px;
}

body.sc-category-hub-v2 .sc-ch-hero__stats span{
	font-size:9px;
}

/* The complete saved/generated excerpt is rendered; never clamp or clip it. */
body.sc-category-hub-v2 .sc-ch-news-card,
body.sc-category-hub-v2 .sc-ch-news-card__body,
body.sc-category-hub-v2 .sc-ch-news-card__excerpt{
	max-height:none!important;
	overflow:visible!important;
	text-overflow:clip!important;
	white-space:normal!important;
	-webkit-line-clamp:unset!important;
	line-clamp:unset!important;
}

body.sc-category-hub-v2 .sc-ch-news-card.is-lead{
	height:auto;
	min-height:280px;
}

body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__image{
	height:auto;
	min-height:280px;
}

body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__body{
	height:auto;
	min-height:280px;
	overflow:visible;
}

body.sc-category-hub-v2 .sc-ch-card-meta,
body.sc-category-hub-v2 .sc-ch-views{
	font-size:10px;
}

body.sc-category-hub-v2 .sc-ch-news-card h3{
	font-size:16px;
}

body.sc-category-hub-v2 .sc-ch-news-card.is-lead h3{
	font-size:24px;
}

body.sc-category-hub-v2 .sc-ch-news-card .sc-ch-news-card__excerpt,
body.sc-category-hub-v2 .sc-ch-news-card:not(.is-lead) .sc-ch-news-card__excerpt{
	display:block!important;
	margin:9px 0 14px!important;
	font-size:13px!important;
	line-height:1.52!important;
}

body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__excerpt{
	font-size:14px!important;
	line-height:1.55!important;
}

body.sc-category-hub-v2 .sc-ch-card-link{
	font-size:10px;
}

body.sc-category-hub-v2 .sc-ch-pagination a{
	font-size:10px;
}

/* Infobox and discussion metadata remain compact, but readable. */
body.sc-category-hub-v2 .sc-ch-wiki__infobox-content td,
body.sc-category-hub-v2 .sc-ch-wiki__infobox-content th,
body.sc-category-hub-v2 .sc-ch-wiki__infobox-content .pi-item{
	font-size:12px!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__infobox-link{
	font-size:10px;
}

body.sc-category-hub-v2 .sc-ch-topic-card__source{
	font-size:9px;
}

body.sc-category-hub-v2 .sc-ch-topic-card h3{
	font-size:15px;
	line-height:1.35;
}

body.sc-category-hub-v2 .sc-ch-topic-card__footer,
body.sc-category-hub-v2 .sc-ch-topic-card__open{
	font-size:10px;
}

@media(max-width:760px){
	body.sc-category-hub-v2 .sc-ch-wiki__intro{
		font-size:15px;
	}

	body.sc-category-hub-v2 .sc-ch-news-card.is-lead,
	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__image,
	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__body{
		min-height:0;
	}

	body.sc-category-hub-v2 .sc-ch-news-card .sc-ch-news-card__excerpt,
	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__excerpt{
		font-size:12px!important;
	}
}


/* =========================================================
   v2.1.9 — RECOVERY-SAFE TYPOGRAPHY
   ========================================================= */

body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content{
	font-family:inherit!important;
	font-size:inherit!important;
	font-weight:inherit!important;
	line-height:inherit!important;
	letter-spacing:normal!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content p,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content li,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content blockquote,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content cite,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content span,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content em,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content strong,
body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content a{
	font-family:inherit!important;
	font-size:inherit!important;
	line-height:inherit!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro.entry-content a{
	font-weight:inherit!important;
}

/* Keep UI/display elements condensed without affecting article prose. */
body.sc-category-hub-v2 .sc-ch-hero h1,
body.sc-category-hub-v2 .sc-ch-section-head,
body.sc-category-hub-v2 .sc-ch-btn,
body.sc-category-hub-v2 .sc-ch-news-card h3,
body.sc-category-hub-v2 .sc-ch-card-meta,
body.sc-category-hub-v2 .sc-ch-card-link,
body.sc-category-hub-v2 .sc-ch-topic-card,
body.sc-category-hub-v2 .sc-ch-pagination{
	font-family:"Roboto Condensed",sans-serif;
}

/* Full card excerpts without line clamping. */
body.sc-category-hub-v2 .sc-ch-news-card__excerpt{
	display:block!important;
	height:auto!important;
	max-height:none!important;
	overflow:visible!important;
	text-overflow:clip!important;
	white-space:normal!important;
	-webkit-line-clamp:unset!important;
	line-clamp:unset!important;
}


/* =========================================================
   v2.2.0 — LEAD STORY, OVERVIEW BALANCE & DISCUSSION PAGES
   ========================================================= */

/* The lead image no longer contributes its natural portrait height to the
   grid row. It fills the height created by the editorial copy instead. */
@media(min-width:761px){
	body.sc-category-hub-v2 .sc-ch-news-card.is-lead{
		align-items:stretch;
		height:auto;
		min-height:300px;
	}

	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__image{
		position:relative;
		height:auto!important;
		min-height:300px!important;
		aspect-ratio:auto!important;
		overflow:hidden!important;
	}

	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__image img{
		position:absolute;
		inset:0;
		width:100%;
		height:100%;
		object-fit:cover;
		object-position:center;
	}

	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__body{
		height:auto!important;
		min-height:300px!important;
		padding:22px 24px;
	}
}

/* Desktop overview columns now always share one height. The infobox becomes
   a contained sidebar preview and scrolls internally only when necessary. */
@media(min-width:761px){
	body.sc-category-hub-v2 .sc-ch-wiki__layout{
		align-items:stretch;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__intro,
	body.sc-category-hub-v2 .sc-ch-wiki__infobox{
		align-self:stretch;
		min-height:0;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__intro{
		display:flex;
		flex-direction:column;
		font-size:15px!important;
		line-height:1.58!important;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__infobox{
		display:flex;
		flex-direction:column;
		max-height:none!important;
		overflow:hidden!important;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__infobox-content{
		flex:1 1 auto;
		min-height:0;
		max-height:none!important;
		overflow-x:hidden!important;
		overflow-y:auto!important;
	}
}

/* Both Wiki destination controls now use the exact same full-width style. */
body.sc-category-hub-v2 .sc-ch-wiki__intro-link,
body.sc-category-hub-v2 .sc-ch-wiki__infobox-link{
	display:block;
	position:relative;
	z-index:2;
	width:100%;
	margin-top:auto;
	padding:10px;
	color:#fff!important;
	background:var(--sc-ch-blue);
	font-family:"Roboto Condensed",sans-serif;
	font-size:10px;
	font-weight:900!important;
	line-height:1.2;
	text-align:center;
	text-decoration:none!important;
	text-transform:uppercase;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro-link:hover,
body.sc-category-hub-v2 .sc-ch-wiki__infobox-link:hover{
	color:#fff!important;
	background:var(--sc-ch-link);
	text-decoration:none!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro-link span{
	font-size:14px;
}

/* Pagination for discussions uses the existing hub pagination language and
   forms the bottom edge of the discussion section. */
body.sc-category-hub-v2 .sc-ch-pagination--discussions{
	padding:10px 12px 14px;
	border-top:1px solid rgba(20,55,120,.08);
	background:#f4f7ff;
}

/* Slightly tighter vertical rhythm after the oversized lead-card fix. */
body.sc-category-hub-v2 .sc-ch-section{
	margin-bottom:16px;
}

body.sc-category-hub-v2 .sc-ch-topic-grid{
	padding-bottom:10px;
}

@media(max-width:760px){
	body.sc-category-hub-v2 .sc-ch-news-card.is-lead .sc-ch-news-card__image img{
		position:static;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__intro{
		display:flex;
		flex-direction:column;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__infobox{
		height:auto;
		max-height:none!important;
		overflow:visible!important;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__infobox-content{
		max-height:420px!important;
		overflow-y:auto!important;
	}

	body.sc-category-hub-v2 .sc-ch-pagination--discussions{
		padding-top:8px;
	}
}

/* =========================================================
   v2.2.1 — TRUE DESKTOP WIKI SIDEBAR
   ========================================================= */

/* The v2.2.0 equal-height approach made a long Wiki infobox stretch the
   overview into a mostly empty panel. From desktop widths onward the infobox
   is now a real independent sidebar beside every hub section. */
@media(min-width:1025px){
	body.sc-category-hub-v2 .sc-ch-main--with-sidebar{
		display:grid;
		grid-template-columns:minmax(0,1fr) minmax(285px,340px);
		column-gap:16px;
		row-gap:0;
		align-items:start;
	}

	body.sc-category-hub-v2 .sc-ch-main--with-sidebar>.sc-ch-section{
		grid-column:1;
		min-width:0;
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar{
		grid-column:2;
		grid-row:1 / span 999;
		align-self:start;
		min-width:0;
		position:sticky;
		top:20px;
		z-index:2;
	}

	body.admin-bar.sc-category-hub-v2 .sc-ch-main__sidebar{
		top:52px;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__layout{
		display:block;
		padding:12px;
	}

	body.sc-category-hub-v2 .sc-ch-wiki__intro{
		display:flex;
		flex-direction:column;
		align-self:start;
		height:auto!important;
		min-height:0!important;
		font-size:15px!important;
		line-height:1.58!important;
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox{
		display:flex;
		flex-direction:column;
		width:100%;
		max-height:calc(100vh - 40px)!important;
		padding:10px;
		overflow:hidden!important;
		background:#f4f7ff;
		box-shadow:var(--sc-ch-shadow);
	}

	body.admin-bar.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox{
		max-height:calc(100vh - 72px)!important;
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox-content{
		flex:1 1 auto;
		min-height:0;
		max-height:none!important;
		overflow-x:hidden!important;
		overflow-y:auto!important;
	}
}

/* On tablet and mobile the sidebar returns to the normal document flow,
   directly after the overview and before Latest News. */
@media(max-width:1024px){
	body.sc-category-hub-v2 .sc-ch-main__sidebar{
		position:static;
		margin:0 0 16px;
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox{
		display:flex;
		flex-direction:column;
		height:auto!important;
		max-height:520px!important;
		overflow:hidden!important;
		box-shadow:var(--sc-ch-shadow);
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox-content{
		max-height:458px!important;
		overflow-x:hidden!important;
		overflow-y:auto!important;
	}
}

@media(max-width:760px){
	body.sc-category-hub-v2 .sc-ch-main__sidebar{
		margin-right:8px;
		margin-left:8px;
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox{
		max-height:440px!important;
	}

	body.sc-category-hub-v2 .sc-ch-main__sidebar .sc-ch-wiki__infobox-content{
		max-height:378px!important;
	}
}

/* v2.2.1 grid correction: the left stream is grouped into two rows so the
   sticky sidebar spans the complete hub without creating implicit grid rows. */
@media(min-width:1025px){
	body.sc-category-hub-v2 .sc-ch-main--with-sidebar{
		grid-template-rows:auto auto;
	}

	body.sc-category-hub-v2 .sc-ch-main--with-sidebar::before,
	body.sc-category-hub-v2 .sc-ch-main--with-sidebar::after{
		display:none!important;
		content:none!important;
	}

	body.sc-category-hub-v2 .sc-ch-main--with-sidebar>.sc-ch-wiki{
		grid-column:1;
		grid-row:1;
	}

	body.sc-category-hub-v2 .sc-ch-main--with-sidebar>.sc-ch-main__rest{
		grid-column:1;
		grid-row:2;
		min-width:0;
	}

	body.sc-category-hub-v2 .sc-ch-main--with-sidebar:not(.sc-ch-main--has-overview)>.sc-ch-main__rest{
		grid-row:1;
	}

	body.sc-category-hub-v2 .sc-ch-main--with-sidebar>.sc-ch-main__sidebar{
		grid-column:2;
		grid-row:1 / 3;
	}
}

body.sc-category-hub-v2 .sc-ch-main__rest{
	min-width:0;
}

/* =========================================================
   v2.2.2 — WIKI QUOTE ALIGNMENT + RELIABLE DISCUSSION PAGER
   ========================================================= */

/* OceanWP/Gutenberg quote rules center quote copy inside entry-content.
   The hub overview is editorial prose, so quote blocks and all quote text
   are explicitly restored to the same left alignment as the introduction. */
body.sc-category-hub-v2 .sc-ch-wiki__intro blockquote,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-quote,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote blockquote{
	text-align:left!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro blockquote p,
body.sc-category-hub-v2 .sc-ch-wiki__intro blockquote cite,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-quote p,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-quote cite,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote p,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote cite{
	text-align:left!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote{
	padding-top:0!important;
	padding-bottom:0!important;
	border-top:0!important;
	border-bottom:0!important;
}

/* Every discussion page is present in the document. JavaScript switches
   between six-topic panels, so pagination remains reliable even when an
   upstream page cache ignores custom query-string values. */
body.sc-category-hub-v2 .sc-ch-topic-page[hidden],
body.sc-category-hub-v2 .sc-ch-pagination [hidden]{
	display:none!important;
}

body.sc-category-hub-v2 .sc-ch-topic-page{
	animation:none;
}

body.sc-category-hub-v2 .sc-ch-pagination--discussions a{
	cursor:pointer;
}

/* =========================================================
   v2.2.3 — LEFT-ANCHORED WIKI QUOTE + SCRIPT-FREE DISCUSSIONS
   ========================================================= */

/* OceanWP gives quote blocks a constrained width with automatic side margins.
   Reset the block box itself, not only its text, so the quote starts at the
   left edge of the Wiki introduction again. */
body.sc-category-hub-v2 .sc-ch-wiki__intro blockquote,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-quote,
body.sc-category-hub-v2 .sc-ch-wiki__intro figure.wp-block-pullquote,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote blockquote{
	display:block!important;
	position:static!important;
	float:none!important;
	clear:both!important;
	inset:auto!important;
	width:100%!important;
	min-width:0!important;
	max-width:none!important;
	margin:0 0 18px 0!important;
	padding:0 0 0 16px!important;
	transform:none!important;
	text-align:left!important;
	box-sizing:border-box!important;
}

body.sc-category-hub-v2 .sc-ch-wiki__intro blockquote p,
body.sc-category-hub-v2 .sc-ch-wiki__intro blockquote cite,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-quote p,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-quote cite,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote p,
body.sc-category-hub-v2 .sc-ch-wiki__intro .wp-block-pullquote cite{
	position:static!important;
	width:auto!important;
	max-width:none!important;
	margin-left:0!important;
	margin-right:0!important;
	transform:none!important;
	text-align:left!important;
}

/* Each six-topic page is paired directly with a radio control. This makes the
   discussion pager work without JavaScript, query-string handling, or cache
   exceptions: the checked radio reveals only its adjacent topic panel. */
body.sc-category-hub-v2 .sc-ch-discussion-pages{
	position:relative;
}

body.sc-category-hub-v2 .sc-ch-discussion-radio{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	margin:0!important;
	padding:0!important;
	overflow:hidden!important;
	clip:rect(0 0 0 0)!important;
	clip-path:inset(50%)!important;
	white-space:nowrap!important;
	opacity:0!important;
}

body.sc-category-hub-v2 .sc-ch-discussion-panel{
	display:none;
}

body.sc-category-hub-v2 .sc-ch-discussion-radio:checked + .sc-ch-discussion-panel{
	display:block;
}

body.sc-category-hub-v2 .sc-ch-pagination label,
body.sc-category-hub-v2 .sc-ch-pagination span.is-current{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:32px;
	min-height:30px;
	padding:6px 9px;
	color:#02126f!important;
	background:#fff;
	box-shadow:0 3px 9px rgba(2,18,111,.08);
	font-size:10px;
	font-weight:900;
	line-height:1;
	text-decoration:none!important;
	box-sizing:border-box;
}

body.sc-category-hub-v2 .sc-ch-pagination label{
	cursor:pointer;
	user-select:none;
}

body.sc-category-hub-v2 .sc-ch-pagination label:hover,
body.sc-category-hub-v2 .sc-ch-pagination span.is-current{
	color:#fff!important;
	background:var(--sc-ch-blue-2);
}

body.sc-category-hub-v2 .sc-ch-pagination label.sc-ch-pagination__edge{
	min-width:72px!important;
}

@media (max-width:640px){
	body.sc-category-hub-v2 .sc-ch-pagination__numbers label{
		min-width:29px;
		padding-left:7px;
		padding-right:7px;
	}
}

/* ==========================================================
   v2.2.4 — COMPACT JETPACK VIEW COUNTERS
   Jetpack's rendered Blog Stats markup can contain nested block and
   paragraph spacing. Reset the complete subtree so the badge remains
   a compact inline label instead of becoming a tall square.
   ========================================================== */
body.sc-category-hub-v2 .sc-ch-card-meta{
	align-items:center!important;
}

body.sc-category-hub-v2 .sc-ch-views{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	align-self:center!important;
	flex:0 0 auto!important;
	width:auto!important;
	min-width:0!important;
	max-width:none!important;
	height:auto!important;
	min-height:0!important;
	margin:0!important;
	padding:4px 7px!important;
	line-height:1!important;
	vertical-align:middle!important;
	white-space:nowrap!important;
}

body.sc-category-hub-v2 .sc-ch-views .wp-block-jetpack-blog-stats,
body.sc-category-hub-v2 .sc-ch-views .wp-block-jetpack-blog-stats > *,
body.sc-category-hub-v2 .sc-ch-views p,
body.sc-category-hub-v2 .sc-ch-views span{
	width:auto!important;
	min-width:0!important;
	max-width:none!important;
	height:auto!important;
	min-height:0!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	background:transparent!important;
	line-height:1!important;
	vertical-align:middle!important;
	white-space:nowrap!important;
}

body.sc-category-hub-v2 .sc-ch-views .wp-block-jetpack-blog-stats{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	text-align:center!important;
}
