.portal-notifications{margin-bottom:24px}
.portal-notification-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.portal-notification-list{display:grid;border-top:1px solid #d8e2de}
.portal-notification-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;padding:16px 0;border-bottom:1px solid #d8e2de}
.portal-notification-list>article:last-child{border-bottom:0;padding-bottom:0}
.portal-notification-list>article.is-unread{border-left:4px solid #188762;padding-left:14px}
.portal-notification-list p{margin:7px 0;color:#344944}
.portal-notification-list small{color:#60706b}
@media(max-width:800px){
    .portal-notification-list>article{grid-template-columns:1fr}
    .portal-notification-actions{justify-content:flex-start}
}