/* {{pp|small=y}} */
.p-current-events-main {
	display: flex;
	flex-flow: row wrap;
	margin: 0 -5px;
}

.p-current-events-events {
	flex: 100 1 200px;
	margin: 0 5px;
}

.p-current-events-calside {
	flex: 1 100 250px;
	margin: 0 5px;
}

html.skin-theme-clientpref-night .p-current-events *:not(a) {
    background: transparent !important;
    color: inherit !important;
}

@media (prefers-color-scheme: dark) {
    /* automatic mode */
    html.skin-theme-clientpref-os .p-current-events *:not(a) {
        background: transparent !important;
        color: inherit !important;
    }
}