/* Shared by the editor, preview, reader and catalogue. Checked text stays intact. */
.chronicle-task-progress{display:grid;gap:6px;max-width:280px;margin:14px 0;font: .8rem/1.5 'Segoe UI',sans-serif;color:var(--muted)}
.chronicle-task-progress[hidden]{display:none}
.chronicle-task-progress progress{display:block;width:100%;height:8px;border:0;appearance:none;background:var(--surface2);accent-color:var(--accent)}
.chronicle-task-progress progress::-webkit-progress-bar{background:var(--surface2)}
.chronicle-task-progress progress::-webkit-progress-value{background:var(--accent)}
.chronicle-task-progress progress::-moz-progress-bar{background:var(--accent)}
.task-save-status{font: .8rem/1.6 'Segoe UI',sans-serif;color:var(--muted);margin:0 0 18px}
.chronicle-detail[data-chronicle-reader]>.task-save-status{max-width:1050px;margin:0 auto 24px}
#main ul.chronicle-task-list,#chronicle-workspace ul[data-type=taskList]{list-style:none;padding-left:0;margin:1.2em 0}
#main ul.chronicle-task-list>li,#chronicle-workspace ul[data-type=taskList]>li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;margin:.8em 0;list-style:none}
#chronicle-workspace ul[data-type=taskList]>li>label{display:flex;align-items:center;padding:4px 0;margin:0;cursor:pointer}
#main .chronicle-task-list input[type=checkbox],#chronicle-workspace ul[data-type=taskList] input[type=checkbox]{display:block;width:20px;min-width:20px;height:20px;min-height:20px;padding:0;margin:5px 0 0;box-shadow:none;border:1px solid var(--line);accent-color:#9dc871;cursor:pointer}
#main .chronicle-task-list input:disabled{cursor:default;opacity:1}
#chronicle-workspace ul[data-type=taskList] input[type=checkbox]{margin:0}
.chronicle-task-content,#chronicle-workspace ul[data-type=taskList]>li>div{min-width:0;overflow-wrap:anywhere;text-decoration:none}
.chronicle-task-content>p:first-child,#chronicle-workspace ul[data-type=taskList]>li>div>p:first-child{margin-top:0}
.chronicle-task-content>p:last-child,#chronicle-workspace ul[data-type=taskList]>li>div>p:last-child{margin-bottom:0}
.chronicle-task-list li p,#chronicle-workspace li[data-type=taskItem] p{text-decoration:none}
#chronicle-workspace .editor-writing-foot .chronicle-task-progress{margin:0;min-width:180px}
@media(pointer:coarse){#main .chronicle-task-list input[type=checkbox],#chronicle-workspace ul[data-type=taskList] input[type=checkbox]{width:22px;height:22px}}