.mailbox-summary{display:flex;align-items:stretch;gap:12px;margin:0 0 20px}.mailbox-summary>div{min-width:140px;padding:14px 18px;border:1px solid #dfe4e8;border-radius:10px;background:#fff}.mailbox-summary span{display:block;color:#64717c;font-size:12px}.mailbox-summary strong{display:block;margin-top:3px;font-size:24px}.mailbox-summary .button{align-self:center;margin-left:auto}.mailbox-list{display:grid}.mailbox-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:13px;align-items:start;padding:15px 6px;border-bottom:1px solid #e9edf0;color:inherit;text-decoration:none}.mailbox-row:last-child{border-bottom:0}.mailbox-row:hover{background:#f8faf9}.mailbox-row>span:nth-child(2){min-width:0}.mailbox-row strong,.mailbox-row small,.mailbox-row em{display:block}.mailbox-row small,.mailbox-row em,.mailbox-row time{color:#687680;font-size:12px}.mailbox-row em{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.mailbox-status{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#c9d0d5}.mailbox-row.unread .mailbox-status{background:#23755a}.mailbox-row.unread strong{font-weight:800}.mailbox-detail>header{display:flex;justify-content:space-between;gap:18px}.mailbox-detail h2{margin:4px 0 18px}.mailbox-kicker{color:#23755a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mailbox-detail time{color:#687680;font-size:12px}.mailbox-detail dl{margin:0 0 20px;border-block:1px solid #e5e9ec;padding:12px 0}.mailbox-detail dl div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:10px;padding:4px 0}.mailbox-detail dt{color:#687680}.mailbox-detail dd{margin:0;overflow-wrap:anywhere}.mailbox-links{margin:0 0 20px;padding:16px;border-radius:9px;background:#edf6f2}.mailbox-links p{margin:4px 0 12px}.mailbox-links .button{margin:0 8px 8px 0}.mailbox-preview{width:100%;height:650px;border:1px solid #dfe4e8;border-radius:9px;background:#fff}.mailbox-text{white-space:pre-wrap;overflow-wrap:anywhere}.mailbox-unavailable{max-width:680px}@media(max-width:620px){.mailbox-summary{display:grid;grid-template-columns:1fr 1fr}.mailbox-summary .button{grid-column:1/-1;width:100%;margin:0}.mailbox-row{grid-template-columns:10px minmax(0,1fr)}.mailbox-row time{grid-column:2}.mailbox-detail>header{display:block}.mailbox-preview{height:520px}}