/* Melbis Shop help.
** Loaded after the style block pandoc inlines into every page, so rules here
** win at equal specificity. Serves both frames: the menu and the content.
*/

body { font-family: Segoe UI; font-size: 1em; line-height: 1.55; color: #24292f; max-width: 62em; padding: 0px 14px 32px; margin: 0px; }

h1, h2, h3, h4 { line-height: 1.25; margin: 1.6em 0px 0.6em; }
h1 { font-size: 1.7em; border-bottom: 1px solid #d8dee4; padding-bottom: 0.3em; }
h2 { font-size: 1.35em; border-bottom: 1px solid #eaeef2; padding-bottom: 0.25em; }
h3 { font-size: 1.12em; }
h1:first-child, h2:first-child { margin-top: 0.6em; }

a { color: #0969da; text-decoration: none; }
a:hover { text-decoration: underline; }

ul, ol { padding-left: 1.5em; }
li { margin: 0.2em 0px; }
hr { border: none; border-top: 1px solid #e3e6ea; margin: 2em 0px; }

/* Inline code. The previous margin here pushed neighbouring words apart. */
code { font-family: Consolas; font-size: 0.92em; background: #eceff4; border-radius: 4px; padding: 0.12em 0.35em; }

/* Code blocks. Highlighted ones come as div.sourceCode > pre.sourceCode,
** plain fences stay a bare pre, so the frame goes on pre and the wrapper
** only keeps the spacing.
*/
div.sourceCode { background: none; border: none; margin: 1em 0px; overflow: visible; }
pre { background: #eceff4; border: 1px solid #c8d1dc; border-radius: 6px; padding: 10px 12px; margin: 1em 0px; overflow-x: auto; }
/* .sourceCode from pandoc is a class and beats a bare pre, so the scroll
** has to be reasserted here or long lines run off the page. */
div.sourceCode > pre, pre.sourceCode { margin: 0px; overflow-x: auto; }
pre code { background: none; padding: 0px; font-size: 0.9em; }

/* Callouts: notes marked with > in the source. */
blockquote { margin: 1em 0px; padding: 0.6em 1em; border-left: 4px solid #7aa7d9; background: #f4f8fc; color: #3b4652; }
blockquote > :first-child { margin-top: 0px; }
blockquote > :last-child { margin-bottom: 0px; }

table { border-collapse: collapse; margin: 1em 0px; display: block; overflow-x: auto; }
th, td { border: 1px solid #dfe3e8; padding: 6px 10px; text-align: left; vertical-align: top; }
th { background: #f2f4f6; font-weight: 600; }
tr:nth-child(even) td { background: #fafbfc; }

::-webkit-scrollbar { width: 7px;  height: 7px; }
::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; }