* {
	box-sizing: border-box;
}

/* APPEARANCE */

html {
	font-family: sans-serif;
	font-size: 18px;
}

/* PAGES */
#page-panel { 
	max-height: 400px; 
	overflow-y: scroll; 
}

div.page {
	position: relative;
	background-color: white;
	margin: 16px auto;
	box-shadow: 0px 2px 8px #0004;
}

div.page * {
	position: absolute;
}

div.page canvas {
	user-select: none;
}

svg.text {
	width: 100%;
	height: 100%;
}

svg.text text {
	white-space: pre;
	line-height: 1;
	fill: transparent;
}

svg.text ::selection {
	background: hsla(220, 100%, 50%, 0.2);
	color: transparent;
}

div.link a:hover {
	border: 1px dotted blue;
}

#pages.do-content-select div.link {
	pointer-events: none;
}

div.search > div {
	pointer-events: none;
	border: 1px solid hotpink;
	background-color: lightpink;
	mix-blend-mode: multiply;
}

#output {
	max-height: 400px;
	overflow-y: auto;
}

@media (max-width: 768px) {
  #output {
    max-height: 33vh;
	overflow-y: auto;

  }
}

#output thead {
	position: sticky; top: 0; z-index: 1;
}