.today-overview { margin:28px 0 0; text-align:left; }
.today-overview-heading { display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-bottom:14px; }
.today-overview-heading h2 { margin:0; font-size:20px; font-weight:850; letter-spacing:-.03em; }
.today-overview-heading .today-date { margin:0; }
.today-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:start; gap:14px; }
.today-category { min-width:0; border:1px solid #d8d8dc; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 6px 18px #00000005; }
.today-category summary { display:grid; grid-template-columns:1fr auto; gap:12px; position:relative; min-height:138px; padding:19px 18px 17px; cursor:pointer; list-style:none; border-top:5px solid var(--category-color); user-select:none; }
.today-category summary::-webkit-details-marker { display:none; }
.today-category summary:hover { background:#fafafa; }
.today-category summary:focus-visible { outline:3px solid #a49d00; outline-offset:-4px; }
.today-category-label { grid-column:1/-1; padding-right:14px; color:#55565a; font-size:13px; line-height:1.4; font-weight:750; }
.today-category-count { font-size:38px; letter-spacing:-.055em; line-height:1; color:#111; }
.today-chevron { align-self:end; justify-self:end; width:9px; height:9px; border-right:2px solid #87878e; border-bottom:2px solid #87878e; transform:rotate(45deg); margin:0 3px 9px; }
.today-category[open] .today-chevron { transform:rotate(225deg); margin-bottom:5px; }
.today-times { padding:0 16px 14px; border-top:1px solid #eeeef0; max-height:310px; overflow:auto; }
.today-times-heading { color:#86868d; font-size:10px; margin:13px 0 8px; }
.today-time-row { display:flex; justify-content:space-between; gap:12px; padding:9px 0; border-bottom:1px solid #f1f1f3; font-variant-numeric:tabular-nums; }
.today-time-row time { color:#222; font-size:14px; font-weight:750; }
.today-time-row span { color:#85858b; font-size:12px; }
.today-time-note { color:#77777d; font-size:11px; line-height:1.55; margin:10px 0 0; }
.today-total { margin-top:16px; border:1px solid #d8d8dc; border-left:6px solid var(--primary); border-radius:14px; padding:18px 24px; background:#fff; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.today-total>span { font-size:17px; font-weight:850; }
.today-total .today-count { font-size:42px; }
@media(max-width:900px) { .today-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) {
 .today-categories { grid-template-columns:1fr; gap:10px; }
 .today-category summary { grid-template-columns:1fr auto 14px; align-items:center; min-height:80px; padding:16px; gap:14px; }
 .today-category-label { grid-column:auto; padding-right:0; }
 .today-category-count { font-size:30px; }
 .today-chevron,.today-category[open] .today-chevron { align-self:center; margin-bottom:0; }
 .today-total { padding:18px; }
 .today-total .today-count { font-size:36px; }
}
@media(prefers-reduced-motion:reduce) { .today-category * { transition:none; } }