/* Protected pages have text area in light red, to prevent
   accidental editing by template editors who didn't notice the header */
.mw-textarea-protected,
.mw-textarea-protected + .ui-resizable .ace_content,
.mw-textarea-protected + .CodeMirror {
  background-color: hsl(0, 100%, 94%);
}

@media screen {
	html.skin-theme-clientpref-night .mw-textarea-protected,
	html.skin-theme-clientpref-night .mw-textarea-protected + .ui-resizable .ace_content,
	html.skin-theme-clientpref-night .mw-textarea-protected + .CodeMirror {
		background-color: hsl(0, 100%, 10%);
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-textarea-protected,
	html.skin-theme-clientpref-os .mw-textarea-protected + .ui-resizable .ace_content,
	html.skin-theme-clientpref-os .mw-textarea-protected + .CodeMirror {
		background-color: hsl(0, 100%, 10%);
	}
}

/* Show hidden items that have class="templateeditor-show". */
div.templateeditor-show,
p.templateeditor-show { 
  display: block !important;
}
span.templateeditor-show,
small.templateeditor-show { 
  display: inline !important;
}
table.templateeditor-show { 
  display: table !important;
}
li.templateeditor-show { 
  display: list-item !important;
}