body {
    max-width: 940px;
    margin: 0 auto;
    padding: 1em;
    font-family: Verdana;
    background-color: azure;
    color: midnightblue;
}

.faces {
    margin-bottom: 1em;
    max-width: 500px;
}

.profile-picture {
    max-width: 100px;
}

.flash {
    background-color: lightgreen;
    padding: 0.5em 1em;
    color: darkgreen;
}

.cols {
    display: grid;
}

a {
    font-weight: bold;
}

.status-username {
    margin-bottom: .5em;
}

.status-content {
    margin: 0 1em 0.5em 1em;
}

.status nav {
    font-size: 0.8em;
    margin-left: 1em;
}

.status {
    margin-bottom: 1em;
    word-break: break-word;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1em;
}

.edit-status {
    width: 100%; box-sizing: border-box; height: 100px;
}

.tools {
    list-style-position: inside;
    padding-left: 0;
}

@media (min-width: 650px) {
    .cols {
        grid-template-columns: 1fr 2fr;
        grid-gap: 2em;
    }
}

.radio { display: inline-block }
.field { margin-bottom: 1rem; max-width: 500px; }
.field > label { margin-bottom: .25rem; }
.field > * { display: block; width: 100%; box-sizing: border-box; }

.info {
    margin-bottom: 1em;
}

/* Emoji picker */
/*#emoji-picker-panel input[type="radio"] {*/
/*    display: none;*/
/*}*/
/*#emoji-picker-panel label {*/
/*    display: flex;*/
/*    padding: 2px;*/
/*    text-align: center;*/
/*    cursor: pointer;*/
/*}*/
/*#emoji-picker-panel input[type="radio"]:checked + label {*/
/*    background: darkturquoise;*/
/*    border-radius: 4px;*/
/*}*/