/* First-week extras (js/first-week.js): unit progress, can-do and the exam link on the first finish cards. */
.fw-finish { display: grid; gap: 12px; margin: 14px auto; max-width: 34rem; text-align: start; }
.fw-unit { margin: 0; padding: 10px 14px; border-radius: 14px; background: var(--surface-2, rgb(0 0 0 / .04)); font-size: .92rem; }
.fw-cando { padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line, rgb(0 0 0 / .1)); }
.fw-cando h2 { font-size: 1rem; margin: 0 0 6px; }
.fw-cando ul { margin: 0; padding-inline-start: 1.1em; display: grid; gap: 4px; font-size: .92rem; }
.fw-exam { display: flex; gap: 12px; align-items: center; text-decoration: none; color: inherit; }
.fw-exam > span:nth-child(2) { flex: 1; display: grid; gap: 2px; }
.fw-exam-ic { font-size: 1.6rem; }
.fw-plan-exam { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0 0; }
.fw-exam-goal { text-decoration: none; }
.fw-week { display: grid; gap: 8px; }
.fw-week h3 { margin: 0; font-size: 1.05rem; }
.fw-dots { display: flex; gap: 6px; margin: 0; padding: 0; }
.fw-dots span { flex: 1; height: 8px; border-radius: 99px; background: var(--hairline, rgb(0 0 0 / .12)); }
.fw-dots span.on { background: var(--ok, #2e9b57); }
.fw-dots span.now { background: color-mix(in srgb, var(--accent, #5b4bdb) 55%, transparent); }
.fw-now, .fw-say { margin: 0; }
.fw-say { padding: 8px 12px; border-radius: 12px; background: var(--surface-2, rgb(0 0 0 / .04)); }
.fw-acts { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.fw-says { margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.fw-says li { display: grid; }
.fw-step-done h2 { color: var(--ok, #2e9b57); }