/* ── today.css — the daily rhythm ────────────────────────────────────────
   There is no streak here and no calendar, so there is nothing to style that
   would imply a run of days. That absence is the design.                  */

.today__row {
  display: flex;
  gap: var(--s2);
  flex-wrap: wrap;
  align-items: center;
  margin-top: var(--s3);
}

#tt-note {
  display: block;
  width: 100%;
  margin-top: var(--s2);
  padding: var(--s2);
  font: inherit;
  font-size: var(--t-sm);
  color: var(--ink);
  background: var(--page-2);
  border: 1px solid var(--line-strong);
  border-radius: var(--r-md);
  resize: vertical;
}

.sky #tt-note,
:root[data-theme='dark'] #tt-note {
  background: rgba(0, 0, 0, .16);
}

#tt-note:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

.today__notes {
  list-style: none;
  padding: 0;
  margin: var(--s2) 0 0;
  display: grid;
  gap: var(--s2);
}

.today__notes li {
  padding-left: var(--s3);
  border-left: var(--stroke) solid var(--line-strong);
  color: var(--ink-2);
}

.practice ol { padding-left: 1.2em; margin: var(--s2) 0; }
.practice li { margin-bottom: var(--s1); }
.practice li::marker { color: var(--ink-3); }

/* The midday timer is a plain control, not a scoreboard. */
[data-timer] { margin-top: var(--s2); font-variant-numeric: tabular-nums; }