/*
 * Today on the Stream (src/web/today-strip.ts): one strip above the Stream for a member with a Frame. The hall glyph on the
 * left, Today in bold, one line of what waits; lit when the day holds something. A link, nothing more: the Stream stays the page.
 */
.pk-today-strip { display: flex; align-items: center; gap: 12px; min-height: var(--pk-hit, 44px); margin: 0 0 12px; padding: 10px 14px; border: 1px solid var(--pk-border, #ffffff1f); border-radius: 16px; background: var(--pk-surface, #121617); color: var(--pk-ink, #f5f2f1); text-decoration: none; }
.pk-today-strip--lit { border-color: rgba(255, 207, 122, .45); background: linear-gradient(90deg, rgba(255, 207, 122, .12), rgba(255, 122, 89, .06) 60%, var(--pk-surface, #121617)); }
.pk-today-strip-glyph { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; background: rgba(255, 207, 122, .16); color: #ffcf7a; }
.pk-today-strip-glyph svg { width: 24px; height: 24px; }
.pk-today-strip-words { display: grid; min-width: 0; gap: 2px; }
.pk-today-strip-words strong { font-size: 15px; line-height: 1.2; }
.pk-today-strip-line { overflow: hidden; color: var(--pk-muted, #b6b3b5); font-size: 13px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.pk-today-strip--lit .pk-today-strip-line { color: var(--pk-ink, #f5f2f1); }
.pk-today-strip-go { flex: none; margin-left: auto; color: var(--pk-muted, #b6b3b5); font-size: 22px; line-height: 1; }
@media (hover: hover) { .pk-today-strip:hover { filter: brightness(1.1); } }
@media (max-width: 420px) { .pk-today-strip-line { white-space: normal; } }