/* Articolele de blog (Ghiduri): textul articolului pe fundalul site-ului, nu pe albul
   implicit al secțiunilor Divi (în modul întunecat textul deschis nu se mai citea),
   o coloană de citire confortabilă și titluri, liste, tabele și linkuri în stilul
   site-ului. Se încarcă doar pe paginile de articol, după site.css. #left-area din
   :is() dă regulilor specificitatea unui ID, ca să treacă peste stilurile Divi
   (#left-area ul, #left-area ol); merg și fără #left-area, prin .et-l--post. */

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_section {
	padding: 4px 0 40px;
	background-color: transparent;
}

/* Rânduri de circa 80 de caractere, aliniate cu titlul articolului. */
body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_row {
	width: 100%;
	max-width: 760px;
	margin: 0;
	padding: 0;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner {
	color: var(--vv-ink-2);
	font-size: 17px;
	line-height: 1.7;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner :is(h2, h3) {
	padding: 0;
	color: var(--vv-ink);
	line-height: 1.3;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner h2 {
	margin: 44px 0 14px;
	font-size: 26px;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner h3 {
	margin: 26px 0 8px;
	font-size: 19px;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner p {
	margin: 0 0 16px;
	padding: 0;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner :is(ul, ol) {
	margin: 0 0 20px;
	padding: 0 0 0 24px;
	line-height: inherit;
	list-style-position: outside;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner ul {
	list-style: disc;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner ol {
	list-style: decimal;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner li {
	margin: 0 0 6px;
	padding: 0;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner li::marker {
	color: var(--vv-accent);
	font-weight: 700;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner strong {
	color: var(--vv-ink);
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner a {
	color: var(--vv-accent);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner a:hover {
	color: var(--vv-accent-hover);
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner table {
	width: 100%;
	margin: 6px 0 20px;
	border: 1px solid var(--vv-line);
	border-collapse: collapse;
	font-size: 15.5px;
	line-height: 1.5;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner :is(th, td) {
	padding: 10px 14px;
	border: 1px solid var(--vv-line);
	text-align: left;
	vertical-align: top;
}

body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner th {
	background: var(--vv-surface-2);
	color: var(--vv-ink);
	font-weight: 700;
}

@media (max-width: 767px) {
	body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner {
		font-size: 16px;
	}

	body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner h2 {
		margin-top: 36px;
		font-size: 22px;
	}

	body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner h3 {
		font-size: 18px;
	}

	body.vv-site.single-post :is(#left-area, .et-l--post) .et_pb_text_inner :is(th, td) {
		padding: 8px 10px;
	}
}