
    .cl-section { margin-bottom: 26px; }
    .cl-section h2 { font-size: 1.15rem; display: flex; align-items: center; gap: 10px; }
    .cl-count { font-family: var(--font-ui); font-size: .72rem; font-weight: 700; color: var(--brand-text); background: var(--brand-tint); border-radius: 999px; padding: 3px 10px; }
    .cl-list { list-style: none; padding: 0; display: grid; gap: 8px; }
    .cl-list label {
      display: flex; align-items: flex-start; gap: 12px; padding: 12px 14px;
      background: var(--surface); border: 1px solid var(--border); border-radius: 12px;
      cursor: pointer;
    }
    .cl-list label:hover { border-color: var(--brand); }
    .cl-list input { width: 18px; height: 18px; margin-top: 3px; accent-color: #047857; flex: none; }
    .cl-list input:checked + span { color: var(--muted); text-decoration: line-through; }
    .cl-list span { font-size: .93rem; }
    .cl-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 8px; }
    #ccDone { font-weight: 700; color: var(--brand-text); }
    @media print {
      .nav, .page-hero .cta-strip, .cl-actions, .page-footer, .hero-badge { display: none !important; }
      body { background: #fff; }
      .page-wrap { max-width: none; }
      .cl-list label { border: 1px solid #ccc; break-inside: avoid; }
      .page-section { padding-block: 12px; }
      .page-hero { padding: 12px 0; }
    }
  