/* A few rules on top of alabaster, so the guide reads as part of the app.
   The brand red is used for rules and headings only; it means "overdue" in the
   app itself and must not become a fill here either. */

div.body h1 {
    border-bottom: 2px solid #CF1D2D;
    padding-bottom: 0.2em;
}

div.body h2 {
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 0.15em;
}

/* Button and menu names carry :guilabel: and :menuselection:, which alabaster
   leaves as bare text. They are the whole point of the guide, so they get the
   same treatment as literals: a label, not code. */
span.guilabel,
span.menuselection,
code.docutils.literal {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    color: #222;
    font-size: 0.92em;
    padding: 0.05em 0.35em;
}

div.admonition {
    border-left: 3px solid #CF1D2D;
}