/* ============================================================
   WS6c — Local SEO landing pages (state + metro)
   Reuses loanatik.css + ws6.css tokens/classes. New styles only.
   ============================================================ */

/* chip links to nearby cities / state */
.city-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.1rem}
.city-chip{display:inline-flex;align-items:center;gap:.45rem;border:1.5px solid var(--line);border-radius:999px;
  padding:.45rem .95rem;font-weight:700;font-size:.9rem;color:var(--ink);background:var(--card);
  transition:border-color .15s ease,background .15s ease,color .15s ease}
.city-chip::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--lime);flex:0 0 auto}
.city-chip:hover{border-color:color-mix(in srgb,var(--lime) 55%,var(--line));background:color-mix(in srgb,var(--lime) 8%,transparent)}

/* simple program links list inside prose */
.program-links{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.program-links a{display:flex;align-items:center;justify-content:space-between;gap:.8rem;
  background:var(--card);border:1px solid var(--line);border-radius:11px;padding:.8rem 1rem;font-weight:700;color:var(--ink);
  transition:border-color .15s ease,transform .15s ease}
.program-links a:hover{border-color:color-mix(in srgb,var(--navy) 25%,var(--line));transform:translateY(-2px)}
.program-links a .arr{color:var(--muted);transition:transform .18s ease}
.program-links a:hover .arr{transform:translateX(3px)}

@media (max-width:560px){ .program-links{grid-template-columns:1fr} }