body { 
	visibility: hidden 
}

.navmargin {
	margin-top: 2em;
}

h2 {
    white-space: normal;
}

/* Page-header row: title on the left, avatar on the right */
.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Retro DOS-style framed avatar (matches the chat window chrome) */
.retro-avatar {
    width: 112px;
    height: 112px;
    object-fit: cover;
    background: #bbbbbb;
    padding: 4px;
    border: 1px solid #000;
    box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #808080, 2px 2px 0 #000;
    flex: 0 0 auto;
    /* The theme forces `filter: contrast(1000%)` on all <img>, which crushes
       a real photo to black. Override it so the portrait renders normally. */
    -webkit-filter: contrast(110%) !important;
    filter: contrast(110%) !important;
}

@media (max-width: 480px) {
    .retro-avatar {
        width: 76px;
        height: 76px;
    }
}