/* citycopy2 Trade Spines (Design A) — no card eyebrow labels */
#city-services.cy-sv-spines-on .cy-sv-spines{display:grid;gap:20px;margin-top:8px}
@media(min-width:900px){
  #city-services.cy-sv-spines-on .cy-sv-spines{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
  #city-services.cy-sv-spines-on .cy-sv-spine{height:100%;display:flex;flex-direction:column}
  #city-services.cy-sv-spines-on .cy-sv-spine-list{flex:1 1 auto;display:flex;flex-direction:column;gap:12px}
  #city-services.cy-sv-spines-on .cy-sv-spine-list>li{flex:1 0 0%;min-height:min-content;display:flex}
  #city-services.cy-sv-spines-on .cy-sv-spine-list>li>.cy-sv-card{flex:1 0 auto;width:100%;align-self:stretch}
}
#city-services.cy-sv-spines-on .cy-sv-spine{display:flex;flex-direction:column;min-width:0;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden}
#city-services.cy-sv-spines-on .cy-sv-spine-hd{display:flex;align-items:center;gap:14px;padding:18px 20px;background:linear-gradient(90deg,#FED14D,#F5C518);color:#00053E;border-bottom:0}
#city-services.cy-sv-spines-on .cy-sv-spine-hd .cy-sv-tic{width:40px;height:40px;border-radius:12px;background:#00053E;color:#F5C518;display:grid;place-items:center;flex:0 0 auto}
#city-services.cy-sv-spines-on .cy-sv-spine-hd h3{margin:0;font:800 22px/1 var(--display,system-ui,sans-serif);font-stretch:112%;letter-spacing:-.01em}
#city-services.cy-sv-spines-on .cy-sv-spine-hd .cy-sv-cnt{margin-left:auto;font:800 13px/1 var(--display,system-ui,sans-serif);letter-spacing:.08em;text-transform:uppercase;opacity:.75}
#city-services.cy-sv-spines-on .cy-sv-spine-list{list-style:none;margin:0;padding:14px;display:flex;flex-direction:column;gap:12px;flex:1}
#city-services.cy-sv-spines-on .cy-sv-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#e6ecf8;text-decoration:none;min-height:0;transition:background .15s ease,border-color .15s ease}
#city-services.cy-sv-spines-on a.cy-sv-card:hover{background:rgba(255,255,255,.10);border-color:rgba(245,197,24,.45)}
#city-services.cy-sv-spines-on .cy-sv-card .cy-sv-ic{width:40px;height:40px;border-radius:12px;background:rgba(0,80,200,.28);color:#F5C518;display:grid;place-items:center}
#city-services.cy-sv-spines-on .cy-sv-card h4{margin:0;font:800 17px/1.2 var(--display,system-ui,sans-serif);font-stretch:112%;color:#fff;letter-spacing:-.01em}
#city-services.cy-sv-spines-on .cy-sv-card p{margin:0;font-size:14.5px;line-height:1.45;color:rgba(255,255,255,.78);text-wrap:pretty;flex:1 1 auto}
#city-services.cy-sv-spines-on .cy-sv-card .go{margin-top:auto;align-self:flex-end;width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:#FED14D;color:#00053E;font-weight:800}
/* hide legacy trade rows if any remnant */
#city-services.cy-sv-spines-on .cy-sv-trade{display:none!important}

/* audit A6 2026-11-07: navy card headings on the yellow header (Boss yes) */
#city-services.cy-sv-spines-on .cy-sv-spine .cy-sv-spine-hd h3{color:#00053E!important}
/* top3eq1 2026-11-08: every card in all 3 columns the same height; footer links aligned */
@supports (grid-template-rows:subgrid){@media(min-width:900px){
  #city-services.cy-sv-spines-on .cy-sv-spines{grid-template-rows:auto 1fr 1fr 1fr auto;row-gap:0}
  #city-services.cy-sv-spines-on .cy-sv-spine{height:auto;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
  #city-services.cy-sv-spines-on .cy-sv-spine-list{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;padding:0 14px;flex:none}
  #city-services.cy-sv-spines-on .cy-sv-spine-list>li{min-height:0;padding:6px 0}
  #city-services.cy-sv-spines-on .cy-sv-spine-hd{margin-bottom:8px}
  #city-services.cy-sv-spines-on .cy-sv-spine>a.cy-sv-card{margin-top:8px}
}}