/**
 * CSS Icon Variables
 *
 * This file contains CSS custom properties for icon/graphic elements
 * used throughout the Sequoia component library.
 */

:root {
	/* Chevron Icons */
	--cssicon-chevron-right: url("/asset/sequoia/icons/chevron-right.svg");
	--cssicon-chevron-left: url("/asset/sequoia/icons/chevron-left.svg");

	/* Arrow Icons */
	--cssicon-arrow-right-alt: url("/asset/sequoia/icons/arrow-right-alt.svg");

	/* Media Control Icons */
	--cssicon-alt-pause: url("/asset/sequoia/icons/pause.svg");
	--cssicon-alt-play: url("/asset/sequoia/icons/play.svg");

	/* Action Icons */
	--cssicon-external-link: url("/asset/sequoia/icons/external-link.svg");
	--cssicon-plus: url("/asset/sequoia/icons/plus.svg");

	/* Other Icons */
	--cssicon-domain: url("/asset/sequoia/icons/domain.svg");
}

/* JCP local Sequoia overrides begin here. The icon variable block above mirrors the original file. */

/* Keep list markers charset-safe while legacy controllers serve HTML as ISO-8859-1. */
ul:not([class]) ::marker {
	content: "\2022\00a0\00a0";
}

/* JCP compact page header: 30% shorter than Sequoia's sh02short height. */
.sh02.sh02xshort,
.sh02.sh02short.sh02xshort {
	min-height: 168px;
}

@media (max-width: 800px) {
	/* Shared JCP pill-style link controls.
 * Matches the JCP process version pills and maps converted-page link groups onto that pattern.
 */
.jcp-link-pills,
.jcp-version-pills,
.participation-link-pills,
.category-row,
.glossary-alpha,
.news-archive-year-pills,
.announce-year-pills,
.newsletter-year-pills,
.releases-year-pills,
.calendar-s-year-chips,
.calendar-s-year-grid,
.ec-summary-jump,
.ec-s-nav,
.ec-s-inline-links.ec-s-resource-links,
.jsr-stage-nav,
.jsr-all-sort,
.membership-s-filter-bar,
.ec-s-filter-bar,
.participation-jump,
.awards-list,
.star-lead-jump-list,
.jug-list-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0.65rem !important;
	list-style: none !important;
	margin-inline: 0 !important;
	padding-inline: 0 !important;
}

.jcp-version-pills a,
.jcp-version-pills .is-current,
.participation-link-pills a,
.participation-link-pills span,
.category-row a,
.category-row span,
.faq-pill,
.glossary-alpha a,
.glossary-alpha span,
.news-archive-year-pills a,
.announce-year-pills a,
.newsletter-year-pills a,
.releases-year-pills a,
.calendar-s-year-link,
.ec-summary-jump a,
.ec-summary-related a,
.ec-s-nav a,
.ec-s-nav span,
.ec-s-resource-links a,
.jsr-stage-nav a,
.jsr-stage-nav-current,
.jsr-all-sort a,
.jsr-all-sort span,
.membership-s-filter-bar a,
.membership-s-filter-bar span,
.ec-s-filter-bar a,
.ec-s-filter-bar span,
.participation-jump a,
.awards-list a,
.star-lead-jump-list a,
.jug-list-actions a,
.jcp-link-pill {
	align-items: center !important;
	background: #eff5f8 !important;
	border: 1px solid #d6e2e8 !important;
	border-radius: 999px !important;
	box-sizing: border-box !important;
	color: #0c6674 !important;
	display: inline-flex !important;
	font-size: 0.85em !important;
	height: auto !important;
	font-weight: 600 !important;
	justify-content: center !important;
	line-height: 1.2 !important;
	min-height: 0 !important;
	min-width: 0 !important;
	padding: 0.55rem 1rem !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: normal !important;
	width: auto !important;
}

.jcp-version-pills a:hover,
.jcp-version-pills a:focus,
.participation-link-pills a:hover,
.participation-link-pills a:focus,
.category-row a:hover,
.category-row a:focus,
.faq-pill:hover,
.faq-pill:focus,
.glossary-alpha a:hover,
.glossary-alpha a:focus,
.news-archive-year-pills a:hover,
.news-archive-year-pills a:focus,
.announce-year-pills a:hover,
.announce-year-pills a:focus,
.newsletter-year-pills a:hover,
.newsletter-year-pills a:focus,
.releases-year-pills a:hover,
.releases-year-pills a:focus,
.calendar-s-year-link:hover,
.calendar-s-year-link:focus,
.ec-summary-jump a:hover,
.ec-summary-jump a:focus,
.ec-summary-related a:hover,
.ec-summary-related a:focus,
.ec-s-nav a:hover,
.ec-s-nav a:focus,
.ec-s-resource-links a:hover,
.ec-s-resource-links a:focus,
.jsr-stage-nav a:hover,
.jsr-stage-nav a:focus,
.jsr-all-sort a:hover,
.jsr-all-sort a:focus,
.membership-s-filter-bar a:hover,
.membership-s-filter-bar a:focus,
.ec-s-filter-bar a:hover,
.ec-s-filter-bar a:focus,
.participation-jump a:hover,
.participation-jump a:focus,
.awards-list a:hover,
.awards-list a:focus,
.star-lead-jump-list a:hover,
.star-lead-jump-list a:focus,
.jug-list-actions a:hover,
.jug-list-actions a:focus,
.jcp-link-pill:hover,
.jcp-link-pill:focus {
	background: #e3eef2 !important;
	border-color: #d6e2e8 !important;
	color: #0c6674 !important;
	text-decoration: none !important;
}

.jcp-version-pills .is-current,
.participation-link-pills .active,
.category-row .current,
.category-row .active,
.faq-pill.current,
.glossary-alpha .current,
.glossary-alpha .active,
.calendar-s-year-link.active,
.ec-s-nav .active,
.jsr-stage-nav-current,
.jsr-all-sort .active,
.membership-s-filter-bar .active,
.ec-s-filter-bar .active,
.jcp-link-pill.is-current,
.jcp-link-pill.active {
	background: #0c6674 !important;
	border-color: #0c6674 !important;
	color: #fff !important;
}

.eg-s-nav a,
.eg-s-nav span,
.eg-s-subnav a,
.eg-s-subnav span,
.jsr-s-nav a,
.jsr-s-nav span {
	font-size: inherit !important;
	line-height: 1.2 !important;
}

.awards-list li,
.star-lead-jump-list li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


/* Generic Sequoia wrappers for converted JCP menu pages. */
.jcp-s-layout .f01-main {
	min-width: 0;
}

.jcp-s-page.cpad {
	padding-top: 36px;
}

.jcp-s-content {
	color: #161513;
	font-size: 1rem;
	line-height: 1.55;
	overflow-x: auto;
}

.jcp-s-content .header1,
.jcp-s-content h1 {
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.18;
	margin: 0 0 16px;
}

.jcp-s-content .header2 {
	color: #5f5a55;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.jcp-s-content .header3,
.jcp-s-content h2 {
	font-size: 1.35rem;
	font-weight: 600;
	line-height: 1.25;
	margin: 28px 0 8px;
}

.jcp-s-content .header4,
.jcp-s-content h3 {
	font-size: 1.1rem;
	font-weight: 600;
	line-height: 1.3;
	margin: 22px 0 6px;
}

.jcp-s-content p,
.jcp-s-content ul,
.jcp-s-content ol {
	margin-bottom: 16px;
}

.jcp-s-content li {
	margin-bottom: 6px;
}

.jcp-s-content .anybar,
.jcp-s-content img[src*="bar_green.gif"],
.jcp-s-content img[src*="trans.gif"],
.jcp-s-content img[src*="spacer.gif"] {
	display: none;
}

.jcp-s-content img {
	height: auto;
	max-width: 100%;
}

.jcp-s-content table {
	max-width: 100%;
}

.jcp-s-content td,
.jcp-s-content th {
	vertical-align: top;
}

.jcp-s-content input,
.jcp-s-content select,
.jcp-s-content textarea {
	max-width: 100%;
}

.jcp-s-content .chart_outline,
.jcp-s-content .chart_outline table {
	border-collapse: collapse;
}

.jcp-s-content .chart_outline td,
.jcp-s-content .chart_outline th,
.jcp-s-content .chart_fill {
	border: 1px solid #d8d8d8;
}

@media (max-width: 700px) {
	.jcp-s-content .header1,
	.jcp-s-content h1 {
		font-size: 1.55rem;
	}

	.jcp-s-page.cpad {
		padding-top: 24px;
	}
}