.nb-whats-new .modal-dialog { width: calc(100% - 24px); max-width: 500px; }
.nb-whats-new .modal-content { max-height: calc(100dvh - 24px); }
.nb-whats-new .nb-whats-new__brand { margin: 0 0 3px; color: #738096; font-size: 12px; font-weight: 500; }
.nb-whats-new .modal-body { min-height: 0; }
.nb-whats-new__list { display: grid; gap: 20px; padding: 0; margin: 0; list-style: none; }
.nb-whats-new__list li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 14px; }
.nb-whats-new__list li > svg { width: 22px; height: 22px; margin-top: 2px; color: #5879a7; stroke-width: 1.7; }
.nb-whats-new__list li:nth-child(3) > svg { color: #27916c; }
.nb-whats-new__list strong { display: block; color: #222c3d; font-size: 14px; line-height: 1.4; font-weight: 700; }
.nb-whats-new__list p { margin: 5px 0 0; color: #6b7789; font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
.nb-whats-new__footer { padding: 16px 24px max(20px, env(safe-area-inset-bottom, 0px)); border-top: 1px solid #edf0f5; flex-shrink: 0; }
.nb-whats-new__footer .retention-button { width: 100%; }
@media (max-width: 700px) {
    .nb-whats-new .modal-header, .nb-whats-new .modal-body { padding: 18px; }
    .nb-whats-new__list { gap: 16px; }
    .nb-whats-new__list li { gap: 10px; }
    .nb-whats-new__footer { padding-left: 18px; padding-right: 18px; }
}