/* How-to steps, tables and text-image media. */

/* ---- how-to ---- */
body .v6-step {
	background: var(--cg-surface) !important;
	border: 1px solid var(--cg-line);
	border-radius: var(--cg-radius) !important;
	padding: 22px !important;
	box-shadow: var(--cg-shadow);
}

body .v6-step + .v6-step {
	margin-top: 18px;
}

body .v6-step__num {
	background: var(--cg-grad) !important;
	color: #000000 !important;
	font-weight: 900 !important;
	border: 0 !important;
	box-shadow: 0 6px 16px rgba(77, 105, 255, .4);
}

body .v6-step__title {
	font-weight: 800;
	color: var(--cg-text);
}

body .v6-step__img img {
	border-radius: var(--cg-radius-sm);
	border: 1px solid var(--cg-line);
}

/* ---- tables ---- */
body .v1-top__wrapper {
	border-radius: var(--cg-radius-sm);
	overflow: hidden;
	border: 1px solid var(--cg-line);
}

body .v1-top-table thead {
	background: var(--cg-grad-h);
}

body .v1-top-table thead th,
body .v1-top-table thead td {
	background: transparent !important;
	color: #ffffff !important;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: .04em;
	border-color: transparent !important;
}

body .v1-top-table tbody td,
body .v1-top-table tbody th {
	border-color: var(--cg-line) !important;
}

body .v1-top-table tbody tr:nth-child(odd) td {
	background: var(--cg-surface) !important;
}

body .v1-top-table tbody tr:nth-child(even) td {
	background: var(--cg-surface-2) !important;
}

body .v1-top-table tbody td:first-child {
	color: var(--cg-text);
	font-weight: 700;
}

/* ---- text-image media ---- */
body .v6-welcome img {
	border-radius: var(--cg-radius);
	border: 1px solid var(--cg-line);
	box-shadow: var(--cg-shadow);
}

/* ---- gamecenter: only frame the section title, the plugin keeps its own cards ---- */
body .gc-section .gc-section__title,
body .gc-block h2,
body .gc-block h3 {
	font-family: var(--version-font);
	font-weight: 800;
}

body .gc-card {
	border-radius: var(--cg-radius-sm) !important;
	overflow: hidden;
}