/* Shared by view.html and view-reference.html. */
body { font: 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
       margin: 0 auto; padding: 1.25rem; max-width: 60rem; color: #111; background: #fff; }
a { color: #06c; }
.crumb { font-size: .85rem; margin-bottom: .6rem; }
.src { font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
       font-size: .78rem; color: #666; overflow-wrap: anywhere; margin: 0 0 .8rem; }
pre.raw { background: #f6f6f6; border: 1px solid #ddd; padding: .8rem 1rem; margin: 0;
          font-size: .8rem; line-height: 1.45;
          white-space: pre-wrap; overflow-wrap: anywhere; }
.err { border: 1px solid #c00; padding: .8rem 1rem; }
.err h1 { font-size: 1.05rem; margin: 0 0 .4rem; }

/* Reference view: says plainly that this is not the current message. */
.refnote { border-left: 4px solid #b58900; background: #fdf6e3; padding: .6rem .9rem;
           margin: 0 0 .9rem; font-size: .92rem; }
.refnote b { display: block; margin-bottom: .15rem; }

@media (prefers-color-scheme: dark) {
  body { background: #17191b; color: #e4e4e4; }
  a { color: #6cb6ff; }
  .src { color: #9aa2a9; }
  pre.raw { background: #1e2124; border-color: #333; }
  .err { border-color: #e08080; }
  .refnote { background: #2a2517; border-left-color: #b58900; }
}