@font-face {
  font-family: "Antykwa Torunska";
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("fonts/AntykwaTorunska-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Antykwa Torunska";
  font-weight: normal;
  font-style: italic;
  font-display: swap;
  src: url("fonts/AntykwaTorunska-Italic.ttf") format("truetype");
}
@font-face {
  font-family: "Antykwa Torunska";
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  src: url("fonts/AntykwaTorunska-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Antykwa Torunska";
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  src: url("fonts/AntykwaTorunska-BoldItalic.ttf") format("truetype");
}

/* -- layout ------------------------------------------------------------- */
* { box-sizing: border-box; }

body {
	font-family: "Antykwa Torunska", "Palatino Linotype", "Palatino", Georgia, serif;
	font-size: 15pt;
	font-weight: normal;
	line-height: 1.5;
	max-width: 32em;
	padding: 1em 1.5em 4em;
	margin: 0 auto;
	text-align: justify;
	-webkit-text-size-adjust: 100%;
}

/* -- links -------------------------------------------------------------- */
a { text-decoration: none; }
a:link    { color: #007F00; }
a:visited { color: #6F6F00; }
a:hover   { color: #00BF00; }
a:active  { color: #00FF00; }

/* -- headings ----------------------------------------------------------- */
h1, h2, h3, h4 {
	font-family: "Antykwa Torunska", "Palatino Linotype", "Palatino", Georgia, serif;
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
}
h1 { font-size: 24pt; }
h2 { font-size: 20pt; }
h3 { font-size: 17pt; margin: 1.2em 0 0.3em; }
h4 { font-size: 15pt; font-weight: normal; }

/* -- inline classes ----------------------------------------------------- */
.num     { font-size: 10pt; color: red; }
.gr      { color: gray; }
.bl      { font-size: 12pt; }
.incipit { text-align: center; font-style: italic; }
.note    { text-align: center; font-size: 12pt; color: gray; }

/* -- top navigation: book + chapter links ------------------------------- */
.toc {
	text-align: center;
	font-size: 13pt;
	line-height: 1.9;
	margin: 0.3em 0;
}
.toc .bk { font-weight: bold; }
.toc a   { display: inline-block; padding: 0 0.15em; }

/* -- per-chapter manuscript provenance (reading text) ------------------- */
.wit {
	text-align: center;
	color: gray;
	font-size: 11pt;
	letter-spacing: 0.12em;
	margin: 0.1em 0 0.5em;
}

/* inline source marker inside a multi-witness chapter */
.src { color: gray; font-size: 10pt; }

/* index notation key + corpus abbreviation list */
.key, .abbr { text-align: center; font-size: 13pt; margin: 0.25em 0; }

/* -- phones ------------------------------------------------------------- */
@media (max-width: 480px) {
	body { font-size: 14pt; padding: 0.5em 0.9em 3em; text-align: left; }
	h1 { font-size: 20pt; }
	h2 { font-size: 17pt; }
	h3 { font-size: 15pt; }
	.toc a { padding: 0.1em 0.3em; }   /* larger tap targets */
}