html, body {
  font-family: Helvetica, Arial, sans-serif !important;
  background: #fff !important;
  color: #111 !important;
}

body {
  max-width: 70ch;
  margin: 0 auto !important;
  padding-inline: 1.25rem;
  line-height: 1.6;
  font-size: 16px;
}

a { color: #0645ad !important; }
a:visited { color: #663399 !important; }

.container {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 5rem !important;
}

.col-sm-3, .col-sm-8, .main-layout {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.fixed-condition {
  position: static !important;
  max-width: none !important;
  padding-block: 1rem;
  border-bottom: 1px solid #ccc;
}

.profile-avatar, .profile-about, .social, .fixed-condition > hr:last-of-type,
.fixed-condition > hr:last-of-type + .sidebar-nav { display: none !important; }

.author-name { font-size: 1rem !important; margin: 0 0 .5rem !important; }
.author-name a { color: #111 !important; text-decoration: none; }
.sidebar-nav { padding: 0 !important; margin: 0 !important; list-style: none; font-size: .9rem; }
.sidebar-nav strong { display: none; }
.sidebar-nav li { display: inline; margin-right: 1rem; }
.sidebar-nav li:before { content: none !important; }

.main-layout { padding-top: 2.5rem !important; }
.main-layout > h1:first-of-type { font-size: 2rem; line-height: 1.2; margin: 0 0 1rem; }
.main-layout h2 { font-size: 1.35rem; margin-top: 2rem; }
.main-layout li { margin-block: .35rem; }
.main-layout pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; line-height: 1.65; }
.main-layout .highlight { background: #fafafa; border: 1px solid #ccc; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #ccc; font-size: .8rem; }

@media (max-width: 600px) {
  body { padding-inline: 1rem; }
  .sidebar-nav li { display: block; }
  .main-layout { padding-top: 1.5rem !important; }
}