@charset "utf-8";
/* ***********************************************************************
 *
 *  File:   global_desktop.css
 *
 *  Brief:
 *
 *  Author: Jomar Hønsi, 2009-2026
 *
 * ************************************************************************/

/* General */
:root {
  /* Colours */
  --std-text: #1a1a2e;
  --bg-container: #f5f3ee;
  --bg-content: #faf9f5;
  --bg-shadow: rgba(40, 38, 30, 0.25);
  --bg-tooltip: #fdfdf8;
  --bg-theme: rgba(204, 195, 112, 0.15);
  --bg-dict-item-header: #e0e0d1;
  --bg-body: #4b5320;
  --bg-body-light: #c1ca9b;

  --fg-link: #1a5fa8;
  --fg-tooltip: #222;
  --main-font: 'Inter', system-ui, Verdana, sans-serif;

  /* Page header */
  --bg-header: rgba(132, 134, 10, 0.15);

  /* Navbar */
  --bg-nav: #e1e0c2;
  --fg-nav: #2b2505;

  /* This is the width of the content area */
  --content-width: 860px;

  /* Item colours */
  --person-color: #3d5a00;
  --date-color: #5a3e1b;
  --animal-color: rgb(141, 62, 37);
  --fictional-color: #8b3030;
}

body {
  font-size: 16px;
  line-height: 1.6;
  font-family: var(--main-font);
  padding: 0;
  margin: 0;
  background: linear-gradient(to right, var(--bg-body), var(--bg-body-light), var(--bg-body));
}

/* 
 * General
 */
p {
  margin: 0;
  padding: 5px;
  text-align: justify;
  line-height: 130%;
}

img {
  border-radius: 5px;
  margin: 2px;
  border: 0;
}

table {
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 10px;
}

td {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  text-align: center
}

h1 {
  text-align: center;
  border: 0;
  font-size: 28px;
  padding-top: 12px;
  color: #1a1a3e;
  margin: 0;
  font-family: 'Crimson Pro', Georgia, 'Palatino Linotype', serif;
  letter-spacing: 2px;
}

h2 {
  font-size: 14px;
  margin: 10px 10px 10px 5px;
  color: #344;
}

h3 {
  font-size: 14px;
  padding: 5px;
  margin: 20px 0 10px;
  text-indent: 2px;
  text-align: left;
}

h4 {
  padding: 3px;
  margin-top: 10px;
  text-align: left;
  font-size: 16px;
}

h5 {
  padding: 3px;
  font-size: 10px;
  margin-top: 5px;
  margin-bottom: 0;
  text-align: center;
}

a {
  text-decoration: none;
  color: var(--fg-link);
}

a:hover {
  text-decoration: underline;
  text-decoration-color: rgba(26, 95, 168, 0.5);
}

hr {
  margin-left: 5px;
  clear: both
}

pre {
  text-align: left;
  font-size: 11px;
  padding: 0;
  margin: 5px;
}

/*
 * Content
 */

div#container {
  width: var(--content-width);
  margin: 0 auto;
  padding: 20px 24px;
  background-color: var(--bg-container);
  border-radius: 8px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.45);

  & h2.sub-header {
    font-size: 18px;
    text-align: center;
    color: #1a1a3e;
    letter-spacing: 2px;
    margin: 20px 0 10px 0;
  }
}

/* Content of entry (item) */
div.page-content {
  margin: 20px 0 10px 0;
  padding: 0;
  border-radius: 5px;
  overflow: hidden;
  font-size: 1.1em;

  & h3 {
    color: black;
    letter-spacing: 1.5pt;
    text-align: left;
    margin: 10px 5px 5px 3px;
    padding: 0;
    text-transform: uppercase;
  }

  /* Header 1 */
  & h4 {
    color: black;
    font-size: 0.8em;
    text-align: left;
    margin: 20px 0 5px 5px;
    letter-spacing: 1.5pt;
    padding: 0;
    text-transform: uppercase;
  }

  /* Header 2 */
  & h5 {
    padding: 5px;
    margin: 20px 0 5px 5px;
    color: rgb(7, 13, 95);
    text-align: left;
    font-size: 0.7em;
    font-weight: normal;
    letter-spacing: 1.5pt;
    text-transform: uppercase;
  }
}

table#site-header {
  border-radius: 6px;
  background-color: var(--bg-header);
  box-shadow: none;
  text-shadow: none;
  text-align: left;
  border: none;
  border-bottom: 2px solid #c8c0a8;
  padding: 10px;
  margin: 0 0 20px 0;
  letter-spacing: 1px;
  font-family: 'Crimson Pro', Georgia, 'Palatino Linotype', serif;

  & h1 {
    font-family: 'Crimson Pro', Georgia, 'Palatino Linotype', serif;
    color: #1a1a3e;
    letter-spacing: 3px;
  }
}

/* Main navigation bar */
div#nav-container {
  margin: 0 0 20px 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 4px;
}

a.nav-item, div.nav-dropdown {
  background-color: var(--bg-nav);
  color: var(--fg-nav);
  text-decoration: none;
  font-size: 0.75em;
  text-align: center;
  padding: 7px 7px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  transition: background-color 0.15s, color 0.15s;
}

a.nav-item.selected,
div.nav-dropdown.sub-selected {
  background-color: transparent;
  color: #1a2a5e;
  font-weight: 600;
  border-top: 2px solid #4a6fa5;
}

a.nav-item:hover {
  background-color: #e0e8f5;
  color: #1a2a5e;
  text-shadow: none;
}

/* Support for sub-items  */
div.nav-open {
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
}

div.nav-closed {
  display: none;
  margin-left: 10px;
  margin-bottom: 10px;
}

a.nav_sub {
  color: #336;
  font-size: 12px;
}

a.nav_sub:hover {
  background-color: #fff;
  text-decoration: none;
}

/* Dictionary dropdown group */
div.nav-dropdown {
  position: relative;
  display: inline-block;
}

span.nav-dropdown_trigger {
  display: inline-block;
  cursor: default;
  user-select: none;
}

div.nav-dropdown_menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--bg-nav);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  z-index: 100;
  min-width: 150px;
  padding: 4px 0;
}

div.nav-dropdown:hover div.nav-dropdown_menu {
  display: block;
}

a.nav-dropdown_item {
  display: block;
  border-top: 2px solid #ccc;
  padding: 4px 10px;
  color: var(--fg-nav);
  text-decoration: none;
  font-size: 1.1em;
  white-space: nowrap;
  transition: background-color 0.12s;
  font-weight: normal;
}

a.nav-dropdown_item:first-of-type {
  border-top: none;
}

a.nav-dropdown_item:hover {
  background-color: #e0e8f5;
  color: #1a2a5e;
}

a.nav-dropdown_item.selected {
  background-color: #e8ecf5;
  color: #1a2a5e;
}

/* Header */
a.nav_links {
  font-size: 0.7em;
  color: rgb(24, 23, 36);
  padding: 5px;
  margin: 0;
  text-decoration: none;
  display: inline-block;
}

a.contact {
  padding: 5px 0 5px 15px;
}

td.flag {
  vertical-align: middle;
  text-align: center
}

img.flag {
  padding: 0;
  margin: 3px;
  float: none
}

/* Languages */
[lang|=la] {
  font-style: italic;
  color: #036;
}

[lang|=de] {
  font-style: italic;
  color: #236;
}

table.footer {
  border-radius: 0;
  margin: 10px 0 0 0;
  font-size: 13px;
  padding: 5px;
  background-color: rgba(44, 62, 107, 0.07);
  border-top: 1px solid #c8c0a8;
}

/*
 * Fact boxes
 */

.note, .topic, .info, .info-left, .intro {
  margin: 0;
  border: 1px solid rgb(80, 70, 70);
  padding: 5px;
}

.intro {
  border: 1px solid rgb(80, 70, 70);
  border-radius: 0;
  font-family: "Times New Roman";
  background-color: rgb(240, 240, 222);
  margin: 5px;
  padding: 10px;
  box-shadow: 0 0 2px #666;
}

.note {
  border: 1px solid black;
  font-size: 12px
}

.note-1 {
  font-family: "Times New Roman";
  background-color: #cca;
  box-shadow: 0 0 2px #666;
  margin: 10px;
}

.info {
  border: 1px solid rgb(184, 184, 206);
  font-family: "Times New Roman";
  padding: 8px;
  margin: 5px;
  border-radius: 5px;
  box-shadow: 0 0 2px #666;
  background-color: var(--bg-theme);

  /* For source, signature, date */
  & i {
    display: block;
    margin: 10px 0;
    font-size: 0.9em;
    color: #336;
    text-align: center;
  }
}

.summary {
  border: 1px solid rgb(217, 217, 243);
  font-family: "Times New Roman";
  padding: 8px;
  margin: 5px;
  background-color: var(--bg-theme);
}

/*
 * Songs, poems, quotes
 */
.verbatim {
  text-align: left;
  margin-left: 10px;
  font-family: monospace;
  white-space: pre;
  width: 50%;
  font-size: 0.9em;
}

.font-08 {
  font-size: 0.8em;
}

div.note, div.topic, div.info {
  padding: 5px 0
}

div.topic {
  background-color: #bca
}

/*
 * Pictures
 */

figure.photo {
  border-radius: 5px;
  padding: 2px;
  margin: 8px 5px 5px 15px;
  float: right;
  clear: both;
  border: 1px solid #ccc;
  width: 330px;
  box-shadow: 0 0 3px 2px #988;
  background-color: var(--bg-theme);

  & p {
    margin: 2px 5px 1px 5px;
    font-size: 0.9em;
    font-family: "Times New Roman";
    color: #336;
    text-align: center;
  }

  & p.n_photo {
    font-size: 11px;
    color: #633;
  }

  & a {
    color: rgb(5, 28, 131);
  }
}

figure.photo:has(a) {
  box-shadow: 0 0 3px 2px #aba;
}

figure.photo:has(a):hover {
  box-shadow: 0 0 4px 4px #6a6;
}

table.photo td {
  width: 40%;
  vertical-align: top
}

/* Banner */

div.banner {
  padding: 2px;
  margin: 8px auto 5px auto;
  clear: both;
  text-align: center;
  width: 100%;
  max-width: 720px;
}

div.banner img {
  box-shadow: 0 0 5px 3px #665;
}

div.banner p {
  font-size: 10px;
  font-family: "Times New Roman";
  color: #336;
  text-align: center;
}

/* Custom styles */

.litr {
  color: #336;
  font-style: italic;
}

.lang {
  color: #006;
  font-style: italic
}

.place {
  color: #666692;
}

a.unit, span.unit {
  color: #335;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  text-decoration: none;
}

.trans {
  font-style: italic;
}

.trans::before {
  content: "(";
}

.trans::after {
  content: ")";
}

.inst {
  color: #655f07;
}

span.animal {
  color: var(--animal-color);
}

span.person {
  color: var(--person-color);
}

.notrdy {
  font-family: "Times New Roman";
  font-size: 0.9em;
  margin-left: 2px;
  font-weight: bold;
  color: #633
}

.work-in-progress {
  color: yellow;
  background-color: rgb(38, 79, 155);
  opacity: 0.8;
  font-size: 1.2em;
  letter-spacing: 1.5px;
  margin: 10px;
  padding: 10px;
  text-align: center;
  display: block;
}

.work-in-progress::after {
  content: "this entry is work in progress ...";
}

/* Footnotes */
.footnote {
  font-family: monospace;
  font-size: 0.9em;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 5px 8px;
  color: rgb(43, 36, 36);
}

.footnote-paragraph {
  margin: 0;
  padding: 10px 0 10px 0;
  display: block;
}


hr.sep {
  border: 0;
  height: 0;
  padding: 1px;
  margin: 0 360px 5px 0;
  background-color: #bb9;
  clear: none;
}

/* Referanselister, linkar */
caption {
  font-size: 14px;
}

table.ref {
  border: 1px solid black;
  background-color: #ccd;
  margin: 5px;
  width: 95%
}

td.ref, th.ref {
  border: 0;
  text-align: left;
  vertical-align: top;
  background-color: #ccb;
  padding: 5px;
  font-size: 12px
}

ol.link {
  font-size: 11px;
  list-style-type: lower-alpha;
  padding-inline-start: 30px;
}

ul.link {
  list-style-type: square;
}

ul.link li, ol.link li {
  font-size: 12px;
  font-style: normal;
  color: #666;
  margin: 2px 0;
}

span.signed {
  color: #3a5345;
  font-size: 11px;
  padding-left: 5px;
}

span.editor {
  color: rgb(190, 66, 66);
  font-size: 11px;
  padding-left: 5px;
}

span.editor::before {
  content: "ed. ";
}

figure p.caption {
  font-size: 0.8em;
  font-family: monospace;
  font-style: normal;
}

figure p.caption span.author {
  color: #336;
  padding-left: 5px;
}

figure p.caption span.date {
  padding-left: 5px;
}

li span.author {
  color: #336;
  padding-left: 5px;
  text-shadow: #ccc 1px 1px 1px;
  font-style: italic;
}

td.rate0, td.rate1, td.rate2, td.rate3 {
  text-align: left;
  vertical-align: middle;
  font-size: 10px;
  border: 1px outset;
  margin: 1px;
  padding: 5px;
}

div.credits {
  font-size: 10px;
  border: 1px solid #999;
  margin: 1px;
  font-style: italic;
}

table.notes {
  border: 0;
  border-spacing: 5px
}

div.mquote {
  color: #363;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 10px
}

span.mquote {
  font-style: italic
}

/* Page table and source document list */
span.pagetable {
  font-size: 10px;
  margin-left: 8px
}

span.pagenotrdy {
  color: red
}

ul.star {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-left: 10px;
}

li.bullet5 {
  background-image: url('/images/bul_3.gif');
  background-repeat: no-repeat;
  background-position: 0 2px;
  margin: 2px;
  padding-left: 25px;
}

li.bullet6 {
  background-image: url('/images/bul_6.gif');
  background-repeat: no-repeat;
  background-position: 0 2px;
  margin: 2px;
  padding-left: 25px;
}

td.bullet5 {
  background-image: url('/images/bul_3.gif');
  background-repeat: no-repeat;
}

/* Tooltip container for dictionary terms */
/* https://albertwalicki.com/learn/solutions/how-to-create-a-tooltip-in-html-and-css */
span.term {
  color: #336;
  border-bottom: 1px dotted rgb(65, 7, 7);
  cursor: pointer;
}

/* Tooltip */
span#tooltip {
  position: absolute;
  visibility: hidden;
  display: block;
  background-color: var(--bg-tooltip);
  color: var(--fg-tooltip);
  text-align: justify;
  padding: 14px 16px;
  border: 1px solid #cfc07a;
  border-radius: 6px;
  box-shadow: 0 8px 24px var(--bg-shadow), inset 0 22px 18px -18px rgba(255, 255, 255, 0.6);
  font-size: .9em;
  font-style: normal;
  font-family: var(--main-font);
  line-height: 145%;
  max-width: 400px;
  align-content: center;
  z-index: 99;

  & a {
    color: var(--fg-link);
    margin: 0 auto;
    text-align: center;
    display: block;
  }

  & h2 {
    text-align: center;
    font-size: 1.05em;
    font-family: 'Crimson Pro', Georgia, 'Palatino Linotype', serif;
    letter-spacing: 1.5px;
    color: #336;
    margin: 0 0 6px 0;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(51, 51, 102, 0.2);
  }

  & h3 {
    padding: 0;
    margin: 0;
    text-align: center;
    letter-spacing: 1.5pt;
    font-size: 0.8em;
    font-weight: normal;
    color: #336;
  }
}

/* Navigation bar tooltip variant */
span#tooltip.tooltip-nav {
  background-color: #456;
  color: white;
  font-size: 14px;
}

span.tooltip-close {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 2px 7px;
  color: #8b3030;
  background-color: rgba(255, 255, 255, 0.5);
  font-size: 1.1em;
  font-weight: bold;
  border: 1px solid rgba(139, 48, 48, 0.3);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}

span.tooltip-close:hover {
  background-color: #8b3030;
  color: #fff;
}

span.tooltip-header {
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  display: block;
  font-size: 1.1em;
  letter-spacing: 1px;
  color: #1a1a3e;
  padding: 0 0 6px 0;
}

h2.tooltip {
  color: rgb(75, 85, 16);
  text-align: center;
  font-size: 10px;
  border-bottom: none;
  padding: 0 0 10px 0;
  margin: 0;
}

span#tooltip span.link-date {
  font-size: 10px;
  margin: 0 auto;
  text-align: center;
  display: block;
}

/* Quotes and caption */
.q-header {
  margin-left: 0;
  padding: 5px 0 5px;
  font-weight: bold;
  color: #336;
}

.q-signature {
  margin-left: 30px;
  padding: 5px 0 5px;
  font-weight: bold;
  color: #363;
}

/* Horizontal rule with text */
.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: black;
  text-align: left;
  padding-left: 20px;
  height: 1.5em;
  clear: none;
}

.hr-text::before {
  content: '';
  background-color: #999;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}

.hr-text::after {
  content: attr(data-link-hdr);
  font-size: 1em;
  position: relative;
  display: inline-block;
  color: black;
  padding: 0 8px 0 8px;
  line-height: 1.5em;
  background-color: var(--bg-container);
  border-radius: 5px;
}

/* Table of content for dictionary pages (tree view) */
div.toc-root {
  padding: 10px;
  margin: 0;
  border: 1px outset white;
  background-color: var(--bg-theme);
  display: block;
  background-repeat: repeat-y;
}

div.collapse1 {
  display: block;
  padding: 5px;
  margin-left: 20px;
  margin-right: 30px;
}

div.index {
  padding: 5px;
  margin: 5px;
  border: 1px outset #ccc;
  background-color: var(--bg-content);

  &>a {
    color: #336;
    font-size: 1em;
    padding: 3px 5px 3px 5px;
  }
}

div.collapse2 {
  display: none;
  padding: 5px;
  margin-left: 20px;
  margin-right: 30px;
}

/* Links by theme */
a.plot, a.anecdote, a.narrative, a.dialogue, a.fictional, a.animal, a.literary, a.mythical, a.historical, a.indirect {
  padding: 5px;
  margin-right: 5px;
  font-size: 0.8em;
}

a.fictional, a.literary, a.mythical {
  color: var(--fictional-color);
}

a.animal {
  color: var(--animal-color);
}

/* Source/credits */
p.source {
  font-size: 11px;
}

p.source a {
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: underline;
  color: #009;
}

/* Progress bar */
#myProgress {
  width: 100%;
  background-color: #eec;
}

#spinner-overlay {
  display: block;
  position: fixed;
  inset: 0;
  background: rgba(14, 17, 14, 0.5);
  z-index: 999;
}

#load-spinner {
  display: block;
  position: fixed;
  top: calc(50vh - 28px);
  left: calc(50% - 28px);
  width: 56px;
  height: 56px;
  border: 8px solid #eec;
  border-top-color: rgb(109, 109, 179);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
  z-index: 1000;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

#spinner-msg {
  margin-top: 30px;
  padding: 10px;
  display: block;
  position: fixed;
  top: calc(50vh + 40px);
  left: 50%;
  transform: translateX(-50%);
  color: #ddd;
  font-size: 28px;
  font-weight: normal;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.55);
  border-radius: 4px;
  z-index: 1000;
}

#progress-bar {
  width: 0%;
  height: 30px;
  background-color: rgb(109, 109, 179);
  text-align: left;
  padding-left: 5px;
  line-height: 30px;
  color: white;
  border-radius: 5px;
  display: none;
}

/* Footnotes and references */
table.footnote {
  margin-top: 10px;
  border: 0 #666 solid;
  border-spacing: 10px;
  border-collapse: separate;
  border-radius: 0;
}

table.footnote caption {
  font-weight: bold;
  color: #366;
}

table.footnote td {
  text-align: left;
  vertical-align: text-top;
}

table.footnote td:nth-child(1) {
  text-align: right;
  vertical-align: text-top;
}

a.footnote {
  color: blue;
  font-size: 12px;
  vertical-align: top;
  padding: 0 0 0 3px;
}

a.ref, a.link_ref {
  color: blue;
  text-decoration: none;
  font-style: normal;
  font-size: 11px;
  vertical-align: baseline;
  position: relative;
  bottom: 0.5em;
}

a.ref::after, a.ref::before, a.link_ref::before {
  content: " ";
}

a.link_ref {
  color: rgb(92, 15, 15);
}

/* Index tables */
table.category {
  background-color: #eee;
}

table.category th {
  font-size: 12px;
  text-align: left;
  padding: 5px 5px 5px 15px;
}

table.category td {
  background-color: #ccb;
  text-align: left;
  padding: 5px 5px 5px 15px;
}

table.category tr td:nth-child(2) {
  font-size: 12px;
  font-style: italic;
}

h3.alphaindex {
  font-size: 16px;
  text-align: center;
  box-shadow: 0 0 5px 3px #665;
}

/* General purpose */

ol li {
  padding-bottom: 5px;
  font-style: italic;
  font-size: 11px;
}

img.folder {
  padding: 0;
  margin: 0;
  vertical-align: middle;
  margin-bottom: 5px;
}

img.wiki-icon {
  padding: 0 5px 0 0;
  margin: 0;
  vertical-align: middle;
}

span.wiki {
  font-size: 12px;
  color: #000;
  padding: 0 20px 0 0;
  margin: 0;
}

/* r- root, s- download all, c- book and chapter */

a.toc-root {
  color: #000;
  background-color: var(--bg-theme);
  padding: 10px;
  margin: 0;
  font-size: 16px;
  border: 1px outset #ccc;
  width: 70%;
}

a.toc-root:hover {
  background-color: #eee;
  text-decoration: none;
}

a.cindex {
  font-size: 12px;
  color: #336;
  padding: 0;
  margin: 0;
}

a.cindex:hover {
  text-decoration: underline black
}

a.nrindex {
  padding: 3px;
  margin: 0;
  font-size: 10px;
  color: #666;
  font-style: italic
}

/* Fictional */

a.show-all, a.show-all:visited {
  /* Display as button */
  display: inline-block;
  padding: 10px;
  margin: 5px;
  border: 1px outset #999;
  background-color: rgba(0, 0, 0, 0.1);
  color: #000;
  text-decoration: none;
  font-size: 1em;
  border-radius: 5px;
  margin-left: 20px;
}

a.show-all:hover {
  color: rgb(0, 102, 255);
  text-decoration: none;
}

/* Filter panel */

fieldset {
  margin: 10px;
  padding: 0;
  font-size: 12px;
  color: #006;
  visibility: visible;
}

legend {
  font-size: 10px;
  font-weight: bold;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.plot {
  color: #360;
}

.anecdote {
  color: #039;
}

.dialogue {
  color: #660;
}

.narrative {
  color: #630;
}

.historical {
  color: #234;
}

.indirect {
  color: #234;
}

.fict {
  color: #600
}


a.anecdote:hover, a.plot:hover, a.dialogue:hover, a.narrative:hover {
  text-decoration: underline;
}

/* Table of references */

table.refs {
  font-size: 12px;
  margin: 5px auto 0;
  width: 94%;
  background-color: #aaa;
  border-radius: 0;

  & caption {
    margin: 10px 0 10px -12px;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
  }

  & td {
    background-color: var(--bg-content);
    text-align: left;
    padding: 5px;
  }

  & td:nth-child(1) {
    text-align: center;
    font-size: 10px;
    width: 5%;
  }

  & td:nth-child(4) {
    color: rgb(92, 15, 15);
    font-size: 10px;
    text-align: right;
    width: 12%;
    padding-right: 10px;
  }
}

/* Chapter header */

table.chapter-header {
  border-radius: 5px;
  background: linear-gradient(to bottom, #b0aa7a, #ddd8b0);
  background-color: #bb9;
  border: none;
  border-bottom: 2px solid #c8c0a8;
  padding: 20px 30px;
  margin: 10px 0;

  & p {
    font-size: 26px;
    font-family: 'Crimson Pro', Georgia, 'Palatino Linotype', serif;
    font-weight: normal;
    color: #1a1a3e;
    letter-spacing: 2px;
    line-height: 1.4;
    text-align: center;
    margin: 0;
  }
}

/* Entry header */

table.entry-header {
  background-color: var(--bg-dict-item-header);
  padding: 5px;
  margin: 10px 0 5px 0;
  border: 1px solid #abc;
  border-radius: 5px;

  & tr:nth-child(1) td {
    padding: 0 10px;
  }

  & td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
  }

  & td.lflag {
    width: 10%;
    text-align: right;
  }

  & td.name {
    font-size: 1.5em;
    letter-spacing: 2px;
    font-weight: bold;

    & a:hover {
      text-decoration: none;
      color: black;
    }
  }

  & td.navbtn {
    width: 10%;
    text-align: left;
  }

  & .addr {
    font-size: .8em;
    padding: 5px;
  }

  & a.addr {
    text-decoration: none;
  }

  & span.majitel {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    padding: 5px;
    color: #311;
  }

  /* IR. 91 only */
  & tr:nth-child(1) td.tool1 {
    font-size: 20px;
    color: #360;
    font-weight: bold;
    padding: 10px;
  }

  & tr:nth-child(2) td.tool1 {
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
  }
}

a.tool {
  text-decoration: none;
  border: 1px outset #999;
  padding: 4px;
  color: black;
  margin: 2px 7px;
  background-color: #eec;
  font-size: 11px;
  letter-spacing: 1px;
  border-radius: 2px;
}

a.tool:hover {
  background-color: #fff;
}

a.search {
  margin: 20px;
}

/* Alternative names */
span.tiny {
  font-size: 9px;
  font-weight: bold;
  margin: 0 4px 0;
  padding: 0;
}

span.altnames {
  margin: 0 15px 0 0;
  font-size: 12px;
  padding: 0;
}

/* Lifespan entries, birth and death, place + dates */
.life {
  font-style: italic;
  font-size: 11px;
}

/* Contents (facts, context and photo) */

span.name {
  letter-spacing: 2px;
}

span.alt-name {
  font-style: italic;
}

span.alt-name::before {
  content: " (";
}

span.alt-name::after {
  content: ") ";
}

p.belohnung {
  font-family: "Comic Sans MS", cursive, sans-serif;
  font-style: italic;
  font-size: 12px;
  border: 1px solid #999;
  width: 52%;
  margin: 10px 0;
  padding: 8px;
  border-radius: 8px;
  background-color: #d2d6ca;

  & span {
    font-weight: bold;
    font-size: 11px;
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
    border-top: 1px inset white;
  }

  & b {
    color: #8b0000;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
  }

  & span b {
    font-weight: bold;
  }
}

/* Common facts */
div.fact-common {
  font: 13px "Times New Roman";
  color: #032;
  border-left: 3px solid #686;
  margin: 10px 0;
}

div.fact-common pre {
  margin-left: 12px;
}

div.fact-common pre b {
  letter-spacing: 0.3em;
}

div.fact-common i {
  display: block;
  margin: 10px 0 0 5px;
  padding: 0;
  font-style: italic;
}

/* Svejk in captivity quote */
div.sza-quote {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 0;
  color: #431;
}

/* Invalid entry */
.reject {
  text-decoration: line-through;
  color: #333;
}

/* Subscript and superscript */
sup {
  vertical-align: middle;
  margin-left: 5px;
  font-weight: bold
}

/* Automatic link */
a.autoref {
  text-decoration: none;
  color: rgb(30, 97, 153);
  text-shadow: 3px 3px 10px #fff;
}

a.autoref:hover {
  text-decoration: underline;
}

/* Date formats */
p.dates {
  font-size: 11px;
  font-style: italic;
}

span.date {
  color: var(--date-color);
}

/* Annotation for Julian/Gregorian dates */
span.jdate::after {
  content: "*";
}

/* 
 * Credits, source, acknowledgement
 */
span.credit {
  font-size: 11px;
  letter-spacing: 1px;
  color: #036;
}

span.link-date {
  margin-left: 3px;
  color: var(--date-color);
}

span.link-comment {
  margin-left: 5px;
  font-size: 0.8em;
  color: rgb(173, 50, 46);
}

span.link-comment::before {
  content: "[";
}

span.link-comment::after {
  content: "]";
}

span.fname {
  font-size: 0.8em;
  color: #333;
}

span.suff {
  font-size: 16px;
}

span.pref {
  font-size: small;
}

span.mil {
  color: rgb(100, 93, 16);
}

span.quote {
  font-style: inherit;
}

span.quote:after, span.quote:before {
  content: "\"";
}

p.quote {
  white-space: pre;
  margin: 0;
  padding-left: 20px;
  font-family: Consolas, monospace;
  font-size: small;
}

span.rank {
  font-size: small;
}

/* Quote */

blockquote {
  font-family: "Courier New", Courier, monospace;
  font-size: 12px;
  margin: 10px;
  color: #431;

  & b {
    color: #c33;
    font-weight: bold;
    letter-spacing: 0.2em;
  }

  & i {
    color: #33c;
    font-style: italic;
  }
}

a.online {
  text-decoration: none;
  font-size: 12px;
}

/* Timeline */

table.timeline {
  border-radius: 2px;
  text-align: left;
  font-size: 11px;
  background-color: #958d6d;
  width: 97%;
  margin: 0 auto;
}

table.timeline td {
  background-color: #b3ab8a;
  text-align: left;
  padding: 6px;
}

table.timeline tr td:nth-child(1) {
  width: 10%;
  text-align: right;
  padding-right: 10px;
}

table.timeline caption {
  text-align: left;
  padding: 0 0 10px 10px;
  font-size: 12px;
  letter-spacing: 2px;
}

/* Manøvrar + dyr  */

table.manover, table.animals, table.zoo {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
  border: 1px solid #c9c3a8;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  text-align: left;
  font-size: 0.9em;
  margin: 0 auto;
  background-color: #fafaf7;
  width: 99%;

  & th {
    background-color: #eceadf;
    color: #333;
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 1px solid #c9c3a8;
  }

  & td {
    background-color: #fafaf7;
    text-align: left;
    padding: 8px 10px;
    border-bottom: 1px solid #ddd8c6;
  }

  & tr:last-child td {
    border-bottom: none;
  }

  & tr:nth-child(even) td {
    background-color: #f2f0e7;
  }
}

table.zoo {
  & caption {
    padding: 10px;
  }

  & td {
    font-size: 1.1em;
    padding: 6px 10px;

    & b {
      color: rgb(15, 92, 33);
    }

    & a {
      padding-left: 5px;
    }
  }

  & td:nth-child(1) {
    width: 35%;
  }

  & td:nth-child(3) {
    width: 15%;
  }
}

table.zoo1 {
  & td:nth-child(1) {
    width: 25%;
  }

  & td:nth-child(3) {
    width: 5%;
  }
}

/* Vormerkblatt */

table.vormerk {
  border-collapse: collapse;
  border-radius: 0;
  border: 1px solid #333;
  text-align: left;
  font-size: small;
  background-color: #d0be7d;
  width: 97%;
  margin: 0 auto;

  & th {
    text-align: center;
    padding: 5px;
  }

  & td {
    text-align: left;
    padding: 5px;
  }

  & td td:nth-child(3) {
    font-style: italic;
  }

  & tr:last-of-type td {
    text-align: center;
  }

  & td b {
    color: #8b0000;
    font-family: "Courier New", Courier, monospace;
    font-size: 12px;
  }
}

/* Fact boxes */
.info-left {
  font-family: "Times New Roman", Times, serif;
  display: block;
  margin: 10px 5px;
  padding: 10px;
  font-size: 1em;
  border: 1px solid #999;
  border-radius: 5px;
  background-color: var(--bg-theme);
  max-width: 54%;
}

.half-width {
  max-width: 54%;
}

.font-larger {
  font-size: 1.025em;
}

div.geo-mil {
  & p {
    color: #131;
  }

  & h5 {
    margin: 10px 0 0 7px;
    padding: 0;
    font-size: 11px;
    letter-spacing: 1.5px;
    font-weight: bold;
  }
}

/* List of mentioned persons */
.mentioned-items {
  margin: -10px 0 10px 0;
  padding: 0;
  font-size: 0.9em;

  & h4 {
    margin: 0;
    padding: 0;
    text-align: center;
  }

  & a {
    margin: 0 5px;
    padding: 0;
    display: inline-block;
  }

  & .historical {
    color: rgba(13, 94, 194, 0.792);
    letter-spacing: 1.1px;
  }
}

/* List of dated events */
table.dates {
  width: 40%;
  margin: 0 auto;
  font-size: 10px;
}

table.dates th {
  text-align: left;
  padding-left: 10px;
}

table.dates td {
  text-align: left;
  padding-left: 10px;
}

/* Left column table */
table.left {
  width: 50%;
  margin: 0 auto;
  font-size: 12px;
  border: 1px solid #999;
  background-color: #7c785f;
  border-radius: 0;
}

table.left td:nth-child(1) {
  color: blue;
}

table.left tr:nth-child(7) td {
  text-align: center;
}

table.left th {
  text-align: left;
  color: #ccc;
  padding-left: 10px;
}

table.left td {
  text-align: left;
  padding: 5px 10px 5px 10px;
  background-color: #cbc5a5;
}

/* Options */
input {
  border: 1px outset;
  background-color: #cc9;
  margin-top: 5px;
  margin-bottom: 5px
}