.brand { display: flex; align-items: center; gap: 14px; text-decoration: none; }
#header #title_block { white-space: nowrap; }
#nav { margin: 0; padding: 0; }
#nav a[aria-current="page"] { background: #777; }
#content { box-sizing: border-box; width: 530px; float: left; padding: 0 10px 20px; min-height: 500px; border-right: 1px solid #bbb; }
#content > .singlepage { margin-top: 15px; }
#sidebar { box-sizing: border-box; }
#sidebar h2 { border-bottom: 1px solid #ccc; }
.sidebar-list { list-style: none; margin: 5px 0 18px; padding: 0; }
.sidebar-list li { margin: 0 0 8px; }
.sidebar-list a, .archive-post h2 a, .supplement-entry h2 a { color: #700; }
.entry { line-height: 1.55; }
.entry img { max-width: 100%; height: auto; }
.entry table { max-width: 100%; }
.post-meta, .archive-note { color: #777; font-size: .9em; }
.archive-post { border-bottom: 1px solid #ccc; padding: 5px 0 12px; margin-bottom: 14px; }
.archive-post h2 { font-size: 1.4em; line-height: 1.3; margin: 10px 0 5px; }
.archive-post .summary > :last-child { margin-bottom: 0; }
.pagination { display: flex; justify-content: space-between; padding: 16px 0; }
.archive-months, .archive-categories { columns: 2; padding-left: 20px; }
.supplement-entry { border-bottom: 1px solid #aaa; padding: 10px 0 20px; }
.supplement-entry h2 { font-size: 1.2em; }
.clear { clear: both; }
#footer { clear: both; }
@media (max-width: 780px) {
  body { padding: 0; }
  #page { width: auto; margin: 0; }
  #header { margin-top: 0; padding: 14px 12px; }
  #header #title_block { font-size: 31pt; }
  #header #title_block span { font-size: 22pt; }
  #header #title_text { font-size: 12pt; }
  #header #title_text span { font-size: 10pt; }
  #nav { display: flex; flex-wrap: wrap; }
  #nav li { float: none; }
  #sidebar { float: none; width: auto; padding: 12px; border-bottom: 1px solid #ddd; }
  #content { width: 100%; float: none; }
  #content table { width: 100% !important; }
  .archive-months, .archive-categories { columns: 1; }
}