.notifications-reader { min-width: 0; }
.notifications-reader .feed-list-heading h1 { margin: 4px 0; font-size: 1.1rem; }
.notification-toolbar { display: flex; flex-wrap: wrap; gap: 8px; padding: 10px 14px; border-bottom: 1px solid #e8ddca; }
.notification-list { margin: 0; padding: 0; list-style: none; }
.notification-item { display: flex; flex-direction: column; gap: 8px; width: 100%; padding: 16px; border: 0; border-bottom: 1px solid #e8ddca; background: transparent; color: #34394c; text-align: left; font: inherit; cursor: pointer; overflow-wrap: anywhere; }
.notification-item:hover { background: #fff2d8; }
.notification-item.is-selected { background: #ffeac0; box-shadow: inset 3px 0 #c99227; }
.notification-item:focus-visible { outline: 2px solid #a7772c; outline-offset: -3px; }
.notification-item-meta { display: flex; align-items: center; gap: 8px; font-size: .72rem; color: #797167; }
.notification-item-meta .chip { margin: 0; }
.notification-unread-dot { margin-left: auto; width: 7px; height: 7px; flex: none; border-radius: 50%; background: #a7772c; }
.notification-title { font-size: .95rem; line-height: 1.5; }
.notification-event { color: #796d59; font-size: .76rem; line-height: 1.6; }
.notification-summary { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666b80; font-size: .86rem; line-height: 1.65; white-space: pre-line; }
.notification-detail-topline { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 20px; border-bottom: 1px solid #e8ddca; }
.notification-context { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 18px; }
.notification-context p { margin: 0; }
.notification-original-link { margin-left: auto; white-space: nowrap; }
.notification-target-comment { margin: 20px 0; padding: 16px; border: 1px solid #d4c29c; border-left: 3px solid #ad8347; border-radius: 8px; background: #fbf2df; }
.notification-target-comment .post-body { margin: 10px 0; }
.notification-other { padding: 20px 0; }
.notifications-reader .feed-focus-comment-form .btn { margin-top: 10px; }
@media (min-width: 1181px) { .notification-detail-topline .feed-focus-back { display: none; } }
@media (max-width: 1180px) {
  .notifications-reader .feed-reading-panel { background: #fffaf1; }
  .notifications-reader .notification-detail-pane { background: #fffdf9; }
  .notification-detail-topline .feed-focus-back { display: inline-flex; }
  .notifications-reader .feed-list-heading { padding: 16px; }
  .notification-item { padding: 16px; }
}