a {
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
th {
   cursor: pointer;
}
table,
th,
td {
   border: 1px solid black;
   border-collapse: collapse;
}
th,
td {
   padding-left: 10px;
   padding-right: 10px;
}
h1 {
   font-size: 22px;
   font-weight: normal;
}
h2 {
   font-size: 20px;
   font-weight: normal;
}
h3 {
   font-size: 18px;
   font-weight: normal;
}
body {
   font-family: verdana, sans-serif;
   margin: 20px;
   font-size: 14px;
}
body.flush {
   margin: 0px;
}
pre {
   word-wrap: break-word;
   white-space: pre-wrap;
   margin: 5px 0;
   padding: 1px 10px 1px 15px;
   background-color: #f6f6f6;
   border-left: 3px solid #f00;
}
blockquote {
   margin: 5px 0;
   padding: 1px 10px 1px 15px;
   background-color: #f6f6f6;
   border-left: 3px solid #00f;
}
.aui-avatar > img {
   vertical-align: middle;
   margin-bottom: 4px;
   margin-right: 2px;
   margin-left: 2px;
}
.project-avatar > img {
   vertical-align: middle;
   margin-right: 5px;
}
.project-desc {
   border: 1px solid black;
   padding: 10px;
}
div.flex {
   display: flex;
   justify-content: space-between;
}
div.title {
   background-color: #e0edfb;
   padding-top: 10px;
   padding-left: 20px;
   padding-right: 20px;
}
dl {
   display: grid;
   grid-template-columns: max-content auto;
   row-gap: 4px;
}
dt {
   grid-column-start: 1;
   color: gray;
}
dd {
   grid-column-start: 2;
}
.field-section {
   display: inline-block;
   margin-left: 20px;
   margin-right: 20px;
}
div.description {
   padding-left: 20px;
   padding-right: 20px;
}
div.details {
   padding-left: 20px;
   padding-right: 20px;
}
div.comment-section {
   padding-left: 20px;
   padding-right: 20px;
}
div.links {
   padding-left: 20px;
   padding-right: 20px;
}
.subtle {
   color: gray;
}
ul.link-list {
   margin-top: 0px;
   margin-bottom: 0px;
}
summary {
  cursor: pointer;
}