/* Browser progress, using the existing brand tokens; no game/player overrides. */
.etl-progress{background:var(--blue-wash);border:1px solid var(--divider);border-radius:var(--radius);padding:clamp(1rem,3vw,1.5rem);margin-block:2rem;min-width:0}
.etl-progress h2{font-size:1.5rem;line-height:1.35;margin-block:.25rem .75rem}.etl-progress p{margin-block:.5rem 1rem}.etl-progress .eyebrow{margin-top:0}.etl-progress progress{display:block;width:100%;height:.75rem;accent-color:var(--blue);margin-block:1rem 1.25rem}
.etl-progress [hidden],[data-etl-lesson] [hidden]{display:none!important}.progress-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.etl-progress .button{min-height:3rem;white-space:normal;overflow-wrap:anywhere;max-width:100%}.etl-progress button:disabled{background:var(--etl-disabled);border-color:var(--etl-disabled);color:var(--etl-on-primary);cursor:default}
.etl-progress .progress-note{font-size:1rem;color:var(--secondary);line-height:1.5;margin-bottom:0}.progress-lesson-state{font-weight:650!important;color:var(--blue)!important}.course-row[data-progress-state="completed"]{border-color:var(--etl-hover-border)}.course-row[data-progress-state="continue"]{background:var(--blue-wash)}
.practice-filter{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;margin-block:1.5rem}.practice-filter label{display:grid;gap:.4rem;min-width:0;flex:1 1 12rem}.practice-filter input,.practice-filter select{font:inherit;padding:.65rem;min-height:3rem;width:100%;max-width:100%;border:1px solid var(--etl-control-border);border-radius:.5rem;background:var(--etl-surface);color:var(--ink)}.practice-filter .button{min-height:3rem}.practice-skills .skill-card h3{font-size:1.375rem;margin-block:.5rem}.practice-skills .button{display:flex;margin-top:auto}.practice-skills .skill-card{display:flex;flex-direction:column}.practice-skills .skill-card p{flex:1}.practice-future{padding:1rem;border-block:1px solid var(--divider);margin-block:1.5rem}.practice-empty{padding:1.25rem;background:var(--blue-wash);border-radius:var(--radius)}
@media(max-width:40rem){.etl-progress .button,.progress-actions{width:100%}.practice-filter label,.practice-filter>.button{flex-basis:100%;width:100%}}

.ex-duration-form label{max-width:100%}.ex-duration-form select{min-width:0;width:100%}

/* Progress uses a quiet surface, explicit counts, and a consistent action hierarchy. */
.etl-progress progress{appearance:none;border:0;border-radius:1rem;overflow:hidden;background:var(--etl-border);color:var(--etl-primary)}
.etl-progress progress::-webkit-progress-bar{background:var(--etl-border);border-radius:1rem}
.etl-progress progress::-webkit-progress-value{background:var(--etl-primary);border-radius:1rem}
.etl-progress progress::-moz-progress-bar{background:var(--etl-primary);border-radius:1rem}
.etl-progress [data-progress-next]{background:var(--etl-primary);border-color:var(--etl-primary);color:var(--etl-on-primary)}
.etl-progress [data-progress-next]:hover{background:var(--etl-primary-hover);border-color:var(--etl-primary-hover)}
.practice-skills .skill-card .button{background:var(--etl-surface);color:var(--etl-primary);border-color:var(--etl-primary)}
.practice-skills .skill-card .button:hover{background:var(--etl-surface-blue);color:var(--etl-primary-hover);border-color:var(--etl-primary-hover)}
@media(forced-colors:active){.etl-progress progress{appearance:auto}}