body { background-color: #1a1a1a !important; color: #e0e0e0 !important; }
a { color: #79b8ff !important; }
.site-header { background-color: #111111 !important; border-top: 4px solid #555 !important; border-bottom: 1px solid #333 !important; }
.site-title, .site-title:visited { color: #e0e0e0 !important; }
.site-nav .page-link { color: #e0e0e0 !important; }
.site-nav { background-color: #111111 !important; }
.site-footer { background-color: #111111 !important; border-top: 1px solid #333 !important; color: #888 !important; }
pre, code { background-color: #2a2a2a !important; border: 1px solid #444 !important; }
img { max-width: 320px; display: block; margin: 0 auto 20px auto; }
h1 { text-align: center; }
.site-title { float: none; text-align: center; display: block; }
.site-nav { float: none; text-align: center; }
.footer-col-1 { display: none; }
.footer-col-3 { width: 100%; }
.footer-heading { margin-bottom: 8px; }
.footer-heading { margin-bottom: 4px !important; }
.site-footer { text-align: center; }
.footer-col-wrapper { text-align: center; }
.footer-heading a { color: #e0e0e0; text-decoration: none; }
.footer-heading a:hover { color: #79b8ff; }
img.document-image { max-width: 350px; width: 100%; display: block; margin: 10px auto 5px auto; border: 1px solid #444; cursor: pointer; transition: opacity 0.2s; }
a.document-link:hover img.document-image { opacity: 0.85; border-color: #79b8ff; }
a.document-link { display: block; text-align: center; }

/* Mobile responsive adjustments */
@media screen and (max-width: 600px) {
  .site-title { font-size: 1.2rem; text-align: left; padding-right: 60px; }
  .site-nav { position: absolute; right: 15px; top: 9px; }
  .site-nav .menu-icon { display: block; }
  h1 { font-size: 1.4rem; }
  img { max-width: 100%; }
  img.document-image { max-width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; }
  blockquote { font-size: 0.95rem; margin-left: 10px; margin-right: 10px; }
}
@media screen and (max-width: 600px) {
  .wrapper { padding-left: 15px; padding-right: 15px; }
  .page-content { padding-left: 0; padding-right: 0; }
}