.message-inbox{color:#24362d;text-align:left;background:#f8faf7;border:1px solid #cbd5ce;border-radius:14px;width:100%;margin:18px 0;padding:20px}.message-inbox>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.message-inbox h2{margin:4px 0;font-size:20px}.message-inbox small{color:#52675b;font-size:12px}.message-inbox header strong{color:#31420d;background:#e6efb6;border-radius:20px;padding:6px 10px;font-size:14px}.message-inbox>nav{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.message-inbox button{color:#24362d;font:inherit;cursor:pointer;background:#fff;border:1px solid #a5b6a9;border-radius:8px;padding:7px 12px;font-size:13px}.message-inbox button[aria-pressed=true]{color:#fff;background:#304d3e}.message-inbox button:focus-visible{outline-offset:3px;outline:3px solid #657d22}.message-inbox article{border-top:1px solid #d8e1d9;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.message-inbox article>span{min-width:0}.message-inbox article b{margin:6px 0;display:block}.message-inbox article p{margin:6px 0}.message-inbox article button{flex-shrink:0}.message-inbox p[role=alert]{color:#9d2727}@media (max-width:550px){.message-inbox{padding:14px}.message-inbox article{flex-direction:column}}