.term:target {
    border-color: #eeeeee!important;
}

.term {
    font-size: 16px!important;
    background-color: #000000c5;
    color: #b3b8c3;
    width: 90%;
    max-width: 555px;
    border: solid 2px #1f1f1f;
    margin: 5px auto;
    padding: 3px;
    display: table;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.user {
    color: #5e6dc4;
    font-weight: bold;
}

.media img {
    width: 100%;
    max-width: 50%;
    padding: 2px 4px 2px 2px;
    float: left;
    box-sizing: border-box;
}

.term:hover {
    border: solid 2px #252525;
}

a {
    text-decoration: none;
}

.reply {
    text-decoration: underline;
    color: #b17ebd !important;
}

.reply:hover {
    background-color: #b17ebd!important;
    color: #0C090A!important;
}

.url {
    text-decoration: underline;
    color: #b3b8c3!important;
}

.url:hover {
    background-color: #b3b8c3!important;
    color: #0C090A!important;
}

.greentext {
    color: #7bbd67!important;
}

.redtext {
    color: #c94545!important;
}

/* Mobile-specific adjustments */
@media (max-width: 600px) {
    .media img {
        width: 48%;
        float: left;
        margin-bottom: 4px;
    }
    nav ul li {
        display: block;
        margin: 4px 0;
    }
    .term {
        width: 95%;
    }
}