/* Tab panels this plugin draws.
 *
 * A feature list and a set of manufacturer approvals are lists: one short
 * entry per line. They were typed that way in the editor, so they are shown
 * that way here rather than run together into a paragraph.
 */

.rsm-pt-panel > h2 { font-size: 22px; margin: 0 0 14px; }

.rsm-pt-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	background: var(--ptc-surface-2-e6eaee, #e6eaee);
	border: 1px solid var(--ptc-line-e6eaee, #e6eaee);
	border-radius: 11px;
	overflow: hidden;
}

.rsm-pt-list li {
	background: var(--ptc-surface-ffffff, #fff);
	margin: 0;
	padding: 12px 14px 12px 34px;
	font-size: 15px;
	line-height: 1.5;
	color: var(--ptc-ink-2f373f, #2f373f);
	position: relative;
}

.rsm-pt-list li::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 19px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--ptc-fill-blue-0055a5, #0055a5);
}

.rsm-pt-text { font-size: 15px; line-height: 1.7; color: var(--ptc-ink-4b545d, #4b545d); }
.rsm-pt-text p:first-child { margin-top: 0; }
.rsm-pt-text p:last-child { margin-bottom: 0; }

@media (max-width: 780px) {
	.rsm-pt-list { grid-template-columns: 1fr; }
}

/* ---------------------------------------------------------------------------
 * Colour tokens, light and dark.
 *
 * The light value of each token is the literal that used to be written where
 * its var() now sits, so with no appearance chosen this file paints exactly
 * what it painted before. The dark value is derived from the light one by a
 * rule that depends on what the colour is for, so the structure of the palette
 * survives the crossing instead of flattening into three greys.
 *
 * Generated. Change a colour here, not in the rules below, or the pair comes
 * apart.
 * ------------------------------------------------------------------------ */

:root {


	/* Paper. The whiter it was, the deeper it goes, so a panel that sat a shade off white ends up a shade off the page instead of merging into it. */
	--ptc-surface-ffffff: #fff;

	/* Paper one step down, wells and inset rows. */
	--ptc-surface-2-e6eaee: #e6eaee;

	/* Text. Inverts and keeps its order, so a heading still outranks the line under it. */
	--ptc-ink-2f373f: #2f373f;
	--ptc-ink-4b545d: #4b545d;

	/* Rules and borders. */
	--ptc-line-e6eaee: #e6eaee;

	/* Brand blue as a fill, kept dark enough for white to sit on it. */
	--ptc-fill-blue-0055a5: #0055a5;
}

:root[data-theme="dark"] {


	/* Paper. The whiter it was, the deeper it goes, so a panel that sat a shade off white ends up a shade off the page instead of merging into it. */
	--ptc-surface-ffffff: #141617;

	/* Paper one step down, wells and inset rows. */
	--ptc-surface-2-e6eaee: #2a3037;

	/* Text. Inverts and keeps its order, so a heading still outranks the line under it. */
	--ptc-ink-2f373f: #c7ccd2;
	--ptc-ink-4b545d: #b5bcc4;

	/* Rules and borders. */
	--ptc-line-e6eaee: #363f47;

	/* Brand blue as a fill, kept dark enough for white to sit on it. */
	--ptc-fill-blue-0055a5: #006fd8;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {


		/* Paper. The whiter it was, the deeper it goes, so a panel that sat a shade off white ends up a shade off the page instead of merging into it. */
		--ptc-surface-ffffff: #141617;

		/* Paper one step down, wells and inset rows. */
		--ptc-surface-2-e6eaee: #2a3037;

		/* Text. Inverts and keeps its order, so a heading still outranks the line under it. */
		--ptc-ink-2f373f: #c7ccd2;
		--ptc-ink-4b545d: #b5bcc4;

		/* Rules and borders. */
		--ptc-line-e6eaee: #363f47;

		/* Brand blue as a fill, kept dark enough for white to sit on it. */
		--ptc-fill-blue-0055a5: #006fd8;
	}
}