body {
    font: 1rem/1.5 var(--font-family-sans-serif);
}
.code {
    font-family: "Courier New", Courier, monospace;
}
code {
    margin: 0 5px;
}
.btn-smaller {
    font-size: x-small;
    padding: .25rem .5rem 0.15rem
}
a {
    color: var(--cyan);
}
.n-u a:hover {
    text-decoration: none;
}
.t-c {
    text-align: center;
}
.highlight,
.box {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.highlight {
    background-color: #f7f7f9;
}
.box {
    border: .2rem solid #f7f7f9;
}
.right {
    float: right;
}
.m-d {
    margin: 1rem 15px;
}
.bg-t {
    background: transparent;
}
.m-jl8 {
    margin: 0 0 0 8px;
}
.m-jr8 {
    margin: 0 8px 0 0;
}
.pos-fa {
    font-size: 1.5rem;
    margin-bottom: 3px;
}
.error {
    color: red;
}
.good {
    color: green;
}
.bad {
    color: #e71818;
}
.help {
    margin-top: 25px;
}
.title,
.platform,
.extra {
    display: inline-block;
}
.logo {
    float: right;
    margin-left: 70px;
}
.type {
    float: left;
}
.status {
    float: right;
}
.permalink {
    margin: 15px 0 0 0;
}
.perma-label {
    display: inline-block;
    color: green;
}

#system-status .status {
    margin-left: 35px;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
#system-status .type {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
#system-status .highlight {
    display: grid;
    padding: 0.75rem 1rem;
}
#system-status .highlight h4,
#system-status .alert div {
    margin-bottom: initial;
}
#system-status .alert .main,
#system-status .alert .info {
    display: inline-block;
    margin-left: 0.5rem;
}
#system-status .alert .main {
    font-size: 2rem;
}
#system-status .alert svg {
    vertical-align: initial;
}
#system-status .alert {
    margin-top: 1rem;
}
#system-status .alert p {
    margin-bottom: 0.25rem;
}
#system-status .alert p.timestamp {
    color: gray;
}