/**
 * Resource section — hub cards, FAQ/article lists, resource sub-pages.
 */

/* ── Section titles ────────────────────────────────────────────── */
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h1,
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h2,
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-title"] .sitewidget-hd > h3,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-hd > h1,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-hd > h2,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-hd > h3 {
	font-family: var(--jcproto-font-display, inherit) !important;
	font-size: clamp(1.5rem, 2.4vw, 2rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var(--jcproto-text, #0a0a0a) !important;
	letter-spacing: -0.02em !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd p {
	font-size: 1rem;
	line-height: 1.7;
	font-weight: 400;
	color: var(--jcproto-text-body, #555555) !important;
	max-width: 72ch;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-text .sitewidget-bd span,
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd p,
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span,
body.jcproto-layout-resource .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd ul li {
	font-weight: 400;
}

/* ── Resource hub cards (template shell) ─────────────────────────── */
body.jcproto-layout-resource .jcproto-resource-hub {
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

body.jcproto-layout-resource .jcproto-resource-card--hub {
	background: #fff;
	border: 1px solid var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius-lg, 12px) !important;
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.jcproto-layout-resource .jcproto-resource-card--hub:hover {
	transform: translateY(-4px);
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.1));
	border-color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-resource .jcproto-resource-card--hub img {
	border-radius: var(--jcproto-radius-lg, 12px) var(--jcproto-radius-lg, 12px) 0 0;
}

body.jcproto-layout-resource .jcproto-resource-card__placeholder {
	border-radius: var(--jcproto-radius-lg, 12px) var(--jcproto-radius-lg, 12px) 0 0;
	background: var(--jcproto-section-gray, #f8f8f8);
}

body.jcproto-layout-resource .jcproto-resource-card--hub h3,
body.jcproto-layout-resource .jcproto-resource-card--hub .graphicNewTitle {
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 600;
}

body.jcproto-layout-resource .jcproto-resource-card--hub:hover h3,
body.jcproto-layout-resource .jcproto-resource-card--hub:hover .graphicNewTitle {
	color: var(--jcproto-primary, #0a0a0a) !important;
	background: transparent !important;
}

/* ── FAQ list — accordion & sidebar ────────────────────────────── */
body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-faqlist .faqlist-style-fold .faq-question-title,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-faqlist .faqlist-style-fold .faq-question-title,
body.jcproto-layout-resource .jcproto-faq-item__q,
body.jcproto-layout-resource .jcproto-faq-item summary {
	font-weight: 600;
	color: var(--jcproto-text, #0a0a0a) !important;
	padding: 14px 36px 14px 0;
	border-bottom: 1px solid var(--jcproto-border, #e0e0e0);
	transition: color 0.2s ease;
	cursor: pointer;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-faqlist .faqlist-style-fold .faq-question-title:hover,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-faqlist .faqlist-style-fold .faq-question-title.is-open,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-faqlist .faqlist-style-fold .faq-question-title:hover,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-faqlist .faqlist-style-fold .faq-question-title.is-open {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-faqlist .faqlist-style-fold .faq-answer-wrap,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-faqlist .faqlist-style-fold .faq-answer-wrap,
body.jcproto-layout-resource .jcproto-faq-item__a {
	color: var(--jcproto-text-body, #555555);
	line-height: 1.7;
	padding: 12px 0 16px;
}

body.jcproto-layout-resource .jcproto-faq-sidebar {
	background: var(--jcproto-surface, #f8f8f8);
	border: 1px solid var(--jcproto-border, #e0e0e0);
	border-radius: var(--jcproto-radius-lg, 12px);
	padding: 16px;
}

body.jcproto-layout-resource .jcproto-faq-sidebar__title {
	font-size: 1rem;
	font-weight: 700;
	color: var(--jcproto-text, #0a0a0a);
	margin: 0 0 12px;
}

body.jcproto-layout-resource .jcproto-faq-sidebar__list a {
	color: var(--jcproto-text-body, #555555);
	font-weight: 500;
	padding: 6px 0;
	display: block;
	text-decoration: none;
	transition: color 0.2s ease;
}

body.jcproto-layout-resource .jcproto-faq-sidebar__list a:hover {
	color: var(--jcproto-primary, #0a0a0a);
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-faqlist .faqlist-style-border li,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-faqlist .faqlist-style-border li {
	border-color: var(--jcproto-border, #e0e0e0) !important;
	border-radius: var(--jcproto-radius, 8px);
}

/* ── Article list (news / knowledge base) ──────────────────────── */
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .fix li,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .fix li {
	border-radius: var(--jcproto-radius-lg, 12px);
	border: 1px solid var(--jcproto-border, #e0e0e0);
	box-shadow: var(--jcproto-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.06));
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .fix li:hover,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .fix li:hover {
	box-shadow: var(--jcproto-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.1));
	border-color: var(--jcproto-primary, #0a0a0a);
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .article-column-links,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .tt a,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .article-column-links,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .tt a {
	color: var(--jcproto-text, #0a0a0a) !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .tt a:hover,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .tt a:hover {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 a.more,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 a.more {
	color: var(--jcproto-primary, #0a0a0a) !important;
	-webkit-text-fill-color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 a.more:hover,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 a.more:hover,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .fix li:hover a.more,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .fix li:hover a.more {
	background: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border-color: var(--jcproto-primary, #0a0a0a) !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 a.more:hover *,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 a.more:hover *,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .fix li:hover a.more *,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .fix li:hover a.more * {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 a.more:hover .fa,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 a.more:hover .fa,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .fix li:hover a.more .fa,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .fix li:hover a.more .fa {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* ── Pagination — black industrial ─────────────────────────────── */
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .pagination > .active > a,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .articlelist-liststyle20 .pagination > .active > span,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .faqlist-pagination .pagination > .active > a,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-bd .paging > li.active > span,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .pagination > .active > a,
body.jcproto-layout-resource .jcproto-page-shell .articlelist-liststyle20 .pagination > .active > span,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-bd .paging > li.active > span {
	background-color: var(--jcproto-primary, #0a0a0a) !important;
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-bd .paging > li > a:hover,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-bd .paging > li > a:hover {
	border-color: var(--jcproto-primary, #0a0a0a) !important;
	color: var(--jcproto-primary, #0a0a0a) !important;
}

/* ── Inline blue links → body gray / black hover ───────────────── */
body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0):not(.jcproto-resource-card--hub):not(.more),
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0):not(.jcproto-resource-card--hub):not(.more) {
	color: var(--jcproto-text-body, #555555) !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0):not(.jcproto-resource-card--hub):not(.more):hover,
body.jcproto-layout-resource .jcproto-page-shell .sitewidget-bd a:not(.backstage-component-btn):not(.btn):not(.gbBgColor0):not(.jcproto-resource-card--hub):not(.more):hover {
	color: var(--jcproto-primary, #0a0a0a) !important;
}

/* ── Gray / dark bands on resource sub-pages ───────────────────── */
body.jcproto-layout-resource .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer.jcproto-gray-band {
	background-color: var(--jcproto-section-gray, #f8f8f8) !important;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-top: clamp(2rem, 3vw, 3rem);
	padding-bottom: clamp(2rem, 3vw, 3rem);
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .bookmark18444 .title a {
	color: var(--jcproto-text, #0a0a0a) !important;
	font-weight: 600;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap .bookmark18444 .cont,
body.jcproto-layout-resource .jcproto-legacy-body-wrap .bookmark18444 .content {
	color: var(--jcproto-text-body, #555555);
	line-height: 1.7;
}

/* ── Resource legacy pages — centered content shell ───────────── */
body.jcproto-layout-resource.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container,
body.jcproto-layout-resource.jcproto-has-legacy-body .jcproto-page-shell > .container {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: var(--jcproto-container, 1380px) !important;
	width: 100% !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-layout-resource .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1774317314878):not(:has(.qin18464)) > .container,
body.jcproto-layout-resource .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero):not(#outerContainer_1774317314878):not(:has(.qin18464)) > .container-opened {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}