.account-notifications-page > *,
.account-notifications-page .portal-hero > *,
.account-notifications-page form,
.account-notifications-page form p { min-width: 0; max-width: 100%; }
.account-notifications-page :is(h1, h2, h3, p, a, button) { overflow-wrap: anywhere; }
.notification-controls { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.notification-controls [aria-current="page"] { outline: 2px solid #17417a; outline-offset: 2px; }
.notification-card { border-top: 1px solid #d7be88; padding: 1rem 0; }
.notification-card--unread { border-left: 3px solid #17417a; padding-left: .75rem; }
.notification-page-action { margin: 1rem 0; }
.account-notifications-page :is(.primary-button, .secondary-button) { max-width: 100%; box-sizing: border-box; }
.account-notifications-page select { width: 100%; max-width: 100%; }