@layer base {
/* rb-site (R-98 3b): the plugin bold-consent 0.1.0 notice.css, ported; its em dashes are colons (rule 9).
 *
 * 🔴 R-168 (Richard, 21 Oct): THE LOOK IS site.css § CK NOW, in the layer 'pages'. This file keeps only what makes the
 * notice a notice: hidden until notice.js shows it, fixed in the corner above the page, and the DRAFT marker. Why the
 * look moved: this file is the layer 'base', and the pages layer's `button { font: inherit; color: inherit; }` beat
 * every button rule here, so the Yes drew dark words on plum (1.67:1, measured on the bench 21 Oct).
 *
 * 🔴 THE TWO ANSWERS ARE EQUALLY EASY, A COMPLIANCE PROPERTY: the same element, class, size and row, one tap each,
 * Essentials only first in the DOM. Since R-168 they differ in FILL only (Yes filled, Essentials only the outline,
 * Richard: "2 essential outlined"), both readable at AA. Shrinking the reject, making it a text link or a second step
 * is a legal defect, not a design one (src/site/consent-view.js; check:consent ④, test:consent ⑪).
 *
 * No `!important` here, and none may appear: we own this markup.
 */

.bc-root[hidden],
.bc-notice__error[hidden] {
	display: none;
}

.bc-root {
	position: fixed;
	z-index: 99990;
}

.bc-notice__body p {
	margin: 0;
}

/* rb-site 3b: the DRAFT marker, while Richard has not approved the words. Loud on purpose. */
.bc-notice__draft {
	display: inline-block;
	margin: 0 0 8px;
	padding: 2px 8px;
	border: 1px dashed var(--accent-terracotta, #A53F2B);
	color: var(--accent-terracotta, #A53F2B);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.12em;
}
}