/* Lịch sử chỉ gồm liên kết công khai, không tăng chiều cao trang khi chưa có tin. */
.bds-recent[hidden] { display: none !important; }
.bds-recent { margin: 0 0 var(--sp-6, 32px); padding: 16px; background: var(--c-surface, #fff); border: 1px solid var(--c-border, #e3e3e3); border-radius: var(--radius-lg, 12px); }
.bds-recent__heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; }
.bds-recent__heading h2 { margin: 0; color: var(--c-text, #333); font-size: 18px; }
.bds-recent__clear { min-height: 44px; padding: 8px 10px; border: 1px solid var(--c-border, #e3e3e3); border-radius: var(--radius, 8px); background: var(--c-surface, #fff); color: var(--c-muted, #666); font: inherit; font-size: 13px; cursor: pointer; }
.bds-recent__clear:hover { color: var(--c-link, #b81f25); border-color: currentColor; }
.bds-recent__clear[aria-disabled="true"] { cursor: default; opacity: .7; }
.bds-recent__note { margin: 8px 0 14px; color: var(--c-muted, #666); font-size: 13px; line-height: 1.6; }
.bds-recent__list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.bds-recent__list li { min-width: 0; }
.bds-recent__link { display: flex; height: 100%; min-height: 60px; gap: 12px; align-items: center; justify-content: space-between; padding: 12px; border-radius: var(--radius, 8px); background: var(--c-surface-2, #f2f2f2); color: var(--c-text, #333); text-decoration: none; }
.bds-recent__link:hover { background: var(--c-primary-50, #fff6e0); color: var(--c-link, #b81f25); }
.bds-recent__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; min-width: 0; font-size: 14px; font-weight: 500; line-height: 1.55; }
.bds-recent__action { flex: 0 0 auto; color: var(--c-link, #b81f25); font-size: 13px; font-weight: 600; white-space: nowrap; }
.bds-recent__link:focus-visible, .bds-recent__clear:focus-visible { outline: 3px solid var(--c-primary, #ca252b); outline-offset: 3px; }
@media (min-width: 768px) { .bds-recent__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }