/**
 * Editorial archive, search, article, and 404 layouts.
 * Scoped to the system-page body class so rebuilt marketing pages are untouched.
 */

body.cq-system-content-page {
	--cq-sys-ink: #071a34;
	--cq-sys-copy: #40546a;
	--cq-sys-muted: #66788b;
	--cq-sys-line: #d8e0e7;
	--cq-sys-soft: #f2f6f3;
	--cq-sys-green: #4f9e2e;
	--cq-sys-green-dark: #2f741c;
	background: #fff !important;
}

body.cq-system-content-page .cq-system-page,
body.cq-system-content-page .conforiq-premium-blog {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	color: var(--cq-sys-copy) !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
}

body.cq-system-content-page .cq-system-page *,
body.cq-system-content-page .conforiq-premium-blog * {
	box-sizing: border-box;
}

body.cq-system-content-page .cq-system-page h1,
body.cq-system-content-page .cq-system-page h2,
body.cq-system-content-page .cq-system-page h3,
body.cq-system-content-page .conforiq-premium-blog h1,
body.cq-system-content-page .conforiq-premium-blog h2,
body.cq-system-content-page .conforiq-premium-blog h3 {
	color: var(--cq-sys-ink) !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
	font-weight: 650 !important;
	letter-spacing: 0 !important;
}

body.cq-system-content-page .cq-system-page p,
body.cq-system-content-page .cq-system-page li,
body.cq-system-content-page .conforiq-premium-blog p,
body.cq-system-content-page .conforiq-premium-blog li {
	color: var(--cq-sys-copy) !important;
}

body.cq-system-content-page .cq-system-page a:focus-visible,
body.cq-system-content-page .conforiq-premium-blog a:focus-visible,
body.cq-system-content-page .conforiq-premium-blog input:focus-visible,
body.cq-system-content-page .conforiq-premium-blog button:focus-visible {
	outline: 3px solid #e0b82f !important;
	outline-offset: 4px !important;
}

/* Archive and search hero uses a calm editorial band, not a decorative card. */
body.cq-system-content-page .conforiq-premium-blog .blog-hero {
	padding: 148px 32px 76px !important;
	background: var(--cq-sys-soft) !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cq-sys-line) !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-hero::before,
body.cq-system-content-page .conforiq-premium-blog .blog-hero::after {
	display: none !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-hero-in {
	width: min(1240px, 100%) !important;
	margin: 0 auto !important;
	text-align: left !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-hero .eyebrow,
body.cq-system-content-page .conforiq-premium-blog .single-post-header .eyebrow {
	margin: 0 0 18px !important;
	color: var(--cq-sys-green-dark) !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase;
}

body.cq-system-content-page .conforiq-premium-blog .blog-hero h1 {
	max-width: 900px !important;
	margin: 0 !important;
	font-size: clamp(38px, 4.2vw, 62px) !important;
	line-height: 1.03 !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-hero h1 + p {
	max-width: 760px !important;
	margin: 24px 0 0 !important;
	color: var(--cq-sys-copy) !important;
	font-size: 17px !important;
	line-height: 1.65 !important;
}

body.cq-system-content-page .conforiq-premium-blog .cq-breadcrumbs {
	margin-bottom: 32px !important;
	color: var(--cq-sys-muted) !important;
}

body.cq-system-content-page .conforiq-premium-blog .cq-breadcrumbs a {
	color: var(--cq-sys-muted) !important;
}

/* Archive content stays open and full-width instead of sitting inside a box. */
body.cq-system-content-page .conforiq-premium-blog .blog-content-section {
	padding: 72px 32px 96px !important;
	background: #fff !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-content-section > .wrap,
body.cq-system-content-page .conforiq-premium-blog .blog-layout,
body.cq-system-content-page .conforiq-premium-blog .blog-index {
	width: min(1240px, 100%) !important;
	max-width: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-layout {
	display: block !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-index {
	display: grid !important;
	gap: 0 !important;
}

/* Topic links become a horizontal text rail instead of a grid of pill buttons. */
body.cq-system-content-page .conforiq-premium-blog .blog-category-tabs {
	display: flex !important;
	width: 100% !important;
	margin: 0 0 42px !important;
	padding: 0 0 12px !important;
	gap: 0 !important;
	flex-wrap: nowrap !important;
	overflow-x: auto;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	scrollbar-width: thin;
}

body.cq-system-content-page .conforiq-premium-blog .blog-category-tabs a,
body.cq-system-content-page .conforiq-premium-blog .blog-archive-link {
	display: inline-flex !important;
	min-height: 48px !important;
	padding: 0 18px !important;
	align-items: center !important;
	flex: 0 0 auto;
	color: var(--cq-sys-copy) !important;
	background: transparent !important;
	border: 0 !important;
	border-right: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	white-space: nowrap;
}

body.cq-system-content-page .conforiq-premium-blog .blog-category-tabs a:first-child {
	padding-left: 0 !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-category-tabs a:hover,
body.cq-system-content-page .conforiq-premium-blog .blog-archive-link:hover {
	color: var(--cq-sys-green-dark) !important;
	background: transparent !important;
	text-decoration: underline !important;
	text-underline-offset: 5px;
}

/* Posts render as media-led editorial rows with the title as the clear action. */
body.cq-system-content-page .conforiq-premium-blog .blog-card {
	display: grid !important;
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
	gap: clamp(28px, 4vw, 58px) !important;
	margin: 0 !important;
	padding: 34px 0 !important;
	align-items: center !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card:first-of-type {
	border-top: 1px solid var(--cq-sys-line) !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card .post-thumb {
	display: block !important;
	width: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
	aspect-ratio: 16 / 10 !important;
	background: #dfe7e1 !important;
	border: 0 !important;
	border-radius: 4px !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card .post-thumb img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card h2 {
	margin: 0 0 12px !important;
	font-size: clamp(24px, 2.5vw, 36px) !important;
	line-height: 1.15 !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card h2 a {
	color: var(--cq-sys-ink) !important;
	text-decoration: none !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card h2 a:hover {
	color: var(--cq-sys-green-dark) !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-meta {
	margin: 0 0 14px !important;
	color: var(--cq-sys-muted) !important;
	font-size: 13px !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-category-pills {
	display: flex !important;
	margin: 0 0 14px !important;
	gap: 12px !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-category-pills a,
body.cq-system-content-page .conforiq-premium-blog .blog-category-pills span {
	display: inline-flex !important;
	min-height: 44px !important;
	padding: 0 !important;
	align-items: center !important;
	color: var(--cq-sys-green-dark) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: 13px !important;
	font-weight: 650 !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card .cq-entry {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card .cq-entry p {
	margin: 0 !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-card .btn-outline {
	display: none !important;
}

/* Search is a real, compact control rather than a miniature input/button pair. */
body.cq-system-content-page .conforiq-premium-blog .search-form,
body.cq-system-content-page .cq-system-404 .search-form {
	display: grid !important;
	width: min(680px, 100%) !important;
	margin: 26px 0 0 !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	gap: 10px !important;
}

body.cq-system-content-page .conforiq-premium-blog .search-form label,
body.cq-system-content-page .cq-system-404 .search-form label {
	display: block !important;
}

body.cq-system-content-page .conforiq-premium-blog .search-field,
body.cq-system-content-page .cq-system-404 .search-field {
	width: 100% !important;
	min-height: 50px !important;
	padding: 0 16px !important;
	color: var(--cq-sys-ink) !important;
	background: #fff !important;
	border: 1px solid #aebbc7 !important;
	border-radius: 4px !important;
	font-size: 16px !important;
}

body.cq-system-content-page .conforiq-premium-blog .search-submit,
body.cq-system-content-page .cq-system-404 .search-submit {
	min-width: 116px !important;
	min-height: 50px !important;
	padding: 0 20px !important;
	color: #fff !important;
	background: var(--cq-sys-green-dark) !important;
	border: 1px solid var(--cq-sys-green-dark) !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	font-size: 15px !important;
	font-weight: 700 !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-empty-state {
	margin: 0 !important;
	padding: 20px 0 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-empty-state h2 {
	max-width: 700px;
	margin: 0 0 14px !important;
	font-size: clamp(28px, 3.4vw, 44px) !important;
}

body.cq-system-content-page .conforiq-premium-blog .blog-empty-state > p:last-child {
	display: flex;
	margin-top: 22px !important;
	gap: 18px;
	flex-wrap: wrap;
}

body.cq-system-content-page .conforiq-premium-blog .blog-empty-state .blog-archive-link {
	padding: 0 !important;
	border-right: 0 !important;
	color: var(--cq-sys-green-dark) !important;
	text-decoration: underline !important;
	text-underline-offset: 5px;
}

/* Single articles use one readable column and real category-specific media. */
body.cq-system-content-page .cq-system-single .cq-page-content {
	padding: 148px 32px 104px !important;
	background: #fff !important;
}

body.cq-system-content-page .cq-system-single .cq-system-single-wrap {
	width: min(980px, 100%) !important;
	margin: 0 auto !important;
}

body.cq-system-content-page .cq-system-single .cq-entry {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--cq-sys-copy) !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.cq-system-content-page .cq-system-single .single-post-header {
	margin: 0 0 34px !important;
}

body.cq-system-content-page .cq-system-single .single-post-header h1 {
	max-width: 940px !important;
	margin: 0 0 20px !important;
	font-size: clamp(38px, 4.4vw, 58px) !important;
	line-height: 1.04 !important;
}

body.cq-system-content-page .cq-system-single .post-featured-frame {
	width: 100% !important;
	margin: 40px 0 56px !important;
	overflow: hidden !important;
	aspect-ratio: 16 / 9 !important;
	background: #e8ece9 !important;
	border: 0 !important;
	border-radius: 4px !important;
}

body.cq-system-content-page .cq-system-single .post-featured-frame img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

body.cq-system-content-page .cq-system-single .cq-entry > p,
body.cq-system-content-page .cq-system-single .cq-entry > ul,
body.cq-system-content-page .cq-system-single .cq-entry > ol,
body.cq-system-content-page .cq-system-single .cq-entry > h2,
body.cq-system-content-page .cq-system-single .cq-entry > h3,
body.cq-system-content-page .cq-system-single .cq-entry > blockquote,
body.cq-system-content-page .cq-system-single .cq-entry > .wp-block-group,
body.cq-system-content-page .cq-system-single .cq-entry > .wp-block-columns {
	width: min(780px, 100%) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

body.cq-system-content-page .cq-system-single .cq-entry > p,
body.cq-system-content-page .cq-system-single .cq-entry > li,
body.cq-system-content-page .cq-system-single .cq-entry li {
	font-size: 18px !important;
	line-height: 1.78 !important;
}

body.cq-system-content-page .cq-system-single .cq-entry h2 {
	margin-top: 56px !important;
	font-size: clamp(28px, 3vw, 38px) !important;
	line-height: 1.14 !important;
}

body.cq-system-content-page .cq-system-single .cq-entry h3 {
	margin-top: 36px !important;
	font-size: 24px !important;
}

body.cq-system-content-page .cq-system-single .post-toc,
body.cq-system-content-page .cq-system-single .toc-box {
	width: min(780px, 100%) !important;
	margin: 0 auto 48px !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-left: 4px solid var(--cq-sys-green) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Article navigation: a compact accessible disclosure keeps long posts scannable on every device. */
body.cq-system-content-page .cq-system-single .toc-box > summary {
	display: flex !important;
	min-height: 52px !important;
	padding: 0 18px !important;
	align-items: center !important;
	justify-content: space-between !important;
	color: var(--cq-sys-ink) !important;
	font-family: "DM Sans", system-ui, sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	cursor: pointer;
	list-style: none;
}

body.cq-system-content-page .cq-system-single .toc-box > summary::-webkit-details-marker {
	display: none;
}

body.cq-system-content-page .cq-system-single .toc-box > summary::after {
	content: "+";
	color: var(--cq-sys-green-dark);
	font-size: 22px;
	font-weight: 500;
}

body.cq-system-content-page .cq-system-single .toc-box[open] > summary::after {
	content: "-";
}

body.cq-system-content-page .cq-system-single .toc-box > nav {
	padding: 0 18px 20px !important;
}

body.cq-system-content-page .cq-system-single .toc-box ol {
	margin: 0 !important;
	padding-left: 22px !important;
	color: var(--cq-sys-copy) !important;
}

body.cq-system-content-page .cq-system-single .toc-box li + li {
	margin-top: 10px !important;
}

body.cq-system-content-page .cq-system-single .toc-box a {
	color: var(--cq-sys-green-dark) !important;
	font-size: 15px !important;
	line-height: 1.5 !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}

body.cq-system-content-page .cq-system-single .toc-box > summary:focus-visible {
	outline: 3px solid #e0b82f !important;
	outline-offset: 4px !important;
}

/* Article safety note: distinguishes general educational content from product-specific advice. */
body.cq-system-content-page .cq-system-single .cq-system-guidance-note {
	display: block !important;
	width: min(780px, 100%) !important;
	margin: 0 auto 42px !important;
	padding: 18px 20px !important;
	color: var(--cq-sys-copy) !important;
	background: var(--cq-sys-soft) !important;
	border: 0 !important;
	border-left: 4px solid var(--cq-sys-green) !important;
	border-radius: 0 !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}

body.cq-system-content-page .cq-system-single .cq-system-guidance-note strong {
	display: block !important;
	margin-bottom: 4px !important;
	color: var(--cq-sys-ink) !important;
	font-weight: 700 !important;
}

body.cq-system-content-page .cq-system-single .author-box,
body.cq-system-content-page .cq-system-single .cq-system-article-cta {
	width: min(780px, 100%) !important;
	margin: 64px auto 0 !important;
	padding: 32px 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-top: 1px solid var(--cq-sys-line) !important;
	border-bottom: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.cq-system-content-page .cq-system-single .author-box h2,
body.cq-system-content-page .cq-system-single .cq-system-article-cta h2,
body.cq-system-content-page .cq-system-single .related-posts h2 {
	margin: 0 0 12px !important;
	font-size: 28px !important;
}

body.cq-system-content-page .cq-system-single .cq-system-article-cta a,
body.cq-system-content-page .cq-system-404 .cq-system-primary {
	display: inline-flex !important;
	min-height: 50px !important;
	margin-top: 16px !important;
	padding: 0 22px !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	background: var(--cq-sys-green-dark) !important;
	border: 1px solid var(--cq-sys-green-dark) !important;
	border-radius: 4px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

body.cq-system-content-page .cq-system-single .related-posts {
	width: min(980px, 100%) !important;
	margin: 72px auto 0 !important;
	padding-top: 0 !important;
}

body.cq-system-content-page .cq-system-single .related-posts .cq-card-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 28px !important;
}

body.cq-system-content-page .cq-system-single .related-posts .cq-card {
	margin: 0 !important;
	padding: 24px 0 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-top: 3px solid var(--cq-sys-green) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.cq-system-content-page .cq-system-single .related-posts .cq-card h3 {
	margin: 0 0 10px !important;
	font-size: 20px !important;
	line-height: 1.28 !important;
}

/* Helpful 404 gives visitors direct routes without a decorative dashboard. */
body.cq-system-content-page .cq-system-404 {
	padding-top: 72px !important;
	background: #fff !important;
}

body.cq-system-content-page .cq-system-404-hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(480px, .95fr);
	min-height: 610px;
	background: var(--cq-sys-soft);
}

body.cq-system-content-page .cq-system-404-copy {
	padding: 96px max(32px, calc((100vw - 1240px) / 2));
	padding-right: 64px;
}

body.cq-system-content-page .cq-system-404-copy h1 {
	max-width: 640px;
	margin: 18px 0 20px !important;
	font-size: clamp(44px, 4.4vw, 62px) !important;
	line-height: 1.02 !important;
}

body.cq-system-content-page .cq-system-404-copy > p {
	max-width: 600px;
	font-size: 17px !important;
	line-height: 1.68 !important;
}

body.cq-system-content-page .cq-system-404-media {
	min-height: 610px;
	overflow: hidden;
}

body.cq-system-content-page .cq-system-404-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.cq-system-content-page .cq-system-404-actions {
	display: flex;
	margin-top: 24px;
	gap: 22px;
	align-items: center;
	flex-wrap: wrap;
}

body.cq-system-content-page .cq-system-404-actions .cq-system-secondary {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	color: var(--cq-sys-green-dark) !important;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 5px;
}

body.cq-system-content-page .cq-system-404-routes {
	padding: 64px 32px 84px;
}

body.cq-system-content-page .cq-system-404-routes > div {
	width: min(1240px, 100%);
	margin: 0 auto;
}

body.cq-system-content-page .cq-system-404-routes h2 {
	margin: 0 0 24px !important;
	font-size: 30px !important;
}

body.cq-system-content-page .cq-system-route-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--cq-sys-line);
}

body.cq-system-content-page .cq-system-route-list a {
	display: flex;
	min-height: 112px;
	padding: 22px 22px 22px 0;
	align-items: flex-end;
	justify-content: space-between;
	color: var(--cq-sys-ink) !important;
	border-bottom: 1px solid var(--cq-sys-line);
	font-size: 18px;
	font-weight: 650;
	text-decoration: none;
}

body.cq-system-content-page .cq-system-route-list a + a {
	padding-left: 22px;
	border-left: 1px solid var(--cq-sys-line);
}

body.cq-system-content-page .cq-system-route-list a:hover {
	color: var(--cq-sys-green-dark) !important;
}

/* Legacy collision guard: removes the old boxed inner-page treatment from editorial system pages only. */
html body.cq-system-content-page:not(.home) main.conforiq-blog-page.conforiq-premium-blog.cq-system-page {
	padding: 0 !important;
	background: #fff !important;
}

html body.cq-system-content-page:not(.home) main.conforiq-blog-page.conforiq-premium-blog > .blog-content-section {
	width: 100% !important;
	margin: 0 !important;
	padding: 72px 32px 96px !important;
	background: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* Legacy collision guard: keeps the topic selector as an open text rail instead of a pill panel. */
html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-category-tabs {
	display: flex !important;
	width: 100% !important;
	margin: 0 0 42px !important;
	padding: 0 0 12px !important;
	gap: 0 !important;
	flex-wrap: nowrap !important;
	overflow-x: auto !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-category-tabs a {
	min-height: 48px !important;
	padding: 0 18px !important;
	color: var(--cq-sys-copy) !important;
	background: transparent !important;
	border: 0 !important;
	border-right: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	white-space: nowrap !important;
}

html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-category-tabs a:first-child {
	padding-left: 0 !important;
}

/* Legacy collision guard: preserves the intended open media-row treatment for archive results. */
html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-card {
	display: grid !important;
	grid-template-columns: minmax(260px, 360px) minmax(0, 1fr) !important;
	margin: 0 !important;
	padding: 34px 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid var(--cq-sys-line) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-card .post-thumb {
	border-radius: 4px !important;
	box-shadow: none !important;
}

@media (max-width: 900px) {
	body.cq-system-content-page .cq-system-404-hero {
		grid-template-columns: 1fr;
	}

	body.cq-system-content-page .cq-system-404-copy {
		padding: 76px 32px 54px;
	}

	body.cq-system-content-page .cq-system-404-media {
		min-height: 400px;
	}

	body.cq-system-content-page .cq-system-route-list {
		grid-template-columns: 1fr 1fr;
	}

	body.cq-system-content-page .cq-system-single .related-posts .cq-card-grid {
		grid-template-columns: 1fr 1fr !important;
	}
}

@media (max-width: 640px) {
	html body.cq-system-content-page:not(.home) main.conforiq-blog-page.conforiq-premium-blog > .blog-content-section {
		padding: 48px 16px 72px !important;
	}

	html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-category-tabs {
		width: calc(100% + 16px) !important;
		margin-bottom: 28px !important;
	}

	html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-card {
		grid-template-columns: 108px minmax(0, 1fr) !important;
		gap: 16px !important;
		padding: 24px 0 !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-hero {
		padding: 116px 16px 50px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-hero h1 {
		font-size: 38px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-hero h1 + p {
		font-size: 16px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-content-section {
		padding: 48px 16px 72px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-category-tabs {
		width: calc(100% + 16px) !important;
		margin-bottom: 28px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card {
		grid-template-columns: 108px minmax(0, 1fr) !important;
		gap: 16px !important;
		padding: 24px 0 !important;
		align-items: start !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card .post-thumb {
		width: 108px !important;
		height: 108px !important;
		aspect-ratio: 1 !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card h2 {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card .cq-entry p {
		display: -webkit-box;
		overflow: hidden;
		font-size: 15px !important;
		line-height: 1.5 !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card .blog-category-pills {
		display: none !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .search-form,
	body.cq-system-content-page .cq-system-404 .search-form {
		grid-template-columns: 1fr !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .search-submit,
	body.cq-system-content-page .cq-system-404 .search-submit {
		width: 100% !important;
	}

	body.cq-system-content-page .cq-system-single .cq-page-content {
		padding: 116px 16px 72px !important;
	}

	body.cq-system-content-page .cq-system-single .single-post-header h1 {
		font-size: 38px !important;
	}

	body.cq-system-content-page .cq-system-single .post-featured-frame {
		margin: 30px -16px 44px !important;
		width: calc(100% + 32px) !important;
		border-radius: 0 !important;
	}

	body.cq-system-content-page .cq-system-single .cq-entry > p,
	body.cq-system-content-page .cq-system-single .cq-entry li {
		font-size: 16px !important;
		line-height: 1.72 !important;
	}

	body.cq-system-content-page .cq-system-single .related-posts .cq-card-grid {
		display: flex !important;
		width: calc(100% + 16px) !important;
		padding: 0 16px 12px 0 !important;
		gap: 18px !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	body.cq-system-content-page .cq-system-single .related-posts .cq-card {
		width: 78vw !important;
		min-width: 78vw !important;
		scroll-snap-align: start;
	}

	body.cq-system-content-page .cq-system-404 {
		padding-top: 65px !important;
	}

	body.cq-system-content-page .cq-system-404-copy {
		padding: 54px 16px 44px;
	}

	body.cq-system-content-page .cq-system-404-copy h1 {
		font-size: 40px !important;
	}

	body.cq-system-content-page .cq-system-404-media {
		min-height: 280px;
	}

	body.cq-system-content-page .cq-system-404-actions {
		align-items: stretch;
		flex-direction: column;
	}

	body.cq-system-content-page .cq-system-404-actions .cq-system-primary {
		width: 100%;
	}

	body.cq-system-content-page .cq-system-404-routes {
		padding: 48px 16px 64px;
	}

	body.cq-system-content-page .cq-system-route-list {
		grid-template-columns: 1fr 1fr;
	}

	body.cq-system-content-page .cq-system-route-list a,
	body.cq-system-content-page .cq-system-route-list a + a {
		min-height: 96px;
		padding: 18px 12px 18px 0;
		border-left: 0;
		font-size: 16px;
	}

	body.cq-system-content-page .cq-system-route-list a:nth-child(even) {
		padding-left: 12px;
		border-left: 1px solid var(--cq-sys-line);
	}
}

@media (max-width: 360px) {
	/* Narrow-phone archive rows retain a useful image without starving long article titles of width. */
	html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-card {
		grid-template-columns: 88px minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	html body.cq-system-content-page:not(.home) .conforiq-blog-page.conforiq-premium-blog .blog-card .post-thumb {
		width: 88px !important;
		height: 88px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card {
		grid-template-columns: 92px minmax(0, 1fr) !important;
		gap: 14px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card .post-thumb {
		width: 92px !important;
		height: 92px !important;
	}

	body.cq-system-content-page .conforiq-premium-blog .blog-card h2 {
		font-size: 18px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.cq-system-content-page .cq-system-page *,
	body.cq-system-content-page .conforiq-premium-blog * {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}