/**
 * JSD Inline Affiliate Disclosure
 *
 * Set at 14px in near-black with a left rule. It is meant to be read, so it is
 * deliberately not the smallest or faintest text on the page, not hidden behind
 * a tooltip, and not a dismissible banner.
 */

.jsd-disclosure {
	box-sizing: border-box;
	max-width: 1280px;
	margin: 0 auto;
	padding: 14px 0 14px 16px;
	border-left: 2px solid #e5e5e5;
	background: transparent;
}

.jsd-disclosure * {
	box-sizing: border-box;
}

.jsd-disclosure .jsd-disclosure__text {
	max-width: 92ch;
	margin: 0;
	color: #333333;
	font-size: 14px;
	line-height: 1.6;
}

.jsd-disclosure .jsd-disclosure__label {
	color: #000000;
	font-weight: 700;
}

.jsd-disclosure .jsd-disclosure__link {
	color: #111111;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
	white-space: nowrap;
}

.jsd-disclosure .jsd-disclosure__link:hover {
	color: #000000;
	text-decoration-thickness: 2px;
}

.jsd-disclosure .jsd-disclosure__link:focus-visible {
	outline: 2px solid #000000;
	outline-offset: 2px;
}

/*
 * Inside the editorial prose column the disclosure takes the reading measure
 * rather than the full page width, so it sits with the text it belongs to.
 */
.jsd-prose > .jsd-disclosure,
.jsd-prose > .wp-block-group__inner-container > .jsd-disclosure {
	max-width: 720px;
	margin: 32px auto;
}

@media (max-width: 782px) {
	.jsd-disclosure {
		padding: 12px 0 12px 14px;
	}

	.jsd-disclosure .jsd-disclosure__text {
		font-size: 13.5px;
	}
}