* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 Georgia, 'Times New Roman', serif;
       color: #222; background: #f6f4ef; }
main { max-width: 56rem; margin: 0 auto; padding: 0 1rem 3rem; }
a { color: #14538c; }
.archive-banner { background: #fff3cd; border-bottom: 1px solid #e0d5a8;
                  padding: .6rem 1rem; font-size: .9rem; text-align: center; }
.breadcrumbs { max-width: 56rem; margin: 0 auto; padding: .8rem 1rem;
               font-size: .85rem; color: #666; }
h1 { font-size: 1.6rem; margin: 1rem 0; }
.category h2 { font-size: 1.2rem; border-bottom: 2px solid #14538c;
               padding-bottom: .3rem; }
.forumlist { list-style: none; padding: 0; }
.forumlist li { padding: .7rem .5rem; border-bottom: 1px solid #ddd; }
.forum-title { font-weight: bold; font-size: 1.05rem; }
.forum-desc { margin: .2rem 0; color: #555; font-size: .9rem; }
.meta { color: #777; font-size: .8rem; }
table.topiclist { width: 100%; border-collapse: collapse; background: #fff; }
table.topiclist th, table.topiclist td { text-align: left; padding: .5rem;
  border-bottom: 1px solid #e2ded4; vertical-align: top; font-size: .95rem; }
table.topiclist th { background: #ece8dd; }
.pagination { margin: 1rem 0; font-size: .9rem; }
.pagination strong { padding: 0 .3rem; }
.pagination a { padding: 0 .3rem; }
article.post { background: #fff; border: 1px solid #e2ded4; border-radius: 4px;
               margin: 1rem 0; padding: 1rem; }
article.post header { display: flex; align-items: center; gap: .6rem;
  border-bottom: 1px solid #eee; padding-bottom: .5rem; margin-bottom: .7rem;
  font-size: .9rem; }
article.post header .author { font-weight: bold; }
article.post header time { color: #777; }
article.post header .permalink { margin-left: auto; color: #bbb;
  text-decoration: none; }
article.post:target { outline: 3px solid #f0c36d; }
.avatar { max-height: 40px; max-width: 40px; border-radius: 3px; }
.content img { max-width: 100%; }
.content blockquote { border-left: 3px solid #ccc; margin: .5rem 0;
  padding: .2rem .8rem; color: #555; background: #fafaf7; }
.attachments { font-size: .9rem; }
.edited { font-size: .8rem; color: #888; font-style: italic; }
.locked { color: #a33; font-size: .85rem; }
.topic-type { color: #a33; }
footer { max-width: 56rem; margin: 0 auto; padding: 1rem;
         font-size: .8rem; color: #999; }