/* Phân hệ Nhắc nhở. Chỉ dùng token của app.css. Lớp tiền tố nn-. */

.nn-muc { font-size: 1.0625rem; margin: 18px 0 8px; }
.tieu-de-trang + .nn-muc { margin-top: 0; }
.nn-ds { padding-top: 6px; padding-bottom: 6px; }
.nn-ngay { margin: 10px 0 2px; font-size: .8125rem; font-weight: 700; color: var(--c-dam); text-transform: uppercase; letter-spacing: .04em; }
.nn-ngay:first-child { margin-top: 4px; }
.nn-muc-1 { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid var(--vien); }
.nn-muc-1:last-child { border-bottom: 0; }
.nn-muc-1:has(+ .nn-ngay) { border-bottom: 0; }
.nn-gio { flex: none; width: 52px; padding: 3px 0; border-radius: var(--r-nho); background: var(--c-nhat); color: var(--c-dam);
  text-align: center; font-weight: 800; font-size: .9375rem; font-variant-numeric: tabular-nums; }
.nn-than { flex: 1; min-width: 0; }
.nn-noi-dung { margin: 0 0 4px; font-weight: 600; overflow-wrap: anywhere; }
.nn-noi-dung a { color: var(--chu); text-decoration: none; }
.nn-noi-dung a:hover { color: var(--c-dam); text-decoration: underline; }
.nn-phu { margin: 0; }
.nn-phu .nhan { margin-right: 4px; }
.nn-nut { margin-top: 8px; }