:root {
  --md-primary-fg-color: #3b3b3b;
  --md-primary-fg-color--light: #6a6a6a;
  --md-primary-fg-color--dark: #262626;
  --md-accent-fg-color: #555555;
  --md-typeset-a-color: #3b3b3b;
  --md-default-fg-color: #262626;
}
.md-typeset { font-weight: 300; }
.md-typeset strong, .md-typeset b { font-weight: 600; }
.md-typeset h1 { font-weight: 300; color: #262626; letter-spacing: -0.01em; }
.md-typeset h2 { font-weight: 300; }
.md-typeset h3 { font-weight: 600; color: #6a6a6a; font-size: 0.95rem; }
.md-typeset a:not(.md-button) { color: #262626; text-decoration: underline; text-decoration-color: #aaa; text-underline-offset: 3px; }
.md-typeset a:not(.md-button):hover { text-decoration-color: #262626; }

/* screen drawings */
.md-typeset img.screen { display: block; margin: 1.2em auto; width: 100%; max-width: 330px; height: auto; }
.md-typeset img.screen-wide { display: block; margin: 1.2em auto; width: 100%; max-width: 520px; height: auto; }
.md-typeset img.phone { display: block; margin: 1.2em auto; width: 100%; max-width: 190px; height: auto; }

/* front-page hero */
.hero { background: #060709; color: #fff; text-align: center; padding: 1.6rem 1rem 0; margin: 0 -0.8rem 1.6rem; overflow: hidden; border-radius: 4px; }
.hero .mark { font-weight: 200; letter-spacing: 0.32em; font-size: 1.5rem; margin: 0; }
.hero .title { font-size: 1.7rem; font-weight: 300; margin: 0.2rem 0 0; line-height: 1.15; }
.hero .sub { color: #d0d0d0; margin: 0.2rem 0 0.6rem; font-size: 1.05rem; }
.hero img { display: block; margin: 0 auto; width: 100%; max-width: 420px; height: auto;
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%);
          mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 62%, transparent 100%); }

/* PDF download button */
.md-typeset .md-button { border-color: #555; color: #262626; font-weight: 400; }
.md-typeset .md-button--primary { background: #3b3b3b; border-color: #3b3b3b; color: #fff; }

/* on-screen message chips */
.md-typeset .scr { font-family: var(--md-code-font-family, monospace); font-size: 0.8em; background: #111; color: #eee; padding: 0.15em 0.55em; border-radius: 3px; white-space: nowrap; }
.md-typeset .soon { display: inline-block; font-size: 0.7em; font-weight: 600; border: 1px solid #555; border-radius: 3px; padding: 0 0.5em; margin-right: 0.4em; text-transform: uppercase; letter-spacing: 0.06em; vertical-align: 1px; }

/* admonitions in greys */
.md-typeset .admonition, .md-typeset details, .md-typeset .admonition.tip, .md-typeset details.tip, .md-typeset .admonition.warning { border-color: #8e8e8e; }
.md-typeset .admonition.tip > .admonition-title, .md-typeset .tip > summary { background-color: #f1f1f1; }
.md-typeset .admonition.tip > .admonition-title::before { background-color: #555; }
.md-typeset .admonition.warning > .admonition-title, .md-typeset .warning > summary { background-color: #f1f1f1; }
.md-typeset .admonition.warning > .admonition-title::before { background-color: #555; }

.md-typeset table:not([class]) { font-size: 0.8rem; }
.md-typeset table:not([class]) th { background: #f1f1f1; color: #3b3b3b; font-weight: 600; }