/* =========================================================
   FOUNDRY UI — GLOBAL FOUNDATION
   ========================================================= */

html {
	overflow-x: hidden;
}

body {
	margin: 0;
	overflow-x: hidden;
	background: var(--fds-white-steel);
	color: var(--fds-graphite);
	font-family: var(--fds-font-body);
	font-size: 18px;
	line-height: 1.65;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

body.page-template-page-framework #page,
body.page-template-page-framework .site-content,
body.page-template-page-framework #primary,
body.page-template-page-framework #main,
body.page-template-page-framework .inside-article,
body.page-template-page-framework .entry-content {
    background-color: var(--fds-coal);
}

@supports (overflow: clip) {
	html,
	body {
		overflow-x: clip;
	}
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
	font-family: var(--fds-font-body);
}

img,
picture,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	color: var(--fds-coal);
	font-family: var(--fds-font-heading);
	font-weight: 700;
	letter-spacing: -.025em;
}

p {
	margin-top: 0;
}

a {
	color: var(--fds-copper-dark);
	text-underline-offset: .18em;
	transition: color var(--fds-transition-fast);
}

a:hover,
a:focus {
	color: var(--fds-copper);
}

::selection {
	background: var(--fds-copper);
	color: #fff;
}

:focus-visible {
	outline: 3px solid var(--fds-patina);
	outline-offset: 3px;
}

/* =========================================================
   SITE-WIDE BREADCRUMBS
   One hierarchy, one format, every interior public view.
   ========================================================= */

.fds-breadcrumbs {
	position: relative;
	z-index: 20;
	border-top: 1px solid rgba(30, 32, 31, .08);
	border-bottom: 1px solid rgba(30, 32, 31, .14);
	background: var(--fds-paper);
	color: var(--fds-soft-graphite);
	font-family: var(--fds-font-body);
	font-size: .72rem;
	font-weight: 650;
	letter-spacing: .08em;
	line-height: 1.3;
	text-transform: uppercase;
}

.fds-breadcrumbs__inner {
	width: min(calc(100% - 3rem), var(--fds-header-width));
	margin-inline: auto;
	overflow-x: auto;
	scrollbar-width: none;
}

.fds-breadcrumbs__inner::-webkit-scrollbar {
	display: none;
}

.fds-breadcrumbs ol {
	display: flex;
	align-items: center;
	min-width: max-content;
	margin: 0;
	padding: .8rem 0;
	list-style: none;
}

.fds-breadcrumbs li {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.fds-breadcrumbs li + li::before {
	content: "›";
	margin: 0 .72rem;
	color: var(--fds-copper);
	font-size: 1.05em;
	font-weight: 800;
}

.fds-breadcrumbs a {
	color: var(--fds-graphite);
	text-decoration: none;
}

.fds-breadcrumbs a:hover,
.fds-breadcrumbs a:focus-visible {
	color: var(--fds-copper-dark);
	text-decoration: underline;
	text-decoration-thickness: 1px;
}

.fds-breadcrumbs [aria-current="page"] {
	color: var(--fds-coal);
	font-weight: 750;
}

@media (max-width: 760px) {
	.fds-breadcrumbs__inner {
		width: 100%;
		padding-inline: 1.1rem;
	}

	.fds-breadcrumbs ol {
		padding-block: .7rem;
	}
}

/* =========================================================
   HOMEPAGE CANVAS
   A contained 1440px page on the steel-colored browser field.
   ========================================================= */

body.home #page,
body.home .site {
	width: min(calc(100% - 2rem), var(--fds-site-width));
	max-width: var(--fds-site-width);
	margin-inline: auto;
	background: var(--fds-white-steel);
}

body.home #content,
body.home .site-content,
body.home #primary,
body.home .content-area,
body.home #main,
body.home .site-main,
body.home .inside-article,
body.home article.page,
body.home .entry-content {
	float: none;
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: transparent;
}

.fds-home,
.fds-home__editor-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

@media (max-width: 760px) {
	body.home #page,
	body.home .site {
		width: 100%;
	}
}