#doc-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 1rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  justify-items: center;
  min-height: 25rem;
}

@media (max-width: 600px) {
	#doc-container {
		flex-wrap: wrap;
	}
}

.doc-column {
  padding: .5rem;
}

.doc-column:first-of-type, .doc-column:last-of-type {
  width: 75%;
}

.doc-column.doc-main {
  width: 250%;
  padding: 2rem;
}

.doc-column.doc-links, .doc-column.doc-toc {
	top: 0;
}

.doc-column table.doc-properties {
	width: 75%;
	margin-inline: auto;
}

.doc-column table.doc-properties, .doc-column table.doc-properties tr {
	border-block: 1px solid;
}

.doc-column table.doc-properties > caption {
	font-size: 150%;
	border-block-start: 1px solid;
}

.doc-column.doc-toc > #toc {
	width: 100%;
	border: 0;
}

.doc-column.doc-toc > #toc .toctitle {
	border: 0;
}

.doc-column h2 {
	font-weight: normal;
	font-size: 2rem;
	border: 0;
}

.doc-column code {
    border-radius: 3px;
    background: inherit;
}

.doc-column input.cdx-button,
.doc-column input.mw-ui-button {
    background: inherit;
    color: inherit;
}

.doc-column input.searchboxInput.cdx-input,
.doc-column input.searchboxInput.mw-ui-input {
	padding: 1rem;
}

.doc-column.doc-toc #toc > ul .toclevel-1.tocsection-1, .doc-column.doc-toc #toc .tocnumber {
	display: none;
}

.doc-column.doc-toc #toc > ul li {
	border-inline-start: 1px solid;
}

.doc-column.doc-toc #toc .toctogglespan {
	display: none;
}

.doc-column.doc-toc #toc ul li a {
	padding-block: 3%;
	padding-inline-start: 5%;
}