/* Checklist (/checklist/): numbered items with an empty tick box, built to print on two A4 pages.
   Tokens only; inherits .prose, .cite and the sources component from site.css. */

.cl-actions { margin-bottom: var(--space-4); }
.cl-names { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-2) var(--space-3); font-size: var(--fs-label); color: var(--color-text-soft); }
.cl-line { display: inline-block; flex: 1 1 12rem; min-width: 8rem; border-bottom: 1px solid var(--color-border-strong); height: 1.2em; }
.cl-line--short { flex: 0 1 9rem; }

.prose .cl-list { list-style: none; padding-left: 0; display: grid; gap: var(--space-4); margin-top: var(--space-4); }
.prose .cl-list > li {
  position: relative; padding-left: 4rem; margin: 0;
  break-inside: avoid; counter-increment: cl;
}
.cl-list { counter-reset: cl; }
.cl-list[start="6"] { counter-reset: cl 5; }
.cl-list[start="10"] { counter-reset: cl 9; }
.cl-list[start="12"] { counter-reset: cl 11; }
.cl-list[start="16"] { counter-reset: cl 15; }
.cl-list[start="19"] { counter-reset: cl 18; }
/* Empty tick box, then the item number */
.prose .cl-list > li::before {
  content: ""; position: absolute; left: 0; top: 0.2em;
  width: 1.1rem; height: 1.1rem; border: 1.5px solid var(--color-text); border-radius: var(--radius-sm);
}
.prose .cl-list > li::after {
  content: counter(cl) "."; position: absolute; left: 1.6rem; top: 0;
  font-weight: 700; font-variant-numeric: tabular-nums; color: var(--color-text);
}
.cl-list strong { color: var(--color-text); }

.cl-more { margin-top: var(--space-8); }
.cl-updates { margin-top: var(--space-10); }
.cl-crisis { margin-top: var(--space-8); font-size: var(--fs-label); color: var(--color-text-soft); }

@media print {
  .cl-actions, .cl-updates, .breadcrumb, .page-hero__meta { display: none !important; }
  .page-hero { padding-block: 0 var(--space-3); border: 0; }
  .prose .cl-list { gap: var(--space-2); }
  .prose .cl-list > li { font-size: 10.5pt; line-height: 1.4; }
  .prose h2 { margin-top: var(--space-4); font-size: 13pt; break-after: avoid; }
  .cite a { color: inherit; }
}
