/* Checklist-specific content lives inside the shared stationery shell. */
#todoAppearanceBtn{display:inline-flex;gap:7px;white-space:nowrap;flex-shrink:0;order:45;min-height:44px;border:1px solid var(--border);background:var(--surface)}
[data-todo-appearance][hidden],#todoCardDownload[hidden]{display:none}
#todoAppearanceBtn svg,.todo-card-compact-appearance svg{width:16px;height:16px;flex-shrink:0}
#section-todos:has(#todoLayout[data-mview="table"]) #todoAppearanceBtn,
#section-todos:has(#todoLayout[data-mview="main"]) #todoAppearanceBtn{display:none}
.todo-card-compact-appearance{display:none;gap:6px;min-height:44px;margin-left:auto;white-space:nowrap}
.todo-card-container{position:relative;min-width:0;container:checklist / inline-size}
.todo-card-container:hover .day-card-download,.todo-card-container:focus-within .day-card-download{opacity:1}
#todoChecklist.todo-card-viewport{height:min(900px,74dvh);min-height:350px;padding:24px;overflow:auto}
@media(min-width:1101px){
  #todoLayout[data-mview="table-split"] #todoChecklist.todo-card-viewport{height:100%;min-height:0;flex:1}
  #todoLayout[data-mview="table-split"] .todo-card-paper{min-height:100%}
}
.todo-card-paper{--tc-size:17px;--tc-gap:5px;padding:36px 28px 28px;font-size:var(--tc-size)}
.todo-card-paper[data-size="small"]{--tc-size:16px}
.todo-card-paper[data-size="large"]{--tc-size:20px}
.todo-card-paper[data-spacing="compact"]{--tc-gap:2px}
.todo-card-paper[data-spacing="airy"]{--tc-gap:10px}
.todo-card-paper .day-card-heading h2{font-size:36px;overflow-wrap:anywhere}
.todo-card-paper .day-card-heading p{font-size:18px}
.todo-card-paper .day-card-heading{margin-bottom:12px}
.todo-card-paper .todo-card-progress{font:inherit;font-size:15px;text-align:center;margin:0 0 24px;color:var(--dc-ink)}
.todo-card-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.todo-card-column{min-width:0}
.todo-card-kind{font:inherit;text-transform:none;letter-spacing:normal;font-weight:600;font-size:21px;color:inherit;margin:0 0 16px}
.todo-card-group+.todo-card-group{margin-top:22px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--dc-line) 55%,transparent)}
.todo-card-group-heading{font:inherit;text-transform:none;letter-spacing:normal;font-weight:600;font-size:19px;line-height:1.4;color:inherit;margin:0 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.todo-card-group-heading small{font:inherit;font-size:14px;color:var(--dc-time);white-space:nowrap}
.todo-card-row{display:flex;align-items:flex-start;position:relative;gap:4px;min-height:48px;padding:var(--tc-gap) 0;break-inside:avoid}
.todo-card-copy{flex:1;min-width:0;padding-top:9px}
.todo-card-paper .todo-card-task-title{font:inherit;font-size:var(--tc-size);line-height:1.4;margin:0;color:var(--dc-ink);text-align:left}
.todo-card-meta,.todo-card-notes{font:inherit;font-size:max(14px,calc(var(--tc-size) * .85));line-height:1.4;margin:2px 0 0;white-space:pre-wrap;color:var(--dc-time);overflow-wrap:anywhere}
.todo-card-check{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-height:44px;color:var(--dc-icon);cursor:var(--planner-cursor-pointer,pointer);border-radius:var(--radius-control,4px);transition:background .15s ease}
.todo-card-check-mark{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;transition:background .15s ease,color .15s ease}
.todo-card-check-mark svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.todo-card-check:hover{background:color-mix(in srgb,var(--dc-ink) 8%,transparent)}
.todo-card-check:focus-visible{outline:2px solid var(--dc-icon);outline-offset:1px}
.todo-card-row.is-done .todo-card-check-mark{background:var(--dc-icon);border-color:var(--dc-icon);color:var(--tc-check-ink)}
.todo-card-paper[data-layout="center"] .todo-card-kind{text-align:center}
.todo-card-paper[data-layout="chapters"] .todo-card-group-heading{font-size:20px}
.todo-card-paper[data-layout="chapters"] .todo-card-kind{border:0;margin-bottom:24px}
.todo-card-default{padding:18px;color:var(--ink);background:var(--surface);border-radius:var(--radius-surface)}
.todo-appearance-dialog .day-card-card-mini .todo-card-default{width:500px;min-height:680px;padding:36px}
.todo-appearance-dialog .day-card-card-mini .todo-card-paper{min-height:680px}
/* Static export uses real check text: HTML-to-canvas does not reliably paint
   the operational checkbox's SVG background. Keep the normal page untouched. */
.todo-card-print-default{--ink:var(--dc-ink);--ink-muted:var(--dc-ink)}
.todo-card-print-default .agenda-title{display:none}
.todo-card-print-default .checklist-box{width:18px;height:18px;border:1.5px solid var(--dc-ink);border-radius:3px;background:none;color:var(--dc-ink);font:12px/1 sans-serif;transition:none}
.todo-card-print-default .checklist-title{color:var(--dc-ink)}
@container checklist (min-width:750px){.todo-card-paper{width:min(100%,940px)}.todo-card-columns:has(.todo-card-column:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}}
@container checklist (max-width:450px){#todoChecklist.todo-card-viewport{padding:14px}.todo-card-paper{padding:30px 18px 24px}.todo-card-paper .day-card-heading h2{font-size:32px}.todo-card-paper[data-border="arch"]{padding-top:75px}}
@container todos (max-width:1050px){#todoAppearanceBtn{width:44px;min-width:44px;padding:0;justify-content:center}#todoAppearanceBtn>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
@media(max-width:600px){.todo-card-paper .day-card-heading h2{font-size:32px}.todo-appearance-dialog .todo-card-paper{padding:30px 18px 24px}.todo-appearance-dialog .todo-card-paper[data-border="arch"]{padding-top:75px}}
@media(prefers-reduced-motion:reduce){.todo-card-check,.todo-card-check-mark{transition:none}}

@container todos (max-width:360px){#todoAppearanceBtn{display:none}.todo-card-compact-appearance:not([hidden]){display:inline-flex}.todo-card-compact-appearance{margin-bottom:8px}}