/* Luyện đọc (issue 006) */
.read-weeks { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin: 6px 0 14px; }
.read-week {
  min-height: 64px; padding: 8px 14px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  font-family: var(--font-body); color: #fff; background: var(--btn-blue); border: 3px solid var(--btn-blue);
  border-radius: 16px; cursor: pointer; box-shadow: 0 4px 0 rgba(23,51,90,.35);
}
.read-week.cur { border-color: var(--gold); outline: 3px solid var(--ink); outline-offset: 1px; }
.read-week:disabled { background: #c3ccd6; border-color: #c3ccd6; color: #6b7785; cursor: not-allowed; box-shadow: none; }
.read-week-n { font-family: var(--font-display); font-size: 19px; font-weight: 800; }
.read-week .stars { min-height: 0; font-size: 16px; }
.read-card { align-items: center; text-align: center; gap: 14px; }
.read-info { display: flex; justify-content: space-between; align-self: stretch; gap: 10px; font-weight: 800; color: var(--ink-soft); font-size: 16px; }
.read-card .progress { align-self: stretch; }
.read-word {
  font-family: var(--font-display); font-weight: 800; color: var(--ink); line-height: 1.5; padding: 14px 0;
  min-height: 38vh; display: flex; align-items: center; justify-content: center; overflow-wrap: anywhere; max-width: 100%;
}
.read-ok { width: 100%; min-height: 64px; }
.read-back { background: none; border: 0; color: var(--ink-soft); font: inherit; font-size: 15px; font-weight: 700; cursor: pointer; padding: 8px 12px; }