.jts-mk,
.jts-mk * {
	box-sizing: border-box;
}

.jts-mk {
	--jts-ink: #17202a;
	--jts-muted: #5c6b76;
	--jts-navy: #10283f;
	--jts-red: #ff3209;
	--jts-line: #e3e8ed;
	--jts-paper: #ffffff;
	max-width: 880px;
	margin: 0 auto 2rem;
	background: var(--jts-paper);
	color: var(--jts-ink);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}

.jts-mk h1,
.jts-mk h2,
.jts-mk h3,
.jts-mk p {
	margin-top: 0;
}

.jts-mk-tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 16px;
	padding: 12px 28px;
	background: #f4f7f9;
	border-bottom: 1px solid var(--jts-line);
	color: var(--jts-muted);
	font-size: 0.92rem;
}

.jts-mk-tools p {
	margin: 0;
}

.jts-mk-tools button {
	border: 0;
	border-radius: 6px;
	background: var(--jts-red);
	color: #fff;
	font: inherit;
	font-weight: 700;
	padding: 8px 14px;
	cursor: pointer;
}

.jts-mk-banner {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	padding: 32px 28px 28px;
	background: var(--jts-navy);
	color: #fff;
}

.jts-mk-banner-main {
	display: flex;
	align-items: center;
	gap: 18px;
	min-width: 0;
}

.jts-mk-logo {
	display: block;
	max-width: 168px;
	max-height: 84px;
	width: auto;
	height: auto;
	padding: 8px;
	background: #fff;
	border-radius: 6px;
	object-fit: contain;
}

.jts-mk-kicker {
	margin: 0 0 4px;
	color: #ffb5a4;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.jts-mk-banner h1 {
	margin: 0;
	font-size: 2.35rem;
	line-height: 1.05;
	letter-spacing: -0.03em;
}

.jts-mk-tagline {
	margin: 8px 0 0;
	max-width: 36rem;
	color: #d5dee6;
	font-size: 1.05rem;
}

.jts-mk-prepared {
	margin: 0;
	flex: 0 0 auto;
	color: #b7c4cf;
	font-size: 0.85rem;
	text-align: right;
}

.jts-mk-section {
	padding: 26px 28px 0;
}

.jts-mk-section h2,
.jts-mk-contact h2 {
	margin: 0 0 14px;
	padding-bottom: 6px;
	border-bottom: 2px solid var(--jts-red);
	color: var(--jts-navy);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.jts-mk-mission {
	margin: 0;
	font-size: 1.08rem;
	line-height: 1.55;
}

.jts-mk-facts,
.jts-mk-stats,
.jts-mk-hosts {
	display: grid;
	gap: 12px;
}

.jts-mk-facts {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.jts-mk-schedule {
	margin: 0;
	padding: 0;
	list-style: none;
}

.jts-mk-schedule li {
	display: grid;
	grid-template-columns: 11rem 1fr;
	gap: 4px 16px;
	padding: 10px 0;
	border-bottom: 1px solid var(--jts-line);
}

.jts-mk-schedule li.no-day {
	grid-template-columns: 1fr;
}

.jts-mk-schedule li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.jts-mk-day {
	margin: 0;
	color: var(--jts-red);
	font-size: 0.92rem;
	font-weight: 700;
}

.jts-mk-days-line {
	margin: 0 0 8px;
	color: var(--jts-navy);
	font-size: 1.15rem;
	font-weight: 700;
}

.jts-mk-schedule strong {
	display: block;
	color: var(--jts-navy);
}

.jts-mk-schedule p {
	margin: 2px 0 0;
	color: #2c3842;
}

.jts-mk-fact,
.jts-mk-stat {
	padding: 14px 16px;
	background: #f6f8fa;
	border-top: 3px solid var(--jts-red);
}

.jts-mk-fact strong,
.jts-mk-stat b {
	display: block;
	color: var(--jts-navy);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.15;
}

.jts-mk-fact strong {
	font-size: 1.2rem;
}

.jts-mk-stat b {
	font-size: 1.85rem;
}

.jts-mk-fact span,
.jts-mk-stat span {
	display: block;
	margin-top: 4px;
	color: var(--jts-muted);
	font-size: 0.84rem;
}

.jts-mk-stats {
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.jts-mk-hosts {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 18px;
}

.jts-mk-host {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	padding-bottom: 8px;
}

.jts-mk-host img,
.jts-mk-initial {
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	border-radius: 8px;
	object-fit: cover;
}

.jts-mk-initial {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--jts-navy);
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
}

.jts-mk-host h3 {
	margin: 0;
	font-size: 1.15rem;
	line-height: 1.2;
}

.jts-mk-role {
	margin: 2px 0 6px;
	color: var(--jts-red);
	font-size: 0.84rem;
	font-weight: 700;
}

.jts-mk-bio {
	margin: 0;
	color: #2c3842;
	font-size: 0.95rem;
}

.jts-mk-why {
	margin: 0;
	padding: 0;
	list-style: none;
}

.jts-mk-why li {
	position: relative;
	margin: 0 0 8px;
	padding-left: 16px;
}

.jts-mk-why li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--jts-red);
}

.jts-mk-clients {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.jts-mk-clients li {
	margin: 0;
	padding: 8px 12px;
	border: 1px solid #d5dde3;
	font-weight: 700;
}

.jts-mk-contact {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 18px;
	margin: 28px;
	padding: 22px 24px;
	background: var(--jts-navy);
	color: #fff;
}

.jts-mk-contact h2 {
	border-bottom-color: var(--jts-red);
	color: #fff;
}

.jts-mk-contact-show,
.jts-mk-contact p {
	margin: 0 0 6px;
}

.jts-mk-contact-people {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 16px 24px;
}

.jts-mk-contact-role {
	color: #ffb5a4;
	font-size: 0.84rem;
	font-weight: 700;
}

.jts-mk-contact a {
	color: #fff;
}

.jts-mk-contact-name {
	font-size: 1.25rem;
	font-weight: 700;
}

@media (max-width: 700px) {
	.jts-mk-banner,
	.jts-mk-tools,
	.jts-mk-section {
		padding-left: 16px;
		padding-right: 16px;
	}

	.jts-mk-schedule li,
	.jts-mk-schedule li.no-day {
		grid-template-columns: 1fr;
	}

	.jts-mk-banner,
	.jts-mk-banner-main,
	.jts-mk-contact {
		display: block;
	}

	.jts-mk-banner h1 {
		font-size: 1.85rem;
	}

	.jts-mk-prepared {
		margin-top: 14px;
		text-align: left;
	}

	.jts-mk-logo {
		margin-bottom: 12px;
	}

	.jts-mk-contact {
		margin: 16px;
	}
}

@media print {
	.jts-mk-tools,
	body.jts-mk-page #wpadminbar,
	body.jts-mk-page header:not(.jts-mk-banner),
	body.jts-mk-page footer,
	body.jts-mk-page nav,
	body.jts-mk-page .site-header,
	body.jts-mk-page .site-footer,
	body.jts-mk-page .site-branding,
	body.jts-mk-page .top-ads-wrap,
	body.jts-mk-page .top-ads-block,
	body.jts-mk-page .sharedaddy,
	body.jts-mk-page .jetpack-likes-widget-wrapper,
	body.jts-mk-page .jp-relatedposts,
	body.jts-mk-page .sidebar,
	body.jts-mk-page #masthead,
	body.jts-mk-page #colophon,
	body.jts-mk-page .entry-header,
	body.jts-mk-page .navigation {
		display: none !important;
	}

	body.jts-mk-preview {
		background: #fff !important;
	}

	.jts-mk {
		max-width: none;
		margin: 0;
		box-shadow: none !important;
	}

	.jts-mk-banner,
	.jts-mk-fact,
	.jts-mk-stat,
	.jts-mk-contact,
	.jts-mk-initial,
	.jts-mk-why li:before {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.jts-mk a {
		color: inherit;
		text-decoration: none;
	}

	.jts-mk-host,
	.jts-mk-stat,
	.jts-mk-fact,
	.jts-mk-schedule li,
	.jts-mk-person,
	.jts-mk-contact {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	@page {
		margin: 0.55in;
	}
}

body.jts-mk-preview {
	margin: 0;
	background: #e7edf2;
}

body.jts-mk-preview .jts-mk {
	margin-top: 28px;
	margin-bottom: 28px;
	box-shadow: 0 12px 40px rgba(16, 40, 63, 0.12);
}
