/* ── Base ── */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #202122;
  background: #fff;
}

a {
  color: #0645ad;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #0b0080;
}

img {
  max-width: 100%;
  height: auto;
}

.container {
  max-width: 960px;
  margin: 0 auto;
  padding: 12px;
}

/* ── Wikipedia Main Page boxes ── */
.mp-box {
  border: 1px solid #aaa;
  padding: 0 0.5em 0.5em;
  margin-top: 4px;
}

.mp-h2 {
  border: 1px solid #aaa;
  margin: 0.5em 0;
  padding: 0.2em 0.4em;
  font-size: 120%;
  font-weight: bold;
  font-family: inherit;
}

/* ── Top banner ── */
#mp-topbanner {
  background-color: #f9f9f9;
  border-color: #ddd;
}

#mp-welcomecount {
  text-align: center;
  margin: 0.4em;
}

#mp-welcome {
  font-size: 162%;
  padding: 0.1em;
}

#mp-welcome h1 {
  font-size: inherit;
  font-family: inherit;
  display: inline;
  border: none;
}

#mp-free {
  font-size: 95%;
}

/* ── Upper: two columns ── */
#mp-left {
  background-color: #f5fffa;
  border-color: #cef2e0;
}

#mp-left .mp-h2 {
  background-color: #cef2e0;
  border-color: #a3bfb1;
}

#mp-right {
  background-color: #f5faff;
  border-color: #cedff2;
}

#mp-right .mp-h2 {
  background-color: #cedff2;
  border-color: #a3b0bf;
}

/* ── Middle ── */
#mp-middle {
  background-color: #fff5fa;
  border-color: #f2cedd;
}

#mp-middle .mp-h2 {
  background-color: #f2cedd;
  border-color: #bfa3af;
}

/* ── Lower ── */
#mp-lower {
  background-color: #faf5ff;
  border-color: #ddcef2;
}

#mp-lower .mp-h2 {
  background-color: #ddcef2;
  border-color: #afa3bf;
}

/* ── Bottom ── */
#mp-bottom {
  border-color: #e2e2e2;
}

#mp-bottom .mp-h2 {
  background-color: #eee;
  border-color: #ddd;
}

/* ── Profile box ── */
#mp-profile {
  border-color: #e2e2e2;
  overflow: hidden;
}

/* ── Infobox ── */
.infobox {
  float: right;
  clear: right;
  width: 200px;
  margin: 0 0 10px 14px;
  border: 1px solid #cef2e0;
  border-collapse: collapse;
  background: #f5fffa;
  font-size: 0.9em;
  line-height: 1.5;
}

.infobox td,
.infobox th {
  padding: 3px 6px;
  border-top: 1px solid #a2a9b1;
  vertical-align: top;
  text-align: left;
}

.infobox th {
  font-weight: bold;
  white-space: nowrap;
  background: #edfff5;
}

.infobox-email {
  background: #cef2e0;
  padding: 1px 4px;
  border-radius: 2px;
  font-weight: bold;
}

.infobox-image {
  text-align: center;
  padding: 6px;
  border-top: none !important;
}

.infobox-image img {
  width: 180px;
  display: block;
  margin: 0 auto;
}

/* ── Wikitable ── */
.wikitable {
  border-collapse: collapse;
  margin: 8px 0;
  width: 100%;
  font-size: 0.95em;
}

.wikitable th,
.wikitable td {
  border: 1px solid #a2a9b1;
  padding: 4px 8px;
  text-align: left;
  vertical-align: top;
}

.wikitable th {
  background: #eaecf0;
  font-weight: bold;
}

/* ── Contact links (dot-separated) ── */
#articlecount {
  font-size: 85%;
}

#articlecount > ul {
  margin: 0;
  padding: 0;
}

#articlecount > ul > li {
  margin: 0;
  display: inline;
}

#articlecount > ul > li::after {
  content: " · ";
  font-weight: bold;
}

#articlecount > ul > li:last-child::after {
  content: "";
}

/* ── Lists ── */
ul, ol {
  margin: 6px 0 10px 24px;
}

li {
  margin-bottom: 3px;
}

ul ul, ol ul {
  margin-top: 3px;
  margin-bottom: 3px;
}

/* ── Paragraphs ── */
p {
  margin-bottom: 8px;
}

/* ── Navigation Tabs ── */
.wiki-tabs-bar {
  background: #f8f9fa;
  border-bottom: 1px solid #a2a9b1;
}

.wiki-tabs-bar .container {
  padding-bottom: 0;
  padding-top: 8px;
}

.wiki-tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: flex-end;
}

.wiki-tab {
  margin: 0;
  margin-bottom: -1px;
}

.wiki-tab a {
  display: block;
  padding: 5px 16px;
  color: #0645ad;
  text-decoration: none;
  border: 1px solid #a2a9b1;
  border-bottom: 1px solid #a2a9b1;
  background: #eaecf0;
  font-size: 0.88em;
  margin-right: 2px;
  border-radius: 2px 2px 0 0;
}

.wiki-tab a:hover {
  background: #fff;
  text-decoration: none;
}

.wiki-tab-active a {
  background: #fff;
  color: #202122;
  font-weight: bold;
  border-bottom-color: #fff;
}

/* ── Gallery group titles ── */
.gallery-group-title {
  font-size: 1em;
  font-weight: bold;
  margin: 12px 6px 2px;
  padding: 2px 6px;
  border-left: 3px solid #a2a9b1;
  color: #202122;
}

/* ── Photography Gallery ── */
.gallery-page-box {
  background-color: #f8f9fa;
  border-color: #a2a9b1;
}

.gallery-h2 {
  background-color: #eaecf0;
  border-color: #a2a9b1;
}

.wiki-gallery {
  list-style: none;
  margin: 10px 6px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.wiki-gallerybox {
  border: 1px solid #aaa;
  width: 162px;
  overflow: hidden;
  border-radius: 2px;
  vertical-align: top;
}

.wiki-thumb {
  width: 100%;
  height: 140px;
  overflow: hidden;
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wiki-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  image-orientation: from-image;
}

.wiki-gallerytext {
  padding: 4px 6px;
  font-size: 0.8em;
  color: #202122;
  text-align: center;
  min-height: 22px;
}

/* ── Footer ── */
footer {
  margin-top: 12px;
  padding: 8px 0;
  text-align: center;
  font-size: 0.85em;
  color: #72777d;
}

/* ── Responsive ── */
@media (max-width: 875px) {
  .infobox {
    float: none;
    width: 100%;
    margin: 0 0 10px 0;
  }

  #articlecount > ul > li::after {
    content: "";
  }

  #articlecount > ul > li {
    display: block;
  }
}