/*
 * Use-case page family-specific rules.
 *
 * Load AFTER /shared/page.css on every use-case landing page
 * (/ai-for-cnc-shops/, /ai-for-commercial-distributors/, etc.).
 * Page chrome, design tokens, .tldr, .bullets, .faq-list, .cta-block,
 * and the site header / footer live in /shared/page.css.
 */

/* Checkmark "what's included" list */
ul.includes { list-style: none; padding: 0; }
ul.includes li { padding: .9rem 0 .9rem 2rem; position: relative; border-top: 1px solid var(--line); font-size: .98rem; }
ul.includes li:last-child { border-bottom: 1px solid var(--line); }
ul.includes li::before { content: "\2713"; position: absolute; left: 0; top: .9rem; color: var(--accent); font-weight: 700; }
ul.includes li strong { font-weight: 600; }

/* Week-by-week timeline */
ul.timeline { list-style: none; padding: 0; }
ul.timeline li { padding: 1rem 0 1rem 5.5rem; position: relative; border-top: 1px solid var(--line); }
ul.timeline li:last-child { border-bottom: 1px solid var(--line); }
ul.timeline li .wks { position: absolute; left: 0; top: 1rem; font-family: var(--font-mono); font-size: .72rem; font-weight: 500; letter-spacing: .08em; color: var(--accent); text-transform: uppercase; }
ul.timeline li strong { font-weight: 600; }