/* Endgame practice — rules specific to /endgames. Tokens and the shared
   components (.list-row, .badge, .card, .status-line) live in style.css. */

/* ---- Drill list ---- */
.eg-cat { margin: 1.75rem 0; }
.eg-cat h2 { margin: 0 0 0.25rem; }
.eg-blurb { color: var(--ink3); margin: 0 0 0.85rem; font-size: 0.95rem; line-height: 1.45; }
.eg-drills { display: flex; flex-direction: column; gap: 0.5rem; }
/* The drill row ends with an optional completion check and the goal badge. */
.eg-row-end { display: flex; align-items: center; gap: 0.5rem; }
.eg-done { color: var(--success); font-weight: 700; font-size: 1.05rem; line-height: 1; }

/* ---- Play view side panel ---- */
.eg-drill-head { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin: 0 0 0.35rem; }
.eg-drill-head h2 { margin: 0; font-size: 1.25rem; }
.eg-goal-desc { color: var(--ink3); font-size: 0.9rem; margin: 0 0 0.85rem; line-height: 1.45; }
/* Revealed by the Hint button, never on by default. */
.eg-hint {
  padding: 0.7rem 0.9rem; margin: 0 0 0.6rem;
  color: var(--ink2); font-size: 0.92rem; line-height: 1.45;
}
#playView { margin-top: 0.5rem; }