/* God's Wiki – classic encyclopedia skin (Vector-2010-style layout, own marks) */
:root {
  --link: #0645ad; --visited: #0b0080; --text: #202122; --muted: #54595d;
  --border: #a2a9b1; --frame: #a7d7f9; --chrome: #f6f6f6; --box: #f8f9fa;
  --bg: #fff; --soft: #eaecf0; --hover: #eaf3ff; --tab-edge: #77c1f6; --tab-mid: #e8f2f8; --amber: #fef6e7; --rule: #c8ccd1;
  --mp-l: #f5fffa; --mp-l-h: #cef2e0; --mp-l-b: #a3bfb1; --mp-r: #f5faff; --mp-r-h: #cedff2; --mp-r-b: #a3b0bf; --green: #14866d;
  color-scheme: light;
  --serif: 'Linux Libertine', 'Georgia', 'Times', serif;
}
html { font-size: 100%; }
body { margin: 0; background: var(--chrome); font-family: sans-serif; color: var(--text); }
a { color: var(--link); text-decoration: none; }
a:visited { color: var(--visited); }
a:hover { text-decoration: underline; }

#mw-page-base { height: 5em; background: linear-gradient(var(--bg) 50%, var(--chrome) 100%); }
#mw-head-base { margin-top: -5em; margin-left: 10em; height: 5em; }

.mw-body {
  margin-left: 10rem; margin-top: -1px; padding: 1.25em 1.5em 1.5em;
  background: var(--bg); border: 1px solid var(--frame); border-right: 0;
  font-size: 0.875em; line-height: 1.6; position: relative; min-height: 30em;
}
#firstHeading {
  font-family: var(--serif); font-size: 1.8em; font-weight: normal; line-height: 1.3;
  margin: 0 0 .25em; padding: 0; border-bottom: 1px solid var(--border);
}
#siteSub { font-size: 92%; color: var(--muted); margin-bottom: .8em; }
.mw-body h2 {
  font-family: var(--serif); font-size: 1.5em; font-weight: normal; line-height: 1.3;
  margin: 1em 0 .25em; border-bottom: 1px solid var(--border); clear: none;
}
.mw-body h3 { font-size: 1.2em; font-weight: bold; margin: .3em 0 0; }
.mw-body p { margin: .5em 0; }
.mw-body ul { margin: .3em 0 0 1.6em; padding: 0; list-style: square; }
.mw-body li { margin-bottom: .1em; }

/* Head: tabs + search */
#mw-head { position: absolute; top: 0; right: 0; width: 100%; height: 5em; }
#left-navigation { float: left; margin-left: 10em; margin-top: 2.5em; margin-bottom: -2.5em; }
#right-navigation { float: right; margin-top: 2.5em; display: flex; align-items: flex-start; }
.tabs { display: flex; margin: 0; padding: 0 0 0 1px; list-style: none; height: 2.5em;
  background: linear-gradient(to bottom, rgba(167,215,249,0) 0, var(--frame) 100%) no-repeat left bottom / 1px 100%; }
.tabs li { height: 2.5em; background: linear-gradient(to top, var(--tab-edge) 0, var(--tab-mid) 1px, var(--bg) 100%);
  padding-right: 1px; box-shadow: inset -1px 0 0 0 transparent; position: relative; }
.tabs li::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px;
  background: linear-gradient(to bottom, rgba(167,215,249,0) 0, var(--frame) 100%); }
.tabs li.selected { background: var(--bg); }
.tabs li a, .tabs li label { display: block; height: 1.9em; padding: 1.25em .5em 0; font-size: .8125em; color: var(--link); cursor: pointer; }
.tabs li.selected a { color: var(--text); }
.tr-tab label { color: var(--muted) !important; padding-top: .9em !important; }
.tr-tab select { font-size: 1em; margin-left: .2em; border: 1px solid var(--border); border-radius: 2px; background: var(--bg); color: var(--text); max-width: 15em; }

#p-search { position: relative; margin: .5em .5em 0 .5em; }
#p-search input { width: 14em; padding: .35em 2em .35em .4em; font-size: .8125em; border: 1px solid var(--border); border-radius: 2px; box-sizing: border-box; }
#p-search button { position: absolute; right: 1px; top: 1px; bottom: 1px; width: 2em; border: 0; background: none; cursor: pointer; color: var(--muted); font-size: 1em; }
#suggestions { position: absolute; z-index: 10; top: 100%; left: 0; right: 0; margin: 0; padding: 0; list-style: none;
  background: var(--bg); border: 1px solid var(--border); font-size: .8125em; }
#suggestions li a { display: block; padding: .3em .5em; color: var(--text); }
#suggestions li a:hover, #suggestions li a.active { background: var(--hover); text-decoration: none; }
#suggestions li small { display: block; color: var(--muted); }
#menu-toggle, .mobile-logo { display: none; }

/* Sidebar */
#mw-panel { position: absolute; top: 0; left: 0; width: 10em; font-size: inherit; }
#p-logo { width: 10em; height: 160px; margin-bottom: 1em; }
#p-logo a { display: block; width: 10em; height: 160px; text-align: center; padding-top: 4px; }
.portal { margin: 0 .6em 0 .7em; padding: .25em 0; }
.portal h3 { font-size: .75em; color: var(--muted); font-weight: normal; margin: .5em 0 0 .6666em; padding: .25em 0;
  background: linear-gradient(to right, rgba(200,204,209,0) 0, var(--rule) 33%, var(--rule) 66%, rgba(200,204,209,0) 100%) no-repeat left bottom / 100% 1px; }
.portal ul { list-style: none; margin: 0; padding: .3em 0 0 1.25em; }
.portal.first ul { padding-top: 0; }
.portal li { font-size: .75em; line-height: 1.125em; padding: .25em 0; }

#footer { margin-left: 10em; padding: 1.25em; font-size: .75em; color: var(--text); }
#footer p { margin: .4em 0; }

/* Article furniture */
.ambox { border: 1px solid var(--border); border-left: 10px solid #fc3; background: var(--box); padding: .5em .8em; margin: 0 0 1em; font-size: 95%; }
.hatnote { font-style: italic; padding-left: 1.6em; margin-bottom: .5em; }
.infobox { float: right; clear: right; width: 22em; margin: .5em 0 1em 1em; padding: .2em; border: 1px solid var(--border);
  background: var(--box); font-size: 88%; line-height: 1.5em; border-spacing: 3px; }
.infobox caption { font-size: 125%; font-weight: bold; padding: .2em; }
.infobox th { text-align: left; vertical-align: top; padding-right: .6em; }
.infobox td { vertical-align: top; }
.infobox-key { font-weight: normal !important; text-align: center !important; font-family: var(--serif); font-style: italic; padding: .4em !important; border-bottom: 1px solid var(--border); }
.infobox-keyref { font-style: normal; font-family: sans-serif; font-size: 92%; margin-top: .3em; }
.lead { margin-top: 0; }
.toc { display: inline-block; border: 1px solid var(--border); background: var(--box); padding: 7px; font-size: 95%; margin: .5em 0; }
.toc .toctitle { text-align: center; }
.toc .toctitle h2 { display: inline; border: 0; font-family: sans-serif; font-size: 100%; font-weight: bold; margin: 0; }
.toc .toctoggle { font-size: 94%; }
.toc ul { list-style: none; margin: .3em 0 0 0 !important; padding: 0 1em 0 0; }
.toc .tocnumber { color: var(--text); padding-right: .5em; }
.toc.collapsed ul { display: none; }

.verses { list-style: none !important; margin-left: 0 !important; }
.verses li { margin: .6em 0 .9em; padding-left: 1.2em; border-left: 3px solid var(--soft); }
.verses .ref { font-weight: bold; }
.passage { font-family: var(--serif); font-size: 1.07em; }
.vn { font-size: 70%; color: var(--muted); margin-right: .15em; }
sup.vn { vertical-align: super; line-height: 0; }
.missing { color: var(--muted); font-family: sans-serif; font-size: 85%; }
.references { font-size: 90%; }

#catlinks { clear: both; border: 1px solid var(--border); background: var(--box); padding: 5px; margin-top: 1.5em; }
#catlinks ul { display: inline; margin: 0; padding: 0; list-style: none; }
#catlinks li { display: inline-block; margin: 0; padding: 0 .5em; border-left: 1px solid var(--border); line-height: 1.25em; }
#catlinks li:first-child { padding-left: .25em; border-left: 0; }

.columns { column-width: 14em; }
.wikitable { border-collapse: collapse; background: var(--box); border: 1px solid var(--border); margin: 1em 0; }
.wikitable th, .wikitable td { border: 1px solid var(--border); padding: .2em .4em; }
.wikitable th { background: var(--soft); }

/* Bible reader */
.crumbs { color: var(--muted); }
.chapter-grid { display: flex; flex-wrap: wrap; gap: .3em; }
.chapter-grid a { display: inline-block; min-width: 2.2em; text-align: center; padding: .2em; border: 1px solid var(--rule); background: var(--box); }
.chapter-nav { display: flex; justify-content: space-between; margin: .8em 0; }
.chapter .bverse { font-family: var(--serif); font-size: 1.07em; margin: .25em 0; }
.chapter .bverse:target { background: var(--amber); }
.chapter .vn { font-family: sans-serif; }

/* Main page */
#mp-welcome { text-align: center; background: var(--box); border: 1px solid var(--border); padding: .6em; margin-bottom: 1em; }
#mp-welcome h2 { border: 0; margin: 0; font-size: 1.8em; }
#mp-welcome p { margin: .2em 0; }
#mp-welcome .count { font-size: 90%; }
#mp-columns { display: grid; grid-template-columns: 55% 1fr; gap: 1em; }
.mp-box { border: 1px solid var(--border); padding: 0 .8em .6em; }
.mp-left { background: var(--mp-l); border-color: var(--mp-l-b); }
.mp-left h2 { background: var(--mp-l-h); border: 1px solid var(--mp-l-b); }
.mp-right { background: var(--mp-r); border-color: var(--mp-r-b); }
.mp-right h2 { background: var(--mp-r-h); border: 1px solid var(--mp-r-b); }
.mp-box h2 { font-size: 1.15em !important; font-weight: bold !important; font-family: sans-serif !important; margin: .5em -.4em .4em !important; padding: .2em .4em; }
.mp-box ul { list-style: none; margin-left: 0 !important; }
.votd .passage { font-size: 1.2em; font-style: italic; }
.votd-ref, .more { text-align: right; }

.search-page input { width: 24em; max-width: 70%; padding: .35em; }
.search-hit { margin-bottom: 1em; }
.search-hit .searchresult { font-size: 95%; }
.search-hit mark { background: none; font-weight: bold; }
.search-hit .meta { color: var(--green); font-size: 90%; }

/* Compare mode: 2-3 chosen translations, labeled (which ones show is set by the #cmp-style element) */
html.cmp .tr { margin: .15em 0; }
html.cmp .tr::before { content: attr(data-t); display: inline-block; min-width: 5.2em; font: bold 70% sans-serif; color: var(--muted); }
html.cmp .passage sup.vn { display: block; margin-top: .4em; }

/* Compare picker */
.cmp-tab { position: relative; }
#cmp-panel { position: absolute; z-index: 20; top: 100%; right: 0; width: 18em; background: var(--bg); border: 1px solid var(--border);
  box-shadow: 0 2px 6px rgba(0,0,0,.15); padding: .5em .7em; font-size: .8125em; }
#cmp-panel label { display: block; padding: .15em 0; color: var(--text); cursor: pointer; }
#cmp-panel label small { color: var(--muted); }
#cmp-panel label:has(input:disabled) { color: var(--border); cursor: default; }
.cmp-hint { margin: 0 0 .4em; color: var(--muted); }
.cmp-actions { margin-top: .5em; display: flex; gap: .4em; }
.cmp-actions button { font-size: 1em; padding: .2em .6em; cursor: pointer; }

@media (max-width: 760px) {
  #mw-page-base, #mw-head-base { display: none; }
  #mw-head { position: static; height: auto; display: flex; flex-wrap: wrap; align-items: center; background: var(--bg); border-bottom: 1px solid var(--border); padding: .3em .5em; gap: .3em; }
  #menu-toggle { display: block; border: 0; background: none; font-size: 1.4em; cursor: pointer; padding: 0 .3em; }
  .mobile-logo { display: block; font-family: var(--serif); font-size: 1.3em; color: var(--text) !important; flex: 1; }
  #left-navigation { display: none; }
  #right-navigation { float: none; margin: 0; width: 100%; flex-direction: column-reverse; }
  #right-navigation .tabs { background: none; height: auto; }
  #right-navigation .tabs li { background: none; height: auto; }
  #right-navigation .tabs li:first-child { display: none; }
  .tabs li::after { display: none; }
  .tr-tab label, .cmp-tab > a { padding: .3em 0 !important; height: auto !important; }
  #cmp-panel { right: auto; left: 0; }
  #right-navigation .tabs { flex-wrap: wrap; gap: 0 1em; }
  #p-search { margin: .3em 0 0; }
  #p-search input { width: 100%; font-size: 1em; }
  body { display: flex; flex-direction: column; }
  #mw-head { order: 1; } #mw-panel { order: 2; } .mw-body { order: 3; } #footer { order: 4; }
  #mw-panel { position: static; width: auto; display: none; background: var(--bg); border-bottom: 1px solid var(--border); }
  body.menu-open #mw-panel { display: block; }
  #p-logo { display: none; }
  .portal li { font-size: .9em; }
  .mw-body { margin: 0; border: 0; padding: 1em; }
  #footer { margin: 0; }
  .infobox { float: none; width: auto; margin: .5em 0; }
  #mp-columns { grid-template-columns: 1fr; }
}
@media print {
  #mw-head, #mw-panel, #footer, .toc { display: none; }
  .mw-body { margin: 0; border: 0; }
}
.ambox-help { border-left-color: #36c; }

/* Personal tools row (top right), like the encyclopedia skin's appearance link */
#p-personal { position: absolute; top: .45em; right: .75em; font-size: .75em; z-index: 5; }
@media (max-width: 760px) { #p-personal { position: static; order: 2; margin-left: auto; font-size: .85em; } }

/* Dark mode: set on <html data-theme="dark"> before paint (device setting until the reader chooses) */
html[data-theme="dark"] {
  --link: #88a3e8; --visited: #a799cd; --text: #eaecf0; --muted: #a2a9b1;
  --border: #54595d; --frame: #3a5a7a; --chrome: #101418; --box: #1b1f24;
  --bg: #101418; --soft: #2a2f36; --hover: #233044; --tab-edge: #3a5a7a; --tab-mid: #161b21; --amber: #3a3020; --rule: #3a3f46;
  --mp-l: #12201a; --mp-l-h: #1d3a2c; --mp-l-b: #2f5544; --mp-r: #121a24; --mp-r-h: #1e2c3d; --mp-r-b: #34465c; --green: #4fbf9f;
  color-scheme: dark;
}
html[data-theme="dark"] body { background: #0b0e11; }
html[data-theme="dark"] #mw-page-base { background: linear-gradient(var(--bg) 50%, #0b0e11 100%); }
html[data-theme="dark"] #p-logo img { filter: invert(1) hue-rotate(180deg); }
html[data-theme="dark"] .ambox { border-left-color: #b8860b; }
html[data-theme="dark"] .ambox-help { border-left-color: #6d8af0; }
html[data-theme="dark"] #cmp-panel { box-shadow: 0 2px 8px rgba(0,0,0,.6); }
html[data-theme="dark"] .search-page input, html[data-theme="dark"] #p-search input { background: var(--box); color: var(--text); }

/* Context under a passage ("Show context") and highlighted cited verses */
.ctx-links { font-size: 85%; margin-top: .2em; }
.ctx { margin: .4em 0 .2em; padding: .4em .8em; border: 1px solid var(--border); background: var(--box); font-size: .95em; }
.ctx.whole { max-height: 28em; overflow-y: auto; }
.ctx .bverse { font-family: var(--serif); margin: .2em 0; color: var(--muted); }
.ctx .bverse .vn { font-family: sans-serif; }
.ctx .bverse.cited, .chapter .bverse.cited { color: var(--text); background: var(--amber); }
.ctx-more { display: inline-block; margin-top: .3em; font-size: 85%; }
html.cmp .ctx .tr { margin: .1em 0; }

/* generated: translation switching */
.tr{display:none}
html[data-tr="KJV"] .tr-KJV,
html[data-tr="NKJV"] .tr-NKJV,
html[data-tr="NASB95"] .tr-NASB95,
html[data-tr="NASB"] .tr-NASB,
html[data-tr="CSB"] .tr-CSB,
html[data-tr="NIV"] .tr-NIV,
html[data-tr="NIrV"] .tr-NIrV,
html[data-tr="AMP"] .tr-AMP,
html[data-tr="EASY"] .tr-EASY{display:inline}