/* today widget: one next thing, the rest folded away. Selectors are all under .w-today. */
.w-today{display:grid;gap:12px}
.w-today-win{border:3px solid var(--ink);border-radius:6px;background:var(--paper-hi);box-shadow:var(--shadow);overflow:hidden}
.w-today-bar{height:26px;display:grid;place-items:center;border-bottom:3px solid var(--ink);background:repeating-linear-gradient(180deg,var(--ink) 0 2px,var(--paper-hi) 2px 5px)}
.w-today-bar span{padding:0 12px;background:var(--paper-hi);font:700 12px/22px var(--sans);letter-spacing:.08em;text-transform:uppercase}
.w-today-body{padding:14px;display:grid;gap:12px}
.w-today-k{margin:0;font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.w-today-k em{display:block;margin-top:2px;font:italic 16px var(--serif);letter-spacing:0;text-transform:none;color:var(--ink2)}
.w-today-slot{display:grid}
.w-today-now,.w-today-later ul{list-style:none;margin:0;padding:0}
.w-today-now{grid-area:1/1;display:grid;gap:8px}
.w-today-now li,.w-today-later li{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:10px 12px;border:3px solid var(--ink);background:var(--card)}
.w-today-t{font:700 13px var(--sans);color:var(--warm-deep)}
.w-today-l{font:600 19px/1.3 var(--serif)}
.w-today-later{border:1.5px solid rgba(23,35,46,.5);background:var(--card);padding:0 12px}
.w-today-later summary{min-height:48px;display:flex;align-items:center;font:600 16px var(--sans);cursor:pointer}
.w-today-later ul{display:grid;gap:8px;padding-bottom:12px}
.w-today-later li{border-width:1.5px}
.w-today-none{grid-area:1/1;margin:0;align-self:center;display:none;font:italic 20px var(--serif)}
.w-today-more{margin:0;min-height:1.3em;font:600 14px var(--sans);color:var(--ink2)}
.w-today-done{grid-column:1/-1;justify-self:start;margin-top:6px;border:0;cursor:pointer}
/* with script: only the current urgent item is on screen */
.w-today.on .w-today-now{grid-template-columns:1fr}
.w-today.on .w-today-now li{grid-area:1/1;visibility:hidden;opacity:0;transform:translateY(12px);box-shadow:4px 4px 0 var(--warm);transition:opacity var(--t-base) var(--ease),transform var(--t-base) var(--ease),visibility 0s var(--t-base)}
.w-today.on .w-today-now li.cur{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.w-today.on .w-today-now li.out{opacity:0;transform:translateX(-24px);visibility:visible;transition:opacity var(--t-base),transform var(--t-base) var(--ease)}
.w-today.on .w-today-now li.gone{display:none}
.w-today.clear .w-today-none{display:block;animation:w-today-in var(--t-base) var(--ease)}
.w-today.on:not(.clear) .w-today-none{display:none}
@keyframes w-today-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.w-today.on .w-today-now li{transition:none!important}.w-today.clear .w-today-none{animation:none}}