/* --- BASE & GLOBAL --- */
body {
  background-color: #f4e3b5;
  background-image: url('/file/media/background-image/papyrus_bg_4.png');
  background-repeat: repeat;
  color: #3b2b18;
}

body, p, li, td, a, blockquote, h1, h2, h3, h4, th, code {
  font-family: 'Papyrus', fantasy;
}

p, li, td, a, blockquote, h1, h2, h3, h4 {
  line-height: 1.3;
}

p, blockquote, ul, ol, pre {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}

/* --- TYPOGRAPHY --- */
p, li, td, a { font-size: 23px; }

h1 { font-size: 37px; margin: 0.2em 0 0.5em; }
h2 { font-size: 30px; margin: 0.7em 0 0.5em; color: #5c2018; }
h3 { font-size: 27px; margin: 0.7em 0 0.5em; color: #2f4021; }
h4 { font-size: 25px; margin: 0.7em 0 0.5em; color: #61461c; }

strong { color: #8a1c00; }
b, i, .separator { color: inherit; }

/* --- PRE & CODE --- */
pre {
  font-family: monospace;
  font-size: 19px;
  color: #1e4528;
}

code {
  font-size: 21px;
  color: #1e4528;
}

/* --- LINKS --- */
a {
  color: #143566;
  text-decoration: underline dotted;
}

a:hover {
  color: #8a1c00;
  text-decoration-style: solid;
}

h1 a.title {
  color: inherit !important;
  text-decoration: none;
}

a.sectionlink      { font-size: 21px; color: #5c2018; }
a.subsectionlink   { font-size: 19px; color: #2f4021; }
a.subsubsectionlink { font-size: 17px; color: #61461c; }

/* --- LISTS & BLOCKQUOTES --- */
li {
  list-style-type: '† ';
  padding-left: 10px;
}

li li {
  list-style-type: '‡ ';
}

blockquote {
  font-size: 25px;
  border-left: 3px ridge #8a5a2b;
  padding-left: 1.2em;
  color: #4a3824;
}

/* --- IMAGES --- */
img {
  filter: grayscale(100%) sepia(50%) contrast(1.2) brightness(0.9);
  mix-blend-mode: multiply;
  opacity: 0.8;
  border: 1px solid #8a5a2b;
}

img:hover {
  filter: none;
  mix-blend-mode: normal;
  opacity: 1;
}

/* --- TABLES --- */
table {
  border-collapse: collapse;
  margin: 1.5em 0;
  border: 3px ridge #8a5a2b;
  background-color: rgba(138, 90, 43, 0.05);
}

th, td {
  border: 1px solid #a37c4d;
  padding: 10px 15px;
}

th {
  font-size: 24px;
  color: #5c2018;
  background-color: rgba(138, 90, 43, 0.15);
  border-bottom: 2px solid #8a5a2b;
  text-align: left;
}

tr:nth-child(even) {
  background-color: rgba(90, 62, 34, 0.034);
}

hr {
  border-top: 1px solid #c5894e;
  border-bottom: 1px solid #8a5a2b;
}

.nav {
  overflow-y: hidden;
}

/* --- HEADER FLOURISHES --- */
h1::before, h1::after, h2::before, h2::after, 
h3::before, h3::after, h4::before, h4::after {
  color: #a37c4d;
  font-family: serif;
  font-size: 0.75em;
  opacity: 0.7;
  vertical-align: middle;
}

h1::before { content: "✝  "; color: #5c2018da; }
h1::after  { content: "  ✝"; color: #5c2018da; }

h2::before { content: "✠  "; }
h2::after  { content: "  ✠"; }

h3::before { content: "✛  "; }
h3::after  { content: "  ✛"; }

h4::before { content: "♰  "; }
h4::after  { content: "  ♰"; }