/* Build checklist page — palette: red / bronze / brown / cream. Flat, no shadows. */
.ck-wrap { max-width: 820px; }
.ck-note { background: var(--cream); border-left: 4px solid var(--bronze); padding: 14px 16px; border-radius: 8px; color: var(--ink-2); margin: 0 0 18px; }
.ck-group { border: 1px solid var(--line); background: var(--paper); border-radius: 10px; padding: 14px 16px 6px; margin: 0 0 16px; }
.ck-group { min-width: 0; }
.ck-group legend { font-weight: 700; color: var(--red); padding: 0 6px; font-size: 1.05rem; }
.ck-list { list-style: none; margin: 0; padding: 0; }
.ck-list li { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-top: 1px solid var(--line); }
.ck-list li:first-child { border-top: 0; }
.ck-list input[type=checkbox] { width: 22px; height: 22px; flex: 0 0 22px; margin: 1px 0 0; accent-color: var(--red); cursor: pointer; }
.ck-list label { display: block; flex: 1 1 auto; min-width: 0; cursor: pointer; color: var(--ink); font-weight: 400; font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
.ck-list label strong { font-weight: 700; }
.ck-list input:checked + label { color: var(--mute); text-decoration: line-through; text-decoration-color: var(--bronze); }
.ck-cta-band { background: var(--brown); color: var(--cream-2); }
.ck-cta { padding: 34px 20px; text-align: center; }
.ck-cta h2 { color: var(--cream-2); margin: 0 0 8px; }
.ck-cta p { color: var(--cream); }
.ck-cta .btn-row { justify-content: center; margin-top: 16px; }
.ck-cta .btn-ghost { color: var(--cream-2); border-color: var(--bronze-2); }
@media (min-width: 760px) { .ck-group { padding: 18px 22px 8px; } }
.ck-sub { margin: 14px 0 6px; line-height: 1.45; overflow-wrap: anywhere; font-weight: 600; color: var(--brown); }
.ck-safe { background: var(--cream); border-left: 4px solid var(--red); padding: 10px 12px; border-radius: 8px; color: var(--ink-2); margin: 8px 0 10px; }
@page { size: letter portrait; margin: 0.4in; }
@media print {
  .topbar, header, footer, nav, .ck-actions, .ck-cta-band, .porch-bugs, .menu-btn, .skip, .crumbs, .breadcrumbs, .kicker, .lead { display: none !important; }
  html, body { background: #fff !important; color: #000; font-size: 8.8pt !important; }
  section, .hero { padding: 0 !important; margin: 0 !important; background: #fff !important; }
  .wrap, .ck-wrap { max-width: none !important; padding: 0 !important; }
  h1 { font-size: 17pt !important; margin: 0 0 6px !important; color: #8b1e22; }
  .ck-note { padding: 5px 8px; margin: 0 0 8px; font-size: 8.8pt; }
  .ck-wrap { column-count: 2; column-gap: 16px; }
  .ck-note, h1 { column-span: all; }
  .ck-group { break-inside: avoid; border: 1px solid #b8975c; background: #fff; padding: 4px 8px 2px; margin: 0 0 5px; border-radius: 4px; }
  .ck-group { display: block; width: 100%; min-width: 0; }
  .ck-group { min-width: 0; }
.ck-group legend { font-size: 10pt; padding: 0 4px; }
  .ck-list li { display: flex !important; }
  .ck-list li { padding: 2px 0; gap: 6px; border-top: 0; font-size: 8.8pt; }
  .ck-list label { line-height: 1.3; font-size: 8.8pt; }
  .ck-access .ck-list li { font-size: 8.8pt; }
  .ck-sub { margin: 2px 0 1px; font-size: 9pt; }
  .ck-safe { padding: 3px 6px; margin: 3px 0 4px; font-size: 9pt; border-left-width: 3px; }
  .ck-list input[type=checkbox] { width: 11px; height: 11px; flex: 0 0 11px; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}