/* ---------------- Davids Schatkamer (Treasury of David) ----------------
   Een rijker paneel dan de gewone commentaarblokken: dubbele rand met een
   gouden bovenrand, een siermotief boven de kop en een gouden scheidingslijn.
   Alle kleuren komen uit dezelfde variabelen als de rest van de lezer, dus
   het werkt in het standaardthema, het donkere thema en Studieblauw. */

.svbm-schatkamer {
	position: relative;
	margin-top: 2.5rem;
	padding: 2rem 2.25rem 1.5rem;
	background: var(--svbm-oppervlak, rgba(255, 255, 255, 0.55));
	border: 1px solid var(--svbm-goud);
	border-top: 3px solid var(--svbm-goud);
	border-radius: 8px;
	box-shadow:
		inset 0 0 0 4px var(--svbm-veld-bg, #fff),
		inset 0 0 0 5px var(--svbm-rand),
		0 6px 18px rgba(0, 0, 0, 0.06);
}

.svbm-schatkamer-kop {
	text-align: center;
	margin-bottom: 1.5rem;
}

.svbm-schatkamer-sier {
	display: block;
	color: var(--svbm-goud);
	line-height: 0;
	margin-bottom: 0.6rem;
}

.svbm-schatkamer-sier svg {
	display: inline-block;
}

.svbm-schatkamer h3 {
	font-family: var(--svbm-lettertype-titel);
	color: var(--svbm-oxblood);
	font-size: calc(1.6rem * var(--svbm-tekstschaal, 1));
	letter-spacing: 0.02em;
	margin: 0;
}

.svbm-schatkamer-ondertitel {
	margin: 0.35rem 0 0 !important;
	font-family: var(--svbm-lettertype-ui);
	font-size: calc(0.72rem * var(--svbm-tekstschaal, 1));
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--svbm-goud);
}

.svbm-schatkamer-lijn {
	display: block;
	height: 1px;
	margin: 1.1rem auto 0;
	max-width: 70%;
	background: linear-gradient(90deg, transparent, var(--svbm-goud), transparent);
}

.svbm-schatkamer-item {
	margin-bottom: 1.75rem;
}

.svbm-schatkamer-item:last-of-type {
	margin-bottom: 0;
}

.svbm-schatkamer-item h4 {
	font-family: var(--svbm-lettertype-titel);
	color: var(--svbm-oxblood);
}

.svbm-schatkamer-inhoud > p:first-child::first-letter {
	font-family: var(--svbm-lettertype-titel);
	font-size: 2.6em;
	line-height: 0.9;
	float: left;
	padding: 0.08em 0.1em 0 0;
	color: var(--svbm-goud);
}

.svbm-schatkamer-artikel {
	margin: 0.9rem 0 0 !important;
	font-family: var(--svbm-lettertype-ui);
	font-size: calc(0.78rem * var(--svbm-tekstschaal, 1));
	text-align: right;
}

.svbm-schatkamer-artikel a {
	color: var(--svbm-goud);
	text-decoration: none;
	border-bottom: 1px dotted var(--svbm-goud);
}

@media (max-width: 600px) {
	.svbm-schatkamer {
		padding: 1.5rem 1.15rem 1.2rem;
	}
}