/* Template2 — trang Sự kiện: HTML mô tả/ghi chú nhập từ admin */
.event-html { line-height: 1.75; overflow-wrap: anywhere; }
.event-html * { max-width: 100%; }
.event-html p { margin: 0 0 .5rem; }
.event-html img { height: auto; }
.event-html a { text-decoration: underline; }
.event-html ul { list-style: disc; padding-left: 1.25rem; margin: 0 0 .5rem; }
.event-html ol { list-style: decimal; padding-left: 1.25rem; margin: 0 0 .5rem; }
.event-html [style] { background: transparent !important; color: inherit !important; font-family: inherit !important; }

/* Khối sự kiện gần nhất: chữ nền đỏ đô */
.event-html-light { color: rgba(250, 246, 239, .8); }
.event-html-light a { color: var(--honey-300); }
.event-html-dark { color: var(--espresso-600); }
.event-html-dark a { color: var(--terracotta-600); }

/* Danh sách đã qua (details) */
details.past-events summary { cursor: pointer; list-style: none; }
details.past-events summary::-webkit-details-marker { display: none; }
details.past-events[open] .chevron { transform: rotate(180deg); }
.past-events .chevron { transition: transform 0.3s ease; }

/* Chuông ở nút nhận thông báo: lắc qua lại ~1 giây rồi nghỉ, lặp lại để gây chú ý (tắt khi người dùng chọn giảm chuyển động) */
.bell-ring { display: inline-block; transform-origin: 50% 0; animation: bell-ring 3s ease-in-out infinite; }
@keyframes bell-ring {
    0%, 40%, 100% { transform: rotate(0); }
    4% { transform: rotate(18deg); }
    8% { transform: rotate(-16deg); }
    12% { transform: rotate(14deg); }
    16% { transform: rotate(-12deg); }
    20% { transform: rotate(8deg); }
    24% { transform: rotate(-6deg); }
    28% { transform: rotate(3deg); }
    32% { transform: rotate(-2deg); }
}
@media (prefers-reduced-motion: reduce) { .bell-ring { animation: none; } }