/* CV Content Studio — generated content blocks. Colors follow the customvouge theme. */
:root {
	--cvcs-primary: #1aa79c;
	--cvcs-primary-soft: #e8f6f5;
	--cvcs-border: #e3e7ea;
	--cvcs-muted: #5f6b73;
}

.cvcs-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 1.25em;
	font-size: .95em;
}
.cvcs-table th,
.cvcs-table td {
	padding: .65em .9em;
	border: 1px solid var(--cvcs-border);
	text-align: left;
	vertical-align: top;
}
.cvcs-table thead th { background: var(--cvcs-primary-soft); color: #11706a; font-weight: 600; }
.cvcs-spec-table th { width: 38%; background: #fafbfb; font-weight: 600; }
.cvcs-license-table td:first-child::before { content: "\2713\00a0"; color: var(--cvcs-primary); font-weight: 700; }
.cvcs-license-table td:last-child::before { content: "\2715\00a0"; color: #c0504d; font-weight: 700; }

@media (max-width: 549px) {
	.cvcs-table thead { display: none; }
	.cvcs-table tr { display: block; border: 1px solid var(--cvcs-border); margin-bottom: .6em; }
	.cvcs-table th,
	.cvcs-table td { display: block; border: 0; width: auto; }
	.cvcs-spec-table th { padding-bottom: 0; background: none; }
}

.cvcs-steps { padding-left: 1.3em; }
.cvcs-steps li { margin-bottom: .5em; }
.cvcs-note { color: var(--cvcs-muted); font-size: .9em; }

.cvcs-support {
	background: var(--cvcs-primary-soft);
	border-radius: 10px;
	padding: 1em 1.25em;
	margin: 1.25em 0;
}
.cvcs-support__heading { font-weight: 600; font-size: 1.1em; margin-bottom: .25em; }
.cvcs-support__text { margin-bottom: .6em; }
.cvcs-support__button.button { background: var(--cvcs-primary); color: #fff; border-radius: 99px; margin: 0; }

.cvcs-video { margin: 1.25em 0; }
.cvcs-video__title { font-weight: 600; margin-bottom: .4em; }
.cvcs-video__frame { position: relative; aspect-ratio: 16 / 9; }
.cvcs-video__frame iframe,
.cvcs-video__frame video { position: absolute; inset: 0; width: 100%; height: 100%; }

/* Articles */
.cvcs-updated { color: var(--cvcs-muted); font-size: .9em; }
.cvcs-toc { background: #fafbfb; border: 1px solid var(--cvcs-border); border-radius: 10px; padding: .9em 1.2em; margin: 1.25em 0 1.75em; }
.cvcs-toc__title { font-weight: 600; margin-bottom: .4em; }
.cvcs-toc ul { margin: 0 0 0 1.1em; }
.cvcs-toc li { margin-bottom: .2em; }
.cvcs-cta { margin: 1.5em 0; }
.cvcs-cta .button { background: var(--cvcs-primary); color: #fff; border-radius: 99px; }
