/* SpaceMan 99's own accent, in place of Material's stock blue. */
:root,
[data-md-color-scheme="default"] {
    --md-primary-fg-color: #2f7fd8;
    --md-primary-fg-color--light: #4a9eff;
    --md-primary-fg-color--dark: #1f5fa8;
    --md-accent-fg-color: #2f7fd8;
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #1f5fa8;
    --md-accent-fg-color: #4a9eff;
    --md-typeset-a-color: #4a9eff;
}

/* Screenshots: a hairline edge so a light dialog does not melt into a white
   page, and never wider than the column.  Small inline glyphs (given a height)
   are left alone. */
.md-typeset img:not([style*="height"]) {
    max-width: 100%;
    border: 1px solid var(--md-default-fg-color--lightest);
    border-radius: 4px;
}

/* An image whose own shape is its edge (the Explorer menu, with transparent
   rounded corners) opts out of the frame with { .plain }. */
.md-typeset img.plain {
    border: none;
    border-radius: 0;
}

/* Inline glyph images sit on the text baseline. */
.md-typeset img[style*="height"] {
    vertical-align: text-bottom;
}

/* The glyphs are the app's light-theme signs on transparency; some of their
   grays vanish on the dark page, so there they sit on the light theme's own
   white, as they would in the app. */
[data-md-color-scheme="slate"] .md-typeset img[style*="height"] {
    background-color: #ffffff;
    border-radius: 3px;
}

/* Reference tables (shortcuts, glyphs): no row hover, as CopyFilenames. */
.md-typeset table tbody tr:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* No "white-space: nowrap" on first columns (CopyFilenames has one): the Pro
   page's first column is whole sentences, and forcing them onto one line ran
   the table off the page with its second column squeezed to a sliver.  The
   browser's own table layout keeps short first columns (keys, signs) on one
   line anyway, whenever there is room. */