body
{
    background: #ffffff;
    color: #111111;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    margin: 0;
    padding: 0;
}

a
{
    color: #0000cc;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.header
{
    width: min(90%, 50rem);
    margin: 0 auto 1rem auto;
    padding: 0.75rem 0;
    border-bottom: 0.0625rem solid #999999;
}

.header h1
{
    margin: 0 0 0.5rem 0;
    text-align: center;
    font-size: 1.8rem;
    color: #ffe600;
}

.bara-cautare
{
    display: flex;
    gap: 0.4rem;
}

.bara-cautare input
{
    flex: 1;
    font-size: 0.9rem;
}

.bara-cautare button
{
    font-size: 0.9rem;
}

.pagina
{
    width: min(62%, 50rem);
    margin-left: 2rem;
    margin-right: auto;
    padding-bottom: 4rem;
}

.lista-sectiuni,
.lista-subiecte
{
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.sectiune-card,
.subiect-card,
.subiect,
.postare
{
    border: 0.0625rem solid #999999;
    padding: 0.75rem;
    box-sizing: border-box;
}

.sectiune-card,
.subiect-card
{
    background: #f5f5f5;
}

.sectiune-card:hover,
.subiect-card:hover
{
    background: #eeeeee;
}

.sectiune-card
{
    max-width: 14rem;
}

.sectiune-cod
{
    font-weight: bold;
    color: #ffe600;
    margin-bottom: 0.35rem;
}

.sectiune-descriere
{
    color: #444444;
}

.subiect
{
    background: #f8f8f8;
    margin-bottom: 1rem;
}

.postare
{
    background: #f2f2f2;
}

.post-meta
{
    font-size: 0.8rem;
    line-height: 1.25;
    margin-bottom: 0.4rem;
}

.autor-anonim
{
    color: #117743;
    font-weight: bold;
}

.autor-cont
{
    color: #cc6600;
    font-weight: bold;
}

.post-data,
.post-nr,
.post-id
{
    color: #555555;
    margin-left: 0.35rem;
}

.post-op
{
    color: #cc6600;
    font-weight: bold;
    margin-left: 0.35rem;
}

.post-titlu
{
    color: #ffae00;
    font-weight: bold;
    margin-bottom: 0.45rem;
}

.post-text
{
    color: #111111;
    line-height: 1.35;
    white-space: pre-wrap;
    word-break: break-word;
}

.subiect,
.postare
{
    overflow: hidden;
}

.subiect::after,
.postare::after
{
    content: "";
    display: block;
    clear: both;
}

.subiect-thumb
{
    display: block;
    max-width: 14rem;
    max-height: 10rem;
    width: auto;
    height: auto;
    margin-top: 0.5rem;
}

.subiect-imagine,
.postare-imagine,
.continut-imagine
{
    float: left;
    max-width: 16rem;
    max-height: 24rem;
    width: auto;
    height: auto;
    margin: 0.25rem 0.75rem 0.5rem 0;
}

.postare-wrap
{
    margin-bottom: 0.75rem;
}

.subiect + .postare-wrap
{
    margin-top: 1rem;
}

.postare-referinte
{
    font-size: 0.8rem;
    color: #555555;
    margin-top: 0.25rem;
}

.panou-dreapta
{
    position: fixed;
    top: 1rem;
    right: 1rem;
    width: 14rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-user,
.form-subiect,
.form-postare
{
    width: 100%;
    border: 0.0625rem solid #999999;
    background: #f5f5f5;
    padding: 0.5rem;
    font-size: 0.8rem;
    box-sizing: border-box;
}

.form-user p,
.form-subiect p,
.form-postare p
{
    margin: 0.4rem 0;
}

.form-user input,
.form-subiect input,
.form-postare input,
.form-subiect textarea,
.form-postare textarea
{
    width: 100%;
    box-sizing: border-box;
    font-size: 0.8rem;
}

.form-subiect textarea,
.form-postare textarea
{
    resize: vertical;
    min-height: 5rem;
    max-height: 12rem;
}

.form-etichete
{
    max-height: 8rem;
    overflow-y: auto;
    border: 0.0625rem solid #bbbbbb;
    background: #ffffff;
    padding: 0.4rem;
    margin: 0.5rem 0;
}

.eticheta-checkbox
{
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0.25rem 0;
    font-size: 0.8rem;
}

.eticheta-checkbox input
{
    width: auto;
    margin: 0;
}

.etichete-subiect,
.lista-etichete
{
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0.45rem 0 0.8rem 0;
}

.eticheta
{
    display: inline-block;
    border: 0.0625rem solid #88bb88;
    background: #eef8ee;
    color: #448844;
    padding: 0.1rem 0.35rem;
    font-size: 0.75rem;
}

.cautare-meta
{
    font-size: 0.8rem;
    color: #555555;
    margin-top: -0.5rem;
    margin-bottom: 0.75rem;
}

.eroare,
.succes
{
    width: min(90%, 40rem);
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.eroare
{
    border: 0.0625rem solid #aa0000;
    background: #fff0f0;
    color: #aa0000;
}

.succes
{
    border: 0.0625rem solid #117743;
    background: #eef8ee;
    color: #117743;
}