/*
 * The frame the plugin owns on every demo, regardless of which demo it is.
 *
 * WHY THIS FILE EXISTS
 * --------------------
 * The disclaimer is printed by jsk_demos_disclaimer() on every demo page. It is verbatim,
 * it is mandatory, and it cannot be edited off a page -- and until this file existed its
 * APPEARANCE lived in little-lantern.css, the first demo's stylesheet.
 *
 * So the second demo rendered it as unstyled body text sitting on top of its own header.
 * The control was present and correct and looked like a mistake, which for the one line
 * whose whole job is to be read by a human is the worst available outcome.
 *
 * Anything the plugin injects is styled here. A demo may override the colours to suit its
 * palette; it cannot forget to provide them.
 */

.jsk-demo-disclaimer {
	background: #111;
	color: #fff;
	text-align: center;
	padding: 0.5rem clamp(1rem, 4vw, 2rem);
	font-size: 0.75rem;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.jsk-demo-disclaimer p {
	margin: 0;
}