/* This file contains CSS tweaks for this blueprint.
 * As an example, we included CSS rules that put
 * a vertical line on the left of theorem statements
 * and proofs.
 * */

div.theorem_thmcontent {
	border-left: .15rem solid black;
}

div.proposition_thmcontent {
	border-left: .15rem solid black;
}

div.lemma_thmcontent {
	border-left: .1rem solid black;
}

div.corollary_thmcontent {
	border-left: .1rem solid black;
}

div.proof_content {
	border-left: .08rem solid grey;
}

/* tenkz pictures (Packages/tenkz_pic.py): one <img> per verbatim unit,
 * centered on its own line; the SVG scales down to the column. */
.tenkz-pic {
	display: block;
	margin: .6rem auto;
	max-width: 100%;
	height: auto;
}

/* A text-mode tensor-network equation keeps each SVG outside MathJax while
 * laying the pictures and their operator text out as one equation row. */
.tenkz-equation {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	contain: inline-size;
	overflow-x: auto;
	margin: .6rem auto;
}

.tenkz-equation-row {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	width: max-content;
	min-width: 100%;
	white-space: nowrap;
}

.tenkz-equation-row > .tenkz-pic {
	display: inline-block;
	flex: none;
	margin: 0 .2rem;
	max-width: 100%;
	height: auto;
}

/* Dialect modifiers emitted beside .tenkz-pic — one class per tenkz
 * sub-language. No per-dialect styling yet; the hooks are reserved for
 * the Phase-1 migration (e.g. inline sizing for the \tnpic atom). */
.tenkz-pic-grid,
.tenkz-pic-cd,
.tenkz-pic-lattice,
.tenkz-pic-planes,
.tenkz-pic-free {
	/* no-op for now */
}

.tenkz-svg-missing {
	display: inline-block;
	margin: .35rem .2rem;
	padding: .4rem .55rem;
	border: 1px solid #d0d7de;
	border-radius: 4px;
	background: #f6f8fa;
	color: #57606a;
	font-size: .9rem;
	vertical-align: middle;
}
