/**
 * Book access control — the "please login or purchase" gate that shows in
 * place of the Read Book button, plus the layout for the standalone reader
 * page served at /read-book/?token=…. All colors come from --qcm-* tokens.
 */

.qcm-gate {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.6em;
	margin-top: 1em;
	padding: 1.1em 1.3em;
	border-radius: var(--qcm-radius);
	background: var(--qcm-cream);
	border: 1px solid var(--qcm-border);
}
.qcm-gate-icon {
	font-size: 1.4rem;
}
.qcm-gate-message {
	margin: 0;
	color: var(--qcm-ink);
	font-weight: 500;
}
.qcm-gate-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em;
}

/* --------------------------------------------------------------------
 * Standalone reader page — /read-book/?token=…
 * ------------------------------------------------------------------ */

.qcm-standalone-reader {
	max-width: 1080px;
	margin: 30px auto;
	padding: 0 16px;
	box-sizing: border-box;
}
.qcm-standalone-back {
	margin-bottom: 16px;
}