.inbox{display:grid;grid-template-columns:minmax(16rem,24rem) 1fr;gap:1rem}
@media (max-width:50rem){.inbox{grid-template-columns:1fr}}
.list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.list li{border-bottom:1px solid var(--line)}
.list li:last-child{border-bottom:0}
.list button{all:unset;display:block;width:100%;box-sizing:border-box;padding:.6rem .8rem;cursor:pointer}
.list button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.list button[aria-current=true]{background:var(--surface-2)}
.list .subj{font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.list .meta,.list .snip{display:block;color:var(--muted);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
pre.body{white-space:pre-wrap;word-break:break-word;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.8rem;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
dl.hdr{display:grid;grid-template-columns:max-content 1fr;gap:.2rem .8rem;margin:.4rem 0 1rem}
dl.hdr dt{color:var(--muted)}
dl.hdr dd{margin:0;word-break:break-word}