@charset "utf-8";

/* TERMS EXPLAINED */
.terms-explained {
	--terms-explained-bg: var(--background-color, #fff);
	--terms-explained-fade: 3rem;
	display: grid;
	gap: var(--margin-block);
	}
.terms-explained-intro {
	color: var(--color-dimmed);
	max-width: var(--width-text);
	}
.terms-explained-intro > :last-child {
	margin-bottom: 0;
	}

/* JUMP LINKS */
.terms-explained-jump {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-5);
	list-style: none;
	margin: 0;
	padding: 0;
	}
.terms-explained-jump li {
	margin: 0;
	}
.terms-explained-jump a {
	border: 1px solid var(--background-border);
	border-radius: var(--radius);
	color: inherit;
	display: inline-block;
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-bold);
	padding: var(--space-5) var(--space-10);
	text-decoration: none;
	transition: border-color var(--animation-duration) var(--animation-easing), color var(--animation-duration) var(--animation-easing);
	}
.terms-explained-jump a:hover,
.terms-explained-jump a:focus-visible {
	border-color: var(--color-link);
	color: var(--color-link);
	}

/* TERMS */
.terms-explained-list {
	display: grid;
	gap: var(--margin-block);
	}
.terms-explained-term {
	display: grid;
	gap: var(--space-20);
	scroll-margin-top: var(--space-20);
	}
.terms-explained-media {
	border-radius: var(--radius);
	overflow: hidden;
	}
.terms-explained-src {
	display: block;
	height: auto;
	width: 100%;
	}
.terms-explained-body {
	align-content: start;
	display: grid;
	gap: var(--space-10);
	min-width: 0;
	}
.terms-explained-name {
	align-items: baseline;
	display: flex;
	flex-wrap: wrap;
	font-size: var(--font-size-4xl);
	gap: var(--space-10);
	margin: 0;
	}
.terms-explained-abbr {
	border: 1px solid var(--color-accent);
	border-radius: var(--radius);
	color: var(--color-accent);
	font-size: 0.75rem;
	padding: 0.125rem 0.375rem;
	text-decoration: none;
	}
.terms-explained-tagline {
	color: var(--color-important);
	font-weight: var(--font-weight-bold);
	margin: 0;
	}
.terms-explained-text {
	color: var(--color-bright);
	font-size: var(--font-size-sm);
	}
.terms-explained-text > :last-child {
	margin-bottom: 0;
	}
.terms-explained-points {
	margin: 0;
	}
.terms-explained-facts {
	border-top: 1px solid var(--background-divider);
	display: grid;
	gap: var(--space-10);
	margin: 0;
	padding-top: var(--space-10);
	}
.terms-explained-fact {
	display: grid;
	gap: var(--space-5);
	}
.terms-explained-fact dt {
	color: var(--color-dimmed);
	font-size: 0.75rem;
	font-weight: var(--font-weight-bold);
	text-transform: uppercase;
	}
.terms-explained-fact dd {
	margin: 0;
	}
.terms-explained-fact .term-page-price {
	font-weight: var(--font-weight-bold);
	}
.terms-explained-fact .term-page-quote {
	color: var(--color-dimmed);
	font-style: italic;
	}
.terms-explained-link {
	font-size: var(--font-size-sm);
	font-weight: var(--font-weight-semi);
	}
.terms-explained-link i {
	color: var(--color-arrow);
	}

/* CARDS LAYOUT */
.terms-explained-cards .terms-explained-list {
	gap: var(--space-20);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	}
.terms-explained-cards .terms-explained-term {
	align-content: start;
	border: 1px solid var(--background-divider);
	border-radius: var(--radius);
	padding: var(--cards-padding);
	}
.terms-explained-cards-image .terms-explained-media {
	margin-bottom: var(--space-5);
	}

/* AT A GLANCE */
.terms-explained-glance {
	display: grid;
	gap: var(--space-10);
	}
.terms-explained-glance-title {
	border-bottom: 2px solid var(--color-header);
	font-size: var(--text-h5);
	margin: 0;
	padding-bottom: var(--space-5);
	}
.terms-explained-table {
	-webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--terms-explained-fade)), transparent);
	mask-image: linear-gradient(to right, #000 calc(100% - var(--terms-explained-fade)), transparent);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	padding-right: var(--terms-explained-fade);
	position: relative;
	}
.terms-explained-table > table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: var(--font-size-sm);
	margin: 0;
	width: 100%;
	}
.terms-explained-table th,
.terms-explained-table td {
	border-bottom: 1px solid var(--background-trim);
	padding: var(--space-10);
	text-align: left;
	vertical-align: top;
	}
.terms-explained-table td {
	min-width: 9rem;
	}
.terms-explained-table thead th {
	font-weight: var(--font-weight-bold);
	vertical-align: bottom;
	}
.terms-explained-table tbody th {
	background: var(--terms-explained-bg);
	box-shadow: 1px 0 0 var(--background-trim);
	color: var(--color-dimmed);
	font-size: 0.75rem;
	font-weight: var(--font-weight-bold);
	left: 0;
	min-width: 8rem;
	position: sticky;
	text-transform: uppercase;
	z-index: 1;
	}
.terms-explained-table .term-page-price {
	font-weight: var(--font-weight-bold);
	}
.terms-explained-table .term-page-quote {
	color: var(--color-dimmed);
	font-style: italic;
	}

@media (min-width: 48em) {
	.terms-explained-rows .terms-explained-term:has(.terms-explained-media) {
		align-items: start;
		gap: var(--space-20) var(--margin-block);
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		}
	.terms-explained-rows .terms-explained-term:nth-child(even) .terms-explained-media {
		order: 2;
		}
	}

@media (min-width: 60em) {
	.terms-explained-table {
		-webkit-mask-image: none;
		mask-image: none;
		padding-right: 0;
		}
	}