/* CJ Reuse - Sponsorship Packages
   Scoped under .cj-sponsor-table so it cannot affect the rest of the site. */

.cj-sponsor-table {
	--cj-green: #0F6735;
	--cj-text: rgba(0, 0, 0, .87);
	--cj-border: rgba(34, 36, 38, .12);
	font-family: "Roboto Slab", serif;
	color: var(--cj-text);
}
.cj-sponsor-table * { box-sizing: border-box; }

/* ---------- shared button ---------- */
.cj-sponsor-table .cj-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	text-align: center;
	border: 2px solid var(--cj-green);
	border-radius: 14px;
	color: var(--cj-green);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .2px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.3;
	transition: background-color .15s ease, color .15s ease;
}
.cj-sponsor-table .cj-btn:hover,
.cj-sponsor-table .cj-btn:focus { background: var(--cj-green); color: #fff; }
.cj-sponsor-table .cj-trophy { font-size: 1.1em; line-height: 1; }

/* ---------- desktop: comparison table ---------- */
.cj-sponsor-table .cj-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cj-sponsor-table table {
	width: 100%;
	min-width: 680px;
	border-collapse: collapse;
	background: #fff;
	table-layout: fixed;
}
.cj-sponsor-table thead th:first-child,
.cj-sponsor-table tbody th { width: 132px; }
.cj-sponsor-table thead th,
.cj-sponsor-table tbody th {
	background: var(--cj-green);
	color: #fff;
	font-weight: 700;
	text-align: left;
	text-transform: none;
	vertical-align: top;
	padding: 15px 13px;
	word-break: break-word;
}
.cj-sponsor-table thead th { font-size: 16px; }
.cj-sponsor-table thead th:first-child,
.cj-sponsor-table tbody th { position: sticky; left: 0; z-index: 2; }
.cj-sponsor-table tbody th { font-weight: 400; }
.cj-sponsor-table tbody td {
	background: #fff;
	padding: 13px;
	vertical-align: top;
	border-bottom: 1px solid var(--cj-border);
	text-align: left;
}
.cj-sponsor-table .cj-desc td { font-style: italic; border-bottom: none; }
.cj-sponsor-table .cj-cta td { border-bottom: none; }
.cj-sponsor-table .cj-cta .cj-btn { width: 100%; height: 100%; min-height: 92px; padding: 14px 8px; }

/* ---------- mobile: stacked cards ---------- */
.cj-sponsor-table .cj-cards { display: none; }
.cj-sponsor-table .cj-card {
	border: 2px solid var(--cj-green);
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 18px;
}
.cj-sponsor-table .cj-card-head {
	background: var(--cj-green);
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	padding: 14px 16px;
}
.cj-sponsor-table .cj-card-row {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 11px 16px;
	border-bottom: 1px solid var(--cj-border);
}
.cj-sponsor-table .cj-card-row .lbl { font-weight: 700; }
.cj-sponsor-table .cj-card-row .val { text-align: right; }
.cj-sponsor-table .cj-card-tagline { font-style: italic; padding: 12px 16px; }
.cj-sponsor-table .cj-card .cj-btn { height: auto; min-height: 0; margin: 0 16px 16px; padding: 15px 12px; }

/* ---------- swap: cards below 768px, table at 768px and up ---------- */
@media (max-width: 767px) {
	.cj-sponsor-table .cj-table-wrap { display: none; }
	.cj-sponsor-table .cj-cards { display: block; }
}