/* ==========================================================
   EVERYONE ASSEMBLE
   POSTBIT – MARVEL CHARACTER DOSSIER
   Vollständige CSS für das aktuelle postbit_classic
   ========================================================== */

.eampost{
    --eamp-bg:#020d18;
    --eamp-bg-deep:#010914;
    --eamp-panel:#04192b;
    --eamp-panel-soft:#08243a;
    --eamp-panel-light:#0b3150;

    --eamp-line:#1d5f8f;
    --eamp-line-soft:rgba(29,95,143,.32);
    --eamp-line-faint:rgba(29,95,143,.16);

    --eamp-accent:#218bd0;
    --eamp-accent-dark:#1674b5;
    --eamp-accent-light:#75d0ff;

    --eamp-text:#e1f1fa;
    --eamp-text-soft:#c4d8e4;
    --eamp-muted:#8fa9bc;

    --eamp-success:#72c9a6;
    --eamp-warning:#e7b56f;
    --eamp-danger:#e66c79;

    position:relative;

    display:block !important;
    float:none !important;
    clear:both !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;

    margin:26px 0 !important;
    padding:0 !important;

    color:var(--eamp-text-soft);

    background:
        radial-gradient(
            circle at 0 0,
            rgba(33,139,208,.1),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            rgba(4,25,43,.99),
            rgba(1,9,20,.99)
        );

    border:1px solid var(--eamp-line-soft);

    box-shadow:
        0 22px 48px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.025);

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.65;

    overflow:hidden;
}

.eampost,
.eampost *,
.eampost *::before,
.eampost *::after{
    box-sizing:border-box;
}

.eampost::before{
    content:"";

    position:absolute;
    z-index:10;
    top:0;
    left:0;

    width:90px;
    height:3px;

    background:var(--eamp-accent-light);

    box-shadow:
        90px 0 0 var(--eamp-accent),
        180px 0 0 rgba(33,139,208,.32);
}

.eampost a{
    color:var(--eamp-accent-light);
    text-decoration:none;

    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.eampost a:hover{
    color:var(--eamp-text);
}

.eampost img{
    max-width:100%;
}

.eampost .smalltext,
.eampost .largetext,
.eampost small{
    font-size:12px !important;
}

.eampost .float_left,
.eampost .float_right{
    float:none !important;
}

/* ==========================================================
   POSTBIT-KOPF
   ========================================================== */

.eampost-header{
    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;

    min-height:78px;
    padding:18px 24px 16px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.14),
            transparent 43%
        ),
        linear-gradient(
            90deg,
            rgba(8,43,69,.74),
            rgba(1,9,20,.9)
        );

    border-bottom:1px solid var(--eamp-line-soft);
}

.eampost-header::after{
    content:"";

    position:absolute;
    right:24px;
    bottom:0;
    left:24px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(117,208,255,.28),
            transparent 60%
        );
}

.eampost-identity{
    min-width:0;
}

.eampost-name{
    min-width:0;

    color:var(--eamp-text);

    font-family:"Arial Narrow",Arial,sans-serif;
    font-size:27px;
    font-weight:700;
    line-height:1.2;

    letter-spacing:.8px;
    text-transform:uppercase;

    overflow-wrap:anywhere;
}

.eampost-name a{
    font-size:27px;
    font-weight:700;
    line-height:1.2;

    text-decoration:none;
}

.eampost-title{
    display:block;

    margin-top:5px;

    color:var(--eamp-muted);

    font-size:12px;
    line-height:1.5;
}

.eampost-header-right{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;

    flex-shrink:0;
}

.eampost-date{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:36px;
    padding:7px 12px;

    color:var(--eamp-text-soft);
    background:rgba(1,9,20,.45);

    border:1px solid rgba(29,95,143,.24);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.25px;
}

.eampost-posticon{
    display:flex;
    justify-content:center;
    align-items:center;

    width:36px;
    height:36px;

    background:rgba(1,9,20,.45);
    border:1px solid rgba(29,95,143,.24);
}

.eampost-posticon:empty{
    display:none;
}

.eampost-posticon img,
.eampost-posticon .buddy_status{
    display:block;

    width:auto !important;
    max-width:20px !important;
    height:auto !important;
    max-height:20px !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain;
}

/* ==========================================================
   BEITRAGSNUMMER UND INLINE-MODERATION
   ========================================================== */

.eampost-posturl{
    display:flex;
    align-items:center;
    gap:7px;

    min-width:0;
}

.eampost-posturl > .float_right,
.eampost-posturl > div{
    display:flex !important;
    align-items:center;
    gap:7px;

    float:none !important;

    margin:0 !important;
    padding:0 !important;
}

.eampost-posturl strong{
    display:flex;
}

.eampost-posturl a{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-width:50px;
    min-height:36px;
    padding:7px 10px;

    color:var(--eamp-accent-light);
    background:rgba(1,9,20,.45);

    border:1px solid rgba(29,95,143,.26);

    font-size:12px;
    font-weight:800;
    line-height:1;

    letter-spacing:.4px;
}

.eampost-posturl a:hover{
    color:var(--eamp-bg-deep);

    background:var(--eamp-accent-light);
    border-color:var(--eamp-accent-light);
}

.eampost-posturl input[type="checkbox"]{
    width:17px;
    height:17px;
    margin:0;

    accent-color:var(--eamp-accent-light);
    cursor:pointer;
}

/* ==========================================================
   HAUPTLAYOUT
   ========================================================== */

.eampost-layout{
    display:grid;
    grid-template-columns:285px minmax(0,1fr);
    align-items:stretch;

    width:100%;
    min-width:0;
}

/* ==========================================================
   LINKE CHARAKTERSPALTE
   ========================================================== */

.eampost-sidebar{
    position:relative;

    min-width:0;
    padding:20px 17px 22px;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.11),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            rgba(8,43,69,.67),
            rgba(1,9,20,.95)
        );

    border-right:1px solid var(--eamp-line-soft);
}

.eampost-sidebar::after{
    content:"";

    position:absolute;
    top:20px;
    right:-1px;

    width:1px;
    height:110px;

    background:
        linear-gradient(
            180deg,
            var(--eamp-accent-light),
            transparent
        );
}

/* ==========================================================
   AVATAR
   ========================================================== */

.eampost-avatar{
    position:relative;

    width:250px;
    height:210px;
    max-width:100%;
    margin:0 auto;

    background:var(--eamp-bg-deep);

    border:1px solid var(--eamp-line);

    box-shadow:
        0 13px 28px rgba(0,0,0,.34),
        0 0 0 5px rgba(33,139,208,.035);

    overflow:hidden;

    clip-path:polygon(
        11px 0,
        100% 0,
        100% calc(100% - 11px),
        calc(100% - 11px) 100%,
        0 100%,
        0 11px
    );
}

.eampost-avatar::after{
    content:"";

    position:absolute;
    z-index:2;
    right:8px;
    bottom:8px;

    width:24px;
    height:24px;

    border-right:1px solid rgba(117,208,255,.5);
    border-bottom:1px solid rgba(117,208,255,.5);

    pointer-events:none;
}

.eampost-avatar .author_avatar{
    display:block !important;
    float:none !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    background:none !important;
    border:0 !important;
}

.eampost-avatar a{
    display:block;

    width:100%;
    height:100%;
}

.eampost-avatar img{
    display:block !important;
    float:none !important;

    width:100% !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;

    object-fit:cover;
}

/* ==========================================================
   ALTERSR AUTE
   ========================================================== */

.eampost-age{
    display:flex;
    justify-content:center;
    align-items:center;

    width:72px;
    height:72px;
    margin:17px auto 22px;

    color:var(--eamp-accent-light);

    background:
        linear-gradient(
            145deg,
            rgba(33,139,208,.14),
            rgba(1,9,20,.92)
        );

    border:1px solid rgba(117,208,255,.55);

    box-shadow:
        0 0 0 5px rgba(33,139,208,.035),
        0 9px 20px rgba(0,0,0,.28);

    transform:rotate(45deg);
}

.eampost-age-inner{
    display:grid;
    justify-items:center;
    gap:1px;

    min-width:0;

    transform:rotate(-45deg);
}

.eampost-age-value{
    color:var(--eamp-text);

    font-size:15px;
    font-weight:800;
    line-height:1.15;
}

.eampost-age-label{
    color:var(--eamp-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.15;

    text-transform:uppercase;
}

/* ==========================================================
   PROFILFELDER
   ========================================================== */

.eampost-facts{
    display:grid;
    gap:7px;

    min-width:0;
}

.eampost-facts:empty{
    display:none;
}

.eampost-fact{
    display:grid;
    grid-template-columns:92px minmax(0,1fr);
    align-items:center;
    gap:9px;

    min-width:0;
    min-height:40px;
    padding:7px 10px;

    color:var(--eamp-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.055),
            rgba(1,9,20,.39)
        );

    border:1px solid rgba(29,95,143,.2);
    border-left:2px solid var(--eamp-accent);

    font-size:12px;
    line-height:1.45;

    transition:
        background .2s ease,
        border-color .2s ease;
}

.eampost-fact:hover{
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            rgba(1,9,20,.43)
        );

    border-color:rgba(117,208,255,.28);
}

.eampost-fact-label{
    min-width:0;

    color:var(--eamp-accent-light);

    font-size:12px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.3px;
    text-transform:uppercase;
}

.eampost-fact-value{
    min-width:0;

    color:var(--eamp-text-soft);

    font-size:12px;
    line-height:1.45;

    overflow-wrap:anywhere;
}

/* ==========================================================
   WEITERE UNBESCHRIFTETE PROFILFELDER
   ========================================================== */

.eampost-tags{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;

    margin-top:11px;
}

.eampost-tags:empty{
    display:none;
}

.eampost-tag{
    display:inline-flex;
    align-items:center;

    min-width:0;
    min-height:31px;
    padding:5px 8px;

    color:var(--eamp-text-soft);

    background:rgba(33,139,208,.055);

    border:1px solid rgba(29,95,143,.2);

    font-size:12px;
    line-height:1.4;

    overflow-wrap:anywhere;
}

/* ==========================================================
   BEITRÄGE UND THEMEN
   ========================================================== */

.eampost-statistics{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;

    margin-top:14px;
}

.eampost-stat{
    display:grid;
    justify-items:center;
    gap:2px;

    min-width:0;
    padding:8px 6px;

    color:var(--eamp-muted);
    background:rgba(1,9,20,.4);

    border:1px solid rgba(29,95,143,.19);

    font-size:12px;
    line-height:1.35;

    text-align:center;
}

.eampost-stat strong{
    color:var(--eamp-accent-light);

    font-size:14px;
    font-weight:800;
    line-height:1.25;
}

/* ==========================================================
   PROFILICON – FID 6
   ========================================================== */

.eampost-profileicon{
    position:relative;

    width:250px;
    max-width:100%;
    margin:16px auto 0;

    background:var(--eamp-bg-deep);

    border:1px solid var(--eamp-line-soft);

    box-shadow:0 10px 22px rgba(0,0,0,.22);

    overflow:hidden;

    clip-path:polygon(
        10px 0,
        100% 0,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        0 100%,
        0 10px
    );
}

.eampost-profileicon::before{
    content:"CHARACTER ASSET";

    display:block;

    padding:6px 9px;

    color:var(--eamp-muted);
    background:rgba(33,139,208,.055);

    border-bottom:1px solid rgba(29,95,143,.18);

    font-size:12px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.eampost-profileicon img{
    display:block;

    width:100% !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    border:0 !important;
}

/* ==========================================================
   RECHTER BEITRAGSBEREICH
   ========================================================== */

.eampost-main{
    min-width:0;
    padding:20px;

    background:
        linear-gradient(
            180deg,
            rgba(1,9,20,.17),
            rgba(1,9,20,.3)
        );
}

/* ==========================================================
   SPIELER, CHARAKTERART UND STATUS
   ========================================================== */

.eampost-brief{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;

    margin-bottom:15px;
}

.eampost-brief:empty{
    display:none;
}

.eampost-brief-item{
    position:relative;

    min-width:0;
    min-height:59px;
    padding:9px 12px;

    color:var(--eamp-text-soft);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.52),
            rgba(1,9,20,.48)
        );

    border:1px solid rgba(29,95,143,.2);

    text-align:center;

    overflow:hidden;
}

.eampost-brief-item::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:34px;
    height:2px;

    background:var(--eamp-accent-light);

    box-shadow:34px 0 0 rgba(33,139,208,.45);
}

.eampost-brief-label{
    display:block;

    margin-bottom:4px;

    color:var(--eamp-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.7px;
    text-transform:uppercase;
}

.eampost-brief-value{
    display:block;

    min-width:0;

    color:var(--eamp-text);

    font-size:12px;
    font-weight:700;
    line-height:1.5;

    overflow-wrap:anywhere;
}

/* ==========================================================
   BEARBEITUNGSHINWEIS
   ========================================================== */

.eampost-edited{
    margin:0 0 10px;
    padding:7px 10px;

    color:var(--eamp-muted);
    background:rgba(1,9,20,.27);

    border:1px solid rgba(29,95,143,.13);

    font-size:12px;
    font-style:italic;
    line-height:1.5;
}

.eampost-edited:empty{
    display:none;
}

/* ==========================================================
   BETREFF
   ========================================================== */

.eampost-subject{
    margin:0 0 10px;
    padding:8px 11px;

    color:var(--eamp-muted);
    background:rgba(33,139,208,.045);

    border:1px solid rgba(29,95,143,.16);

    font-size:12px;
    line-height:1.5;
}

.eampost-subject:empty{
    display:none;
}

/* ==========================================================
   NACHRICHTENBOX
   ========================================================== */

.eampost-messagebox{
    min-width:0;
    min-height:190px;
    padding:17px 19px 20px;

    color:var(--eamp-text-soft);

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(33,139,208,.04),
            transparent 38%
        ),
        rgba(1,9,20,.4);

    border:1px solid rgba(29,95,143,.21);

    font-size:16px;
    line-height:1.8;

    overflow:hidden;
}

/* ==========================================================
   SZENENTRACKER
   ========================================================== */

.eampost-sceneinfo{
    margin:0 0 18px;

    color:var(--eamp-text-soft);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.075),
            rgba(1,9,20,.18)
        );

    border:1px solid rgba(29,95,143,.2);

    font-size:12px;
    line-height:1.6;

    overflow:hidden;
}

.eampost-sceneinfo:empty{
    display:none;
}

.eampost-sceneinfo table{
    max-width:100%;
}

/* ==========================================================
   BEITRAGSTEXT
   ========================================================== */

.eampost-message,
.eampost .post_body.eampost-message{
    display:block !important;
    float:none !important;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:0 !important;

    margin:0 !important;
    padding:0 !important;

    color:var(--eamp-text-soft);
    background:none !important;

    border:0 !important;

    font-size:16px;
    line-height:1.8;

    overflow-wrap:anywhere;
}

.eampost-message a{
    font-size:inherit;
}

.eampost-message img{
    max-width:100%;
    height:auto;
}

.eampost-message p:first-child{
    margin-top:0;
}

.eampost-message p:last-child{
    margin-bottom:0;
}

.eampost-message blockquote{
    margin:15px 0;
    padding:13px 15px;

    color:var(--eamp-text-soft);

    background:rgba(8,43,69,.3);

    border:1px solid rgba(29,95,143,.18);
    border-left:3px solid var(--eamp-accent);
}

.eampost-message code,
.eampost-message pre{
    max-width:100%;

    color:var(--eamp-text-soft);
    background:var(--eamp-bg-deep);

    border:1px solid var(--eamp-line-soft);

    font-size:12px;

    overflow:auto;
}

/* ==========================================================
   ANHÄNGE
   ========================================================== */

.eampost-attachments{
    margin-top:18px;
    padding-top:14px;

    border-top:1px solid var(--eamp-line-faint);
}

.eampost-attachments:empty{
    display:none;
}

/* ==========================================================
   SIGNATUR
   ========================================================== */

.eampost-signature{
    margin-top:28px;
    padding-top:18px;

    color:var(--eamp-muted);

    border-top:1px solid var(--eamp-line-soft);

    font-size:12px;
    line-height:1.65;

    text-align:center;

    overflow:hidden;
}

.eampost-signature::before{
    content:"SIGNATURE FILE";

    display:block;

    margin-bottom:12px;

    color:var(--eamp-muted);

    font-size:12px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:1.3px;
    text-align:left;
    text-transform:uppercase;
}

.eampost-signature .signature{
    display:block !important;
    float:none !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    background:none !important;
    border:0 !important;
}

.eampost-signature img{
    display:inline-block;

    max-width:100% !important;
    height:auto !important;

    margin:0 auto;
}

/* ==========================================================
   REAKTIONEN
   ========================================================== */

.eampost-reactions{
    margin-top:15px;
}

.eampost-reactions:empty{
    display:none;
}

/* ==========================================================
   UNTERE LEISTE
   ========================================================== */

.eampost-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;

    min-width:0;
    padding:11px 14px;

    background:
        linear-gradient(
            90deg,
            rgba(8,43,69,.73),
            rgba(1,9,20,.95)
        );

    border-top:1px solid var(--eamp-line-soft);
}

.eampost-ip{
    min-width:0;

    color:var(--eamp-muted);

    font-size:12px;
    line-height:1.5;
}

.eampost-ip:empty{
    display:none;
}

.eampost-ip a{
    font-size:12px;
    font-weight:700;
}

/* ==========================================================
   POSTBIT-BUTTONS
   ========================================================== */

.eampost-buttons{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;

    min-width:0;
    margin-left:auto;
}

.eampost-buttons > *{
    margin:0 !important;
}

.eampost-buttons a,
.eampost-buttons button,
.eampost-buttons input[type="button"],
.eampost-buttons input[type="submit"]{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    min-height:34px;
    padding:6px 9px;

    color:var(--eamp-text-soft) !important;
    background:rgba(1,9,20,.42);

    border:1px solid rgba(29,95,143,.23);
    border-radius:0;

    outline:0;
    cursor:pointer;

    font-family:Arial,sans-serif;
    font-size:12px !important;
    font-weight:700;
    line-height:1.35;

    letter-spacing:.25px;
    text-align:center;
    text-transform:uppercase;
}

.eampost-buttons a span{
    color:inherit;
    font-size:12px;
}

.eampost-buttons a:hover,
.eampost-buttons button:hover,
.eampost-buttons input[type="button"]:hover,
.eampost-buttons input[type="submit"]:hover{
    color:var(--eamp-bg-deep) !important;

    background:var(--eamp-accent-light);
    border-color:var(--eamp-accent-light);
}

.eampost-buttons .postbit_report,
.eampost-buttons .postbit_delete,
.eampost-buttons .postbit_warn,
.eampost-buttons .postbit_purgespammer{
    color:#efb7bf !important;

    background:rgba(230,108,121,.07);
    border-color:rgba(230,108,121,.3);
}

.eampost-buttons .postbit_report:hover,
.eampost-buttons .postbit_delete:hover,
.eampost-buttons .postbit_warn:hover,
.eampost-buttons .postbit_purgespammer:hover{
    color:#ffffff !important;

    background:rgba(230,108,121,.34);
    border-color:var(--eamp-danger);
}

/* ==========================================================
   BEARBEITEN-POPUP
   ========================================================== */

.eampost .popup_menu{
    min-width:175px;

    color:var(--eamp-text-soft);
    background:var(--eamp-bg-deep);

    border:1px solid var(--eamp-line);

    box-shadow:0 14px 30px rgba(0,0,0,.42);
}

.eampost .popup_item_container{
    border-bottom:1px solid rgba(29,95,143,.17);
}

.eampost .popup_item_container:last-child{
    border-bottom:0;
}

.eampost .popup_item{
    display:block;

    padding:9px 11px;

    color:var(--eamp-text-soft) !important;
    background:transparent;

    font-size:12px;
    line-height:1.45;
}

.eampost .popup_item:hover{
    color:var(--eamp-accent-light) !important;

    background:rgba(33,139,208,.1);
}

/* ==========================================================
   NICHT FREIGESCHALTETE BEITRÄGE
   ========================================================== */

.eampost.unapproved,
.eampost.unapproved_post,
.eampost.trow_shaded{
    border-color:rgba(231,181,111,.52);
}

.eampost.unapproved::before,
.eampost.unapproved_post::before,
.eampost.trow_shaded::before{
    background:var(--eamp-warning);

    box-shadow:
        90px 0 0 rgba(231,181,111,.56),
        180px 0 0 rgba(231,181,111,.25);
}

/* ==========================================================
   TABLET
   ========================================================== */

@media screen and (max-width:980px){

    .eampost-layout{
        grid-template-columns:250px minmax(0,1fr);
    }

    .eampost-sidebar{
        padding:17px 13px 20px;
    }

    .eampost-avatar{
        width:222px;
        height:187px;
    }

    .eampost-profileicon{
        width:222px;
    }

    .eampost-fact{
        grid-template-columns:82px minmax(0,1fr);
        gap:7px;
    }

    .eampost-main{
        padding:17px;
    }
}

/* ==========================================================
   KLEINERE TABLETS
   ========================================================== */

@media screen and (max-width:760px){

    .eampost-header{
        align-items:flex-start;
        flex-direction:column;

        gap:12px;
    }

    .eampost-header-right{
        justify-content:flex-start;
    }

    .eampost-layout{
        grid-template-columns:1fr;
    }

    .eampost-sidebar{
        border-right:0;
        border-bottom:1px solid var(--eamp-line-soft);
    }

    .eampost-sidebar::after{
        display:none;
    }

    .eampost-avatar{
        width:250px;
        height:210px;
    }

    .eampost-profileicon{
        width:250px;
    }

    .eampost-facts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .eampost-fact{
        grid-template-columns:95px minmax(0,1fr);
    }

    .eampost-statistics{
        max-width:250px;
        margin-right:auto;
        margin-left:auto;
    }

    .eampost-brief{
        grid-template-columns:1fr;
    }

    .eampost-footer{
        align-items:flex-start;
        flex-direction:column;
    }

    .eampost-buttons{
        justify-content:flex-start;

        margin-left:0;
    }
}

/* ==========================================================
   MOBILE
   ========================================================== */

@media screen and (max-width:520px){

    .eampost-header{
        padding:16px 14px 14px;
    }

    .eampost-name,
    .eampost-name a{
        font-size:21px;
    }

    .eampost-header-right{
        width:100%;
    }

    .eampost-date{
        flex:1;
    }

    .eampost-sidebar{
        padding:15px 12px 18px;
    }

    .eampost-avatar{
        width:100%;
        max-width:250px;
        height:auto;
        aspect-ratio:250 / 210;
    }

    .eampost-facts{
        grid-template-columns:1fr;
    }

    .eampost-fact{
        grid-template-columns:90px minmax(0,1fr);
    }

    .eampost-main{
        padding:13px;
    }

    .eampost-messagebox{
        padding:15px 14px 18px;
    }

    .eampost-buttons{
        width:100%;
    }

    .eampost-buttons a,
    .eampost-buttons button,
    .eampost-buttons input[type="button"],
    .eampost-buttons input[type="submit"]{
        flex:1;
    }
}