/* public/css/progress.css — /progress, "Where you are", and the Next up rows on home (V2-SPEC §11, §12.3). Ink only: nothing
   here pays points, so the violet accent never appears (§12). Colors come only from the themes.css tokens. */
.next-up { list-style: none; padding: 0; margin: var(--s2) 0; }
.next-up > li { padding: var(--s1) 0; border-bottom: 1px solid var(--rule); display: flex; flex-direction: column; gap: 2px; overflow-wrap: anywhere; }
.next-up > li:last-child { border-bottom: 0; }
.next-up .next-up-go { text-align: left; }
.progress-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--s3); margin: 0; overflow-wrap: anywhere; }
.progress-line .dots { letter-spacing: 1px; color: var(--ink); }
.progress-skills > summary { cursor: pointer; color: var(--muted); font-size: var(--fs-meta); }
.progress-skills .rows { margin: var(--s1) 0 var(--s2); }
.progress-skills li span { overflow-wrap: anywhere; }
.progress-track .rows { margin-top: var(--s2); }
.progress-later > li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 var(--s3); }
.home-where { overflow-wrap: anywhere; }
.find-level > summary { cursor: pointer; color: var(--link); text-decoration: underline; text-underline-offset: 2px; }
.find-level ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--s1) var(--s4); margin: var(--s2) 0 0; }