/*
 * Category colour coding for prose terms, using the same Tomorrow Night hues
 * as the code blocks so the page reads as one palette.
 *   t-model   the models themselves      OG-Core, CLEWS, OSeMOSYS
 *   t-app     the software around them    MUIOGO, MUIO
 *   t-base    a baseline run
 *   t-reform  a reform measured against one
 *   t-up/down direction of a result
 */
.e-content .t-model  { color: #81a2be; }
.e-content .t-app    { color: #de935f; }
.e-content .t-base   { color: #b294bb; }
.e-content .t-reform { color: #f0c674; }
.e-content .t-up     { color: #b5bd68; }
.e-content .t-down   { color: #cc6666; }

/* the colour key line under the intro */
.e-content .term-key {
  font-size: .82em;
  color: #8a8f8c;
  border-left: 2px solid #33373a;
  padding-left: .85em;
  margin: 1.4em 0;
}
.e-content .term-key span { font-weight: 600; }

/* A category term that is also a link keeps its category colour, and keeps the
   underline so it still reads as clickable. Without this the theme's own link
   colour wins and the colour coding breaks wherever a term is linked. */
.e-content a.t-model,  .e-content a .t-model  { color: #81a2be; }
.e-content a.t-app,    .e-content a .t-app    { color: #de935f; }
.e-content a.t-base,   .e-content a .t-base   { color: #b294bb; }
.e-content a.t-reform, .e-content a .t-reform { color: #f0c674; }

.e-content a.t-model:hover, .e-content a.t-app:hover,
.e-content a.t-base:hover,  .e-content a.t-reform:hover { opacity: .78; }

/* Whole PR headings are links now. Keep the heading's own colour and weight so
   they still look like headings, and only underline on hover. */
.e-content h3 a,
.e-content h3 a:visited { color: inherit; border-bottom: 0; text-decoration: none; }
.e-content h3 a:hover { text-decoration: underline; }