body {
  margin: 0;
  color: #202122;
  background: #f8f9fa;
  font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: #0645ad; }
.layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); min-height: 100vh; }
.sidebar { background: #fff; border-right: 1px solid #d8dadd; padding: 20px; position: sticky; top: 0; height: 100vh; overflow: auto; box-sizing: border-box; }
.brand { font-size: 20px; font-weight: 700; margin-bottom: 16px; }
.nav { list-style: none; margin: 16px 0 0; padding: 0; }
.nav li { margin: 0; }
.nav a { display: block; padding: 5px 0; text-decoration: none; overflow-wrap: anywhere; }
.content { max-width: 1100px; padding: 28px 40px 56px; background: #fff; }
.content h1 { margin: 0 0 24px; font-size: 34px; line-height: 1.2; border-bottom: 1px solid #a2a9b1; padding-bottom: 10px; }
.mw-body h2 { border-bottom: 1px solid #eaecf0; margin-top: 28px; }
.mw-body pre, .mw-body code { background: #f6f6f6; border: 1px solid #eaecf0; border-radius: 4px; }
.mw-body pre { padding: 12px; overflow: auto; }
.mw-body table { border-collapse: collapse; max-width: 100%; }
.mw-body th, .mw-body td { border: 1px solid #a2a9b1; padding: 6px 8px; }
.mw-body img { max-width: 100%; height: auto; }
.missing-page { color: #ba0000; }
.metadata { color: #54595d; font-size: 13px; margin-top: 40px; border-top: 1px solid #eaecf0; padding-top: 12px; }
@media (max-width: 820px) {
  .layout { display: block; }
  .sidebar { position: static; height: auto; border-right: 0; border-bottom: 1px solid #d8dadd; }
  .content { padding: 22px 18px 42px; }
  .content h1 { font-size: 28px; }
}