.notification-navigation { margin-block: 1rem; }
.notification-state-values { display: grid; gap: .65rem; margin-block: .75rem; }
.notification-state-values > div { display: grid; grid-template-columns: minmax(5.5rem, 8rem) minmax(0, 1fr); gap: .75rem; }
.notification-state-values dt { font-weight: 600; }
.notification-state-values dd { margin: 0; overflow-wrap: anywhere; }
.notification-state-tags { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.notification-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; }
.notification-read-state { font-size: var(--ui-font-caption, .875rem); color: var(--ui-muted, #606b7b); }
.notification-current-state { margin-block: 1rem; padding-block: .75rem; border-block: 1px solid var(--ui-border, #d8dfe8); }
.notification-current-state h3 { margin-block: 0 .6rem; }
.notification-history-caption { margin-block: .6rem; }
.notification-settings-email { margin-block: 1rem; }
.notification-settings-email select { max-width: 100%; }
.notification-settings-email .errorlist { overflow-wrap: anywhere; }
.resource-access-explanation { margin-block: 1rem; }
.resource-access-explanation p { overflow-wrap: anywhere; }
@media (max-width: 375px) {
    .notification-state-values > div { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
}