/* City pages (wfc-directory 1.2.0). Stats strip inside .wfc-dir; bands reuse state.css (.wfc-st) below the results. */

/* ---- stats strip (in the results header) */
.wfc-dir .wfc-cx-strip{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));margin:var(--s5,24px) 0 0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(15,59,63,.05),0 12px 28px -20px rgba(15,59,63,.25)}
.wfc-dir .wfc-cx-strip__i{display:flex;flex-direction:column;padding:16px 22px 18px;min-width:0}
.wfc-dir .wfc-cx-strip__i+.wfc-cx-strip__i{border-left:1px solid var(--line)}
.wfc-dir .wfc-cx-strip dt{order:2;font-size:13.5px;font-weight:600;line-height:1.35;color:var(--ink)}
.wfc-dir .wfc-cx-strip__v{order:1;margin:0 0 4px;font-family:var(--serif,"Fraunces",Georgia,serif);font-size:32px;line-height:1.05;font-weight:500;letter-spacing:-.02em;color:var(--wfc-teal,#14555A);font-variant-numeric:lining-nums tabular-nums}
.wfc-dir .wfc-cx-strip__s{order:3;margin:2px 0 0;font-size:13px;line-height:1.4;color:var(--muted)}
@media (max-width:900px){
  .wfc-dir .wfc-cx-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wfc-dir .wfc-cx-strip__i{padding:14px 16px 15px}
  .wfc-dir .wfc-cx-strip__i+.wfc-cx-strip__i{border-left:0}
  .wfc-dir .wfc-cx-strip__i:nth-child(even){border-left:1px solid var(--line)}
  .wfc-dir .wfc-cx-strip__i:nth-child(n+3){border-top:1px solid var(--line)}
  .wfc-dir .wfc-cx-strip__i:last-child:nth-child(odd){grid-column:1/-1}
  .wfc-dir .wfc-cx-strip__v{font-size:26px}
}

/* ---- counts on care-type nav, chips; location group subtitle */
.wfc-dir .typenav a.has-c{display:flex;align-items:baseline;gap:12px}
.wfc-dir .typenav a .c{margin-left:auto;font-size:14px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.wfc-dir .typenav a.active .c{color:var(--accent-ink)}
.wfc-dir .chip .c{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.wfc-dir .chip.on .c{color:var(--accent-ink)}
.wfc-dir .f-title .f-sub{display:block;margin-top:2px;font-size:12.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}

/* ---- bands below the results */
.wfc-st--city{margin-top:clamp(40px,5vw,72px)}
.wfc-st--city .wfc-st__body{margin-top:0}
.wfc-st--city .wfc-st__band:first-of-type{border-top:1px solid var(--wfc-line)}
.wfc-st--city .wfc-cx__wide{max-width:none}
.wfc-st--city .wfc-cx__wide>.wfc-st__intro,.wfc-st--city .wfc-cx__wide>.wfc-cx__method{max-width:760px}
.wfc-st--city .wfc-cx__dist{font-size:14px;color:var(--wfc-mute)}
.wfc-st--city .wfc-st__lcard .wfc-st__lname a{color:inherit}

.wfc-st--city .wfc-cx__cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,2.6vw,40px);margin:0;padding:0;list-style:none}
.wfc-st--city .wfc-cx__cities a{display:flex;flex-direction:column;gap:2px;padding:16px 0;border-bottom:1px solid var(--wfc-line);text-decoration:none!important}
.wfc-st--city .wfc-cx__c{font-family:"Fraunces",Georgia,serif;font-size:20px;line-height:1.25;color:var(--wfc-teal-dark)}
.wfc-st--city .wfc-cx__k{font-size:14px;color:var(--wfc-mute);font-variant-numeric:tabular-nums}
.wfc-st--city .wfc-cx__cities a:hover .wfc-cx__c{color:var(--wfc-teal);text-decoration:underline;text-decoration-color:var(--wfc-gold);text-underline-offset:4px}

.wfc-st--city .wfc-cx__defs{margin-top:clamp(20px,2.4vw,28px)}
.wfc-st--city .wfc-cx__defs>div{grid-template-columns:minmax(0,200px) minmax(0,1fr)}
.wfc-st--city .wfc-cx__defs .wfc-st__ticks{margin:0}

.wfc-st--city .wfc-cx__method li+li{margin-top:10px}
.wfc-st--city .wfc-cx__refs-h{margin:clamp(32px,4vw,44px) 0 14px;padding-top:24px;border-top:1px solid var(--wfc-line);font-size:clamp(20px,1.8vw,24px);line-height:1.2}
.wfc-st--city .wfc-st__refs{max-width:none}

@media (max-width:1000px){.wfc-st--city .wfc-cx__cities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .wfc-st--city .wfc-cx__cities{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .wfc-st--city .wfc-cx__c{font-size:18px}
  .wfc-st--city .wfc-cx__k{font-size:13px}
  .wfc-st--city .wfc-cx__defs>div{grid-template-columns:minmax(0,1fr)}
}
.wfc-st--city .wfc-st__arts--1{grid-template-columns:minmax(0,1fr);max-width:420px}
