:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0;
  color: #222;
  background: #fff;
  font: 16px/1.55 system-ui, -apple-system, "Segoe UI", sans-serif;
}
a { color: #155a8a; }
a:hover { color: #0b3c5d; }
img, video { max-width: 100%; height: auto; }
.container { width: min(100% - 2rem, 1200px); margin-inline: auto; }
.row { display: flex; flex-wrap: wrap; margin-inline: -.5rem; }
[class*="col-"] { min-width: 0; padding: .5rem; flex: 0 0 100%; }
.mt-3 { margin-top: 1rem; }
.mt-2 { margin-top: .75rem; }
.mb-3 { margin-bottom: 1rem; }
.mb-2 { margin-bottom: .5rem; }
.mb-1 { margin-bottom: .25rem; }
.text-start { text-align: left; }
.text-end { text-align: right; }
.text-center { text-align: center; }
.text-wrap { overflow-wrap: anywhere; }
.post { margin-block: 1rem; }
.entry { line-height: 1.65; }
.entry img { display: block; margin: 1rem auto; }
.commentlist { padding-left: 1.5rem; }
.commentlist li { margin-block: 1rem; }
.comment-body { padding: .65rem; border-left: 2px solid #ddd; }
.children { margin-top: .75rem; }
.comment-author, .comment-meta { margin-bottom: .35rem; }
.comment-author img, .avatar { display: inline-block; width: auto; max-width: 48px; vertical-align: middle; }
.image-fallback { color: #555; font-size: .9em; font-style: italic; }
.copyright { color: #555; font-size: .9em; }
@media (min-width: 768px) {
  .col-md-6 { flex-basis: 50%; }
  .col-md-12 { flex-basis: 100%; }
}
@media (min-width: 992px) {
  .col-lg-3 { flex-basis: 25%; }
  .col-lg-9 { flex-basis: 75%; }
  .col-lg-12 { flex-basis: 100%; }
}
@media (min-width: 1200px) {
  .col-xl-3 { flex-basis: 25%; }
  .col-xl-6 { flex-basis: 50%; }
}