.member-avatar{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:50%;background:#e0ebf9;color:#183b65;font:700 9px/1 system-ui,sans-serif;vertical-align:middle;user-select:none}
.member-avatar[data-kind=icon]{font-size:16px}
.member-avatar[data-color="1"]{background:#f7e4ce;color:#66390d}
.member-avatar[data-color="2"]{background:#e8dff8;color:#4e2775}
.member-avatar[data-color="3"]{background:#d9eee3;color:#1b5037}
.member-avatar[data-color="4"]{background:#f5dfe8;color:#752d4c}
.member-avatar[data-color="5"]{background:#e8eabe;color:#414a15}
html[data-theme=dark] .member-avatar{background:#263e59;color:#d9eafe}
html[data-theme=dark] .member-avatar[data-color="1"]{background:#553e28;color:#ffe4c4}
html[data-theme=dark] .member-avatar[data-color="2"]{background:#49315e;color:#edddff}
html[data-theme=dark] .member-avatar[data-color="3"]{background:#284d3d;color:#d6f8e7}
html[data-theme=dark] .member-avatar[data-color="4"]{background:#593448;color:#ffe0ec}
html[data-theme=dark] .member-avatar[data-color="5"]{background:#444b29;color:#f1f5ce}

.member-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;background:inherit;color:inherit}

/* A portrait spans the author header and the first line, independent of wrapping. */
.member-message{--member-header-height:22px;--member-header-gap:5px;display:grid;grid-template-columns:calc(var(--member-header-height) + var(--member-header-gap) + 1lh) minmax(0,1fr);column-gap:10px;align-content:start}
.member-message>:not(.member-avatar){grid-column:2;min-width:0}
.member-message>.member-avatar{grid-column:1;grid-row:1 / span 2;align-self:start;width:100%;height:auto;aspect-ratio:1;flex:none;font-size:20px}
.member-message>.member-avatar[data-kind=icon]{font-size:30px}
.member-message>:is(.message-meta,.who){grid-row:1;min-height:var(--member-header-height);margin-bottom:var(--member-header-gap)}
.member-message>:is(.message-body,.text){grid-row:2}