/* @tunnel-grandfather: legacy/admin/game CSS — selectors are stable and page-scoped; registry conflicts are cross-page false positives; ID selectors intentional and working; refactor risk exceeds value. W3 2026-10-08. */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */

/**
 * The Awtsmoos is beyond ink and parchment, yet Awtsmoos.com gives written thought
 * a generous page whose headings, tables, code, mentions, and notes remain readable.
 */
.document-canvas {
	width: min(100%, var(--docs-page-width));
	min-height: 1056px;
	margin: 0 auto;
	padding: 76px 84px 110px;
	background: var(--docs-surface);
	border: 1px solid var(--docs-border);
	border-radius: 4px;
	box-shadow: var(--docs-shadow);
	font-family: var(--docs-font-copy);
	font-size: 17px;
	line-height: 1.72;
	caret-color: var(--docs-accent);
	outline: none;
}

.document-canvas > * {
	position: relative;
	margin: 0 0 0.72em;
}

.document-canvas h1 {
	margin-top: 0.45em;
	font: 750 2.25rem/1.16 var(--docs-font-ui);
	letter-spacing: -0.03em;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

.document-canvas h2 {
	margin-top: 1.15em;
	font: 720 1.55rem/1.25 var(--docs-font-ui);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

.document-canvas h3 {
	margin-top: 1em;
	font: 700 1.2rem/1.3 var(--docs-font-ui);

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

.document-canvas blockquote {
	margin-left: 0;
	padding: 4px 0 4px 18px;
	border-left: 3px solid var(--docs-accent);
	color: #4b5670;
}

.document-canvas pre {
	overflow-x: auto;
	padding: 14px 16px;
	border-radius: 10px;
	background: #111827;
	color: #f8fafc;
	font: 14px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.document-canvas ul,
.document-canvas ol {
	padding-left: 1.55em;
}

.document-canvas a {
	color: var(--docs-accent);
	text-decoration-thickness: 1.5px;
}

.document-canvas table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--docs-font-ui);
	font-size: 14px;
}

.document-canvas td,
.document-canvas th {
	min-width: 88px;
	padding: 8px 10px;
	border: 1px solid var(--docs-border-strong);
	vertical-align: top;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

.document-canvas hr {
	margin: 28px 0;
	border: 0;
	border-top: 1px solid var(--docs-border-strong);
}

.document-canvas mark[data-comment-id] {
	border-bottom: 2px solid #e1a400;
	background: #fff2b5;
	border-radius: 2px;
}

.document-canvas .mention,
.document-canvas [data-mention] {
	padding: 2px 5px;
	border-radius: 5px;
	background: var(--docs-accent-soft);
	color: var(--docs-accent-strong);
	font-family: var(--docs-font-ui);
	font-size: 0.92em;
	font-weight: 650;
}

.document-canvas.is-readonly {
	caret-color: transparent;
}

.document-canvas:empty::before {
	content: "Begin with an idea…";
	color: #a5adbd;
}