path: root/css/page.css

div.page {
	background-color:var(--backgroundColour);
	border-radius:   1rem;
	color:           var(--foregroundColour);
	padding:         1rem 2rem;
	text-align:      left;
	width:           100%;
}

div.page span.footnote {
	font-size:     calc(2rem / 3);
	vertical-align:sub;
}

div.page span.footnote::before {
	content:"\0020";
}

div.page p.pageHeading,div.page div.section p.sectionHeading {
	font-family:var(--sansSerifFont);
	font-weight:bold;
}

div.page p.pageHeading {
	font-size:     3rem;
	letter-spacing:calc(1rem / 12);
	margin-bottom: 1rem;
	text-align:    right;
}

div.page p.vocable + p.vocable {
	margin-top:calc(1rem / 2);
}

div.page p.vocable span.vocable {
	font-style:italic;
}

div.page p.vocable span.vocable + span.vocable::before {
	content:   "\0020\2014\0020";
	font-style:normal;
}

div.page p.note {
	font-style:italic;
}

div.page p.note::before {
	content:"\002E\002E\002E\0020";
}

div.page p.note span.emphasis {
	font-weight:bold;
}

div.page p.footnote {
	font-size: calc(2rem / 3);
	font-style:italic;
	margin-top:calc(1rem / 2);
}

div.page p + p.footnote {
	margin-top:1rem;
}

div.page table tr.small {
	font-size:calc(2rem / 3);
}

div.page div.section + div.section {
	margin-top:1rem;
}

div.page div.section p.sectionHeading {
	border-top-color:var(--foregroundColour);
	border-top-style:solid;
	border-top-width:calc(1rem / 3);
	font-size:       2rem;
	padding-top:     1rem;
	width:           fit-content;
}

div.page div.section p.subHeading {
	font-size:  calc(2rem / 3);
	font-weight:bold;
	margin-top: 0;
}

div.page div.section p.subHeading::before {
	content:    "\0020\2014\0020";
	font-weight:normal;
}