/* std.css */
:root {
    --background-colour: var(--stock-colour-savannah);
    --foreground-colour: var(--stock-colour-black);
    --extra-background-colour: var(--stock-colour-blue);
    --standard-border: 1px solid var(--foreground-colour);
    --standard-border-radius: 5px;
}

body {
    background-color: var(--background-colour);
    color: var(--foreground-colour);
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

body > *:not(.mainflex), .mainflex > * {
    padding: 3px;
}

a:hover, a:link, a:active {
    color: var(--foreground-colour);
}

table, th, td {
    border-collapse: collapse;
    border: var(--standard-border);
}

td, th {
    text-align: left;
    vertical-align: top;
    padding: 3px;
}

.header, .menu, .footer {
    background-color: var(--extra-background-colour);
}

h1 {
    margin-top: 0;
}

.menu h2:first-child {
    margin-top: 0;
}

.subheader {
    font-size: 115%;
}
.element-count {
    display: block;
    font-weight: normal;
}
.index-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.index-list > li {
    margin-left: 1em;
}

.role {
    background-color: var(--stock-colour-cyan);
    color: var(--stock-colour-black);
    border-radius: 8px;
    padding: 3px;
    margin: 3px;
    display: inline-block;
}
.role-root {
    background-color: var(--stock-colour-green);
}
.role-alt {
    background-color: var(--stock-colour-yellow);
}

.did-you-mean {
    margin: 0;
    padding: 0;
}

.colour-chip {
    display: inline-block;
    border: 2px outset black;
    border-radius: var(--standard-border-radius);
    width: 1em;
    height: 1em;
}

.chat-element {
    border: var(--standard-border);
    border-radius: var(--standard-border-radius);
    margin: 0.5em;
    padding: 0.5em;
}

.taglink + .taglink {
    margin-left: 0.5em;
}

.translation-count {
    display: inline-block;
    min-width: 7em;
    text-align: right;
}

.no-name, .no-value, .no-tag, .same-as-stem {
    opacity: 0.5;
}

.no-translations {
    opacity: 0.5;
}

.alien-identifier {
    opacity: 0.8;
}
.alien-identifier::after {
    content: ' [\1F47D]';
}

.extra-info {
    margin-left: 1em;
    opacity: .8;
    font-style: italic;
}

.ise {
    user-select: all;
    white-space: pre;
    font-family: monospace;
}

.box {
    border: var(--standard-border);
    border-radius: var(--standard-border-radius);
    padding: 0.5em;
    margin: 1em;
    list-style: none;
}

.box h3 {
    margin-top: 0;
}

.glyph-big {
    font-size: 160%;
    text-align: center;
}

.no-br {
    white-space: nowrap;
}

tr.spacer {
    height: 3px;
}

.flex {
    display: flex;
}
.flex-grow {
    flex-grow: 1;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-break {
    flex-basis: 100%;
}

/* ll */