/* picker-v1 (BAND-SUB-1 item 18, founder Craig 23:40 UTC 2026-10-25): the "Which one is for me?" chips component, ONE file for
   siqwes.com/classes/ and siqwes.com/free/ (linked by scripts/pagetitle.py on pages that carry nav.cx-chips). Rules moved verbatim from
   classes-page-v1.css (Creative abe6cdd0 base + BAND-SUB-1 item 4 sizes). Chips are in-page anchors to #cx-<niche>-card on each page. */
.cx-chip[href="#cx-business-card"]{--nc:#9BE8F6}.cx-chip[href="#cx-education-card"]{--nc:#AAD8B6}.cx-chip[href="#cx-realestate-card"]{--nc:#ECBEAC}
.cx-chip[href="#cx-assistants-card"]{--nc:#C5B7E6}.cx-chip[href="#cx-bookkeeping-card"]{--nc:#E4B5CF}.cx-chip[href="#cx-hub-card"]{--nc:#2FD3EE}
/* ---------- chips: "Which Class is for me?" (in-page anchors, >=44px) ---------- */
.cx-chips{padding:28px 0 4px;text-align:center}
.cx-chips__title{margin:0 0 14px;font-family:var(--font-body);font-size:1rem;line-height:1.4;font-weight:700;color:#2FD3EE}
.cx-chips__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.cx-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;line-height:1.2;font-weight:600;
  color:#FFFFFF;text-decoration:none;background:rgba(23,24,29,.80);border:1px solid color-mix(in srgb,var(--nc,#2FD3EE) 45%,rgba(255,255,255,.12));
  transition:background .2s,border-color .2s}
.cx-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--nc,#2FD3EE);box-shadow:0 0 8px color-mix(in srgb,var(--nc,#2FD3EE) 60%,transparent)}
.cx-chip:hover{background:color-mix(in srgb,var(--nc,#2FD3EE) 14%,#17181D);border-color:var(--nc,#2FD3EE)}
.cx-chip:focus-visible{outline:3px solid #2FD3EE;outline-offset:3px}
@media (max-width:767.98px){.cx-chips__list{justify-content:flex-start}.cx-chips{text-align:left}}

/* item 4: picker label Nunito 800 20px (390) -> 24px (1280), white, centred, 16px below; chips 17px -> 18px, Source Sans 3 600, min 48px,
   12px 20px padding, 10px dot, 12px gap, pill + colours unchanged; wrap centred at every width (max ~3 per row at 1280) */
.cx-chips{text-align:center}
.cx-chips__title{margin:0 0 16px;font-family:var(--font-heading,"Nunito"),"Nunito",system-ui,sans-serif;font-weight:800;font-size:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);line-height:1.25;color:#2FD3EE;text-align:center}
.cx-chips__list{justify-content:center;gap:12px;max-width:52rem;margin-inline:auto}
.cx-chip{gap:12px;min-height:48px;padding:12px 20px;font-family:var(--font-body,"Source Sans 3"),"Source Sans 3",system-ui,sans-serif;font-weight:600;font-size:clamp(1.0625rem,1.0078rem + 0.2247vw,1.125rem);box-sizing:border-box;max-width:100%}
.cx-chip::before{flex:none;width:10px;height:10px}
@media (max-width:767.98px){.cx-chips__list{justify-content:center}.cx-chips{text-align:center}}
@media (prefers-reduced-motion:reduce){.cx-chip{transition:none}}
/* /free/: the target free-series cards clear the sticky header like the /classes/ cards (scroll-margin-top 96px) */
.niche-card[id^="cx-"]{scroll-margin-top:96px}
/* founder Craig 00:36 UTC 2026-10-26 (t1167u): the picker heading uses the brand cyan #2FD3EE (= .page-title__sub); font and size unchanged */