/*
  https://kelar.org/~bandali/dek.css
  This file is marked with CC0 1.0 Universal
  and is dedicated to the public domain.
*/

body {
  background-color: #f8f4e7;
  color: #552800;
  font: 1em/1.5 sans-serif;
  max-width: 37.5em;
  margin: 0 auto;
  padding: 1.5em;
}

@font-face {
  font-family: sahel;
  src: local('Sahel WOL'), local('Sahel'),
       url('sahel.woff2') format('woff2');
  font-weight: normal;
}
@font-face {
  font-family: sahel;
  src: local('Sahel Bold WOL'), local('Sahel Bold'),
       url('sahelb.woff2') format('woff2');
  font-weight: bold;
}

:lang(fa) {
  font-family: sahel, sans-serif;
  text-underline-offset: 0.3em;
  outline-offset: 0.3em;
}

h1 { font-size: 1.25em; margin: 0; }
h1 i, h2 i {
  font-size: initial;
  font-style: normal;
  font-weight: normal;
  vertical-align: middle;
}
h2 { font-size: 1.25em }
h3 { font-size: 1.125em }

a:link { color: #0000a0; text-decoration-color: #6b6fd6; }
a:visited { color: #a000a0; text-decoration-color: #c070c0; }
a:hover, a:focus {
  /* text-decoration-color: currentColor; */
  text-decoration: none;
  outline-offset: 0.25em;
}
a:active { color: #9c1d1d; text-decoration-color: #c06a6a; }

li time { font-size: smaller }

:lang(fa) ol { list-style-type: persian }

footer { margin-top: 1.5em }
sub, sup { line-height: 1 }
kbd { font-weight: bold }

img, video {
  max-width: 100%;
  border-radius: 4px;
}
video {
  width: calc(100vw - 3em);
  max-width: 45em;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
:lang(fa) video {
  right: 50%;
  transform: translateX(50%);
}
.pix, .pixc img {
  image-rendering: pixelated;
  border-radius: 0;
}
video, img.pop {
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
  transition: transform 0.25s;
}
img.pop:hover { transform: scale(1.5) }
figure { text-align: center; margin: 0 auto 1em; }

/* Texinfo */
#Top > .nav-panel > p { margin-top: 0 }
div.example { margin-left: 1.5em }
table { border-collapse: separate; border-spacing: 0; }
table.multitable { margin: 1.2em auto 1.5em }
.multitable td, .multitable th { width: auto }
table[border="1"], .multitable { border: 2px solid #7f5b3a }
.multitable th { border-bottom: 2px solid #7f5b3a }
td, th { text-align: left }
:lang(fa) td, :lang(fa) th { text-align: right }
td { padding: .2em .6em }
th { padding: .3em .6em }

.float-left { float: left; margin-right: 8px; }
.float-right { float: right; margin-left: 8px; }
.text-left { text-align: left }
.text-center { text-align: center }
.text-right { text-align: right }
.vamid { vertical-align: middle }
:target { background-color: #ffd7004d }
.fade { color: #7f5b3a }
.hl { color: #884900 }
mark { background-color: #884900; color: #f8f4e7; }
hr {
  margin: 1.45em 0;
  border-color: #c9b89a;
  /* replicate thinness of <hr size="1"> */
  border-style: solid none none none;
}

@media (max-width: 40em) { /* 640px */
  body { padding: 1em }
  video { width: calc(100vw - 2em) }
}

@media (prefers-color-scheme: dark) {
  body { background-color: #1c140a; color: #ead9b5; }
  a:link { color: #9bb0ff }
  a:visited { color: #e070e6 }
  a:active { color: #f28a8a }
  :target { background-color: black }
  table[border="1"], .multitable { border-color: #b7a88a }
  .multitable th { border-bottom-color: #b7a88a }
  .fade { color: #b7a88a }
  .hl { color: #fec43f }
  mark { background-color: #ead9b5; color: #1c140a; }
  hr { border-color: #5a4626 }
}