/* Cookie consent banner. ADDED 2026-09-26. Uses the brand tokens where they
 * exist and plain fallbacks where they do not, so it reads the same on a page
 * the single-voice layer has not reached. Accept and Reject are deliberately
 * the same button: same size, same weight, same colour. */
.lp-cookie[hidden] { display: none !important; }
.lp-cookie {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 99999;
	background: var(--lp-surface, #fff);
	color: var(--lp-ink, #1a1a1a);
	border-top: 2px solid var(--lp-brand, #e6007e);
	box-shadow: 0 -6px 24px rgba(0, 0, 0, .12);
	font-family: var(--lp-sans, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
	font-size: 15px;
	line-height: 1.45;
}
.lp-cookie__inner {
	max-width: 960px;
	margin: 0 auto;
	padding: 16px 20px 14px;
}
.lp-cookie__heading {
	margin: 0 0 6px;
	font-weight: 700;
	font-size: 17px;
}
.lp-cookie__body { margin: 0 0 12px; }
.lp-cookie__more {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}
.lp-cookie__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
.lp-cookie__btn {
	flex: 1 1 160px;
	min-height: 44px;              /* a thumb target, not a mouse target */
	padding: 10px 18px;
	font: inherit;
	font-weight: 700;
	color: var(--lp-ink, #1a1a1a);
	background: var(--lp-surface, #fff);
	border: 2px solid var(--lp-ink, #1a1a1a);
	border-radius: 8px;
	cursor: pointer;
}
.lp-cookie__btn:hover {
	background: var(--lp-ink, #1a1a1a);
	color: var(--lp-surface, #fff);
}
/* Focus is an outline ONLY. On 2026-09-26 focus also changed the fill, and
 * because the script focused the first button, Accept opened looking like the
 * "real" button and Reject like the afterthought. Equal means visually equal. */
.lp-cookie__btn:focus-visible,
.lp-cookie:focus-visible {
	outline: 3px solid var(--lp-brand, #e6007e);
	outline-offset: 2px;
}
.lp-cookie:focus { outline: none; }
.lp-cookie:focus-visible { outline-offset: -3px; }
.lp-cookie__change {
	margin: 10px 0 0;
	font-size: 13px;
	opacity: .8;
}
@media (min-width: 720px) {
	.lp-cookie__actions { max-width: 420px; }
}
