/* RigReady：可打印清单站。森林绿 + 沙色，圆润、亲切，打印时是干净的黑白清单 */
:root {
  --bg: #f7f3ec;
  --surface: #fffdf9;
  --surface-2: #efe8db;
  --text: #24302b;
  --muted: #66716b;
  --line: #e2d9c8;
  --accent: #2f5d50;
  --accent-ink: #ffffff;
  --accent-soft: #dfeae4;
  --accent-3: #c98a1e;
  --accent-3-soft: #f8ead0;
  --radius: 18px;
  --radius-sm: 12px;
  --font-display: "Georgia", "Iowan Old Style", "Palatino Linotype", serif;
}
/* 上面改了哪些浅色变量，深色模式就必须同样全部改一遍 */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #161c19;
    --surface: #1d2521;
    --surface-2: #25302a;
    --text: #ece6da;
    --muted: #a2aaa4;
    --line: #34403a;
    --accent: #8cc4ad;
    --accent-ink: #161c19;
    --accent-soft: #233a31;
    --accent-3: #e9b55a;
    --accent-3-soft: #3a3120;
    --radius: 18px;
    --radius-sm: 12px;
    --font-display: "Georgia", "Iowan Old Style", "Palatino Linotype", serif;
  }
}
.cl-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; position: sticky; top: 62px; background: var(--surface); padding: 8px 0 12px; z-index: 2; border-bottom: 1px solid var(--line); }
.cl-progress { font-weight: 600; color: var(--muted); }
.cl-progress b { color: var(--accent); font-size: 20px; }
.print-title { display: none; }
.cl-group h3 { font-size: 18px; margin: 22px 0 6px; color: var(--accent); }
.cl-group ul { list-style: none; padding: 0; margin: 0; }
.cl-group li { border-bottom: 1px dashed var(--line); }
.cl-group label { display: flex; gap: 12px; align-items: flex-start; padding: 10px 2px; cursor: pointer; font-weight: 400; font-size: 16px; flex-direction: row; }
.cl-group input { width: 22px; height: 22px; margin-top: 2px; flex: none; accent-color: var(--accent); }
.cl-group input:checked + span { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--accent); }
.cl-group small { display: block; color: var(--muted); font-size: 14px; margin-top: 2px; }
.list-cards .card .count { font-size: 13px; font-weight: 700; color: var(--accent-3); text-transform: uppercase; letter-spacing: .05em; }
@media print {
  .print-title { display: block; font: 700 22px var(--font-display); margin: 0 0 8px; }
  .cl-group { break-inside: avoid; }
  .cl-group h3 { color: #000; margin-top: 14px; }
  .cl-group label { padding: 5px 0; font-size: 13px; }
  .cl-group input { width: 14px; height: 14px; }
  .cl-group input:checked + span { text-decoration: none; color: #000; }
  .cl-group small { font-size: 11px; color: #444; }
}