.dslp-plain {
	max-width: 800px;
	margin: 0 auto;
	line-height: 1.7;
}

.dslp-parchment {
	max-width: 800px;
	margin: 40px auto;
	padding: 60px 55px;
	position: relative;
	z-index: 0;
	color: #4a3b30;
	line-height: 1.7;
	font-family: Georgia, 'Times New Roman', serif;
	background: transparent;

	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

/* The actual aged-paper look — color, mottled staining, and grain
   texture — lives on its own layer behind the text, with its own
   adjustable opacity (set via the --dslp-parchment-opacity custom
   property, controlled from the admin screen). Keeping it separate from
   the text content means turning the background down doesn't fade the
   words too. */
.dslp-parchment::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: var(--dslp-parchment-opacity, 1);

	background-color: #f3e6c8;
	background-image:
		radial-gradient(ellipse at 15% 20%, rgba(180, 150, 100, 0.18) 0%, transparent 45%),
		radial-gradient(ellipse at 85% 15%, rgba(180, 150, 100, 0.14) 0%, transparent 40%),
		radial-gradient(ellipse at 75% 85%, rgba(160, 130, 80, 0.16) 0%, transparent 45%),
		radial-gradient(ellipse at 20% 90%, rgba(160, 130, 80, 0.14) 0%, transparent 40%),
		radial-gradient(ellipse at 50% 50%, rgba(200, 175, 130, 0.10) 0%, transparent 60%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
}

.dslp-parchment--variant-a {
	clip-path: polygon(0.0% 2.24%, 4.55% 0.09%, 9.09% 0.96%, 13.64% 0.78%, 18.18% 2.58%, 22.73% 2.37%, 27.27% 3.12%, 31.82% 0.3%, 36.36% 1.48%, 40.91% 0.1%, 45.45% 0.77%, 50.0% 1.77%, 54.55% 0.09%, 59.09% 0.7%, 63.64% 2.27%, 68.18% 1.91%, 72.73% 0.77%, 77.27% 2.06%, 81.82% 2.83%, 86.36% 0.02%, 90.91% 2.82%, 95.45% 2.44%, 100.0% 1.19%, 100.0% 99.19%, 95.45% 99.72%, 90.91% 98.99%, 86.36% 99.2%, 81.82% 99.84%, 77.27% 97.53%, 72.73% 97.98%, 68.18% 96.98%, 63.64% 97.84%, 59.09% 97.1%, 54.55% 98.07%, 50.0% 98.68%, 45.45% 96.59%, 40.91% 98.12%, 36.36% 97.45%, 31.82% 97.18%, 27.27% 97.89%, 22.73% 97.03%, 18.18% 99.66%, 13.64% 99.68%, 9.09% 98.82%, 4.55% 96.65%, 0.0% 99.46%);
}

.dslp-parchment--variant-b {
	clip-path: polygon(0.0% 1.41%, 4.55% 0.7%, 9.09% 0.63%, 13.64% 0.87%, 18.18% 2.66%, 22.73% 0.88%, 27.27% 1.34%, 31.82% 2.4%, 36.36% 1.89%, 40.91% 3.28%, 45.45% 1.71%, 50.0% 1.48%, 54.55% 2.15%, 59.09% 0.76%, 63.64% 3.16%, 68.18% 1.31%, 72.73% 1.36%, 77.27% 2.39%, 81.82% 0.53%, 86.36% 2.31%, 90.91% 2.97%, 95.45% 1.19%, 100.0% 3.31%, 100.0% 99.87%, 95.45% 97.69%, 90.91% 96.7%, 86.36% 96.56%, 81.82% 97.92%, 77.27% 97.23%, 72.73% 99.44%, 68.18% 96.78%, 63.64% 99.24%, 59.09% 98.75%, 54.55% 96.58%, 50.0% 97.88%, 45.45% 96.85%, 40.91% 98.38%, 36.36% 98.13%, 31.82% 96.54%, 27.27% 99.29%, 22.73% 99.97%, 18.18% 99.06%, 13.64% 98.59%, 9.09% 98.36%, 4.55% 97.29%, 0.0% 98.15%);
}

.dslp-parchment h1,
.dslp-parchment h2,
.dslp-parchment h3 {
	color: #3a2e26;
	font-family: Georgia, 'Times New Roman', serif;
}

.dslp-parchment h2 {
	font-size: 1.3em;
	border-bottom: 1px solid rgba(74, 59, 48, 0.25);
	padding-bottom: 6px;
	margin-top: 1.8em;
}

.dslp-parchment h3 {
	margin-top: 1.4em;
}

.dslp-parchment hr {
	border: none;
	border-top: 1px dashed rgba(74, 59, 48, 0.3);
	margin: 2em 0;
}

.dslp-parchment a {
	color: #6b4423;
}

@media (max-width: 600px) {
	.dslp-parchment {
		padding: 40px 24px;
	}
}