/* =========================================
   PROJECT DETAIL PAGE — Shared styles
   Used by: ujesjellesa.html, rruge.html,
            shkolla.html, kuz.html
   ========================================= */

p {
	margin: 20px;
	text-align: left;
}

main {
	margin: 20px;
	height: auto;
	display: flex;
	justify-content: space-evenly;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 20px;
}

.div1 {
	border: 1px solid #b8997a;
	border-radius: 2%;
	width: 46%;
	min-width: 280px;
	min-height: 300px;
	padding: 30px 20px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 8px;
}

.div1 > p:first-child {
	font-size: 26px;
	font-weight: bold;
	color: #b8997a;
	text-align: left;
	margin: 0 0 4px 0;
}

/* ── Mobile ── */
@media (max-width: 600px) {
	.div1 {
		width: 90%;
	}
}

@media (max-width: 420px) {
	.div1 {
		width: 100%;
		margin: 10px 0;
	}

	p {
		margin: 10px;
	}
}