/* Wikiverse — encyclopedia chrome. Familiar reference-site grammar,
   original implementation and branding. */
:root{
  --link:#3366cc; --visited:#795cb2; --new:#a55858;
  --ink:#202122; --muted:#54595d; --line:#a2a9b1; --soft:#eaecf0;
  --paper:#fff; --ground:#f8f9fa; --serif:'Linux Libertine',Georgia,'Times New Roman',serif;
}
*{box-sizing:border-box}
html{font-size:14px}
body{margin:0;background:var(--ground);color:var(--ink);
  font:1rem/1.6 -apple-system,'Segoe UI',Roboto,Lato,Helvetica,Arial,sans-serif}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
a.new{color:var(--new)}

/* ── header ── */
.wv-head{background:var(--paper);border-bottom:1px solid var(--soft);
  display:flex;align-items:center;gap:1.2em;padding:.45em 1.2em;position:sticky;top:0;z-index:20}
.wv-brand{display:flex;align-items:center;gap:.55em;color:var(--ink);flex:none}
.wv-brand:hover{text-decoration:none}
.wv-globe{width:38px;height:38px;flex:none}
.wv-name{font-family:var(--serif);font-size:1.45em;letter-spacing:.02em;line-height:1.05}
.wv-tag{font-size:.62em;color:var(--muted);letter-spacing:.03em}
.wv-search{position:relative;flex:1;max-width:36em}
.wv-search input{width:100%;padding:.5em .9em .5em 2.3em;border:1px solid var(--line);
  border-radius:2px;font-size:1em;background:var(--paper);color:var(--ink)}
.wv-search input:focus{outline:2px solid var(--link);outline-offset:-1px}
.wv-search .mag{position:absolute;left:.7em;top:50%;transform:translateY(-50%);opacity:.55}
.wv-sug{position:absolute;left:0;right:0;top:100%;background:var(--paper);
  border:1px solid var(--line);border-top:0;box-shadow:0 2px 6px rgba(0,0,0,.12);display:none}
.wv-sug a{display:block;padding:.45em .8em;color:var(--ink);border-top:1px solid var(--soft)}
.wv-sug a:first-child{border-top:0}
.wv-sug a:hover,.wv-sug a.sel{background:var(--soft);text-decoration:none}
.wv-sug small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv-sug .go{color:var(--link);font-style:italic}

/* ── frame ── */
.wv-frame{display:flex;max-width:1400px;margin:0 auto;align-items:flex-start}
.wv-side{width:11.5em;flex:none;padding:1.2em .8em 2em 1.2em;font-size:.93em;position:sticky;top:52px}
.wv-side h5{margin:1.4em 0 .3em;font-weight:normal;color:var(--muted);
  border-bottom:1px solid var(--soft);padding-bottom:.2em;font-size:.92em}
.wv-side h5:first-child{margin-top:0}
.wv-side a{display:block;padding:.14em 0;color:var(--link)}
.wv-main{flex:1;min-width:0;background:var(--paper);border:1px solid var(--soft);
  border-top:0;padding:1.4em 2em 3em;margin-right:.8em}

/* ── article chrome: page tabs + byline ── */
.wv-tabs{display:flex;justify-content:space-between;align-items:flex-end;
  border-bottom:1px solid var(--line);margin:0 0 .6em;font-size:.92em}
.wv-tabs .left,.wv-tabs .right{display:flex}
.wv-tabs .tab{padding:.45em .9em .4em;color:var(--link);border:1px solid transparent;border-bottom:0}
.wv-tabs .tab:hover{text-decoration:none;background:var(--ground)}
.wv-tabs .tab.on{color:var(--ink);background:var(--paper);border-color:var(--line);
  border-bottom:1px solid var(--paper);margin-bottom:-1px;cursor:default}
.wv-fromline{color:var(--muted);font-size:.88em;margin:-.2em 0 .9em}
.wv-notice{border:1px solid #cedff2;background:#f5faff;padding:.5em .9em;margin:.4em 0 .8em;
  font-size:.92em;font-style:italic}

/* ── article ── */
.wv-title{font-family:var(--serif);font-size:2.05em;font-weight:normal;margin:0;
  border-bottom:1px solid var(--line);padding-bottom:.12em;line-height:1.25}
.wv-shortdesc{color:var(--muted);font-size:.92em;margin:.25em 0 1em}
.wv-body{max-width:60em}
.wv-body p{margin:.6em 0 .8em}
.wv-body h2{font-family:var(--serif);font-weight:normal;font-size:1.55em;
  border-bottom:1px solid var(--line);margin:1.3em 0 .4em;padding-bottom:.1em}
.wv-body sup.ref{font-size:.75em;line-height:0;color:var(--link);cursor:pointer}
.wv-toc{display:inline-block;background:var(--ground);border:1px solid var(--line);
  padding:.7em 1.4em .7em 1em;margin:.8em 0;font-size:.95em}
.wv-toc b{display:block;text-align:center;margin-bottom:.3em}
.wv-toc ol{margin:0;padding-left:1.4em}
.wv-infobox{float:right;clear:right;width:22em;max-width:45%;margin:0 0 1em 1.6em;
  background:var(--ground);border:1px solid var(--line);font-size:.88em;line-height:1.45;
  border-spacing:3px;padding:.3em}
.wv-infobox caption{font-weight:bold;font-size:1.15em;padding:.4em .2em .2em}
.wv-infobox th{text-align:left;vertical-align:top;padding:.25em .5em .25em .3em;width:38%}
.wv-infobox td{vertical-align:top;padding:.25em .3em}
.wv-refs{font-size:.88em;column-width:28em;column-gap:2.5em;margin:.4em 0;padding-left:1.6em}
.wv-refs li{margin-bottom:.35em;break-inside:avoid}
.wv-seealso{list-style:none;padding:0;margin:.4em 0;column-width:16em}
.wv-seealso li::before{content:'• ';color:var(--muted)}
.wv-cats{margin-top:2.5em;border:1px solid var(--line);background:var(--ground);
  padding:.35em .8em;font-size:.9em}
.wv-cats a{margin-right:.2em}
.wv-cats span+span::before{content:' | ';color:var(--muted)}

/* ── loading skeleton: an ordinary article, not yet painted ── */
.wv-skel{max-width:60em}
.wv-skel .ln{height:.85em;margin:.55em 0;border-radius:3px;background:var(--soft);
  animation:wvshimmer 1.5s ease-in-out infinite}
.wv-skel .gap{height:1.6em}
.wv-skel .box{float:right;width:22em;max-width:45%;margin:0 0 1em 1.6em;
  background:var(--ground);border:1px solid var(--line);padding:1em}
.wv-skel .box .ln{background:#e4e6ea}
@keyframes wvshimmer{0%,100%{opacity:1}50%{opacity:.45}}
.wv-err{border:1px solid #d5a6a6;background:#fdf2f2;color:#7a2e2e;padding:.8em 1.2em;margin:1.5em 0}

/* ── first-writer banner + share ── */
.wv-first{border:1px solid #b8d0a8;background:#f3f9ee;padding:.7em 1.1em;margin:1em 0;
  font-size:.95em;display:flex;flex-wrap:wrap;gap:.6em;align-items:center}
.wv-share{display:inline-flex;gap:.5em}
.wv-share a,.wv-share button{border:1px solid var(--line);background:var(--paper);color:var(--ink);
  padding:.25em .7em;border-radius:2px;font-size:.92em;cursor:pointer}
.wv-share a:hover,.wv-share button:hover{background:var(--soft);text-decoration:none}

/* ── main page (encyclopedia Main Page grammar: welcome banner + tinted panels) ── */
.mp .wv-main{margin:.8em;border-top:1px solid var(--soft)}
.wv-headlinks{flex:none;font-size:.92em;display:flex;gap:1.2em}
.mp-banner{border:1px solid var(--line);background:var(--ground);text-align:center;
  padding:1.1em 1em 1.4em;margin-bottom:1em}
.mp-welcome{font-family:var(--serif);font-size:1.85em}
.mp-sub{font-size:1.05em;margin:.15em 0 .3em}
.mp-count{color:var(--muted);font-size:.95em;margin-bottom:1em}
.mp-banner .wv-search.big{margin:0 auto;font-size:1.1em;max-width:34em}
.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1em;align-items:start}
.mp-col{display:flex;flex-direction:column;gap:1em}
.mp-box{border:1px solid var(--line)}
.mp-box>h2{margin:0;padding:.25em .6em;font-size:1.05em;font-weight:bold;
  font-family:inherit;border-bottom:1px solid var(--line)}
.mp-box .in{padding:.6em .9em .8em}
.mp-box .in p{margin:.35em 0}
.mp-box .in ul{margin:.2em 0;padding-left:1.4em}
.mp-box .in li{margin:.35em 0}
.mp-box.blue{border-color:#cedff2;background:#f5faff}
.mp-box.blue>h2{background:#cedff2;border-color:#a3b0bf}
.mp-box.green{border-color:#cef2e0;background:#f5fffa}
.mp-box.green>h2{background:#cef2e0;border-color:#a3bfb1}
.mp-box.gray{border-color:#ddd;background:#fafafa}
.mp-box.gray>h2{background:#eee;border-color:#ccc}
.mp-box.wide{margin-top:1em;border-color:#e2d8c8;background:#fdfaf3}
.mp-box.wide>h2{background:#f0e7d8;border-color:#cbbf9f}
.mp-box .more{text-align:right}
.mp-box.wide{grid-column:1/-1;margin-top:1em}
.pfoot{padding:.3em .9em .5em;font-size:.88em;font-style:italic;color:var(--muted);
  border-top:1px solid rgba(0,0,0,.06);text-align:right}
#mp-tfp blockquote{font-family:var(--serif);font-size:1.25em;line-height:1.5;
  margin:.4em 1.5em;color:var(--ink)}
.in.sisters{display:flex;flex-wrap:wrap;gap:.5em 2em}
.in.sisters a{font-weight:bold}
.in.sisters a small{display:block;font-weight:normal;color:var(--muted)}
.mp-langs{text-align:center;color:var(--muted);margin:1.4em 0 .4em;font-size:.95em}
.dim{color:var(--muted)}
.mp-sisters{margin-top:1em;border:1px solid var(--line);background:var(--ground)}
.mp-sisters>h2{margin:0;padding:.25em .6em;font-size:1.05em;border-bottom:1px solid var(--line)}
.mp-sisters .in{display:flex;flex-wrap:wrap;gap:.4em 2.2em;padding:.7em 1em}
.mp-sisters a{font-weight:bold}
.mp-sisters a small{display:block;font-weight:normal;color:var(--muted)}
@media(max-width:900px){.mp-grid{grid-template-columns:1fr}.wv-headlinks{display:none}}

/* ── legacy hero (unused after Main Page redesign, kept for w.js reuse) ── */
.wv-hero{text-align:center;padding:2.2em 1em 1.6em;border-bottom:1px solid var(--soft)}
.wv-hero .wv-globe{width:74px;height:74px}
.wv-hero h1{font-family:var(--serif);font-weight:normal;font-size:2.3em;margin:.15em 0 0}
.wv-hero p.sub{color:var(--muted);margin:.3em 0 1.2em}
.wv-hero .wv-search{margin:0 auto;font-size:1.15em}
.wv-hint{color:var(--muted);font-size:.85em;margin-top:.8em}
.wv-counts{margin-top:1em;font-size:.95em}
.wv-counts b{font-family:var(--serif);font-size:1.25em}
.wv-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.2em;max-width:70em;margin:1.5em auto;padding:0 1em}
.wv-panel{border:1px solid var(--line);background:var(--paper)}
.wv-panel>h3{margin:0;padding:.45em .9em;background:#eaf0f6;border-bottom:1px solid var(--line);
  font-family:var(--serif);font-weight:normal;font-size:1.15em}
.wv-panel>h3.green{background:#eef6ea}
.wv-panel>h3.plum{background:#f3eef6}
.wv-panel .in{padding:.7em 1em 1em}
.wv-panel li{margin:.3em 0}
.wv-feat p{margin:.4em 0}
.wv-full{grid-column:1/-1}

.wv-foot{border-top:1px solid var(--soft);color:var(--muted);font-size:.85em;
  text-align:center;padding:1.4em 1em 2em;max-width:60em;margin:0 auto}

@media(max-width:900px){
  .wv-side{display:none}
  .wv-main{margin:0;padding:1em}
  .wv-cols{grid-template-columns:1fr}
  .wv-infobox{float:none;width:100%;max-width:100%;margin:.8em 0}
  .wv-head{flex-wrap:wrap;gap:.5em}
  .wv-search{min-width:100%;order:3}
}