/* blz_checklist — .list-cols ported verbatim from build-practice.py
   PRACTICE_CSS with design tokens swapped to --blz-*. */

.list-cols { columns: 2; column-gap: 48px; margin-top: 22px; }
.list-cols li { break-inside: avoid; margin-bottom: 10px; font-size: 14.5px; color: var(--blz-ink-soft); display: flex; gap: 11px; }
.list-cols li::before { content: "\2713"; color: var(--blz-accent-2); font-weight: 700; flex: none; }
.list-cols ul, ul.list-plain { list-style: none; }
@media (max-width: 640px) { .list-cols { columns: 1; } }
.list-cols.cols-1 { columns: 1; }

.blz-band--dark .list-cols li { color: var(--blz-on-dark-soft); }

/* ---- badge / duotone tick styles (tick_style field) ---- */
.list-cols.ticks-badge li::before, .list-cols.ticks-duotone li::before { content: none; }
.list-cols.ticks-badge li, .list-cols.ticks-duotone li { display: flex; align-items: flex-start; gap: 12px; padding-left: 0; }
.list-cols .blz-tick { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; background: var(--blz-accent-2); display: inline-flex; align-items: center; justify-content: center; margin-top: 2px; }
.list-cols .blz-tick svg { width: 12px; height: 12px; fill: none; stroke: var(--blz-on-accent); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.list-cols.ticks-duotone li:nth-child(even) .blz-tick { background: var(--blz-accent); }