/* Theme Tokens */
/*	:root {
		--primary-blue: #0073aa;
		--dark-blue: #00507c;
		--accent-orange: #ff5722;
		--pale-blue: #f6faff;
		--light-gray: #f7fafc;
	}
*/
	/* Base Styles */
/*	body {
		background: var(--light-gray);
		font-family: 'Inter', sans-serif;
	}*/

/*	h1, h2, h3, h4, h5, h6{
		font-family: 'Inter', sans-serif;
	}*/

	.sticky-header {
		position: sticky;
		top: 0;
		z-index: 10;
	}

	details[open] summary .accordion-chevron {
		transform: rotate(180deg);
	}

	.accordion-chevron {
		transition: transform .2s ease-in-out;
	}

	summary::-webkit-details-marker {
		display: none;
	}

	/* Persona Filter Buttons */
	.persona-filter-btn {
		padding: 8px 16px;
		border-radius: 9999px;
		font: 600 0.875rem/1 'Inter', sans-serif;
		color: var(--dark-blue);
		background: #e2e8f0;
		border: 0;
		cursor: pointer;
		transition: background-color .2s;
	}

	.persona-filter-btn:hover {
		background: #cbd5e1;
	}

	.persona-filter-btn.active {
		color: #fff;
		background: var(--primary-blue);
	}

	/* Rows */
	.primary-row:hover,
	.primary-row:focus-within {
		background: #f9fbfd;
	}

	.primary-row.open-details {
		background: #f0f4f8;
	}

	.elite-cell {
		background: var(--pale-blue);
	}

	/* Uniform-width pill */
	.top-pill.lite-pill {
		width: 220px;
		padding: 8px 12px;
	}

	.lite-pill {
		all: unset;
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		padding: 8px 12px;
		min-width: 0;
		border: 1px solid #90a4b7;
		border-radius: 9999px;
		background: #fff;
		font: 600 12px 'Inter', sans-serif;
		color: #37546b;
	}

	.lite-pill > .pill-text {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		min-width: 0;
	}

	/* Centre pill in the Free column */
	td:nth-child(2) .lite-pill {
		margin: auto;
	}

	.feature-table-header {
		display: contents;
	}

	@media(max-width: 767px) {
		.feature-table-header {
			display: none;
		}
	}

	@media(max-width: 540px) {
		/* Uniform-width pill */
		.lite-pill { width: 100%;height: auto;max-width: max-content; }
		.top-pill.lite-pill { width: 150px; }

		/* Uniform-width pill */
		.page-template-buybooster .top-pill.lite-pill { width: 110px; }
		.page-template-buybooster .lite-pill { width: 100%; }

	}