/* Hero sample visual: checklist. Source: src/styles/vis-checklist.css (edit there, then run scripts/vis-css.mjs). Linked by templates/Landing.astro only on a page with hero.visual: checklist. */
.vc-head{font-size:var(--fs-pill)}.vc-bar{display:block;width:100%;height:var(--s-1)}.vc-track{fill:var(--panel-line)}.vc-fill{fill:var(--accent-on-panel)}.vc-rows{display:grid;gap:var(--s-1)}.vc-rows li{display:flex;align-items:center;gap:var(--s-3);min-height:var(--s-9);padding-inline:var(--s-3);border:1px solid var(--panel-line);border-radius:var(--r-media);font-size:var(--fs-pill)}.vc-box{display:grid;place-items:center;flex:none;width:var(--s-5);height:var(--s-5);border-radius:var(--r-pill);background:var(--accent-on-panel);color:var(--panel)}.vc-box .vis-tick{stroke-width:2.5}@media (prefers-reduced-motion:no-preference){html.js .vis.run .vc-rows li{--d:calc(var(--at) + var(--step) * 2 * var(--i,0));animation:vis-fade var(--dur-hero-step) var(--ease-out) var(--d) backwards}html.js .vis.run .vc-box{animation:vis-pop var(--dur-std) var(--ease-out) calc(var(--at) + var(--step) * 2 * var(--i,0) + var(--dur-std)) backwards}html.js .vis.run .vc-fill{transform-box:fill-box;transform-origin:left center;animation:vis-grow calc(var(--step) * 2 * var(--n,4)) linear calc(var(--at) + var(--dur-std)) backwards}.vc-rows li:nth-child(2){--i:1}.vc-rows li:nth-child(3){--i:2}.vc-rows li:nth-child(4){--i:3}.vc-rows li:nth-child(2) .vc-box{--i:1}.vc-rows li:nth-child(3) .vc-box{--i:2}.vc-rows li:nth-child(4) .vc-box{--i:3}}