/*
  clean.css: style for the archived NGMCP catalogue entry pages,
  matching the look of indology.github.io.
  The entry pages are archived MediaWiki output; their layout comes
  partly from inline styles (the beige summary box and the two columns),
  which this file adjusts only where needed.
*/
@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Montserrat:wght@400;700&display=swap");

:root {
  --text: #1a1a1a;
  --muted: #686868;
  --bg: #ededed;
  --link: #0066bf;
  --line: #d1d1d1;
  --serif: Merriweather, Georgia, serif;
  --sans: Montserrat, "Helvetica Neue", Arial, sans-serif;
}

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font: 400 15px/1.7 var(--serif);
}

/* Leftover empty wiki elements */
#mw-page-base, #mw-head-base, #contentSub, .mw-indicators, .noprint { display: none; }
.visualClear { clear: both; }

/* Page column */
#content.mw-body {
  max-width: 1100px;
  margin: 0 auto;
  padding: 3em 30px 2em;
}

/* Small site label above every entry */
#content.mw-body::before {
  content: "INDOLOGY · NGMCP Descriptive Catalogue";
  display: block;
  margin-bottom: 1.5em;
  font: 700 14px/1.3 var(--sans);
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--muted);
}

#firstHeading {
  margin: 0 0 1em;
  font: 400 30px/1.35 var(--serif);
}

a { color: var(--link); text-decoration: none; }
a[href]:hover { text-decoration: underline; }
/* Wiki links that lead nowhere in the archive: show as plain text */
a:not([href]) { color: inherit; }

/* Section headings, in the style of the main site's sidebar titles */
.mw-parser-output h2 {
  clear: none;
  margin: 1.6em 0 .8em;
  padding-top: .8em;
  border-top: 3px solid var(--text);
  font: 700 14px/1.3 var(--sans);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.mw-parser-output h3, .mw-parser-output h4 {
  margin: 1.2em 0 .4em;
  font: 700 14px/1.4 var(--sans);
}

/* Label/value lines ("Reel No. A 264/5") sit close together */
.mw-parser-output p { margin: 0 0 .35em; }
.mw-parser-output b { font-weight: 700; }

/* The beige summary box (its colours and size come from the page itself) */
.mw-parser-output > div[style*="beige"] {
  margin: 0 0 1.5em 1em;
  border-color: #bfb69a !important;
  border-radius: 3px;
  font-size: 13px;
  line-height: 1.6;
}
.mw-parser-output > div[style*="beige"] h2 {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

/* Excerpts: transliterated text, a little larger and well spaced */
.mw-parser-output div[style*="width:100%"] p { line-height: 1.8; }

/* Tables and table of contents found in a few entries */
.wikitable {
  margin: 1em 0;
  border-collapse: collapse;
  background: #f7f7f7;
  font-size: 14px;
}
.wikitable th, .wikitable td { padding: .3em .6em; border: 1px solid var(--line); text-align: left; vertical-align: top; }
.wikitable th { background: #e4e4e4; }

.toc {
  display: inline-block;
  margin: .5em 0 1em;
  padding: .6em 1em;
  border: 1px solid var(--line);
  background: #f7f7f7;
  font-size: 13px;
}
.toc .toctitle h2 { margin: 0; padding: 0; border: 0; }
.toc ul { margin: .3em 0 0; padding-left: 1.2em; list-style: none; }
.toc ul ul { padding-left: 1em; }
.tocnumber { color: var(--muted); margin-right: .3em; }
#toc .toctogglecheckbox, .toctogglespan { display: none; }

/* The wiki's "Retrieved from …" line points to the defunct Hamburg wiki; hidden
   (the source of the data is explained in the repository's README) */
.printfooter { display: none; }

/* The wiki categories at the foot */
.catlinks {
  clear: both;
  margin-top: 2.5em;
  padding: .5em .8em;
  border: 1px solid var(--line);
  background: #f7f7f7;
  font-size: 12px;
  color: var(--muted);
}
.catlinks ul { display: inline; margin: 0; padding: 0; }
.catlinks li { display: inline; }
.catlinks li + li::before { content: " · "; }

/* Narrower screens: undo the wiki's fixed columns and float */
@media (max-width: 1000px) {
  .mw-parser-output > div[style] {
    float: none !important;
    width: auto !important;
    margin: 0 0 1.2em !important;
    padding: 0 !important;
  }
  .mw-parser-output > div[style*="beige"] { padding: 10px !important; }
  .mw-parser-output > table[align="right"] { display: none; }
}
@media (max-width: 760px) {
  #content.mw-body { padding: 2em 15px; }
  #firstHeading { font-size: 24px; }
}

@media print {
  body { background: #fff; }
  #content.mw-body::before { display: none; }
}