a, body {
  color: #eee;
}

body {
  background: #444;
}

nav {
  margin: auto;
  max-width: 1300px;
}

code, pre {
  background: #333;
  border-radius: 5px;
  /* line-height: normal; */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  padding: 9px;
}

table td,
table th {
  padding: 1em;
  text-align: start;
}

/*
dl, input, textarea {
  margin: 0 10% 0 10%;
}
*/

h1#title,
h2#subtitle,
section#description > p {
  line-height: 1.5em;
}

h1#title {
  margin: 1em;
}

h2#subtitle {
  margin: 2em;
  /* text-align: justify; */
}

section#description {
  margin: 3em;
}

nav#xslt-navigation-top,
nav#xslt-navigation-bottom {
  line-height: 140%;
  text-align: center;
  text-transform: uppercase;
}

.text-center {
  text-align: center;
}

#connect > * {
  max-width: 400px;
}

h5.mediums > a {
  margin-right: 5px;
  text-decoration: none;
  user-select: none;

}

/* article section.content, */
h3.title > a {
  padding-top: 2em;
}

nav#xslt-navigation-top a,
nav#xslt-navigation-bottom a {
  display: inline-table;
  letter-spacing: 5px;
  margin: 5px;
  text-decoration: none;
  white-space: nowrap;
  width: 10%;
}

body > header {
  font-size: 2em;
  text-align: center;
  text-decoration: underline;
}

#feed header, #feed #menu {
  line-height: 120%;
  margin: 3em 0 1em 0;
}

#feed #menu > h3 {
  padding-left: 2%;
}

#feed #menu > ol > li {
  padding: 5px;
}

nav p {
  all: unset;
}

nav#xslt-navigation-top,
nav#xslt-navigation-bottom {
  border-bottom: 1px solid #eee;
  line-height: 150%;
  padding: 10px;
  user-select: none;
}

nav#xslt-navigation-bottom {
  border-top: 1px solid #eee;
  margin-top: 5em;
}

nav#xslt-navigation-posts span {
  height: 1px;
  /* margin: -2em 1em 0 1em; */
  margin: 1em;
  text-align: center;
  user-select: none;
  width: 15%;
}

nav#xslt-navigation-posts a {
  font-size: 85%;
  text-decoration: none;
  text-transform: uppercase;
  user-select: none;
}

span#xslt-navigation-previous {
  float: inline-start;
}

span#xslt-navigation-proceed {
  float: inline-end;
}

#feed,
footer {
  margin: auto;
  max-width: 800px;
}

/*
#articles {
  min-height: 80vh;
}
*/

#articles #journal {
  margin-left: 2%;
  margin-right: 2%;
  margin-top: 2%;
  min-width: 350px;
  padding-bottom: 0.67em;
  width: 20%;
}

#journal {
  margin: auto;
  padding-top: 50px;
}

article {
  margin: 3em 2% 1em 2%;
}

/*
section#description,
article section {
  padding-left: 2%;
  padding-right: 10%;
}
*/

article section {
  line-height: 2em;
  margin: 1em 0 1em 0;
  /* text-align: justify; */
  /* white-space: break-spaces; */
}

#articles #journal ol,
#articles #journal ul {
  /* height: 500px; */
  line-height: 160%;
  overflow: auto;
  word-wrap: break-word;
}

article section.content,
article section.summary {
  line-height: 2.5em;
  word-wrap: break-word;
}

/* article section.summary */
#description {
  font-size: 120%;
}

#articles section.entry {
  padding-bottom: 0.67em;
}

#selection-page {
  background: #000;
  bottom: 0;
  left: 0;
  line-height: 200%;
  overflow: overlay;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
}

#selection-page p {
  margin-left: 10%;
  margin-right: 10%;
}

#selection-page span {
  display: inline-grid;
  margin: 2%
}

#selection-page img {
  height: 128px;
  margin-bottom: 20%;
  margin-top: 20%;
  width: 128px;
}

#selection-page #selection {
  margin-bottom: 2%;
}

#selection-page #return {
  /* font-style: italic; */
  margin: auto;
}

#selection-link,
#selection-page #return {
  cursor: pointer;
  text-decoration: underline;
}

*[type="text/plain"] {
  white-space: pre-wrap;
}

#articles article.entry section.tags {
  display: inline-flex;
  /* display: ruby; */
  flex-wrap: wrap;
  /* word-break: break-all; */
}

#articles article.entry span.authors .author {
  font-weight: bold;
  /* margin: 0 0.3em 0 0.3em; */
}

#articles article.entry span.authors .author:after {
  content: ", ";
}

#articles article.entry span.authors .author:last-child:after {
  content: unset;
}

#articles article.entry span.authors span:nth-child(1),
#articles article.entry span.dates {
  color: #939393;
}

#articles article.entry span.authors a,
#articles article.entry section.mediums a,
#articles article.entry section.tags a {
  text-decoration: none;
}

#articles article.entry span.dates:before {
  content: " — ";
}

#articles article.entry section.mediums a,
#articles article.entry section.tags a {
  margin: 5px;
}

#publisher-profile {
  border-radius: 1em;
  display: table;
  /* display: inline-block; */
  /* margin: 1px; */
  /* padding: 2.5%; */
  /* padding: 5%; */
  /* margin: 5%; */
  /* width: 80%; */
  background: #f2f2f2;
  border: 1px solid #c0c0c0;
  /* margin: auto; */
  margin: 0 auto;
  /* max-width: 560px; */
  padding: 15px;
  /* width: 40em; */
}

#publisher-profile-img,
#publisher-profile-qr {
  border-radius: 1em;
  height: 400px;
  padding: 5px;
  width: 400px;
}

footer {
  font-size: 80%;
  line-height: 30px;
  margin: auto;
  margin-top: 0.67em;
  width: 65%;
  padding: 10px;
  text-align: center;
  user-select: none;
}

blockquote {
  font-size: 95%;
  font-style: italic;
  padding: 1em;
}

blockquote:before {
  content: "ʺ . . .";
  font-size: 150%;
}

dt {
  margin-bottom: 0.5em;
  margin-top: 1em;
}

@media (max-width: 1550px) {
  #articles {
    display: unset;
  }

  #articles #journal {
    margin-right: unset;
    min-width: unset;
    width: unset;
  }
}