/* DS Content Block — base styles (skin-agnostic) */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=UnifrakturCook:wght@700&family=Oswald:wght@400;500;600&family=Dancing+Script:wght@500;700&family=Playfair+Display:wght@600;700&display=swap');

.dscb-block {
	--dscb-bg: #ffffff;
	--dscb-text: #222222;
	--dscb-heading: #111111;
	--dscb-accent: #6b6b6b;
	--dscb-border: #e0e0e0;
	--dscb-font-heading: inherit;
	--dscb-font-body: inherit;

	background: var(--dscb-bg);
	color: var(--dscb-text);
	padding: 2em;
	border-radius: 6px;
}

.dscb-heading {
	font-family: var(--dscb-font-heading);
	color: var(--dscb-heading);
	margin: 0 0 0.6em;
	line-height: 1.2;
}

.dscb-content {
	font-family: var(--dscb-font-body);
	line-height: 1.7;
}

.dscb-content p:last-child {
	margin-bottom: 0;
}

.dscb-divider {
	display: block;
	width: 48px;
	height: 2px;
	margin: 0.6em 0 1em;
	background: var(--dscb-accent);
	opacity: 0.7;
}

.dscb-quote {
	display: block;
	font-size: 2.6em;
	line-height: 0.5;
	opacity: 0.35;
	font-family: Georgia, serif;
	color: var(--dscb-accent);
}
.dscb-quote-open { margin-bottom: 0.2em; }
.dscb-quote-close { margin-top: 0.4em; text-align: right; }

.dscb-freshness {
	margin-top: 1.5em;
	font-size: 0.85em;
	color: var(--dscb-accent);
	border-top: 1px solid var(--dscb-border);
	padding-top: 0.75em;
}

/* Author block */
.dscb-author {
	display: flex;
	align-items: flex-start;
	gap: 1em;
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid var(--dscb-border);
}

.dscb-author-photo {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.dscb-author-name {
	display: block;
	font-weight: 700;
	color: var(--dscb-heading);
}

.dscb-author-role {
	display: block;
	font-size: 0.85em;
	color: var(--dscb-accent);
	margin-bottom: 0.4em;
}

.dscb-author-bio {
	margin: 0;
	font-size: 0.95em;
	line-height: 1.6;
}

/* FAQ block — native details/summary, no JS required */
.dscb-faq {
	margin-top: 1.5em;
}

.dscb-faq-item {
	border-bottom: 1px solid var(--dscb-border);
	padding: 0.9em 0;
}

.dscb-faq-question {
	cursor: pointer;
	font-weight: 600;
	color: var(--dscb-heading);
	list-style: none;
}

.dscb-faq-question::-webkit-details-marker {
	display: none;
}

.dscb-faq-question::after {
	content: '+';
	float: right;
	font-weight: 400;
	color: var(--dscb-accent);
}

.dscb-faq-item[open] .dscb-faq-question::after {
	content: '\2212';
}

.dscb-faq-answer {
	margin-top: 0.6em;
	font-size: 0.95em;
	line-height: 1.6;
}

/* ===========================================================
 * DSM — Darker Side of Music (gothic / darkwave / industrial)
 * =========================================================== */

/* --- DSM: Gothic Cathedral --- */
.dscb-skin-dsm-gothic {
	--dscb-bg: #14121a;
	--dscb-text: #d8d3e0;
	--dscb-heading: #ffffff;
	--dscb-accent: #a45cff;
	--dscb-border: #322d3e;
	--dscb-font-heading: 'UnifrakturCook', 'Cinzel', Georgia, serif;
	--dscb-font-body: 'Cinzel', Georgia, serif;
}
.dscb-skin-dsm-gothic .dscb-heading {
	font-size: 1.7em;
	letter-spacing: 0.04em;
	text-shadow: 0 0 12px rgba(164, 92, 255, 0.55);
}
.dscb-skin-dsm-gothic {
	box-shadow: inset 0 0 40px rgba(164, 92, 255, 0.08);
	border: 1px solid var(--dscb-border);
}

/* --- DSM: Industrial Concrete --- */
.dscb-skin-dsm-industrial {
	--dscb-bg: #1c1c1c;
	--dscb-text: #cfcfcf;
	--dscb-heading: #f0d089;
	--dscb-accent: #e8a33d;
	--dscb-border: #3a3a3a;
	--dscb-font-heading: 'Oswald', 'Arial Narrow', sans-serif;
	--dscb-font-body: 'Oswald', Arial, sans-serif;
}
.dscb-skin-dsm-industrial .dscb-heading {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 600;
	border-left: 4px solid var(--dscb-accent);
	padding-left: 0.6em;
}
.dscb-skin-dsm-industrial {
	border-radius: 2px;
	border: 1px solid var(--dscb-border);
}

/* ===========================================================
 * SW — Spiritual Way (warm, calm, inclusive)
 * =========================================================== */

/* --- SW: Warm Parchment --- */
.dscb-skin-sw-parchment {
	--dscb-bg: #fbf7f0;
	--dscb-text: #4a433c;
	--dscb-heading: #6b4f3a;
	--dscb-accent: #c99a5b;
	--dscb-border: #ecdfc9;
	--dscb-font-heading: 'Cinzel', Georgia, serif;
	--dscb-font-body: Georgia, 'Times New Roman', serif;
}
.dscb-skin-sw-parchment {
	border: 3px double var(--dscb-border);
	border-radius: 10px;
}
.dscb-skin-sw-parchment .dscb-heading {
	font-weight: 700;
}

/* --- SW: Serene Sky --- */
.dscb-skin-sw-serene {
	--dscb-bg: #f3f7fb;
	--dscb-text: #3f4d57;
	--dscb-heading: #4f7a94;
	--dscb-accent: #8fb8cf;
	--dscb-border: #d7e6ee;
	--dscb-font-heading: 'Dancing Script', cursive;
	--dscb-font-body: 'Nunito Sans', Arial, sans-serif;
}
.dscb-skin-sw-serene .dscb-heading {
	font-size: 2em;
	font-weight: 700;
}
.dscb-skin-sw-serene {
	border-radius: 16px;
}

/* ===========================================================
 * LLL — Life Love Lyrics (light, heartfelt, portfolio)
 * =========================================================== */

/* --- LLL: Blush Petal --- */
.dscb-skin-lll-blush {
	--dscb-bg: #fff5f7;
	--dscb-text: #3a2b30;
	--dscb-heading: #8a2846;
	--dscb-accent: #d6577f;
	--dscb-border: #f3d6de;
	--dscb-font-heading: 'Playfair Display', Georgia, serif;
	--dscb-font-body: 'Poppins', Arial, sans-serif;
}
.dscb-skin-lll-blush {
	border-radius: 14px;
	box-shadow: 0 4px 18px rgba(214, 87, 127, 0.12);
}

/* --- LLL: Lyric Pastel --- */
.dscb-skin-lll-lyric {
	--dscb-bg: #f7f5fb;
	--dscb-text: #40384a;
	--dscb-heading: #6b5490;
	--dscb-accent: #b79bd9;
	--dscb-border: #e6dcf3;
	--dscb-font-heading: 'Dancing Script', cursive;
	--dscb-font-body: 'Poppins', Arial, sans-serif;
}
.dscb-skin-lll-lyric .dscb-heading {
	font-size: 2.1em;
}
.dscb-skin-lll-lyric {
	border-radius: 14px;
}

/* ===========================================================
 * Generic — neutral fallback
 * =========================================================== */

/* --- Generic: Clean Neutral --- */
.dscb-skin-generic-clean {
	--dscb-bg: #ffffff;
	--dscb-text: #2a2a2a;
	--dscb-heading: #111111;
	--dscb-accent: #555555;
	--dscb-border: #e2e2e2;
	--dscb-font-heading: Georgia, serif;
	--dscb-font-body: Arial, sans-serif;
}
.dscb-skin-generic-clean {
	border: 1px solid var(--dscb-border);
}

/* --- Generic: Modern Contrast --- */
.dscb-skin-generic-contrast {
	--dscb-bg: #1a1a1a;
	--dscb-text: #e6e6e6;
	--dscb-heading: #ffffff;
	--dscb-accent: #8ab4f8;
	--dscb-border: #3a3a3a;
	--dscb-font-heading: Arial, sans-serif;
	--dscb-font-body: Arial, sans-serif;
}
.dscb-skin-generic-contrast .dscb-heading {
	font-weight: 700;
}