/* 行事曆的樣式（calendar.js 產生）。首頁「接下來」與行事曆頁共用。 */
.cal { display: flex; flex-direction: column; gap: var(--sp-3); }
.cal__empty { padding: 10px 0; font-size: 12.5px; color: var(--dim); }
.cal__day { display: grid; gap: 2px; }
.cal__dh { font-size: 12.5px; font-weight: 600; color: var(--mute); padding: 6px 0 4px; border-bottom: 1px solid var(--line); }
.cal__day.today .cal__dh { color: var(--accent-fg); border-color: var(--accent); }
.cal__ev { display: grid; grid-template-columns: 48px auto minmax(0, 1fr); gap: 2px 10px; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--line); }
.cal__ev:last-child { border-bottom: 0; }
.cal__t { font-size: 12px; color: var(--dim); }
.cal__m { font-size: 10.5px; padding: 1px 6px; justify-self: start; }
.cal__m.tw { border-color: rgba(var(--up-rgb), .45); color: var(--up); }
.cal__m.crypto { border-color: rgba(168, 152, 242, .45); color: var(--accent-fg); }
.cal__m.macro { border-color: var(--line-3); color: var(--mute); }
.cal__m.us { border-color: rgba(var(--down-rgb), .45); color: var(--down); }
.cal__title { font-size: 14px; font-weight: 600; color: var(--fg); }
a.cal__title:hover { color: var(--accent-fg); }
.cal__d { font-size: 12px; color: var(--mute); margin-top: 1px; }
@media (max-width: 600px) { .cal__ev { grid-template-columns: 48px auto; } .cal__b { grid-column: 1 / -1; } }