body {
	--fmargin: 1em;
	--maxv-offset: 500px;
}
body.iaview {
	margin: 0;
	padding: 0;
}
.iaview div.main {
	/*max-width: 1400px;*/
	position: relative;
	padding-right: var(--ia-idx-pr);
	/*padding-left: var(--lspace);*/
}
.nidx div.main {
	padding-right: 10px;
}
.iaview h1 {
	line-height: normal;
	height: auto;
	margin: 0;
}
#titleidx #ppos {
	color: white;
}
div.main .osd {
	padding: 0;
}
.iaview section.meta {
	background: var(--bg-l2);
}
section.meta .metainfo {
	background: transparent;
}
#jld {
	border: 1px #ddd inset;
	padding: 3px;
	box-sizing: border-box;
	opacity: 0.95;
	resize: none;
}
.annotorious-popup-text em.who {
	display: block;
}
#show #cytoscape {
	height: calc(100vh - var(--maxv-offset)); /*40em*/
	max-width: calc((100vh - var(--maxv-offset)) * 2.4);
}
.annobooks {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.annobooks li {
	list-style:none;
	width: 13em;
}
.annobooks figure {
	margin: var(--fmargin);
}
#ppos {
	top: -32px;
	left: auto;
	right: 16px;
}
/*
@media (min-width: 780px){
	.iaview div.main {
		padding-right: var(--ia-idx-pr);
	}
}
*/
@media (max-height: 900px){
	#cytoscape {
		max-width: 90%;
		height: 60vw;
	}
	body {
		--maxv-offset: 300px;
	}
}
@media (max-width: 780px){
	body {
		--fmargin: 0.5em;
	}
	#titleidx, #titleidx.sidx {
		position: relative;
	}
	.annobooks li {
		max-width: calc(50vw - var(--lspace) - var(--fmargin)*1.1);
	}
	.annobooks img {
		max-width: calc(50vw - var(--lspace) - var(--fmargin)*3);
	}
	#openseadragon {
		/*margin-left: calc(-1 * var(--lspace));*/
		width: 100vw;
		max-width: 100vw;
	}
	/*#ppos {
		right: 18px;
	}*/
}
