/* =========================================================
   Wikipedia (Barnes & Noble article) clone — style.css
   Built on top of Bootstrap 5 containers / rows / columns
   ========================================================= */

:root {
  --wiki-blue: #0645ad;
  --wiki-blue-visited: #0b0080;
  --wiki-border: #a7d7f9;
  --wiki-grey-border: #c8ccd1;
  --wiki-text: #202122;
  --wiki-grey-text: #54595d;
  --wiki-bg: #ffffff;
  --wiki-sidebar-w: 200px;
}

body {
  font-family: sans-serif;
  color: var(--wiki-text);
  background: var(--wiki-bg);
  font-size: 0.875rem;
}

a { color: var(--wiki-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ---------------- Top bar ---------------- */
.wiki-topbar {
  border-bottom: 1px solid var(--wiki-grey-border);
  background: #fff;
}

.wiki-hamburger { font-size: 1.4rem; color: #202122; padding: 0 .5rem 0 0; }

.wiki-logo-img { height: 40px; width: auto; }

.wiki-logo-text { line-height: 1.1; }
.wiki-logo-title { display: block; font-family: "Linux Libertine", Georgia, "Times New Roman", serif; font-weight: 700; font-size: 1.4rem; letter-spacing: .5px; color: #000; }
.wiki-logo-sub { display: block; font-size: .7rem; color: var(--wiki-grey-text); }

.wiki-search-form {
  align-items: stretch;
}
.wiki-search-icon {
  background: #fff;
  border: 1px solid var(--wiki-grey-border);
  border-right: none;
  color: var(--wiki-grey-text);
}
.wiki-search-input {
  border: 1px solid var(--wiki-grey-border);
  border-left: none;
  border-right: none;
  box-shadow: none !important;
}
.wiki-search-btn {
  background: #f8f9fa;
  border: 1px solid var(--wiki-grey-border);
  border-left: none;
  color: var(--wiki-text);
  font-weight: 600;
}
.wiki-search-btn:hover { background: #e9ecef; }

.wiki-account-links a {
  margin-left: 1rem;
  font-size: .85rem;
  color: var(--wiki-blue);
  white-space: nowrap;
}

/* ---------------- Promo banner ---------------- */
.wiki-banner {
  background: #fff;
  margin: .75rem auto;
  border-radius: 2px;
}
.wiki-banner-icon { width: 32px; opacity: .85; }
.wiki-banner-link { color: var(--wiki-blue); text-decoration: underline; font-size: .95rem; }
.wiki-banner-learn { color: var(--wiki-blue); text-decoration: underline; font-size: .95rem; }
.wiki-banner-close { opacity: .6; }

/* ---------------- Page shell ---------------- */
.wiki-page-title {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 2.2rem;
  border-bottom: 1px solid var(--wiki-grey-border);
  padding-bottom: .3rem;
  margin-bottom: .5rem;
}

.wiki-tabs {
  border-bottom: 1px solid var(--wiki-grey-border);
  font-size: .9rem;
  margin-bottom: 1rem;
}
.wiki-tabs a {
  display: inline-block;
  padding: .4rem .75rem;
  color: var(--wiki-blue) !important;
}
.wiki-tabs a.active {
  color: #000;
  border-bottom: 3px solid var(--wiki-text);
  font-weight: 600;
  text-decoration: none;
}
.wiki-tabs .float-end a { color: var(--wiki-grey-text); }

/* ---------------- Left TOC sidebar ---------------- */
.wiki-toc {
  font-size: .82rem;
  padding-right: .5rem;
}
.wiki-toc .toc-heading {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .4rem;
}
.wiki-toc ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.wiki-toc ul ul { padding-left: 1rem; }
.wiki-toc li { margin-bottom: .35rem; }
.wiki-toc a { color: var(--wiki-blue); }
.wiki-toc .toc-current > a { color: var(--wiki-grey-text); font-style: italic; }

.badge-hide {
  font-size: .7rem;
  background: #eaecf0;
  color: var(--wiki-text);
  border: 1px solid var(--wiki-grey-border);
  border-radius: 2px;
  padding: .15rem .5rem;
  font-weight: 400;
}

/* ---------------- Article body ---------------- */
.wiki-article p {
  line-height: 1.65;
  margin-bottom: 1rem;
  text-align: left;
}

.wiki-article h2 {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 1.6rem;
  font-weight: 400;
  border-bottom: 1px solid var(--wiki-grey-border);
  margin-top: 1.75rem;
  padding-bottom: .2rem;
}

.wiki-article h3 {
  font-family: "Linux Libertine", Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 1.25rem;
}

.wiki-edit-link { font-size: .75rem; font-weight: 400; float: right; }

.wiki-thumb-inline {
  float: left;
  margin: .25rem 1rem 1rem 0;
  max-width: 160px;
  border: 1px solid var(--wiki-grey-border);
  padding: 4px;
  background: #f8f9fa;
  font-size: .75rem;
  text-align: center;
}
.wiki-thumb-inline img { width: 100%; height: auto; display: block; margin-bottom: 4px; }

/* ---------------- Infobox (right column) ---------------- */
.wiki-infobox {
  border: 1px solid var(--wiki-grey-border);
  background: #f8f9fa;
  font-size: .82rem;
  padding: .5rem;
  margin-bottom: 1rem;
}
.wiki-infobox-title {
  text-align: center;
  font-weight: 700;
  font-size: 1rem;
  padding-bottom: .4rem;
}
.wiki-infobox img {width: 80%;display: block;margin: 0 auto;}
.wiki-infobox-caption {
  text-align: center;
  font-size: .78rem;
  padding: .4rem 0;
  border-bottom: 1px solid var(--wiki-grey-border);
  margin-bottom: .4rem;
}
.wiki-infobox-table td {
  padding: .3rem 0;
  vertical-align: top;
  border-top: 1px solid #eaecf0;
}
.wiki-infobox-table td.label { font-weight: 600; width: 38%; padding-right: .5rem; }

/* ---------------- Appearance panel (right rail) ---------------- */
.wiki-appearance {
  font-size: .82rem;
  border-left: 1px solid var(--wiki-grey-border);
  padding-left: 1rem;
}
.wiki-appearance .panel-title {
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  margin-bottom: .5rem;
}
.wiki-appearance h6 {
  font-size: .78rem;
  color: var(--wiki-grey-text);
  border-bottom: 1px solid #eaecf0;
  margin-top: .75rem;
  padding-bottom: .25rem;
}
.wiki-appearance .form-check { margin-bottom: .25rem; }

/* ---------------- Footer ---------------- */
.wiki-footer {
  border-top: 1px solid var(--wiki-grey-border);
  margin-top: 2rem;
  padding: 1rem 0;
  font-size: .75rem;
  color: var(--wiki-grey-text);
}

/* =========================================================
   Responsive tweaks
   ========================================================= */
@media (max-width: 991.98px) {
  .wiki-appearance { display: none; } /* hidden on tablets/phones like real Wikipedia */
  .wiki-logo-sub { display: none; }
}

@media (max-width: 767.98px) {
  .wiki-toc { border: 1px solid var(--wiki-grey-border); padding: .75rem; margin-bottom: 1rem; }
  .wiki-page-title { font-size: 1.6rem; }
  .wiki-thumb-inline { float: none; max-width: 100%; margin: 0 0 1rem 0; }
  .wiki-account-links a { margin-left: .5rem; font-size: .78rem; }
  .wiki-logo-title { font-size: 1.1rem; }
}

@media (max-width: 575.98px) {
  .wiki-banner-link, .wiki-banner-learn { font-size: .8rem; }
}

.wiki-banner .container {
    border: 1px solid #ff0000;
}



ul {}

.wiki-toc ul li ul.navbar-nav {
    padding: 0;
}

.wiki-toc ul li ul.navbar-nav ul.dropdown-menu.show {
    position: unset !important;
    transform: unset !important;
    padding: 0;
    border: unset;
}

.wiki-toc ul li ul.navbar-nav ul.dropdown-menu.show li {}

.wiki-toc ul li ul.navbar-nav ul.dropdown-menu.show li a.dropdown-item {
    padding: 0;
    font-size: 13.12px;
}

.wiki-toc ul li ul.navbar-nav li.nav-item.dropdown {
    margin: 0;
}

.wiki-toc ul li ul.navbar-nav li.nav-item.dropdown a#historyDropdown {
    color: #0645ad !important;
    padding-bottom: 0;
}


.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1550px;
}


button.btn.wiki-search-btn {
    border-radius: 0;
    border: 1px solid var(--wiki-grey-border);
}

input.form-control.wiki-search-input {
    border-radius: 0;
}

span.input-group-text.wiki-search-icon {
    border-radius: 0;
}






@media (max-width:1600px){

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
}

}





@media (max-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1300px;
    }
}


@media (max-width: 1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}


@media (max-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}


@media (max-width: 767px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 650px;
    }
}


@media (max-width: 560px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 500px;
    }
}


@media (max-width: 480px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 390px;
    }
}