/* Today (student dashboard) */

.week { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0; }
.week__day { display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: var(--text-muted); }
.week__dot { width: 30px; height: 30px; border-radius: 50%; background: transparent; border: 1px solid var(--line-strong); }
.week__dot.is-done { background: var(--green); }
.week__dot.is-today { background: var(--peach); }
.week__dot.is-missed { background: var(--sand); }

.today__top {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 16px;
}
.today__book-ar { font-size: 30px; }
.today__book-title { font-size: 28px; line-height: 1.1; }
.today__progress { font-size: 14px; color: var(--text-muted); --row-gap: 12px; flex-wrap: nowrap; }

.today__goal { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.today__goal-min { font-size: 40px; line-height: 1; }
.today__goal-of { font-size: 13px; }
.today__goal-left { font-size: 14px; color: var(--text-body); }

.today__tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 16px;
}
.today__tile { display: flex; flex-direction: column; gap: 8px; }
.today__tile-ar { font-size: 30px; align-self: flex-end; }
.today__tile-title { font-size: 16px; font-weight: 600; }
.today__tile-sub { font-size: 14px; }
.card--clay .today__tile-sub { opacity: .9; }
.today__due { font-size: 48px; line-height: 1; }

.today__word .today__tile-sub { opacity: .9; }
.eyebrow--on-green { color: var(--paper); opacity: .85; letter-spacing: 1.5px; font-size: 13px; }
.today__play { background: var(--paper); color: var(--green); }
.today__play:hover { background: var(--green-soft); color: var(--green); }
.today__word-ar { font-size: 38px; }
.today__word-link { align-self: flex-start; margin-top: auto; color: var(--paper); font-size: 14px; font-weight: 600; text-decoration: underline; }
.today__word-link:hover { color: var(--peach); }

@media (max-width: 900px) {
  .today__top { grid-template-columns: 1fr; }
}