/* ===========================================================
   Wikipedia-style (Vector legacy) presentation
   =========================================================== */
* { box-sizing: border-box; }
html { font-size: 100%; }
body {
  margin: 0;
  background: #f6f6f6;
  color: #202122;
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
a { color: #3366cc; text-decoration: none; }
a:hover { text-decoration: underline; }
a.new { color: #ba0000; }
a.ext { color: #3366cc; }
a.ext::after {
  content: "";
  display: inline-block;
  width: 11px; height: 11px;
  margin-left: 1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11'%3E%3Cpath fill='%2336c' d='M1 1h4v1H2v7h7V6h1v4H1z'/%3E%3Cpath fill='%2336c' d='M6 1h4v4H9V2.7L5.3 6.4 4.6 5.7 8.3 2H6z'/%3E%3C/svg%3E") no-repeat;
  vertical-align: super;
}
.site-header { background: #fff; border-bottom: 1px solid #a7d7f9; padding: 8px 16px 0 16px; }
.site-brand { display: flex; align-items: center; gap: 12px; max-width: 1100px; margin: 0 auto; }
.logo-globe {
  width: 44px; height: 44px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff 0%, #e8e8e8 55%, #cfcfcf 100%);
  border: 1px solid #c8c8c8;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Georgia', serif; font-size: 22px; color: #54595d; flex: 0 0 auto;
  text-decoration: none;
}
.logo-globe:hover { text-decoration: none; }
.brand-text b { font-family: 'Georgia','Linux Libertine',serif; font-size: 18px; font-weight: normal; }
.brand-text a { color: inherit; }
.brand-text small { display: block; color: #54595d; font-size: 11px; letter-spacing: .3px; }
.brand-search { margin-left: auto; display: flex; align-items: center; }
.brand-search input { border: 1px solid #a2a9b1; border-radius: 2px; padding: 5px 8px; width: 220px; font-size: 13px; }
.brand-search button { border: 1px solid #a2a9b1; border-left: none; background: #f8f9fa; padding: 5px 10px; cursor: pointer; border-radius: 0 2px 2px 0; font-size: 13px; }
.tabs {
  max-width: 1100px; margin: 0 auto; padding: 0 16px;
  display: flex; justify-content: space-between; align-items: flex-end;
  border-bottom: 1px solid #a7d7f9; background: #fff;
}
.tabs ul { list-style: none; display: flex; margin: 0; padding: 0; }
.tabs li a {
  display: block; padding: 7px 12px 6px 12px; font-size: 13px;
  background: #fff; border: 1px solid #a7d7f9; border-bottom: none;
  color: #54595d; border-radius: 2px 2px 0 0; margin-right: 1px;
}
.tabs li.selected a { color: #202122; font-weight: bold; background: #fff; border-bottom: 1px solid #fff; }
.tabs li.dim a { color: #3366cc; }
.shell { max-width: 1100px; margin: 0 auto; background: #fff; border: 1px solid #a7d7f9; border-top: none; }
.content { padding: 18px 24px 40px 24px; }
h1.firstHeading {
  font-family: 'Georgia','Linux Libertine','Times New Roman',serif;
  font-weight: normal; font-size: 28px; line-height: 1.3;
  border-bottom: 1px solid #a2a9b1; padding-bottom: 4px; margin: 0 0 2px 0;
}
.siteSub { font-size: 12px; color: #54595d; margin-bottom: 14px; font-style: italic; }
h2 {
  font-family: 'Georgia','Linux Libertine','Times New Roman',serif;
  font-weight: normal; font-size: 22px; border-bottom: 1px solid #a2a9b1;
  padding-bottom: 3px; margin: 26px 0 12px 0;
}
h3 { font-size: 16px; margin: 20px 0 8px 0; font-weight: bold; }
p { margin: 0 0 12px 0; }
.editlink { font-size: 11px; font-weight: normal; color: #54595d; }
.editlink a { color: #3366cc; }
.hatnote { font-style: italic; padding: 4px 0 8px 1.6em; }
.infobox {
  float: right; clear: right; width: 23em; margin: 4px 0 16px 22px;
  border: 1px solid #a2a9b1; background: #f8f9fa; font-size: 13px; line-height: 1.5;
}
.infobox .ib-title { background: #d9ead3; text-align: center; font-weight: bold; font-size: 15px; padding: 7px 6px; border-bottom: 1px solid #a2a9b1; }
.infobox table { width: 100%; border-collapse: collapse; }
.infobox th, .infobox td { text-align: left; vertical-align: top; padding: 5px 7px; border-top: 1px solid #e3e3e3; }
.infobox th { width: 38%; }
.infobox .ib-imgwrap { text-align: center; padding: 10px 6px 6px; }
.infobox .ib-imgwrap img { width: 200px; max-width: 100%; height: auto; border: 1px solid #c8ccd1; }
.infobox .ib-cap { font-size: 11.5px; color: #54595d; padding: 4px 8px 10px; text-align: center; }
figure.thumb {
  float: right; clear: right; width: 260px; margin: 6px 0 12px 22px;
  border: 1px solid #c8ccd1; background: #f8f9fa; padding: 4px;
}
figure.thumb.left { float: left; margin: 6px 22px 12px 0; }
figure.thumb img { width: 100%; height: auto; display: block; }
figure.thumb figcaption { font-size: 12px; color: #54595d; padding: 6px 4px 2px; line-height: 1.4; }
.toc { display: table; background: #f8f9fa; border: 1px solid #a2a9b1; padding: 8px 14px; font-size: 13px; margin: 6px 0 18px 0; }
.toc .toctitle { text-align: center; font-weight: bold; margin-bottom: 6px; }
.toc ol { list-style: none; margin: 0; padding: 0; counter-reset: tocnum; }
.toc ol ol { padding-left: 18px; counter-reset: tocsub; }
.toc li { margin: 3px 0; }
.toc > ol > li { counter-increment: tocnum; }
.toc > ol > li > a::before { content: counter(tocnum) "  "; color:#202122; }
.toc ol ol li { counter-increment: tocsub; }
.toc ol ol li > a::before { content: counter(tocnum) "." counter(tocsub) "  "; color:#202122; }
.references { font-size: 12.5px; line-height: 1.5; padding-left: 22px; }
.references li { margin-bottom: 5px; }
.references li:target { background: #eaf3ff; }
sup.ref { font-size: 11px; line-height: 1; }
sup.ref a { padding: 0 1px; }
ul.plain { margin: 0 0 12px 18px; }
.catlinks { border: 1px solid #a2a9b1; background: #f8f9fa; padding: 6px 10px; font-size: 12.5px; margin-top: 28px; }
.catlinks ul { list-style: none; display: inline; margin: 0; padding: 0; }
.catlinks li { display: inline; border-left: 1px solid #a2a9b1; padding: 0 .6em; }
.catlinks li:first-child { border-left: none; padding-left: .4em; }
.footer { max-width: 1100px; margin: 12px auto 40px; padding: 0 16px; font-size: 11.5px; color: #72777d; }
.mw-search-hit { background: #ffe89c; transition: background 1.2s ease; }
@media (max-width: 720px) {
  .infobox { float: none; width: auto; margin: 0 0 16px 0; }
  figure.thumb, figure.thumb.left { float: none; width: auto; margin: 0 0 16px 0; }
  .brand-search { display: none; }
}