/* Strata Match — Companies-by-city index. Styles ported from the handoff
   "City.html" index view (reskin tokens). Server-rendered with live firm
   counts; region grouping from the handoff. */
  .crumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);
    display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:26px;}
  .crumb a{color:var(--teal-700);text-decoration:none;} .crumb a:hover{text-decoration:underline;}
  .crumb span{opacity:.5;} .crumb em{font-style:normal;color:var(--fg);}

  .city-hero{max-width:760px;}
  .city-hero h1{font-family:var(--font-display);font-size:clamp(38px,5.4vw,68px);line-height:1.02;letter-spacing:-0.02em;color:var(--ink);margin-top:10px;text-wrap:balance;}
  .city-lead{margin-top:20px;font-size:20px;line-height:1.6;color:var(--fg-muted);} .city-lead strong{color:var(--ink);font-weight:var(--w-body-b);}
  .city-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}

  .ci-grid-sec{margin-top:56px;}
  .ci-grid{columns:2;column-gap:48px;}
  .ci-region{break-inside:avoid;margin-bottom:40px;}
  .ci-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-bottom:2px solid var(--teal-500);padding-bottom:10px;}
  .ci-head h3{font-family:var(--font-display);font-size:24px;color:var(--ink);}
  .ci-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-subtle);}
  .ci-list{margin-top:8px;}
  .ci-row{display:flex;align-items:baseline;gap:10px;padding:12px 4px;text-decoration:none;color:inherit;border-bottom:1px solid var(--hairline);transition:background var(--dur-fast),padding-left var(--dur-fast);}
  .ci-row:hover{background:var(--teal-50);padding-left:10px;}
  .ci-name{font-family:var(--font-body);font-size:17px;color:var(--ink);}
  .ci-dots{flex:1;border-bottom:1px dotted var(--border-strong);transform:translateY(-3px);}
  .ci-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-subtle);white-space:nowrap;}
  .ci-row:hover .ci-count{color:var(--teal-700);}

  @media(max-width:860px){
    .ci-grid{columns:1;}
  }