/* One outer card. Inner rows are quiet, full-width links, not nested cards. */
#todayView #todayModernUpcoming { padding: 22px 24px 18px; }
#todayView #todayModernUpcoming .today-context-head { padding-bottom: 12px; }
#todayView #todayModernUpcoming :is(#todayModernUpcomingCard, #todayUpcomingDeadline),
#todayView #todayModernUpcoming :is(#todayModernUpcomingCard, #todayUpcomingDeadline):hover,
#todayView #todayModernUpcoming :is(#todayModernUpcomingCard, #todayUpcomingDeadline):active {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.8fr) 18px;
  align-items: center; gap: 14px; width: 100%; min-width: 0; min-height: 64px;
  margin: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: var(--ink); box-shadow: none;
  transform: none;
}
#todayView #todayModernUpcoming .modern-attention-icon { display: none; }
#todayView #todayModernUpcoming .upcoming-copy { min-width: 0; }
#todayView #todayModernUpcoming .upcoming-copy > strong {
  font: 550 14px/1.45 "Figtree",sans-serif; color: var(--ink);
  white-space: normal; overflow: visible; overflow-wrap: anywhere;
}
#todayView #todayModernUpcoming .upcoming-copy > small {
  margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.5;
  white-space: normal; overflow: visible; overflow-wrap: anywhere;
}
#todayView #todayModernUpcoming .upcoming-amount { min-width: 0; text-align: right; }
#todayView #todayModernUpcoming .upcoming-amount > strong {
  display: block; font: 400 clamp(19px,2vw,24px)/1.25 var(--font-display);
  color: var(--ink); font-variant-numeric: tabular-nums; letter-spacing: -.025em;
  white-space: normal; overflow: visible; overflow-wrap: anywhere;
}
#todayView #todayModernUpcoming .upcoming-amount > small {
  display: block; margin-top: 3px; color: var(--muted); font-size: 11px; line-height: 1.4;
}
#todayView #todayModernUpcomingCard:not([hidden]) + #todayUpcomingDeadline {
  border-top: 1px solid var(--line); margin-top: 12px; padding-top: 16px;
}
#todayView #todayModernUpcoming :is(#todayModernUpcomingCard, #todayUpcomingDeadline):focus-visible {
  outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 6px;
}
@media (min-width:721px) and (max-width:1100px) {
  #todayView #todayModernUpcoming { padding: 20px 18px 16px; }
}
@media (max-width:720px) {
  #todayView #todayModernUpcoming { padding: 18px; }
  #todayView #todayModernUpcoming :is(#todayModernUpcomingCard, #todayUpcomingDeadline) { gap: 10px; }
}