Template:Sidebox/style.css

.sidebox {
	float: right;
	padding: 0;
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	background-color: var(--x-bg);
	color: var(--x-color);
}
.sidebox > .mw-collapsible {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: auto 1fr;
	height: max-content;
	grid-template-areas: "headline button" "content content";
}
.sidebox > .mw-collapsible > .mw-collapsible-toggle {
	grid-area: button;
	display: block;
	float: none;
	margin-right: 10px;
}
.sidebox > .mw-collapsible > .sidebox-header {
	grid-area: headline;
	padding: 10px;
}
.sidebox > .mw-collapsible > .sidebox-content {
	grid-area: content;
	padding: 10px;
	background-color: var(--x-bg-2);
}

.sidebox .sidebox-content p {
	margin: 0;
}