@media (prefers-color-scheme: dark) {
    html {
        filter: invert();
        background: #ddd !important;
    }
    header {
        filter: invert();
    }
}
html {
    background: #def0fe;
}
body {
    background: #fff;
    max-width: 50rem;
    margin: 0 auto;
    
    color: #111;
    font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
}
header, main {
    padding: .5rem;
}
header {
    background: #1280c3;
}
header>nav>a {
    color: #000 !important;
    text-decoration: none;
    background: url(../img/logo.svg) no-repeat left center;
    background-size: 1.25rem;
    filter: invert(100%);
    padding-left: 1.5rem;
}
.toolbar {
    padding: .5rem;
    background: #eee;
    border-bottom: 1px solid #ccc;
}
.toolbar>nav>span>a {
    white-space: pre;
}
footer {
    padding: .5rem;
    color: #333;
    background: #eee;
    border-top: 1px solid #ccc;
}
table {
    display: block;
    border-collapse: collapse;
    width: 100%;
    overflow: auto;
}
table td, table th {
    padding: 0.5rem;
}
table tr:nth-child(even) {
    background-color: #eee;
}
table th {
    font-weight: bold;
    text-align: left;
}
table tr {
    border-bottom: 1px solid #ccc;
}
tbody {
    display: table;
    width: 100%
}
a, a:visited, a:hover, a:active {
  color: #1280c3;
}
hr {
    border: 0;
    border-bottom: 1px solid #ccc;
}
.sign * {
    padding: .25rem;
    border: 1px solid #ccc;
}
.sign-label {
    border-right: 0;
    border-radius: .25rem 0 0 .25rem;
}
.sign-container {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    row-gap: 1rem;
}
.sign-text {
    border-radius: 0 .25rem .25rem 0;
    color: #222;
    background-color: #e2e3e5;
}
.sign>.sign-label {
    background: #eee; 
}

.alert {
    padding: .5rem;
    border-radius: .25rem;
    border-width: 1px;
    border-style: solid;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.pill {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-radius: 1rem;
    border-style: solid;
    border-width: .15rem; 
}

.link-btn {
    font-weight: bold;
}

.link-btn-normal {
    color: #1280c3 !important;
}
.link-btn-success {
    color: #16b93b !important;
}
.link-btn-danger {
    color: #c61910 !important
}