/* ============================================================
   City Page B — Open & Approachable
   Scoped: .ssd-wrap.ssd-city-b  +  !important
   ============================================================ */

.ssd-city-b {
    --blue:        #00B9BB;
    --blue-2:      #008F91;
    --blue-ink:    #006B6D;
    --bg:          #FFFFFF;
    --tint:        #F8F6F4;
    --tint-2:      #E6F9F9;
    --line:        #E2DDD8;
    --ink:         #222222;
    --ink-2:       #444444;
    --ink-3:       #666666;
    --accent:      #00B9BB;
    --ok:          #00B9BB;
    --white:       #FFFFFF;
    --radius:      16px;
    --radius-sm:   10px;
    --radius-pill: 999px;
    --shadow-card: 0 24px 48px -24px rgba(0,185,187,.18);
    --gutter-mobile: 20px;
    -webkit-font-smoothing: antialiased !important;
    color: var(--ink) !important;
    background: var(--bg) !important;
}
.ssd-city-b * { box-sizing:border-box!important; }
.ssd-city-b p,.ssd-city-b h1,.ssd-city-b h2,.ssd-city-b h3,
.ssd-city-b ul,.ssd-city-b ol,.ssd-city-b li { margin:0!important;padding:0!important; }
.ssd-city-b img { max-width:100%!important;height:auto!important;display:block!important; }
.ssd-city-b a { color:inherit!important; }

/* Breadcrumb */
.ssd-city-b .city-breadcrumb { padding:20px clamp(20px,0vw,56px) 0!important;font-size:13px!important;color:var(--ink-3)!important; }
.ssd-city-b .city-breadcrumb__inner { display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;max-width:1200px!important;margin-left:0!important;margin-right:auto!important; }
.ssd-city-b .city-breadcrumb__inner a { color:var(--ink-3)!important;text-decoration:none!important; }
.ssd-city-b .city-breadcrumb__inner a:hover { color:var(--blue)!important; }
.ssd-city-b .city-breadcrumb__inner span:last-child { color:var(--ink)!important;font-weight:600!important; }

/* Badge */
.ssd-city-b .city-badge { display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;border-radius:var(--radius-pill)!important;font-size:13px!important;font-weight:600!important; }
.ssd-city-b .city-badge--tint { background:var(--tint)!important;color:var(--blue-ink)!important; }
.ssd-city-b .city-badge__dot  { width:8px!important;height:8px!important;background:var(--ok)!important;border-radius:50%!important; }

/* Buttons */
.ssd-city-b .city-btn { display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-weight:600!important;font-size:14px!important;padding:12px 22px!important;text-decoration:none!important;cursor:pointer!important;border:1.5px solid transparent!important;transition:background-color 160ms,color 160ms!important; }
.ssd-city-b .city-btn--pill   { border-radius:var(--radius-pill)!important; }
.ssd-city-b .city-btn--lg     { padding:16px 26px!important;font-size:15px!important; }
.ssd-city-b .city-btn--block  { width:100%!important; }
.ssd-city-b .city-btn--primary{ background:var(--blue)!important;color:var(--white)!important; }
.ssd-city-b .city-btn--primary:hover { background:var(--blue-2)!important; }
.ssd-city-b .city-btn--accent { background:var(--accent)!important;color:var(--ink)!important;font-weight:700!important; }
.ssd-city-b .city-btn--accent:hover { background:var(--ssd-primary)!important;color:var(--white)!important; }
.ssd-city-b .city-btn--ghost  { background:var(--white)!important;color:var(--ink)!important;border-color:var(--line)!important; }
.ssd-city-b .city-btn--ghost:hover { background:var(--tint-2)!important; }
.ssd-city-b .city-btn--ghost-light { background:transparent!important;color:var(--white)!important;border-color:rgba(255,255,255,.35)!important; }
.ssd-city-b .city-btn--ghost-light:hover { background:rgba(255,255,255,.08)!important; }

/* Hero */
.ssd-city-b .city-hero { padding:32px 20px 56px!important;background:var(--white)!important;position:relative!important; }
.ssd-city-b .city-hero__blob { position:absolute!important;right:20px!important;top:60px!important;width:280px!important;height:280px!important;background:var(--tint)!important;border-radius:50%!important;z-index:0!important;pointer-events:none!important; }
.ssd-city-b .city-hero__inner { position:relative!important;z-index:0!important;display:grid!important;grid-template-columns:1fr!important;gap:36px!important;align-items:start!important;max-width:1200px!important;margin:0 auto!important; }
.ssd-city-b .city-hero__title { font-size:4.125rem!important;line-height:1.06!important;font-weight:700!important;letter-spacing:-.03em!important;color:var(--ink)!important;margin-top:22px!important;margin-bottom:0!important; }
.ssd-city-b .city-hero__accent { color:var(--blue)!important; }
.ssd-city-b .city-hero__intro  { margin-top:20px!important;font-size:16px!important;line-height:1.6!important;color:var(--ink-2)!important;max-width:580px!important; }
.ssd-city-b .city-hero__bullets { list-style:none!important;margin-top:24px!important;display:grid!important;grid-template-columns:1fr!important;gap:10px 18px!important;max-width:560px!important; }
.ssd-city-b .city-hero__bullets li { display:flex!important;align-items:center!important;gap:10px!important;font-size:14.5px!important;color:var(--ink)!important; }
.ssd-city-b .city-hero__bullet-mark { width:22px!important;height:22px!important;background:var(--tint)!important;color:var(--blue)!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:700!important;flex-shrink:0!important; }
.ssd-city-b .city-hero__actions { display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:24px!important; }
.ssd-city-b .city-hero__card { background:var(--white)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow-card)!important;overflow:hidden!important; }

/* NAP B */
.ssd-city-b .city-nap { padding:24px!important; }
.ssd-city-b .city-nap__eyebrow { font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--blue)!important;font-weight:700!important;display:block!important;margin-bottom:8px!important; }
.ssd-city-b .city-nap__title   { font-size:2.25rem!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.02em!important;margin-bottom:0!important; }
.ssd-city-b .city-nap__address { margin-top:12px!important;font-style:normal!important;font-size:14.5px!important;color:var(--ink)!important;line-height:1.6!important; }
.ssd-city-b .city-nap__phone { font-size:1.125rem!important;font-weight:700!important;margin-top:12px!important;margin-bottom:4px!important; }
.ssd-city-b .city-nap__phone a { text-decoration:none!important;color:var(--ink)!important; }
.ssd-city-b .city-nap__hours { font-size:13px!important;color:var(--ink-3)!important; }
.ssd-city-b .city-nap--remote .city-nap__remote-copy { font-size:15px!important;line-height:1.65!important;margin:12px 0!important;color:var(--ink-2)!important; }
.ssd-city-b .city-nap--remote .city-nap__phone a { color:var(--blue)!important; }

@media(min-width:768px){ .ssd-city-b .city-hero{padding:40px 32px 64px!important;} .ssd-city-b .city-hero__title{font-size:4.625rem!important;} .ssd-city-b .city-hero__bullets{grid-template-columns:1fr 1fr!important;} .ssd-city-b .city-hero__actions{flex-direction:row!important;} }
@media(min-width:1024px){ .ssd-city-b .city-hero{padding:40px clamp(20px,5vw,56px) 64px!important;} .ssd-city-b .city-hero__inner{grid-template-columns:1.2fr 1fr!important;gap:56px!important;} .ssd-city-b .city-hero__title{font-size:4.625rem!important;} .ssd-city-b .city-hero__blob{right:56px!important;width:460px!important;height:460px!important;} }
@media(min-width:1280px){ .ssd-city-b .city-hero__title{font-size:3.25rem!important;} }

/* Snapshot B */
.ssd-city-b .city-snapshot { padding:20px 20px 48px!important;background:var(--white)!important; }
.ssd-city-b .city-snapshot__panel { background:var(--tint-2)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:28px 24px!important;max-width:1200px!important;margin:0 auto!important; }
.ssd-city-b .city-snapshot__head  { margin-bottom:24px!important; }
.ssd-city-b .city-snapshot__kicker{ font-size:13px!important;color:var(--ink-3)!important;margin-bottom:6px!important; }
.ssd-city-b .city-snapshot__title { font-size:2.375rem!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.015em!important; }
.ssd-city-b .city-snapshot__grid  { list-style:none!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important; }
.ssd-city-b .city-snapshot__card  { background:var(--white)!important;border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;padding:18px 20px!important; }
.ssd-city-b .city-snapshot__term  { font-size:11px!important;text-transform:uppercase!important;letter-spacing:.1em!important;color:var(--ink-3)!important;font-weight:700!important;margin-bottom:8px!important; }
.ssd-city-b .city-snapshot__def   { font-size:14px!important;color:var(--ink)!important;line-height:1.55!important; }
@media(min-width:768px){ .ssd-city-b .city-snapshot{padding:20px 32px 56px!important;} .ssd-city-b .city-snapshot__panel{padding:36px 40px!important;} .ssd-city-b .city-snapshot__grid{grid-template-columns:1fr 1fr!important;gap:16px!important;} .ssd-city-b .city-snapshot__title{font-size:2.5rem!important;} }
@media(min-width:1024px){ .ssd-city-b .city-snapshot__grid{grid-template-columns:repeat(3,1fr)!important;} }
@media(min-width:1280px){ .ssd-city-b .city-snapshot{padding:20px clamp(20px,5vw,56px) 56px!important;} }

/* CTA Bridge B */
.ssd-city-b .city-cta-bridge { padding:0 20px 48px!important; }
.ssd-city-b .city-cta-bridge__inner { background:var(--blue-ink)!important;color:var(--white)!important;border-radius:var(--radius)!important;padding:36px 28px!important;display:grid!important;grid-template-columns:1fr!important;gap:24px!important;align-items:center!important;position:relative!important;overflow:hidden!important;max-width:1200px!important;margin:0 auto!important; }
.ssd-city-b .city-cta-bridge__ring { position:absolute!important;right:-120px!important;bottom:-160px!important;width:360px!important;height:360px!important;border:40px solid rgba(255,255,255,.04)!important;border-radius:50%!important;pointer-events:none!important; }
.ssd-city-b .city-cta-bridge__title { font-size:1.375rem!important;font-weight:700!important;color:var(--white)!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:14px!important; }
.ssd-city-b .city-cta-bridge__lede  { font-size:15px!important;color:#C7D2EF!important;line-height:1.6!important;max-width:540px!important; }
.ssd-city-b .city-cta-bridge__actions { display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;z-index:1!important; }
@media(min-width:768px){ .ssd-city-b .city-cta-bridge{padding:0 32px 56px!important;} .ssd-city-b .city-cta-bridge__inner{padding:44px 48px!important;} .ssd-city-b .city-cta-bridge__title{font-size:1.625rem!important;} }
@media(min-width:1024px){ .ssd-city-b .city-cta-bridge__inner{grid-template-columns:1.4fr 1fr!important;gap:40px!important;} }
@media(min-width:1280px){ .ssd-city-b .city-cta-bridge{padding:0 clamp(20px,5vw,56px) 64px!important;} }

/* Body B */
.ssd-city-b .city-body { background:var(--tint-2)!important;padding:56px 20px!important; }
.ssd-city-b .city-body__inner { display:grid!important;grid-template-columns:1fr!important;gap:28px!important;align-items:start!important;max-width:1200px!important;margin:0 auto!important; }
.ssd-city-b .city-body__toc { padding:20px 22px!important; }
.ssd-city-b .city-body__toc-title { font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:var(--ink-3)!important;font-weight:700!important;display:block!important;margin-bottom:14px!important; }
.ssd-city-b .city-body__toc-list { list-style:none!important;display:flex!important;flex-direction:column!important;gap:10px!important; }
.ssd-city-b .city-body__toc-list li { display:flex!important;gap:12px!important; }
.ssd-city-b .city-body__toc-num  { width:22px!important;height:22px!important;background:var(--tint)!important;color:var(--blue)!important;border-radius:6px!important;display:grid!important;place-items:center!important;font-size:11px!important;font-weight:700!important;flex-shrink:0!important; }
.ssd-city-b .city-body__toc-list a { font-size:13.5px!important;color:var(--ink)!important;text-decoration:none!important;line-height:1.4!important; }
.ssd-city-b .city-body__toc-list a:hover { color:var(--blue)!important; }
.ssd-city-b .city-rich-text { background:var(--white)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;padding:28px 24px!important;font-size:15.5px!important;color:var(--ink-2)!important;line-height:1.65!important; }
.ssd-city-b .city-rich-text h2 { font-size:2.375rem!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.025em!important;line-height:1.2!important;margin-top:24px!important;margin-bottom:14px!important; }
.ssd-city-b .city-rich-text h2:first-child { margin-top:0!important; }
.ssd-city-b .city-rich-text h3 { font-size:1.0625rem!important;font-weight:700!important;color:var(--ink)!important;margin-top:20px!important;margin-bottom:10px!important; }
.ssd-city-b .city-rich-text p  { margin-bottom:12px!important; }
.ssd-city-b .city-rich-text a  { color:var(--blue)!important;text-decoration:underline!important; }
.ssd-city-b .city-rich-text ul,.ssd-city-b .city-rich-text ol { padding-left:22px!important; }
.ssd-city-b .city-rich-text li { margin:6px 0!important; }
@media(min-width:768px){ .ssd-city-b .city-body{padding:64px 32px!important;} .ssd-city-b .city-rich-text{padding:32px 36px!important;} }
@media(min-width:1024px){ .ssd-city-b .city-body{padding:72px clamp(20px,5vw,56px)!important;} .ssd-city-b .city-body__inner{grid-template-columns:260px 1fr!important;column-gap:48px!important;} .ssd-city-b .city-body__toc{position:sticky!important;top:24px!important;align-self:start!important;} }

/* Reviews B */
.ssd-city-b .city-reviews { background:var(--white)!important;padding:56px 20px!important; }
.ssd-city-b .city-reviews__head { margin-bottom:28px!important; }
.ssd-city-b .city-reviews__eyebrow { font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--blue)!important;font-weight:700!important;display:inline-block!important;margin-bottom:12px!important; }
.ssd-city-b .city-reviews__title { font-size:1.625rem!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.025em!important; }
.ssd-city-b .city-reviews__widget { max-width:960px!important; }
@media(min-width:768px){ .ssd-city-b .city-reviews{padding:72px 32px!important;} }
@media(min-width:1024px){ .ssd-city-b .city-reviews{padding:80px clamp(20px,5vw,56px)!important;} }

.city-faq-section { background:var(--tint-2)!important;}
/* FAQ B */
.ssd-city-b .city-faq { background:var(--tint-2)!important;padding:56px 20px!important;display:grid!important;grid-template-columns:1fr!important;gap:32px!important; }
.ssd-city-b .city-faq__eyebrow { font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--blue)!important;font-weight:700!important;display:inline-block!important;margin-bottom:12px!important; }
.ssd-city-b .city-faq__title { font-size:1.625rem!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.03em!important;line-height:1.15!important;margin-bottom:16px!important; }
.ssd-city-b .city-faq__lede  { font-size:14.5px!important;color:var(--ink-2)!important;line-height:1.6!important; }
.ssd-city-b .city-faq__lede a { color:var(--blue)!important; }
.ssd-city-b .city-faq__list  { display:flex!important;flex-direction:column!important;gap:10px!important; }
.ssd-city-b .city-faq__item  { background:var(--white)!important;border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;padding:18px 24px!important; }
.ssd-city-b .city-faq__q     { cursor:pointer!important;font-size:15px!important;font-weight:700!important;color:var(--ink)!important;list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;letter-spacing:-.01em!important;gap:12px!important; }
.ssd-city-b .city-faq__q::-webkit-details-marker { display:none!important; }
.ssd-city-b .city-faq__icon  { width:26px!important;height:26px!important;border-radius:50%!important;background:var(--blue)!important;color:var(--white)!important;display:grid!important;place-items:center!important;font-size:15px!important;font-weight:400!important;flex-shrink:0!important;margin-left:12px!important;transition:transform 200ms!important; }
.ssd-city-b .city-faq__item[open] .city-faq__icon { transform:rotate(45deg)!important; }
.ssd-city-b .city-faq__a p   { margin-top:12px!important;font-size:14.5px!important;color:var(--ink-2)!important;line-height:1.65!important; }
@media(min-width:768px){ .ssd-city-b .city-faq{padding:72px 32px!important;} }
@media(min-width:1024px){ .ssd-city-b .city-faq{grid-template-columns:1fr 1.4fr!important;column-gap:56px!important;padding:88px clamp(20px,5vw,56px)!important;} .ssd-city-b .city-faq__side{position:sticky!important;top:40px!important;align-self:start!important;} }

/* Conversion B + CF7 */
.ssd-city-b .city-conversion { background:var(--tint)!important;padding:56px 20px!important; }
.ssd-city-b .city-conversion__panel { background:var(--white)!important;border-radius:var(--radius)!important;padding:32px 24px!important;box-shadow:0 40px 80px -40px rgba(15,42,114,.18)!important;display:grid!important;grid-template-columns:1fr!important;gap:36px!important;max-width:1200px!important;margin:0 auto!important; }
.ssd-city-b .city-conversion__eyebrow { font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--blue)!important;font-weight:700!important;display:inline-block!important;margin-bottom:12px!important; }
.ssd-city-b .city-conversion__title { font-size:1.625rem!important;font-weight:700!important;color:var(--ink)!important;letter-spacing:-.025em!important;line-height:1.15!important;margin-bottom:16px!important; }
.ssd-city-b .city-conversion__lede  { font-size:15px!important;color:var(--ink-2)!important;line-height:1.65!important; }
.ssd-city-b .city-conversion__phone-card { margin-top:24px!important;padding:18px 20px!important;background:var(--tint-2)!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;gap:14px!important; }
.ssd-city-b .city-conversion__phone-icon { width:44px!important;height:44px!important;background:var(--blue)!important;border-radius:12px!important;display:grid!important;place-items:center!important;flex-shrink:0!important; }
.ssd-city-b .city-conversion__phone-label { font-size:11px!important;color:var(--ink-3)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:700!important;display:block!important;margin-bottom:4px!important; }
.ssd-city-b .city-conversion__phone-num   { font-size:1.25rem!important;font-weight:700!important;color:var(--ink)!important;text-decoration:none!important;letter-spacing:-.015em!important;display:block!important; }
.ssd-city-b .cf7-wrap,.ssd-city-b .wpcf7 { border-radius:var(--radius-sm)!important; }
.ssd-city-b .wpcf7 input[type="text"],.ssd-city-b .wpcf7 input[type="email"],.ssd-city-b .wpcf7 input[type="tel"],.ssd-city-b .wpcf7 input[type="number"] { width:100%!important;background:var(--white)!important;border:none!important;border-radius:var(--radius-sm)!important;padding:13px 16px!important;font-size:15px!important;color:var(--ink)!important;margin-bottom:10px!important;display:block!important;box-sizing:border-box!important; }
.ssd-city-b .wpcf7 textarea { width:100%!important;background:var(--white)!important;border:none!important;border-radius:var(--radius-sm)!important;padding:13px 16px!important;font-size:15px!important;color:var(--ink)!important;margin-bottom:10px!important;display:block!important;resize:vertical!important;min-height:90px!important;box-sizing:border-box!important; }
.ssd-city-b .wpcf7 p,.ssd-city-b .wpcf7 label { color:rgba(255,255,255,.85)!important;font-size:14px!important;line-height:1.5!important; }
.ssd-city-b .wpcf7 span { color:rgba(255,255,255,.85)!important; }
.ssd-city-b .wpcf7 .wpcf7-radio { display:flex!important;flex-wrap:wrap!important;gap:6px 20px!important;margin:6px 0 10px!important; }
.ssd-city-b .wpcf7 .wpcf7-list-item { margin:0!important;display:inline-flex!important;align-items:center!important;gap:6px!important; }
.ssd-city-b .wpcf7 .wpcf7-list-item label { cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:6px!important; }
.ssd-city-b .wpcf7 .wpcf7-acceptance label { font-size:12px!important;color:rgba(255,255,255,.6)!important;line-height:1.5!important;display:flex!important;align-items:flex-start!important;gap:8px!important; }
.ssd-city-b .wpcf7 input[type="submit"] { width:100%!important;background:#00B9BB!important;color:var(--white)!important;border:none!important;border-radius:var(--radius-sm)!important;padding:15px!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.1em!important;cursor:pointer!important;margin-top:8px!important;display:block!important;transition:background 150ms!important; }
.ssd-city-b .wpcf7 input[type="submit"]:hover { background:#27ae60!important; }
.ssd-city-b .wpcf7 .wpcf7-not-valid-tip { color:#ff6b6b!important;font-size:12px!important;display:block!important; }
.ssd-city-b .wpcf7 span.wpcf7-not-valid { border:none!important;outline:none!important;background:transparent!important; }
@media(min-width:768px){ .ssd-city-b .city-conversion{padding:72px 32px!important;} .ssd-city-b .city-conversion__panel{padding:44px 40px!important;} }
@media(min-width:1024px){ .ssd-city-b .city-conversion{padding:88px clamp(20px,5vw,56px)!important;} .ssd-city-b .city-conversion__panel{grid-template-columns:1fr 1fr!important;column-gap:48px!important;padding:48px 56px!important;} .ssd-city-b .city-conversion__title{font-size:2rem!important;} }

/* Disclaimer */
.ssd-city-b .city-disclaimer { padding:20px clamp(20px,5vw,56px)!important;font-size:12px!important;color:var(--ink-3)!important;line-height:1.7!important;background:var(--white)!important;border-top:1px solid var(--line)!important; }
.ssd-city-b .city-disclaimer strong { color:var(--ink)!important; }

.ssd-city-b .city-hero__blob {
  position:absolute!important;right:20px!important;top:60px!important;width:280px!important;height:280px!important;background:var(--tint)!important;border-radius:50%!important;z-index:0!important;pointer-events:none!important;
}

@media (min-width: 1024px) {
  .ssd-city-b .city-hero__blob  { 
            right:56px!important;width:460px!important;height:460px!important;} .ssd-state-b .hero__title{font-size:3rem!important;} .ssd-state-b .hero__card-flag{height:160px!important;} .ssd-state-b .hero__card-stat-val{font-size:1.375rem!important;
   }
}

aside.city-body__toc{
  background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius) !important;
}


/* ══ City — SSA & Hearing Offices ══════════════════════════ */

.ssd-city-a .city-offices,
.ssd-city-b .city-offices {
    padding: 56px 20px !important;
    background: var(--white) !important;
}
.ssd-city-b .city-offices--oho {
    background: var(--tint-2) !important;
}
.ssd-city-a .city-offices--oho {
    background: var(--bg, #f5f5f5) !important;
}

/* Head */
.ssd-city-a .city-offices__head,
.ssd-city-b .city-offices__head {
    margin-bottom: 32px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.ssd-city-b .city-offices__eyebrow {
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--blue) !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-bottom: 10px !important;
}
.ssd-city-a .city-offices__title,
.ssd-city-b .city-offices__title {
    font-size: 1.625rem !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    letter-spacing: -.025em !important;
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}
.ssd-city-a .city-offices__summary,
.ssd-city-b .city-offices__summary {
    font-size: 15px !important;
    color: var(--ink-2) !important;
    line-height: 1.65 !important;
    max-width: 680px !important;
    margin-top: 8px !important;
}

/* Grid */
.ssd-city-a .city-offices__grid,
.ssd-city-b .city-offices__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Card */
.ssd-city-a .city-office-card,
.ssd-city-b .city-office-card {
    background: var(--white) !important;
    border: 1px solid var(--line) !important;
    border-radius: var(--radius-sm, 10px) !important;
    padding: 20px 22px !important;
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}
.ssd-city-b .city-offices--oho .city-office-card {
    background: var(--white) !important;
}

/* Icon */
.ssd-city-a .city-office-card__icon,
.ssd-city-b .city-office-card__icon {
    width: 40px !important;
    height: 40px !important;
    background: var(--tint, #efefef) !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: var(--blue) !important;
}

/* Body */
.ssd-city-a .city-office-card__body,
.ssd-city-b .city-office-card__body {
    flex: 1 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.ssd-city-a .city-office-card__name,
.ssd-city-b .city-office-card__name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--ink) !important;
    letter-spacing: -.01em !important;
    line-height: 1.3 !important;
}
.ssd-city-a .city-office-card__address,
.ssd-city-b .city-office-card__address {
    font-size: 13.5px !important;
    color: var(--ink-2) !important;
    line-height: 1.6 !important;
    font-style: normal !important;
}
.ssd-city-a .city-office-card__phone,
.ssd-city-b .city-office-card__phone {
    font-size: 13.5px !important;
    color: var(--ink-2) !important;
}
.ssd-city-a .city-office-card__phone a,
.ssd-city-b .city-office-card__phone a {
    color: var(--blue) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}
.ssd-city-a .city-office-card__phone a:hover,
.ssd-city-b .city-office-card__phone a:hover {
    text-decoration: underline !important;
}
.ssd-city-a .city-office-card__hours,
.ssd-city-b .city-office-card__hours {
    font-size: 12.5px !important;
    color: var(--ink-3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.ssd-city-a .city-office-card__hours::before,
.ssd-city-b .city-office-card__hours::before {
    content: '🕐' !important;
    font-size: 12px !important;
}

/* Responsive */
@media (min-width: 640px) {
    .ssd-city-a .city-offices__grid,
    .ssd-city-b .city-offices__grid {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (min-width: 768px) {
    .ssd-city-a .city-offices,
    .ssd-city-b .city-offices {
        padding: 64px 32px !important;
    }
    .ssd-city-a .city-offices__title,
    .ssd-city-b .city-offices__title {
        font-size: 2rem !important;
    }
}
@media (min-width: 1024px) {
    .ssd-city-a .city-offices,
    .ssd-city-b .city-offices {
        padding: 72px clamp(20px, 5vw, 56px) !important;
    }
    .ssd-city-a .city-offices__grid,
    .ssd-city-b .city-offices__grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}
/* ── Sticky header separator ── */