:root {
  --bg:     light-dark(#eee, #1a1a1a);
  --bg2:    light-dark(#ddd, #2a2a2a);
  --bg-subsec: light-dark(#e4e4e4, #282828);
  --fg:     light-dark(#333, #dcdcdc);
  --fg0:     light-dark(#333, #fff);
  --fg2:    light-dark(#333, #a6a5ad);
  --border: light-dark(#ccc, #444);

  --red:    light-dark(#c74600, #ff5943);
  --green:  light-dark(#080, #5d8);
  --blue:   light-dark(#0077b6, #00b2ff);
  /* --red:    light-dark(#a00, #ff5943); */
  /* --green:  light-dark(#080, #5d8); */
  /* --blue:   light-dark(#00f, #00b2ff); */

  --orange: light-dark(#ff0, #ff7f0f);
  /* yellow is purple on light background */
  --yellow: light-dark(#800080, #f1fa8c);
  --purple: light-dark(#f0f, #ff5555);
  --pink:   light-dark(#f8f, #f37abc);
  --cyan:   light-dark(#0ff, #8be9fd);
  --lightgray: light-dark(#c0c0c0, #44475a);
  --red10:  light-dark(#ffe6e6, #ff79c6);

  font-size: 100%;
}

@media (prefers-color-scheme: light) {
  :root:has(#theme-toggle:checked) { color-scheme: dark; }
}

@media (prefers-color-scheme: dark) {
  :root:has(#theme-toggle:checked) { color-scheme: light; }
}


body {
  /* visibility: hidden; */
  color: var(--fg);
  background: var(--bg);
  height: 100%;
  min-width: 22rem;
  max-width: 35rem;
  margin: 1ex auto;
  padding: .5ex;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* font-family: arial, helvetica, sans-serif; */
  font-family: Georgia, 'Times New Roman', serif;
}

p {
  text-wrap: pretty;
  margin: .5ex 0ex;
}
form {
  display: flex;
  select {
    border: none;
    margin: 1ex 0ex;
  }
}
div#manudur {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div#logout {
  display: flex;
  justify-content: flex-end;
}
h2 {
  margin-top: 0;
  text-align: center;
}
/* #husgjolddiv { margin: 0 1ex 0 0; } */


/* center { padding: .5em 0em; } */

ol, ul { padding-left: 1.5em; margin: 0; }

.alpha { list-style-type: lower-alpha; }
.roman { list-style-type: lower-roman; }

ol.alpha li::marker {
  content: "(" counter(list-item,lower-alpha) ") ";
}
ol.roman li::marker {
  content: "(" counter(list-item,lower-roman) ") ";
}
ol.numeric li::marker {
  content: "(" counter(list-item,decimal) ") ";
}

/* li { font-weight: normal; } */

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

/* #book-page { */
  /* background: var(--bg); */
  /* min-width: 22rem; */
  /* max-width: 35rem; */
  /* margin: 0 auto; */
  /* padding: .25rem; */
/* } */

  h3 {
    font-size: 110%;
    margin: 2ex 0 0 0;
  }

table {
  margin: 0;
  /* margin: .5ex 0ex .5ex 1ex; */
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
th:first-child, td:first-child {
  width: 40%;
}
td, th {
  /* border: 1px solid var(--border); */
  padding: .0em .5em;
}
th {
  font-weight: normal;
  font-style: italic;
  text-align: right;
}
th:first-child {
  text-align: left;
}
.amount {
  text-align: right;
  font-family: monospace;
}