.hroffice-card { display: flex; align-items: center; gap: 1rem; padding: 1rem; margin-bottom: .75rem; border: 1px solid currentColor; border-radius: .75rem; text-align: left; overflow-wrap: anywhere; }
.hroffice-portrait { width: 5rem; height: 6rem; object-fit: cover; border-radius: .5rem; flex-shrink: 0; }
.hroffice-name { display: block; font-size: 1.2rem; }
.hroffice-card small { display: block; margin-top: .4rem; opacity: .8; }
.ipsEntry__author-column > .hroffice-card { flex-direction: column; text-align: center; }
.ipsEntry__author-column .hroffice-portrait { width: min(100%, 9rem); height: 11rem; }
.hroffice-character-post [data-ips-hook="postUserPhoto"] { display: none; }
.hroffice-character-post .ipsEntry__username { font-size: .85rem; }
@media (max-width: 600px) { .hroffice-card { padding: .65rem; gap: .65rem; } .hroffice-portrait { width: 3rem; height: 4rem; } }