body { max-width:900px; margin:auto; padding:0 15px; font-family:Palatino, Cambria, Times, serif; line-height:140%; font-size:110% }
h1 { margin:1em 0 0.5em 0; line-height:120%; font-size: 2em; }
h1, h2, h3, h4, .date, .footer { font-family:-apple-system, Helvetica, Calibri, Arial, serif; font-weight:600 }
p { line-height:150% }
q::before { content: "\201C" }
q::after { content: "\201D" }
.date { font-size:90%; color:#223; margin:0 0 2em 0 }

.footer, pre, img.figure, video.figure { background:#d0ddee }
.block-figure { margin: 0 auto; display: block }

.footer { color:#223; display:inline-block; padding:5px 10px; margin-top:10px; border-radius:5px; font-size:80% }
.footer ul { padding:0; margin:0 }
.footer li { display:inline-block; padding:0 1.5em 0 0 }
.footer li:before { content:"✷ " }

tt, pre, code { font-family:Menlo,Consolas,Lucida Console,monospace; font-size: 85% }
pre { font-size:80%; padding:5px; overflow:auto; clear:both; line-height:160% }
pre, img.figure, video.figure { border-radius:5px; padding:10px }
.floated { float:right; margin:0 0 10px 10px }

a:link { color:#34b }
a:visited { color:#34b }

@media(prefers-color-scheme: dark) {
body { color: #fff; background: #223; }
.date { color: #dde }
a:link { color: #89f }
a:visited { color: #89f }
.footer, pre, img.figure, video.figure { color:#fff; background:#404455 }
.quotients, .mastodon-comment { background: #404455 !important; }
.quotients td, th { background: #606677 !important; }
.mastodon-comment .author .details .user { color: #8d989f !important; }
}

thead td { border-bottom: 1px solid rgba(127, 127, 127, 0.5); }
msqrt mi, mroot mi:first-child { position: relative; top: 0.25em; }
mroot mi:nth-child(2) { position: relative; top: -0.25em; }

.mastodon-comment {
  background-color: #d0ddee;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}
.mastodon-comment p {
  margin-bottom: 0px;
}
.mastodon-comment .author {
  padding-top:0;
  display:flex;
  font-family:-apple-system, Helvetica, Calibri, Arial, serif;
}
.mastodon-comment .author a {
  text-decoration: none;
}
.mastodon-comment .author .avatar img {
  margin-right:1rem;
  min-width:60px;
  border-radius: 5px;
}
.mastodon-comment .author .details {
  display: flex;
  flex-direction: column;
}
.mastodon-comment .author .details .name {
  font-weight: bold;
}
.mastodon-comment .author .details .user {
  color: #5d686f;
  font-size: medium;
}
.mastodon-comment .author .date {
  margin-left: auto;
  font-size: small;
}
.mastodon-comment .content {
  margin: 0 5px;
}
.mastodon-comment .attachments {
  margin: 0 5px;
}
.mastodon-comment .attachments > * {
  margin: 0px 5px;
}
.mastodon-comment .content p:first-child {
  margin-top:0;
  margin-bottom:0;
}