/* ===== BEITRAEGE: Lesbarkeit (09.11.2026) - ganz zurueck: /root/bak-beitraege-20261109/zurueck.sh ===== */
.post-row { scroll-margin-top: 78px; }
.post-message a { text-underline-offset: 2px; }

/* Desktop */
@media (min-width: 769px) {
    .post-message { font-size: 1rem; line-height: 1.7; }
    .post-row { margin-bottom: 1.75rem; }
    .post-message .quote-block .quote-content { line-height: 1.55; }
}

/* Mobil */
@media (max-width: 768px) {
    .post-row { margin-bottom: 1.15rem !important; }
    .post-message { font-size: 1.06rem !important; line-height: 1.7 !important; overflow-wrap: anywhere; }
    .post-message .quote-block { padding: 0.6rem 0.75rem !important; margin: 0.6rem 0 !important; }
    .post-message .quote-block .quote-content { font-size: 0.92rem !important; line-height: 1.5; }
    .post-message .quote-block .quote-author-name,
    .post-message .quote-block .quote-author { font-size: 0.78rem !important; }
    .post-message .quote-block .quote-avatar,
    .post-message .quote-block .quote-avatar-fallback { width: 24px !important; height: 24px !important; font-size: 0.6rem !important; }
    /* Bilder und Videos ueber die volle Beitragsbreite (selbst gesetzte Breite des Autors bleibt unberuehrt) */
    .post-message .image-wrapper:not([style*="width"]) { display: block; width: 100%; }
    .post-message .image-wrapper:not([style*="width"]) img { width: 100%; height: auto; }
    .post-message img { max-height: min(75vh, 560px) !important; object-fit: contain; }
    .post-message .video-wrapper:not([style*="width"]), .post-message .eplayer { width: 100%; max-width: 100%; }
    .post-message .video-wrapper video { max-height: min(70vh, 520px) !important; }
}

/* ===== Mobiler Beitragskopf: Avatar links, Benutzername DIREKT daneben (enger, weiter links), darunter Abzeichen/Level, Uhrzeit, Nummer ===== */
@media (max-width: 768px) {
    .mobile-author-bar { display: flex !important; align-items: flex-start !important; gap: 0.45rem !important; padding-left: 0.5rem !important; text-align: left !important; }
    .mobile-author-avatar { padding: 1px !important; }
    .mobile-author-avatar .user-avatar,
    .mobile-author-avatar .user-avatar-fallback { width: 38px !important; height: 38px !important; font-size: 19px !important; }
    .mobile-author-info { display: block !important; flex: 1 1 auto; min-width: 0; text-align: left !important; }
    .mobile-author-name { align-items: flex-start !important; justify-content: flex-start !important; text-align: left !important; margin: 0 0 0.1rem !important; font-size: 1.1rem !important; line-height: 1.25; }
    .mobile-author-name .user-link, .mobile-author-name a { margin-left: 0 !important; padding-left: 0 !important; }
}