/* Wikimedia owns editor controls. Article styling is shared with reading. */
#visual-editor { position: relative; background: #fff; border: 1px solid #a2a9b1; font: 13px/1.6 Arial, Helvetica, sans-serif; color: #202122; }
#visual-editor[hidden] { display: none; }
#visual-editor .ve-ce-documentNode { min-height: 380px; padding: 20px; outline: none; overflow-wrap: anywhere; }
#visual-editor .ve-ce-documentNode img, #wiki-preview img { max-width: 100%; height: auto; }
#visual-editor button, .oo-ui-windowManager button { font: inherit; border-radius: 0; background: none; box-shadow: none; }
#visual-editor .oo-ui-toolbar { font-size: 14px; line-height: 1; }
#visual-editor .ve-init-sa-target-toolbar { position: relative; z-index: 2; }
#visual-editor .ve-ui-toolbar .oo-ui-toolbar-bar { border: 0; border-bottom: 1px solid #c8ccd1; }
#wiki-edit-form .oo-ui-inputWidget input { width: 100%; }
#wiki-editor-error { color: #b32424; }
@media (max-width: 559px) { #visual-editor .ve-ce-documentNode { padding: 14px; } }
/* Keep the new-page title separate from VisualEditor's toolbar. The focus
   indicator stays inside the input, so focus never changes its outer bounds. */
#wiki-edit-form > #wiki-title { display: block; width: 100%; margin: 0 0 16px; padding: 8px 10px; border: 1px solid #a2a9b1; border-radius: 2px; font-size: 16px; line-height: 1.5; }
#wiki-edit-form > #wiki-title:focus { outline: none; border-color: #36c; box-shadow: inset 0 0 0 1px #36c; }

#wiki-edit-form > label[for="wiki-title"] { display: block; margin-bottom: 6px; }

/* Reading, live editing and preview render the same article typography. */
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) {
  display: flow-root; color: #202122; font: 13px/1.6 Arial, Helvetica, sans-serif;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) h2 {
  font: bold 1.5em/1.6 Arial, Helvetica, sans-serif;
  border: 0; padding: 0; margin: 1em 0 .5em;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) p { margin: 0 0 1em; }
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) table.infobox {
  border-collapse: separate; border-spacing: 0; table-layout: auto; min-width: 0;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox th,
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox td {
  border: 0; border-top: 1px solid #e4e5e7; padding: 5px 3px; text-align: left; background: transparent;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox .infobox-title {
  font-size: 15px; text-align: center; background: #f2d9d9;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox .infobox-symbol {
  text-align: center; background: radial-gradient(#f5edbd, transparent); font-size: 64px;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox p { margin: 0; font: inherit; }
/* Shared article layout must not override the inactive preview's hidden state. */
#wiki-preview[hidden] { display: none; }

/* Text boxes are editable block content, with identical output in preview. */
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) blockquote {
  margin: 1em 0; padding: 12px; border: 1px solid #c8ccd1; background: #fff;
  font: inherit; color: inherit;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) blockquote > p:last-child { margin-bottom: 0; }

/* The infobox photo slot has a fixed height in reading, editing and preview. */
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox .infobox-symbol { padding: 0; height: 112px; }
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox-symbol > p {
  height: 112px; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .infobox-symbol img { max-width: 100%; max-height: 112px; object-fit: contain; }

/* A list inside one container: Enter creates an entry, not another box. */
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .contents > p { margin: 0; text-align: center; }
:is(.wiki-article-content, #visual-editor .ve-ce-documentNode) .contents li p { margin: 0; }

/* Permanent frames expose no row/column drag or dropdown handles. */
#visual-editor .ve-ce-tableNodeOverlay .ve-ui-tableLineContext { display: none; }
.article-row-actions {
  display: flex; flex-direction: column; position: absolute; z-index: 3; width: min(100%, 140px);
  background: #fff; box-shadow: 0 2px 5px #0002;
}
#visual-editor .article-row-actions button {
  flex: 1; min-width: 0; padding: 7px 5px; margin: 0;
  border: 1px solid #a2a9b1; background: #f8f9fa; font: bold 12px Arial, sans-serif;
}
#visual-editor .article-row-actions button + button { border-top: 0; }
#visual-editor .article-row-actions button:disabled { color: #72777d; cursor: default; }

.article-row-actions[hidden] { display: none; }
#visual-editor .infobox-symbol { cursor: pointer; user-select: none; }
