/*
 * Supreme BioLabs — editable Policy / About documents.
 * Styles the native blocks used by the "Policy (editable)" and
 * "About (editable)" templates + starter patterns. Loaded on the front end
 * and in the editor so the layout looks the same while building.
 */

/* Eyebrow (Legal / About) */
.sbl-doc__eyebrow {
	margin: 0 0 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1, #5b00c2);
}
.sbl-doc__eyebrow::before { content: "[ "; }
.sbl-doc__eyebrow::after { content: " ]"; }

/* Title / meta / lead */
.sbl-doc__title { letter-spacing: -0.02em; }
.sbl-doc__meta {
	margin: 0 0 22px;
	font-size: 13px;
	color: var(--wp--preset--color--accent-4, #6b6b73);
}
.sbl-doc__lead {
	font-size: clamp(17px, 2.4vw, 20px);
	font-weight: 600;
	color: var(--wp--preset--color--contrast, #090909);
}

/* Expand / collapse tools */
.sbl-doc__tools { margin: 4px 0 18px; }

/* Accordions (native core/details block) */
.wp-block-details {
	border: 1px solid var(--wp--custom--input--border, #d8d3de);
	border-radius: var(--wp--custom--radius--md, 12px);
	background: #fff;
	margin: 0 0 10px;
	padding: 18px 20px;
}
.wp-block-details > summary {
	list-style: none;
	cursor: pointer;
	position: relative;
	padding-right: 28px;
	font-weight: 700;
	color: var(--wp--preset--color--contrast, #090909);
	font-size: clamp(15px, 2.2vw, 17px);
}
.wp-block-details > summary::-webkit-details-marker { display: none; }
.wp-block-details > summary::marker { content: ""; }
.wp-block-details > summary::after {
	content: "";
	position: absolute;
	right: 2px;
	top: 0.35em;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--wp--preset--color--accent-4, #6b6b73);
	border-bottom: 2px solid var(--wp--preset--color--accent-4, #6b6b73);
	transform: rotate(45deg);
	transition: transform 0.2s ease;
}
.wp-block-details[open] > summary::after { transform: rotate(225deg); top: 0.55em; }
.wp-block-details[open] > summary { margin-bottom: 12px; }
.wp-block-details > *:not(summary) { margin-top: 12px; }

/* About value cards */
.sbl-doc__value {
	background: var(--wp--preset--color--accent-5, #f5f3f8);
	border: 1px solid var(--wp--custom--input--border, #d8d3de);
	border-radius: var(--wp--custom--radius--lg, 16px);
	padding: 20px;
	height: 100%;
}
.sbl-doc__value h3 {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1, #5b00c2);
}
.sbl-doc__value p {
	margin: 0;
	font-size: 14px;
	color: var(--wp--preset--color--accent-4, #6b6b73);
}