/* A plain strip at the bottom of the screen. Sites restyle it through the --tcc-* properties. */
.tcc-consent {
	--tcc-bg: #1c1a17;
	--tcc-fg: #efeae0;
	--tcc-muted: #b9b2a5;
	--tcc-line: #3a3731;
	--tcc-btn-bg: #efeae0;
	--tcc-btn-fg: #1c1a17;
	--tcc-font: system-ui, -apple-system, "Segoe UI", sans-serif;
	--tcc-radius: 4px;
	--tcc-width: 60rem;

	position: fixed; z-index: 99999; left: 1rem; right: 1rem; bottom: 1rem;
	max-width: var(--tcc-width); margin: 0 auto; box-sizing: border-box;
	display: flex; align-items: center; gap: 1rem 1.5rem; flex-wrap: wrap;
	padding: 1rem 1.25rem; border: 1px solid var(--tcc-line); border-radius: var(--tcc-radius);
	background: var(--tcc-bg); color: var(--tcc-fg); font: 400 0.92rem/1.5 var(--tcc-font);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
}
.tcc-consent[hidden] { display: none; }
.tcc-consent__text { flex: 1 1 22rem; margin: 0; }
.tcc-consent__text a { color: inherit; text-decoration: underline; text-underline-offset: 2px; white-space: nowrap; }
.tcc-consent__buttons { display: flex; gap: 0.6rem; flex: 0 0 auto; }
/* Equal weight on purpose: refusing is as easy as accepting. */
.tcc-consent__btn {
	min-width: 7.5rem; padding: 0.7rem 1.1rem; margin: 0;
	border: 1px solid var(--tcc-btn-bg); border-radius: var(--tcc-radius);
	background: var(--tcc-btn-bg); color: var(--tcc-btn-fg);
	font: 600 0.92rem/1.2 var(--tcc-font); cursor: pointer;
}
.tcc-consent__btn:hover { filter: brightness(0.92); }
.tcc-consent__btn:focus-visible, .tcc-consent__text a:focus-visible { outline: 2px solid var(--tcc-fg); outline-offset: 2px; }

@media (max-width: 34rem) {
	.tcc-consent { left: 0.5rem; right: 0.5rem; bottom: 0.5rem; }
	.tcc-consent__buttons { width: 100%; }
	.tcc-consent__btn { flex: 1; min-width: 0; }
}