/* =====================================================================
 * green.it Editorial Schema — Frontend styles
 * ===================================================================== */

/* ---------- FAQ ---------- */
.green-it-faq {
	margin: 2.5rem 0 2rem;
	padding: 1.5rem 1.75rem;
	background: #f7f9f7;
	border-left: 4px solid #2e7d32;
	border-radius: 4px;
}

.green-it-faq > h2 {
	margin: 0 0 1.25rem;
	font-size: 1.5rem;
	color: #1b5e20;
}

.green-it-faq-item {
	padding: 0.75rem 0;
	border-bottom: 1px solid #e0e7e0;
}

.green-it-faq-item:last-child {
	border-bottom: 0;
}

.green-it-faq-question {
	margin: 0 0 0.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	color: #1b5e20;
}

.green-it-faq-answer {
	color: #333;
	line-height: 1.6;
}

.green-it-faq-answer p:last-child {
	margin-bottom: 0;
}

/* ---------- Fonti ---------- */
.green-it-sources {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem;
	background: #fafafa;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}

.green-it-sources > h2 {
	margin: 0 0 1rem;
	font-size: 1.25rem;
	color: #2e7d32;
}

.green-it-sources ul {
	margin: 0;
	padding-left: 1.25rem;
	list-style: disc;
}

.green-it-sources li {
	margin-bottom: 0.5rem;
	line-height: 1.55;
	color: #444;
}

.green-it-sources li:last-child {
	margin-bottom: 0;
}

.green-it-sources a {
	color: #2e7d32;
	text-decoration: underline;
}

.green-it-sources a:hover,
.green-it-sources a:focus {
	color: #1b5e20;
}

/* ---------- Bio autore ---------- */
.green-it-author-bio {
	margin: 2rem 0 1rem;
	padding: 1rem 1.25rem;
	background: #f5f5f5;
	border-left: 3px solid #999;
	border-radius: 3px;
}

.green-it-author-bio > h3 {
	margin: 0 0 0.5rem;
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #555;
}

.green-it-author-bio p:first-of-type strong {
	font-size: 1.05rem;
	color: #222;
}

.green-it-author-bio-text {
	margin-top: 0.4rem;
	color: #444;
	line-height: 1.55;
	font-size: 0.95rem;
}

.green-it-author-bio-text p:last-child {
	margin-bottom: 0;
}

/* ---------- Mobile ---------- */
@media (max-width: 600px) {

	.green-it-faq {
		padding: 1rem 1.1rem;
		margin: 2rem 0 1.5rem;
	}

	.green-it-faq > h2 {
		font-size: 1.3rem;
	}

	.green-it-faq-question {
		font-size: 1rem;
	}

	.green-it-sources {
		padding: 1rem 1.1rem;
	}

	.green-it-sources > h2 {
		font-size: 1.1rem;
	}

	.green-it-author-bio {
		padding: 0.85rem 1rem;
	}
}