@media (hover: hover) and (pointer: fine) {
	body.moto-article-prototype .moto-glossary-term {
		border-bottom: 1px dotted rgba(23, 107, 115, .42);
		cursor: help;
		text-decoration: none;
		text-decoration-skip-ink: auto;
	}

	body.moto-article-prototype.moto-glossary-tooltips-off .moto-glossary-term {
		border-bottom-color: transparent;
		cursor: text;
	}
}

.moto-glossary-tooltip {
	box-sizing: border-box;
	position: fixed;
	z-index: 9999;
	width: min(300px, calc(100vw - 24px));
	padding: .8rem .9rem;
	border: 1px solid #c9d7d5;
	border-left: 3px solid #82c2bd;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 4px 12px rgba(20, 45, 47, .08);
	color: #1d2b35;
	opacity: 0;
	pointer-events: none;
	transform: translateY(2px);
	transition: opacity 120ms ease, transform 120ms ease;
}

.moto-glossary-tooltip.is-visible { opacity: 1; transform: translateY(0); }
.moto-glossary-tooltip-title { margin: 0 0 .3rem; color: #176b73; font-size: .82rem; font-weight: 800; line-height: 1.45; }
.moto-glossary-tooltip-description { margin: 0; font-size: .82rem; line-height: 1.65; }

body.moto-article-prototype .moto-article-glossary-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .75rem;
	margin-top: .9rem;
	padding-top: .75rem;
	border-top: 1px solid #cfe2df;
	color: var(--ma-ink);
	font-size: .8rem;
	font-weight: 800;
}

body.moto-article-prototype .moto-article-glossary-toggle button {
	display: inline-flex;
	align-items: center;
	gap: .2rem;
	min-width: 4.55rem;
	padding: .28rem .38rem;
	border: 1px solid #b8d3d0;
	border-radius: 999px;
	background: #fff;
	color: #74858a;
	font: inherit;
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: .04em;
	cursor: pointer;
}

body.moto-article-prototype .moto-article-glossary-toggle button::before {
	width: .9rem;
	height: .9rem;
	border-radius: 50%;
	background: #a5b5b6;
	content: '';
	transition: transform 150ms ease, background-color 150ms ease;
}

body.moto-article-prototype .moto-article-glossary-toggle button.is-on { border-color: #92c5c0; color: #176b73; }
body.moto-article-prototype .moto-article-glossary-toggle button.is-on::before { background: #176b73; transform: translateX(2.4rem); }
body.moto-article-prototype .moto-article-glossary-toggle button.is-on .moto-glossary-toggle-off,
body.moto-article-prototype .moto-article-glossary-toggle button:not(.is-on) .moto-glossary-toggle-on { display: none; }
body.moto-article-prototype .moto-article-glossary-toggle button:focus-visible { outline: 2px solid #176b73; outline-offset: 2px; }

@media (max-width: 980px), (hover: none) {
	body.moto-article-prototype .moto-article-glossary-toggle { display: none; }
	.moto-glossary-tooltip { display: none !important; }
}