{"id":9450,"date":"2026-03-13T09:40:08","date_gmt":"2026-03-13T09:40:08","guid":{"rendered":"https:\/\/www.bespokecareers.com\/?page_id=9450"},"modified":"2026-03-28T01:45:17","modified_gmt":"2026-03-28T01:45:17","slug":"best-cities-for-architecture-careers","status":"publish","type":"page","link":"https:\/\/www.bespokecareers.com\/best-cities-for-architecture-careers\/","title":{"rendered":"Best Cities for Architects"},"content":{"rendered":"\n\n\t<meta name=\"description\" content=\"Compare architecture salaries, purchasing power, lifestyle scores and visa pathways across 20 global cities. Interactive 2026 guide by Bespoke Careers.\"\/>\n<meta property=\"og:url\" content=\"https:\/\/www.bespokecareers.com\/best-cities-for-architecture-careers\/\"\/>\n<meta property=\"og:site_name\" content=\"Bespoke Careers\"\/>\n<meta property=\"og:locale\" content=\"en_US\"\/>\n<meta property=\"og:type\" content=\"article\"\/>\n<meta property=\"og:title\" content=\"Best Cities for Architects in 2026\"\/>\n<meta property=\"og:description\" content=\"Compare architecture salaries, purchasing power, lifestyle scores and visa pathways across 20 global cities. Interactive 2026 guide by Bespoke Careers.\"\/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/10\/London-1.png\"\/>\n<meta property=\"og:image:secure_url\" content=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/10\/London-1.png\"\/>\n<meta property=\"og:image:width\" content=\"1500\"\/>\n<meta property=\"og:image:height\" content=\"1000\"\/>\n<meta name=\"description\" content=\"Compare architecture salaries, purchasing power, lifestyle scores and visa pathways across 20 global cities. Interactive guide by Bespoke Careers.\"\/>\n<meta name=\"robots\" content=\"index, follow\"\/>\n<meta property=\"og:type\" content=\"website\"\/>\n<meta property=\"og:title\" content=\"Best Cities for Architects in 2026\"\/>\n<meta property=\"og:description\" content=\"Compare architecture salaries, purchasing power, lifestyle scores and visa pathways across 20 global cities. Interactive guide by Bespoke Careers.\"\/>\n<meta property=\"og:image\" content=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/10\/London-1.png\"\/>\n<meta property=\"og:site_name\" content=\"Bespoke Careers\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\"\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700&amp;family=Inter:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\"\/>\n<style>\n#asi-root *, #asi-root *::before, #asi-root *::after { box-sizing: border-box; margin: 0; }\n#asi-root button, #asi-root input { padding: 0; }\n#asi-root button {\n  -webkit-appearance: none; appearance: none;\n  cursor: pointer; font-family: 'Inter', sans-serif;\n  -webkit-tap-highlight-color: transparent;\n  touch-action: manipulation;\n}\n#asi-root button:focus-visible { outline: 2px solid var(--g); outline-offset: 2px; }\n#asi-root button:hover,\n#asi-root button:focus,\n#asi-root button:active {\n  outline: none !important;\n  box-shadow: none !important;\n  border-color: transparent !important;\n  text-decoration: none !important;\n}\n#asi-root #apl-search-input {\n  -webkit-appearance: none !important;\n  appearance: none !important;\n  background: transparent !important;\n  border: none !important;\n  outline: none !important;\n  box-shadow: none !important;\n  border-radius: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  box-sizing: border-box !important;\n  display: block !important;\n  flex: 1 !important;\n  min-width: 0 !important;\n  font-family: 'Inter', system-ui, sans-serif !important;\n  font-weight: 500 !important;\n  color: var(--dk) !important;\n}\n:root {\n  --g: #97d422; --g-dk: #4a7a00;\n  --o: #F04E23; --o-dk: #c03010;\n  --bg0: #06080A; --bg1: #0C0F0A;\n  --border: rgba(151,212,34,0.16); --border2: rgba(255,255,255,0.07);\n  --text: #EFF0EC; --text3: rgba(239,240,236,0.28);\n  --lt-bg: #F2F2EC; --lt-bg2: #FFFFFF; --lt-border: rgba(0,0,0,0.08);\n  --dk: #1a1c18; --dk2: #444; --dk3: #999;\n  --card: #f9f9f7; --dk1: #2a2e24;\n}\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 SHELL \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n#asi-root {\n  font-family: 'Inter', system-ui, sans-serif;\n  background: #fff; color: var(--dk);\n  width: 100%; overflow: hidden;\n  border-radius: 0;\n  position: relative; z-index: 0;\n}\n@keyframes pdot {\n  0%,100% { box-shadow: 0 0 0 0 rgba(151,212,34,0); }\n  30%      { box-shadow: 0 0 0 0 rgba(151,212,34,0.6); }\n  60%      { box-shadow: 0 0 0 7px rgba(151,212,34,0); }\n}\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 BODY \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n#asi-body {\n  display: flex; overflow: hidden;\n  height: var(--asi-h, 92vh);\n  min-height: 520px;\n}\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   LEFT PANEL SHELL\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-left {\n  flex: 1; min-width: 360px;\n  background: #fff;\n  position: relative; overflow: hidden;\n}\n.asi-panel {\n  position: absolute; inset: 0;\n  display: flex; flex-direction: column;\n  will-change: transform, opacity;\n  transition: opacity 0.32s ease, transform 0.4s cubic-bezier(0.16,1,0.3,1);\n  z-index: 1;\n}\n.asi-panel.panel-in { z-index: 3; }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   LIST VIEW\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-panel-list { opacity: 1; transform: translateX(0); pointer-events: auto; z-index: 2; overflow-y: auto; overflow-x: hidden; }\n#asi-panel-list.panel-out    { opacity: 0; transform: translateX(-30px); pointer-events: none; z-index: 1; }\n#asi-panel-list.panel-hidden { opacity: 0; pointer-events: none; z-index: 1; }\n.apl-inner {\n  padding: 14px 14px 14px;\n  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;\n  align-content: start;\n}\n.apl-prompt {\n  grid-column: 1 \/ -1;\n  text-align: center; font-size: 10px; font-weight: 600; letter-spacing: 0.1em;\n  text-transform: uppercase; color: var(--dk3); padding: 2px 0;\n}\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 FIND MY CITY CTA CARD \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n.asi-fmc-card {\n  grid-column: 1 \/ -1;\n  background: linear-gradient(135deg, #97d422 0%, #82bc19 100%);\n  border-radius: 16px; padding: 18px 20px; cursor: pointer;\n  display: flex; align-items: center; gap: 13px; flex-shrink: 0;\n  border: 1px solid rgba(255,255,255,0.15);\n  box-shadow: 0 4px 24px rgba(151,212,34,0.35), 0 1px 4px rgba(0,0,0,0.2);\n  transition: all 0.22s;\n}\n.asi-fmc-card:hover {\n  background: linear-gradient(135deg, #a5df28 0%, #8fcb1e 100%);\n  box-shadow: 0 8px 32px rgba(151,212,34,0.5), 0 2px 8px rgba(0,0,0,0.2);\n  transform: translateY(-2px);\n}\n.asi-fmc-spark { font-size: 26px; line-height: 1; flex-shrink: 0; }\n.asi-fmc-text { flex: 1; }\n.asi-fmc-title { font-size: 14px; font-weight: 800; color: #1a1c18; letter-spacing: -0.025em; line-height: 1.2; }\n.asi-fmc-sub { font-size: 11px; color: rgba(26,28,24,0.6); margin-top: 4px; line-height: 1.4; }\n.asi-fmc-arr {\n  width: 44px; height: 44px; border-radius: 50%; flex-shrink: 0;\n  background: rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.1);\n  display: flex; align-items: center; justify-content: center;\n  color: #1a1c18; font-size: 17px;\n  transition: all 0.22s;\n}\n.asi-fmc-card:hover .asi-fmc-arr { background: rgba(0,0,0,0.22); transform: translateX(2px); }\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 CITY CARDS \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n.asi-card {\n  display: block;\n  cursor: pointer;\n  transition: transform 0.2s;\n}\n.asi-card:hover { transform: translateY(-3px); }\n.asi-card:hover .asi-card-img { box-shadow: 0 8px 28px rgba(0,0,0,0.18); }\n.asi-card.is-active .asi-card-img { box-shadow: 0 0 0 3px var(--g); }\n.asi-card:focus-visible { outline: 2px solid var(--g); outline-offset: 2px; border-radius: 14px; }\n.asi-card-img {\n  display: block; width: 100%;\n  height: 0; padding-top: 100%;\n  border-radius: 12px; overflow: hidden; position: relative;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.10);\n  background-color: #e8e8e4; \/* placeholder while image loads *\/\n}\n.asi-card-img.lazy { background-image: none !important; } \/* hide bg until observed *\/\n\/* City backgrounds *\/\n.ci-london    { background: url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/10\/London-1.png') center\/cover no-repeat; }\n.ci-manchester { background: url('https:\/\/images.unsplash.com\/photo-1724135869739-6055627ba5df?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-sydney    { background: url('https:\/\/images.unsplash.com\/photo-1506973035872-a4ec16b8e8d9?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-melbourne { background: url('https:\/\/images.unsplash.com\/photo-1632482590163-5f7e91277173?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-brisbane  { background: url('https:\/\/images.unsplash.com\/photo-1711080222192-cab50dc56ff6?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-perth     { background: url('https:\/\/images.unsplash.com\/photo-1639669238607-fc36b484012f?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-adelaide  { background: url('https:\/\/images.unsplash.com\/photo-1720485757241-0402b031ec42?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-auckland  { background: url('https:\/\/images.unsplash.com\/photo-1677557769755-875d8141c0c6?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-newyork   { background: url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2026\/03\/New-York.jpg') center\/cover no-repeat; }\n.ci-la        { background: url('https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2024\/10\/Los-Angeles.jpg') center\/cover no-repeat; }\n.ci-austin    { background: url('https:\/\/images.unsplash.com\/photo-1588993608283-7f0eda4438be?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-dubai        { background: url('https:\/\/images.unsplash.com\/photo-1583332651503-ee648195b272?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-riyadh       { background: url('https:\/\/images.unsplash.com\/photo-1669529250752-9f5b54b30491?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-sanfrancisco { background: url('https:\/\/images.unsplash.com\/photo-1672279410716-c676739163e9?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-wellington   { background: url('https:\/\/images.unsplash.com\/photo-1624589010805-b4e69450ed87?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-queenstown   { background: url('https:\/\/images.unsplash.com\/photo-1530656131887-4765f003e900?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-christchurch { background: url('https:\/\/images.unsplash.com\/photo-1634348404045-080e3c3aabea?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-dallas       { background: url('https:\/\/images.unsplash.com\/photo-1592409065737-a253f2900fa8?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-sanantonio   { background: url('https:\/\/images.unsplash.com\/photo-1445359179985-460648949e10?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.ci-houston      { background: url('https:\/\/images.unsplash.com\/photo-1622007151631-25aa98ab394b?w=600&q=80&fit=crop') center\/cover no-repeat; }\n.asi-card-overlay {\n  position: absolute; inset: 0;\n  background: linear-gradient(to top, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);\n}\n.asi-card-body {\n  position: absolute; bottom: 0; left: 0; right: 0;\n  padding: 0 14px 14px; z-index: 1;\n}\n.asi-card-name { font-size: 16px; font-weight: 800; color: #fff; letter-spacing: -0.03em; margin-bottom: 3px; line-height: 1.2; text-shadow: 0 1px 4px rgba(0,0,0,0.3); }\n.asi-card-meta { font-size: 11.5px; color: rgba(255,255,255,0.75); font-weight: 500; }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   SEARCH BAR\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n.apl-search-wrap {\n  padding: 14px 14px 0;\n  position: sticky; top: 0; z-index: 50;\n  flex-shrink: 0;\n  background: #fff;\n}\n.apl-search-pill {\n  display: flex; align-items: center; gap: 10px;\n  background: #fff;\n  border: 1.5px solid var(--lt-border);\n  border-radius: 50px;\n  padding: 13px 18px;\n  box-shadow: 0 2px 14px rgba(0,0,0,0.08);\n  transition: box-shadow 0.2s, border-color 0.2s;\n  cursor: text; touch-action: manipulation;\n  overflow: hidden;\n}\n.apl-search-pill:focus-within {\n  border-color: #aaa;\n  box-shadow: 0 4px 22px rgba(0,0,0,0.14);\n}\n.apl-search-icon { color: var(--dk3); flex-shrink: 0; }\n.apl-search-input {\n  flex: 1; border: none; outline: none; box-shadow: none;\n  font-size: 13.5px; font-weight: 500; color: var(--dk);\n  background: transparent !important;\n  font-family: 'Inter', sans-serif;\n  min-width: 0; -webkit-appearance: none; appearance: none;\n  border-radius: 0;\n}\n.apl-search-input:-webkit-autofill,\n.apl-search-input:-webkit-autofill:hover,\n.apl-search-input:-webkit-autofill:focus {\n  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;\n  box-shadow: 0 0 0 1000px #fff inset !important;\n  -webkit-text-fill-color: var(--dk) !important;\n  background-color: #fff !important;\n}\n.apl-search-input::placeholder { color: #aaa; font-weight: 400; }\n.apl-search-clear {\n  display: none; align-items: center; justify-content: center;\n  width: 32px; height: 32px; border-radius: 50%;\n  background: #e5e5e5; border: none; cursor: pointer;\n  font-size: 11px; color: #555; flex-shrink: 0; line-height: 1;\n  transition: background 0.15s;\n}\n.apl-search-clear:hover { background: #d0d0d0; }\n.apl-search-clear.visible { display: flex; }\n\/* Dropdown *\/\n.apl-search-dropdown {\n  display: none; position: absolute;\n  top: calc(100% + 6px); left: 14px; right: 14px;\n  background: #fff; border-radius: 18px;\n  box-shadow: 0 12px 48px rgba(0,0,0,0.18);\n  border: 1px solid var(--lt-border);\n  overflow: hidden; max-height: 340px; overflow-y: auto;\n}\n.apl-search-dropdown.open { display: block; }\n.apl-search-result {\n  display: flex; align-items: center; gap: 13px;\n  padding: 11px 16px; cursor: pointer;\n  transition: background 0.12s; border-bottom: 1px solid #f2f2f2;\n}\n.apl-search-result:last-child { border-bottom: none; }\n.apl-search-result:hover, .apl-search-result.kbd-active { background: #f7f7f7; }\n.apl-search-result-img {\n  width: 46px; height: 46px; border-radius: 10px; flex-shrink: 0;\n  background-size: cover !important; background-position: center !important;\n}\n.apl-search-result-name { font-size: 14px; font-weight: 700; color: var(--dk); letter-spacing: -0.02em; }\n.apl-search-result-meta { font-size: 11px; color: var(--dk3); margin-top: 2px; font-weight: 500; }\n.apl-search-empty {\n  padding: 28px 20px; text-align: center;\n  font-size: 13px; color: var(--dk3);\n}\n.apl-search-empty strong { display: block; font-size: 15px; color: var(--dk); margin-bottom: 4px; }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   MATCH VIEW \u201a\u00c4\u00ee Find My City\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-panel-match { opacity: 0; transform: translateX(30px); pointer-events: none; }\n#asi-panel-match.panel-in  { opacity: 1; transform: translateX(0);   pointer-events: auto; }\n#asi-panel-match.panel-out { opacity: 0; transform: translateX(-30px); pointer-events: none; }\n.apm-nav {\n  display: flex; align-items: center; gap: 10px;\n  padding: 12px 16px 10px; border-bottom: 1px solid var(--lt-border);\n  flex-shrink: 0; background: var(--lt-bg2);\n}\n.apm-nav-title {\n  font-size: 15px; font-weight: 800; color: var(--dk); letter-spacing: -0.02em; flex: 1;\n}\n.apm-top { flex-shrink: 0; }\n.apm-section { padding: 10px 18px 9px; border-bottom: 1px solid var(--lt-border); }\n.apm-label { font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--dk3); margin-bottom: 8px; }\n.apm-section-role .apm-label { font-size: 12px; font-weight: 800; letter-spacing: 0.04em; color: var(--dk); margin-bottom: 8px; }\n.apm-roles {\n  display: flex; gap: 0;\n  background: rgba(0,0,0,0.06); border-radius: 12px; padding: 3px;\n}\n.apm-role-btn {\n  flex: 1; padding: 9px 6px; font-size: 13px; font-weight: 600;\n  color: var(--dk2); background: transparent; border: none;\n  border-radius: 9px; cursor: pointer; transition: all 0.18s;\n  font-family: 'Inter', sans-serif; letter-spacing: -0.01em;\n  white-space: nowrap; min-height: 44px;\n}\n#asi-root .apm-role-btn:hover { color: var(--dk); background: rgba(0,0,0,0.07); border: none !important; outline: none !important; box-shadow: none !important; }\n#asi-root .apm-role-btn.active,\n#asi-root .apm-role-btn.active:hover,\n#asi-root .apm-role-btn.active:focus,\n#asi-root .apm-role-btn.active:focus-visible,\n#asi-root .apm-role-btn.active:active {\n  background: #fff !important; color: var(--dk) !important; font-weight: 700;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.14), 0 0 0 0.5px rgba(0,0,0,0.06) !important;\n  border: none !important; outline: none !important;\n}\n#asi-root .apm-role-btn:not(.active):focus,\n#asi-root .apm-role-btn:not(.active):focus-visible,\n#asi-root .apm-role-btn:not(.active):active {\n  outline: none !important; box-shadow: none !important; border: none !important;\n}\n.apm-sliders { display: flex; flex-direction: column; gap: 9px; }\n.apm-sl-row { display: flex; align-items: center; gap: 7px; min-height: 26px; }\n.apm-sl-icon  { font-size: 14px; width: 18px; text-align: center; flex-shrink: 0; }\n.apm-sl-label { font-size: 11px; font-weight: 500; color: var(--dk2); width: 104px; flex-shrink: 0; white-space: nowrap; }\n.apm-sl-input {\n  -webkit-appearance: none; appearance: none; flex: 1; height: 4px;\n  border-radius: 2px; outline: none; cursor: pointer;\n}\n.apm-sl-input::-webkit-slider-thumb {\n  -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;\n  background: #fff; border: 2px solid var(--g-dk); cursor: pointer;\n  box-shadow: 0 1px 4px rgba(0,0,0,0.2); transition: transform 0.15s;\n}\n.apm-sl-input::-webkit-slider-thumb:hover { transform: scale(1.2); }\n.apm-sl-input::-moz-range-thumb {\n  width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--g-dk);\n  background: #fff; cursor: pointer;\n}\n.apm-rankings-hd {\n  padding: 10px 18px 4px; flex-shrink: 0;\n  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;\n  color: var(--dk3);\n}\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 Podium layout for top 3 results \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n.apm-rankings { flex: 1; overflow-y: auto; padding: 0 12px 10px; }\n.apm-podium {\n  display: flex; align-items: flex-end; justify-content: center;\n  gap: 6px; padding: 6px 0 2px;\n}\n.apm-podium-col {\n  flex: 1; display: flex; flex-direction: column; align-items: center;\n  cursor: pointer; transition: transform 0.18s;\n}\n.apm-podium-col:hover { transform: translateY(-3px); }\n.apm-podium-col.pos-1 { order: 2; flex: 1.3; }\n.apm-podium-col.pos-2 { order: 1; }\n.apm-podium-col.pos-3 { order: 3; }\n.apm-podium-photo {\n  width: 100%; aspect-ratio: 16\/9; border-radius: 8px; overflow: hidden;\n  background: #ddd; flex-shrink: 0; margin-bottom: 5px; position: relative;\n  max-height: 64px;\n}\n.apm-podium-col.pos-1 .apm-podium-photo {\n  border: 2.5px solid #97d422; box-shadow: 0 4px 20px rgba(151,212,34,0.35);\n  max-height: 88px; aspect-ratio: 3\/2;\n}\n.apm-podium-photo-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.apm-podium-medal { font-size: 16px; line-height: 1; margin-bottom: 3px; }\n.apm-podium-name {\n  font-size: 11px; font-weight: 800; color: var(--dk); letter-spacing: -0.02em;\n  text-align: center; line-height: 1.2; margin-bottom: 2px;\n}\n.apm-podium-col.pos-1 .apm-podium-name { font-size: 12px; }\n.apm-podium-pct {\n  font-size: 13px; font-weight: 900; letter-spacing: -0.03em;\n  text-align: center;\n}\n.apm-podium-bar-wrap { width: 100%; height: 3px; background: #e4e4dc; border-radius: 2px; margin-top: 4px; overflow: hidden; }\n.apm-podium-bar-fill { height: 100%; border-radius: 2px; transition: width 0.6s cubic-bezier(0.16,1,0.3,1); }\n.apm-rank-item {\n  display: flex; align-items: center; gap: 11px;\n  padding: 10px 14px; cursor: pointer;\n  border-radius: 10px; border: 1.5px solid var(--lt-border);\n  background: var(--lt-bg2);\n  transition: all 0.18s; margin-bottom: 7px;\n}\n.apm-rank-item:hover { border-color: #97d422; box-shadow: 0 4px 16px rgba(0,0,0,0.08); transform: translateY(-1px); }\n.apm-rank-num { font-size: 22px; flex-shrink: 0; line-height: 1; }\n.apm-rank-body { flex: 1; min-width: 0; }\n.apm-rank-name { font-size: 14px; font-weight: 800; color: var(--dk); letter-spacing: -0.02em; }\n.apm-rank-tag  { font-size: 11px; color: var(--dk3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; line-height: 1.4; }\n.apm-rank-bar-wrap { height: 5px; background: #e4e4dc; border-radius: 3px; margin-top: 5px; overflow: hidden; }\n.apm-rank-bar-fill { height: 100%; border-radius: 2px; transition: width 0.5s cubic-bezier(0.16,1,0.3,1); }\n.apm-rank-pct { font-size: 18px; font-weight: 800; flex-shrink: 0; min-width: 44px; text-align: right; letter-spacing: -0.03em; }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   DETAIL VIEW\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-panel-detail { opacity: 0; transform: translateX(30px); pointer-events: none; }\n#asi-panel-detail.panel-in { opacity: 1; transform: translateX(0); pointer-events: auto; }\n.apd-img-hd { flex-shrink: 0; height: 100px; position: relative; overflow: hidden; border-radius: 16px 16px 0 0; }\n.apd-img-bg  { position: absolute !important; inset: 0; background-size: cover; background-position: center; }\n.apd-img-overlay {\n  position: absolute; inset: 0;\n  background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0.7) 100%);\n}\n.apd-back-circle {\n  position: absolute; top: 10px; left: 12px; z-index: 20;\n  width: 44px; height: 44px; border-radius: 50%;\n  background: rgba(8,8,8,0.5);\n  border: none; cursor: pointer; color: #fff;\n  font-size: 17px; font-weight: 300; display: flex; align-items: center; justify-content: center;\n  transition: background 0.18s; font-family: 'Inter', sans-serif; line-height: 1;\n  touch-action: manipulation; -webkit-tap-highlight-color: transparent;\n  pointer-events: auto;\n}\n.apd-back-circle:hover  { background: rgba(8,8,8,0.78); }\n.apd-back-circle:focus,\n.apd-back-circle:focus-visible,\n.apd-back-circle:active {\n  background: rgba(8,8,8,0.78) !important; color: #fff !important;\n  outline: none !important; box-shadow: none !important;\n}\n.apd-img-caption { position: absolute; bottom: 10px; left: 16px; right: 50px; z-index: 1; }\n.apd-img-city {\n  font-size: 20px; font-weight: 800; color: #fff;\n  letter-spacing: -0.03em; line-height: 1.1; margin-bottom: 5px;\n  text-shadow: 0 2px 10px rgba(0,0,0,0.4);\n}\n.apd-ctag {\n  display: inline-block; font-size: 9px; font-weight: 700;\n  letter-spacing: 0.1em; text-transform: uppercase;\n  color: #fff; background: rgba(151,212,34,0.32);\n  border: 1px solid rgba(151,212,34,0.5); border-radius: 20px;\n  padding: 2px 9px;\n}\n.apd-content-outer {\n  position: relative; flex: 1; overflow: hidden; min-height: 0;\n}\n.apd-content-outer .apd-content { height: 100%; overflow-y: auto; }\n.apd-content-outer::after {\n  content: '';\n  position: absolute; bottom: 0; left: 0; right: 0;\n  height: 60px;\n  background: linear-gradient(to bottom, rgba(248,247,244,0) 0%, rgba(232,230,226,0.6) 55%, rgba(220,218,213,0.88) 100%);\n  pointer-events: none; z-index: 2;\n  opacity: 1; transition: opacity 0.25s ease;\n}\n.apd-content-outer.at-bottom::after { opacity: 0; }\n.apd-content::-webkit-scrollbar        { width: 4px; }\n.apd-content::-webkit-scrollbar-track  { background: transparent; }\n.apd-content::-webkit-scrollbar-thumb  { background: rgba(0,0,0,0.16); border-radius: 2px; }\n.apd-content::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.28); }\n.apd-content { scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.16) transparent; }\n.apd-sw-nav { display: none; }\n.apd-sw { display: none; }\n@keyframes fadeSlideUp {\n  from { opacity: 0; transform: translateY(14px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n.anim-fade-up { animation: fadeSlideUp 0.42s cubic-bezier(0.16,1,0.3,1) both; }\n.anim-fade-in { animation: fadeIn 0.35s ease both; }\n.apd-section { padding: 14px 20px 12px; border-bottom: 1px solid var(--lt-border); }\n.apd-section-label {\n  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;\n  color: var(--dk2); margin-bottom: 10px;\n}\n.apd-salary-hd-row {\n  display: flex; align-items: center; justify-content: space-between;\n  margin-bottom: 10px;\n}\n.apd-salary-hd-row .apd-section-label { margin-bottom: 0; }\n.apd-curr-select {\n  font-size: 11px; font-weight: 600; color: var(--dk2);\n  font-family: 'Inter', sans-serif;\n  background: #f2f2f0; border: 1.5px solid rgba(0,0,0,0.1);\n  border-radius: 8px; padding: 4px 22px 4px 8px;\n  cursor: pointer; outline: none; flex-shrink: 0;\n  -webkit-appearance: none; appearance: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat; background-position: right 6px center;\n  transition: border-color 0.15s; min-height: 44px;\n}\n.apd-curr-select:focus { border-color: rgba(0,0,0,0.25); }\n.apd-salary-row {\n  padding: 8px 10px; margin: 0 -10px;\n  border-radius: 8px; border-bottom: 1px solid rgba(0,0,0,0.05);\n  cursor: pointer; transition: background 0.15s;\n}\n.apd-salary-row.tier-last { border-bottom: none; }\n.apd-salary-row:hover { background: rgba(151,212,34,0.06); }\n.apd-salary-row.tier-active { background: rgba(151,212,34,0.09); border-bottom-color: rgba(151,212,34,0.15); }\n.apd-salary-row.tier-active .apd-salary-tier { color: var(--g-dk); font-weight: 700; }\n.apd-salary-top { display: flex; align-items: center; justify-content: space-between; }\n.apd-salary-tier  { font-size: 12px; font-weight: 600; color: var(--dk2); }\n.apd-salary-range { font-size: 13.5px; font-weight: 700; color: var(--dk); letter-spacing: -0.01em; }\n.apd-salary-pp { display: none; margin-top: 5px; font-size: 11px; color: var(--dk3); line-height: 1.4; }\n.apd-salary-row.tier-active .apd-salary-pp { display: block; }\n.apd-salary-pp-vs { font-weight: 700; color: #4a7a00; }\n.apd-quote-section { padding: 22px 24px 20px; border-bottom: 1px solid var(--lt-border); }\n.apd-quote-eyebrow {\n  font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;\n  color: var(--g-dk); margin-bottom: 0 !important; padding-bottom: 12px !important;\n}\n.apd-quote {\n  font-size: 13px; line-height: 1.7; color: var(--dk);\n  font-style: italic; margin: 0 !important; padding-left: 16px; padding-top: 4px;\n  border-left: 2.5px solid var(--g);\n}\n.apd-quote-attr {\n  margin-top: 16px !important; padding-left: 16px;\n  font-size: 10.5px; font-weight: 600; color: var(--dk3); letter-spacing: 0.01em;\n}\n.apd-salary-source {\n  font-size: 10px; color: var(--dk3); line-height: 1.5;\n  margin: 8px 0 0; opacity: 0.75;\n}\n.apd-salary-footer {\n  margin-top: 12px; padding-top: 12px;\n  border-top: 1px solid rgba(0,0,0,0.06);\n  display: flex; flex-direction: column; gap: 8px;\n}\n.apd-salary-footer-text { font-size: 10.5px; color: var(--dk3); line-height: 1.5; margin: 0; }\n.apd-salary-footer-link { font-size: 10.5px; color: var(--g-dk); font-weight: 600; text-decoration: none; }\n.apd-salary-footer-link:hover { text-decoration: underline; }\n.apd-salary-calc-btn {\n  display: inline-flex; align-items: center; gap: 6px;\n  align-self: flex-start;\n  font-size: 11px; font-weight: 700;\n  padding: 6px 12px; border-radius: 20px;\n  background: rgba(151,212,34,0.1);\n  border: 1.5px solid rgba(151,212,34,0.35);\n  color: #2a5a00; text-decoration: none;\n  transition: background 0.15s, border-color 0.15s;\n}\n.apd-salary-calc-btn:hover { background: rgba(151,212,34,0.22); border-color: rgba(151,212,34,0.6); }\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 Compare-select mode \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n.apl-compare-btn {\n  display: flex; align-items: center; justify-content: center; gap: 8px;\n  width: 100%; margin: 0;\n  padding: 10px 16px !important;\n  font-size: 13px; font-weight: 600; letter-spacing: -0.01em;\n  color: var(--dk3);\n  background: #fff !important; border: none !important; outline: none !important; cursor: pointer;\n  -webkit-appearance: none; appearance: none;\n  font-family: 'Inter', sans-serif;\n  transition: color 0.15s;\n  text-align: center; flex-shrink: 0;\n  border-bottom: 1px solid var(--lt-border) !important;\n  box-shadow: none !important; text-decoration: none !important;\n  min-height: 44px;\n}\n.apl-compare-btn:hover,\n.apl-compare-btn:focus,\n.apl-compare-btn:focus-visible,\n.apl-compare-btn:active {\n  background: #f5f5f2 !important; color: var(--dk);\n  outline: none !important; box-shadow: none !important;\n  border-color: var(--lt-border) !important;\n  text-decoration: none !important;\n  border-bottom: 1px solid var(--lt-border) !important;\n}\n.apl-compare-btn .apl-compare-btn-icon { font-size: 15px; opacity: 0.7; }\n#asi-body.mode-cs .apl-compare-btn { opacity: 0.35; pointer-events: none; }\n.asi-cs-tray {\n  position: sticky; bottom: 0; left: 0; right: 0;\n  background: rgba(255,255,255,0.97);\n  border-top: 1.5px solid rgba(0,0,0,0.09);\n  padding: 11px 16px 13px; z-index: 20;\n  transform: translateY(100%); opacity: 0;\n  transition: transform 0.28s cubic-bezier(0.16,1,0.3,1), opacity 0.2s;\n  pointer-events: none;\n}\n.asi-cs-tray.tray-active { transform: translateY(0); opacity: 1; pointer-events: auto; }\n.asi-cs-tray-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }\n.asi-cs-tray-label { font-size: 12px; font-weight: 700; color: var(--dk2); }\n.asi-cs-tray-cities { display: flex; gap: 7px; flex-wrap: wrap; }\n.asi-cs-chip {\n  display: flex; align-items: center; gap: 5px;\n  background: #f0f0ec; border-radius: 8px;\n  padding: 5px 10px 5px 8px; font-size: 11.5px; font-weight: 600; color: var(--dk);\n}\n.asi-cs-chip-remove { cursor: pointer; color: var(--dk3); font-size: 12px; line-height: 1; margin-left: 2px; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; }\n.asi-cs-chip-remove:hover { color: var(--dk); }\n.asi-cs-cancel-btn {\n  padding: 6px 14px; border-radius: 0;\n  border: none; background: transparent;\n  font-size: 11px; font-weight: 600; color: var(--dk3); cursor: pointer;\n  font-family: 'Inter', sans-serif; transition: color 0.12s; min-height: 44px;\n}\n.asi-cs-cancel-btn:hover { background: transparent; color: var(--dk); }\n.asi-cs-banner {\n  display: none;\n  align-items: center; gap: 8px;\n  padding: 10px 16px 9px;\n  background: rgba(151,212,34,0.1); border-bottom: 1.5px solid rgba(151,212,34,0.3);\n  font-size: 12.5px; font-weight: 700; color: var(--g-dk);\n  letter-spacing: -0.01em; flex-shrink: 0;\n}\n#asi-body.mode-cs .asi-cs-banner { display: flex; }\n.asi-cs-banner-icon { font-size: 15px; }\n#asi-body.mode-cs .asi-card { cursor: pointer; }\n#asi-body.mode-cs .asi-card.cs-selected .asi-card-img {\n  outline: 3px solid var(--g); outline-offset: -3px; border-radius: 14px;\n}\n#asi-body.mode-cs .asi-card.cs-selected .asi-card-overlay {\n  background: linear-gradient(to top, rgba(151,212,34,0.55) 0%, rgba(0,0,0,0.1) 60%);\n}\n#asi-body.mode-cs .asi-card.cs-selected .asi-card-img::before {\n  content: '2713'; position: absolute; top: 8px; right: 8px; z-index: 6;\n  width: 22px; height: 22px; border-radius: 50%;\n  background: var(--g); color: #fff; font-size: 12px; font-weight: 800;\n  display: flex; align-items: center; justify-content: center;\n  box-shadow: 0 1px 6px rgba(0,0,0,0.2);\n}\n\/* City scorecard *\/\n.apd-overall {\n  display: flex; align-items: center; gap: 10px;\n  padding: 10px 8px 12px; border-bottom: 1px solid rgba(0,0,0,0.07); margin-bottom: 4px;\n  cursor: pointer; border-radius: 9px; margin-left: -8px; margin-right: -8px;\n  transition: background 0.15s; position: relative;\n}\n.apd-overall:hover { background: rgba(0,0,0,0.045); border-bottom-color: transparent; }\n.apd-overall:hover .apd-overall-title { color: var(--dk); font-weight: 800; }\n.apd-overall-left { flex: 1; }\n.apd-overall-title { font-size: 11px; font-weight: 800; color: var(--dk); margin-bottom: 7px; transition: color 0.15s; }\n.apd-overall-bar-wrap { height: 8px; background: #e4e4dc; border-radius: 4px; overflow: hidden; }\n.apd-overall-bar-fill {\n  height: 100%; border-radius: 4px;\n  background: linear-gradient(90deg, var(--g-dk) 0%, var(--g) 100%);\n  transition: width 0.9s cubic-bezier(0.16,1,0.3,1);\n}\n.apd-overall-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }\n.apd-overall-badges { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }\n.apd-overall-of { font-size: 11px; color: var(--dk2); font-weight: 500; }\n.apd-overall-arrow { font-size: 11px; color: transparent; flex-shrink: 0; transition: color 0.15s, transform 0.18s; }\n.apd-overall:hover .apd-overall-arrow { color: var(--dk3); transform: translateX(2px); }\n.apd-metric-row {\n  display: flex; align-items: center; gap: 8px;\n  padding: 7px 8px; border-bottom: 1px solid rgba(0,0,0,0.04);\n  cursor: pointer; border-radius: 9px; margin: 0 -8px;\n  transition: background 0.15s; position: relative;\n}\n.apd-metric-row:last-child { border-bottom: none; }\n.apd-metric-row:hover { background: rgba(0,0,0,0.045); border-bottom-color: transparent; }\n.apd-metric-row:hover .apd-metric-label { color: var(--dk); font-weight: 600; }\n.apd-metric-arrow { font-size: 11px; color: transparent; flex-shrink: 0; transition: color 0.15s, transform 0.18s; margin-left: 2px; }\n.apd-metric-row:hover .apd-metric-arrow { color: var(--dk3); transform: translateX(2px); }\n.apd-metric-icon  { font-size: 14px; width: 18px; text-align: center; flex-shrink: 0; }\n.apd-metric-label { font-size: 11px; font-weight: 600; color: var(--dk); width: 102px; flex-shrink: 0; transition: color 0.15s; }\n.apd-metric-bar-wrap { flex: 1; height: 5px; background: #e4e4dc; border-radius: 3px; overflow: hidden; }\n.apd-metric-bar-fill { height: 100%; border-radius: 2px; transition: width 0.7s cubic-bezier(0.16,1,0.3,1), opacity 0.15s; }\n.apd-rank-badge {\n  font-size: 12px; font-weight: 800; padding: 3px 9px;\n  border-radius: 20px; flex-shrink: 0; letter-spacing: 0.02em;\n  min-width: 32px; text-align: center;\n}\n.rank-top { background: rgba(74,122,0,0.12); color: var(--g-dk); }\n.rank-mid { background: rgba(200,134,10,0.1); color: #c8860a; }\n.rank-low { background: rgba(0,0,0,0.07); color: var(--dk3); }\n.apd-metrics-note {\n  font-size: 9px; color: var(--dk3); padding-top: 10px;\n  line-height: 1.5; font-style: italic; border-top: 1px solid rgba(0,0,0,0.05); margin-top: 6px;\n}\n#d-visa-section { padding: 22px 24px 22px !important; }\n#d-expert-section { padding-bottom: 8px; padding-top: 14px; }\n#d-expert-section[style*=\"block\"] { display: block !important; visibility: visible !important; opacity: 1 !important; }\n#d-expert-label { margin-bottom: 14px; }\n.apd-expert-wrap { display: flex; flex-direction: column; gap: 10px; }\n.apd-expert-card {\n  display: flex; align-items: center; gap: 14px;\n  background: linear-gradient(135deg, #f7faf3 0%, #f0f6e8 100%);\n  border: 1px solid rgba(151,212,34,0.25);\n  border-radius: 14px; padding: 14px 16px;\n}\n.apd-expert-photo {\n  width: 54px; height: 54px; border-radius: 50%;\n  object-fit: cover; object-position: center top;\n  flex-shrink: 0; border: 2.5px solid #fff;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.15);\n}\n.apd-expert-body { flex: 1; min-width: 0; }\n.apd-expert-name { font-size: 13px; font-weight: 800; color: var(--dk); line-height: 1.2; margin-bottom: 2px; }\n.apd-expert-title { font-size: 10.5px; color: var(--dk3); margin-bottom: 9px; font-weight: 500; }\n.apd-expert-links { display: flex; gap: 5px; flex-wrap: wrap; }\n.apd-expert-link {\n  display: inline-flex; align-items: center; gap: 4px;\n  font-size: 10.5px; font-weight: 600;\n  padding: 4px 9px; border-radius: 20px;\n  border: 1px solid #e0e0e0; background: #fff;\n  color: var(--dk); text-decoration: none;\n  transition: background 0.15s, color 0.15s, border-color 0.15s; white-space: nowrap; line-height: 1.4;\n}\n.apd-expert-link:hover { background: var(--dk); color: #fff; border-color: var(--dk); }\n.apd-expert-link-email { background: rgba(151,212,34,0.1); border-color: rgba(74,122,0,0.25); color: #3a6200; }\n.apd-expert-link-email:hover { background: var(--g-dk); color: #fff; border-color: var(--g-dk); }\n.apd-expert-card-link { cursor: pointer; transition: box-shadow 0.18s, transform 0.18s; }\n.apd-expert-card-link:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.12); transform: translateY(-1px); border-color: rgba(151,212,34,0.45) !important; }\n.apd-visa-note {\n  font-size: 12px; line-height: 1.65; color: var(--dk2);\n  background: rgba(240,183,35,0.08);\n  border-left: 3px solid rgba(220,163,20,0.55);\n  border-radius: 0 8px 8px 0; padding: 10px 13px;\n}\n.apd-visa-icon { font-size: 14px; margin-right: 5px; vertical-align: -1px; }\n.apd-video-card {\n  display: flex; gap: 12px; align-items: center;\n  text-decoration: none; background: var(--card);\n  border: 1px solid rgba(0,0,0,0.08); border-radius: 10px;\n  overflow: hidden; transition: box-shadow 0.18s, transform 0.18s;\n}\n.apd-video-card:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.13); transform: translateY(-1px); }\n.apd-video-thumb { position: relative; flex-shrink: 0; width: 108px; height: 72px; }\n.apd-video-img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.apd-video-play {\n  position: absolute; inset: 0;\n  display: flex; align-items: center; justify-content: center;\n  background: rgba(0,0,0,0.32); color: #fff; font-size: 18px;\n  transition: background 0.15s;\n}\n.apd-video-card:hover .apd-video-play { background: rgba(0,0,0,0.5); }\n.apd-video-info { padding: 8px 12px 8px 0; flex: 1; min-width: 0; }\n.apd-video-eyebrow { font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--g-dk); margin-bottom: 2px; }\n.apd-video-title { font-size: 13px; font-weight: 700; color: var(--dk1); line-height: 1.3; margin-bottom: 3px; }\n.apd-video-sub { font-size: 11px; color: var(--dk3); line-height: 1.45; }\n.asi-mob-handle { display: none; }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   MAP COLUMN\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-map-col {\n  flex: none; width: 46%;\n  position: relative; overflow: visible;\n  background: #fff; padding: 16px 20px 16px 20px;\n  display: flex; align-items: stretch; touch-action: none;\n}\n#asi-map-frame {\n  flex: 1; position: relative;\n  border-radius: 16px; overflow: hidden;\n  box-shadow: 0 4px 24px rgba(0,0,0,0.13);\n}\n#asi-map {\n  width: 100%; height: 100%;\n  touch-action: none; background: #f2f1ee;\n  isolation: isolate;\n}\n#asi-map .leaflet-tile-pane { filter: saturate(0.75) brightness(1.02); }\n#asi-map .leaflet-pane         { position: absolute !important; }\n#asi-map .leaflet-marker-pane  { z-index: 600 !important; }\n#asi-map .leaflet-overlay-pane { z-index: 400 !important; }\n#asi-map .leaflet-map-pane     { position: absolute !important; left: 0 !important; top: 0 !important; }\n.leaflet-control-zoom { border: none !important; border-radius: 24px !important; overflow: hidden !important; box-shadow: 0 2px 14px rgba(0,0,0,0.2) !important; margin: 16px 16px 0 0 !important; }\n.leaflet-control-zoom a {\n  width: 40px !important; height: 40px !important; line-height: 1 !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  font-size: 20px !important; font-weight: 300 !important;\n  color: #222 !important; background: #fff !important;\n  border: none !important; border-radius: 0 !important;\n  text-indent: 0 !important; font-family: 'Inter', sans-serif !important;\n  transition: background 0.15s !important;\n}\n.leaflet-control-zoom a:hover { background: #f7f7f7 !important; color: #000 !important; }\n.leaflet-control-zoom-in { border-bottom: 1px solid #e0e0e0 !important; }\n.leaflet-bar a:first-child { border-radius: 0 !important; }\n.leaflet-bar a:last-child  { border-radius: 0 !important; }\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 Map markers \u201a\u00c4\u00ee high specificity to override WP themes without excessive !important \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n#asi-root #asi-map .asi-m-wrap { position: relative; width: 0; height: 0; cursor: pointer; display: block; opacity: 1; visibility: visible; }\n#asi-root #asi-map .asi-m-ring {\n  position: absolute; border-radius: 50%;\n  border: 1.5px solid rgba(151,212,34,0.5); pointer-events: none;\n  top: 50%; left: 50%; animation: ring-x 3s ease-out infinite;\n  display: block; visibility: visible;\n}\n#asi-root #asi-map .asi-m-ring-2 { animation-delay: 1.5s; }\n.map-moving .asi-m-ring { animation-play-state: paused !important; }\n@keyframes ring-x {\n  0%   { width: 52px; height: 52px; transform: translate(-50%,-50%) scale(0.3); opacity: 0.7; }\n  100% { width: 52px; height: 52px; transform: translate(-50%,-50%) scale(2.2); opacity: 0; }\n}\n#asi-root #asi-map .asi-city-pill {\n  position: absolute; left: 50%; top: 50%;\n  transform: translate(-50%,-50%);\n  display: flex; align-items: center; gap: 5px;\n  padding: 7px 12px; border-radius: 100px;\n  background: #fff; color: #1a1c18;\n  font-size: 12px; font-weight: 700; font-family: 'Inter', sans-serif;\n  white-space: nowrap; cursor: pointer; z-index: 3;\n  border: none; outline: none;\n  box-shadow: 0 2px 10px rgba(0,0,0,0.2), 0 1px 3px rgba(0,0,0,0.12);\n  transition: box-shadow 0.2s, transform 0.2s, background 0.2s, color 0.2s;\n  user-select: none; visibility: visible; opacity: 1;\n  max-width: none; overflow: visible;\n  line-height: 1; text-decoration: none;\n}\n#asi-root #asi-map .pill-flag, #asi-root #asi-map .pill-name { display: inline; visibility: visible; opacity: 1; color: inherit; font: inherit; }\n#asi-root #asi-map .asi-m-wrap.compare-pin .asi-city-pill {\n  background: #97d422; color: #1a2800;\n  box-shadow: 0 2px 14px rgba(151,212,34,0.55), 0 1px 4px rgba(0,0,0,0.15);\n  transform: translate(-50%,-50%) scale(1.08);\n}\n#asi-root #asi-map .asi-m-wrap.compare-pin .asi-m-ring { border-color: rgba(151,212,34,0.8); }\n#asi-root #asi-map .asi-city-pill:hover { box-shadow: 0 4px 18px rgba(0,0,0,0.28); transform: translate(-50%,-50%) scale(1.06); }\n#asi-root #asi-map .asi-city-pill.is-active { background: #97d422; color: #1a1c18; box-shadow: 0 4px 20px rgba(151,212,34,0.45); transform: translate(-50%,-50%) scale(1.08); }\n#asi-root #asi-map .asi-city-pill.match-top { background: #97d422; color: #1a1c18; box-shadow: 0 0 0 3px rgba(151,212,34,0.5), 0 4px 20px rgba(151,212,34,0.35); transform: translate(-50%,-50%) scale(1.1); }\n#asi-root #asi-map .asi-city-pill.match-low { opacity: 0.42; }\n#asi-body.mode-compare .asi-m-wrap:not(.compare-pin) { opacity: 0; pointer-events: none; transition: opacity 0.25s; }\n#asi-body.mode-compare .asi-m-wrap.compare-pin { opacity: 1; pointer-events: auto; }\n.asi-m-wrap.secondary-hidden { opacity: 0 !important; pointer-events: none !important; transition: opacity 0.3s !important; }\n.asi-m-wrap.secondary-visible { opacity: 1 !important; pointer-events: auto !important; transition: opacity 0.3s !important; }\n.asi-map-hint {\n  position: absolute; bottom: 18px; left: 18px; z-index: 1500;\n  background: rgba(255,255,255,0.92);\n  border: 1px solid rgba(0,0,0,0.1); border-radius: 10px;\n  padding: 9px 15px; font-size: 11px; color: #555;\n  display: flex; align-items: center; gap: 8px; pointer-events: none;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.1); transition: opacity 0.4s;\n  font-family: 'Inter', sans-serif;\n}\n.asi-hint-dot { width: 6px; height: 6px; background: var(--g); border-radius: 50%; animation: pdot 2.2s infinite; }\n.asi-map-hint.asi-hidden { opacity: 0; }\n\/* \u201a\u00ee\u00c4\u201a\u00ee\u00c4 DETAIL CTAs \u201a\u00ee\u00c4\u201a\u00ee\u00c4 *\/\n.apd-cta-section {\n  padding: 9px 14px 11px; border-top: 1px solid var(--lt-border);\n  display: flex; flex-direction: row; gap: 8px; flex-shrink: 0;\n}\n.apd-cta-jobs {\n  flex: 1;\n  display: flex; align-items: center; justify-content: center; gap: 6px;\n  padding: 8px 12px; border-radius: 10px; cursor: pointer; text-decoration: none;\n  font-size: 12px; font-weight: 700; letter-spacing: -0.01em;\n  background: rgba(151,212,34,0.12); color: #2a5a00;\n  border: 1.5px solid rgba(151,212,34,0.35);\n  transition: background 0.18s, border-color 0.18s, transform 0.18s; font-family: 'Inter', sans-serif;\n  min-height: 44px;\n}\n.apd-cta-jobs:hover { background: rgba(151,212,34,0.22); border-color: rgba(151,212,34,0.6); transform: translateY(-1px); }\n.apd-cta-talk {\n  flex: 1;\n  display: flex; align-items: center; justify-content: center; gap: 6px;\n  padding: 8px 12px; border-radius: 10px; cursor: pointer; text-decoration: none;\n  font-size: 12px; font-weight: 700; letter-spacing: -0.01em;\n  background: var(--dk); color: #fff;\n  border: 1.5px solid var(--dk);\n  transition: background 0.18s, transform 0.18s; font-family: 'Inter', sans-serif;\n  min-height: 44px;\n}\n.apd-cta-talk:hover { background: #2a2e24; color: #fff !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0,0,0,0.18); }\n.apd-cta-talk:focus, .apd-cta-talk:active { color: #fff !important; outline: none !important; box-shadow: none !important; }\n.apd-cta-icon { font-size: 13px; }\n.apd-article-link {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 10px 24px 12px;\n  border-bottom: 1px solid var(--lt-border);\n  text-decoration: none; font-size: 11.5px; font-weight: 700;\n  color: var(--dk); letter-spacing: -0.01em;\n  transition: color 0.15s; font-family: 'Inter', sans-serif; width: 100%;\n}\n.apd-article-link:hover { color: var(--g); }\n.apd-article-link-arr { color: var(--g); font-size: 15px; flex-shrink: 0; margin-left: 8px; transition: transform 0.15s; }\n.apd-article-link:hover .apd-article-link-arr { transform: translateX(3px); }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   RESPONSIVE \u201a\u00c4\u00ee Tablet\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n@media (max-width: 900px) and (min-width: 601px) {\n  #asi-left { min-width: 300px; }\n  #asi-map-col { width: 44%; padding: 10px; }\n  .apm-role-btn { font-size: 11.5px; padding: 9px 4px; min-height: 44px; }\n  .apm-sl-label { width: 100px; }\n  .apd-img-hd { height: 100px; }\n  .apd-img-city { font-size: 20px; }\n}\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   RESPONSIVE \u201a\u00c4\u00ee Mobile\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n@media (max-width: 600px) {\n  #asi-root { overflow: visible !important; border-radius: 0; border-left: none; border-right: none; border-bottom: none; box-shadow: none; }\n  #asi-body { display: flex; flex-direction: column; height: auto !important; overflow: visible !important; }\n  #asi-map-col { display: none !important; }\n  #asi-map-frame { border-radius: 0; box-shadow: none; touch-action: pan-y pinch-zoom !important; }\n  \/* Map hidden on mobile - no touch-action overrides needed *\/\n  #asi-left {\n    order: 0; position: relative; z-index: 10;\n    width: 100%; min-width: unset; height: auto;\n    border-right: none; border-top: none;\n    border-radius: 0;\n    box-shadow: none; background: #fff; overflow: visible !important;\n    touch-action: manipulation; \/* eliminate 300ms tap delay *\/\n  }\n  .asi-mob-handle { display: none; }\n  .asi-panel {\n    position: relative !important; inset: auto !important;\n    transform: none !important; opacity: 1 !important;\n    pointer-events: auto !important; height: auto; min-height: 0;\n    will-change: auto !important; overflow: visible !important;\n  }\n  #asi-panel-list { overflow: visible !important; will-change: auto !important; }\n  #asi-panel-list.panel-out, #asi-panel-list.panel-hidden,\n  #asi-panel-match:not(.panel-in),\n  #asi-panel-detail:not(.panel-in) { display: none !important; }\n  .apl-inner {\n    display: grid; grid-template-columns: 1fr 1fr;\n    overflow: visible !important;\n    padding: 10px 12px 48px; gap: 10px; height: auto;\n  }\n  .asi-fmc-card { grid-column: 1 \/ -1; padding: 14px 16px; }\n  .asi-fmc-spark { font-size: 22px; }\n  .asi-fmc-title { font-size: 13.5px; }\n  .asi-fmc-sub   { font-size: 10px; }\n  .asi-card-img { padding-top: 100%; } \/* square like Airbnb *\/\n  .apd-img-hd   { height: 120px; }\n  .apd-img-city { font-size: 18px; }\n  .apd-content  { overflow-y: visible; }\n  #asi-panel-match { padding-bottom: 32px; }\n  \/* map already hidden on mobile via #asi-map-col display:none *\/\n  #asi-body.mode-match #asi-left, #asi-body.mode-detail #asi-left { border-radius: 0; box-shadow: none; }\n  .apd-cta-section {\n    position: sticky; bottom: 0; background: #fff; z-index: 10;\n    box-shadow: 0 -4px 16px rgba(0,0,0,0.08); padding: 10px 14px 18px;\n    padding-bottom: 80px; \/* clear the sticky salary guide banner (afc-mini-banner ~71px) *\/\n  }\n  #d-cta-talk { display: none !important; }\n  .apd-cta-jobs { flex: 1; }\n  .asi-map-hint { font-size: 10px; padding: 7px 11px; bottom: 40px; left: 12px; }\n  .apl-search-input { font-size: 16px !important; }\n  .apl-search-wrap { padding: 10px 12px 0; overflow: visible; }\n  .apl-search-dropdown { left: 0; right: 0; border-radius: 14px; }\n  .apm-role-btn { font-size: 12px; padding: 9px 4px; min-height: 44px; }\n  .apm-sl-label { width: 100px; font-size: 10.5px; }\n}\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   LEADERBOARD PANEL\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-panel-leaderboard { opacity: 0; transform: translateX(30px); pointer-events: none; background: #fff; }\n#asi-panel-leaderboard.panel-in  { opacity: 1; transform: translateX(0);    pointer-events: auto; }\n#asi-panel-leaderboard.panel-out { opacity: 0; transform: translateX(-30px); pointer-events: none; }\n.apld-nav { display: flex; align-items: center; gap: 10px; padding: 12px 16px 10px; border-bottom: 1px solid var(--lt-border); flex-shrink: 0; background: #fff; }\n.apld-nav-title { font-size: 15px; font-weight: 800; color: var(--dk); flex: 1; letter-spacing: -0.02em; }\n.apld-back-pill {\n  display: flex; align-items: center; gap: 4px;\n  padding: 7px 14px 7px 10px; border-radius: 20px;\n  border: 1.5px solid rgba(0,0,0,0.13); cursor: pointer;\n  background: #f2f2f0; color: var(--dk2);\n  font-size: 12.5px; font-weight: 700; letter-spacing: -0.01em;\n  font-family: 'Inter', sans-serif;\n  transition: background 0.15s, border-color 0.15s; flex-shrink: 0; white-space: nowrap;\n}\n.apld-back-pill:hover { background: #e8e8e5; border-color: rgba(0,0,0,0.22); }\n#asi-panel-match .apc-back, #asi-panel-leaderboard .apc-back {\n  background: #f0f0ed; color: var(--dk2); border: 1.5px solid rgba(0,0,0,0.12); min-width: 44px; min-height: 44px;\n}\n#asi-panel-match .apc-back:hover, #asi-panel-leaderboard .apc-back:hover { background: #e4e4e0; }\n.apld-sub-header {\n  display: flex; align-items: center; gap: 12px;\n  padding: 10px 18px 8px; background: #f8f8f6;\n  border-bottom: 1px solid var(--lt-border); flex-shrink: 0;\n}\n.apld-sub-metric { font-size: 13px; font-weight: 800; color: var(--dk); letter-spacing: -0.02em; margin-bottom: 1px; }\n.apld-sub-note { font-size: 10px; color: var(--dk3); font-weight: 500; }\n.apld-content { flex: 1; overflow-y: auto; }\n.apld-item {\n  display: flex; align-items: center; gap: 11px;\n  padding: 11px 18px; border-bottom: 1px solid rgba(0,0,0,0.05);\n  cursor: pointer; transition: background 0.12s; text-decoration: none; min-height: 44px;\n}\n.apld-item:hover { background: #f8f8f6; }\n.apld-item.apld-current { background: rgba(151,212,34,0.07); }\n.apld-item.apld-current:hover { background: rgba(151,212,34,0.12); }\n.apld-rank { font-size: 12px; font-weight: 800; width: 26px; flex-shrink: 0; text-align: center; }\n.apld-rank.rank-top { color: #4a7a00; }\n.apld-rank.rank-mid { color: #c8860a; }\n.apld-rank.rank-low { color: #bbb; }\n.apld-flag { font-size: 17px; flex-shrink: 0; line-height: 1; }\n.apld-city-name { font-size: 12.5px; font-weight: 700; color: var(--dk); flex: 1; letter-spacing: -0.01em; min-width: 0; }\n.apld-item.apld-current .apld-city-name { color: var(--g-dk); }\n.apld-bar-wrap { width: 90px; height: 5px; background: #e4e4dc; border-radius: 3px; overflow: hidden; flex-shrink: 0; }\n.apld-bar-fill { height: 100%; border-radius: 2px; transition: width 0.55s cubic-bezier(0.16,1,0.3,1); width: 0; }\n.apld-you-tag { font-size: 9px; font-weight: 700; color: var(--g-dk); background: rgba(151,212,34,0.18); border-radius: 4px; padding: 2px 5px; flex-shrink: 0; letter-spacing: 0.04em; }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   COMPARE PANEL\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n#asi-panel-compare { opacity: 0; transform: translateX(30px); pointer-events: none; background: #1a1a1e; overflow-y: auto; }\n#asi-panel-compare.panel-in  { opacity: 1; transform: translateX(0);    pointer-events: auto; }\n#asi-panel-compare.panel-out { opacity: 0; transform: translateX(-30px); pointer-events: none; }\n.apc-nav {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px 12px; border-bottom: none; background: transparent;\n  position: absolute; top: 0; left: 0; right: 0; z-index: 12; pointer-events: none;\n}\n.apc-nav > * { pointer-events: auto; }\n.apc-nav-title { font-size: 15px; font-weight: 800; color: rgba(255,255,255,0.9); letter-spacing: -0.02em; flex: 1; }\n.apc-back {\n  width: 44px; height: 44px; border-radius: 50%; border: none !important; cursor: pointer;\n  background: rgba(255,255,255,0.09); color: rgba(255,255,255,0.7); font-size: 14px;\n  display: flex; align-items: center; justify-content: center;\n  transition: background 0.15s; flex-shrink: 0; font-family: 'Inter', sans-serif;\n  position: relative; outline: none !important; box-shadow: none !important;\n}\n.apc-back::after { content:''; position:absolute; inset:-6px; }\n.apc-back:hover  { background: rgba(255,255,255,0.15); }\n.apc-back:focus, .apc-back:active {\n  background: rgba(255,255,255,0.15); color: rgba(255,255,255,0.7) !important;\n  outline: none !important; box-shadow: none !important;\n}\n.apc-matchup { background: #1a1a1e; flex-shrink: 0; position: sticky; top: 0; z-index: 11; overflow: hidden; padding: 0; border-radius: 16px 16px 0 0; }\n.apc-matchup-row { display: flex; align-items: stretch; position: relative; z-index: 1; }\n.apc-fighter {\n  flex: 1; display: flex; flex-direction: column; align-items: center;\n  justify-content: center; gap: 2px; min-width: 0; padding: 52px 12px 18px;\n  position: relative; overflow: visible;\n}\n#apc-fighter1::before, #apc-fighter1::after { right: -28px; }\n#apc-fighter2::before, #apc-fighter2::after { left: -28px; }\n.apc-fighter::before {\n  content: ''; position: absolute; inset: 0;\n  background-image: var(--city-img, none);\n  background-size: cover; background-position: center top;\n  opacity: 0.5; transition: opacity 0.4s ease; pointer-events: none;\n}\n.apc-fighter::after {\n  content: ''; position: absolute; inset: 0;\n  background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.25) 40%, rgba(0,0,0,0.7) 100%);\n  pointer-events: none;\n}\n.apc-fighter:not([style]) { background: #1a1a1e; }\n.apc-fighter > * { position: relative; z-index: 1; }\n.apc-fighter-country { font-size: 9px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.45); margin-bottom: 2px; }\n.apc-fighter-name {\n  font-size: 20px; font-weight: 900; color: #fff; letter-spacing: -0.03em;\n  text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\n  max-width: 100%; line-height: 1.1;\n}\n.apc-fighter-select {\n  font-size: 10px; font-weight: 600; color: rgba(255,255,255,0.4);\n  font-family: 'Inter', sans-serif;\n  background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 6px; padding: 4px 18px 4px 6px; width: 100%; max-width: 130px;\n  cursor: pointer; outline: none; margin-top: 6px; min-height: 44px;\n  -webkit-appearance: none; appearance: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat; background-position: right 6px center;\n  transition: border-color 0.15s;\n}\n.apc-fighter-select:focus { border-color: rgba(151,212,34,0.4); }\n.apc-vs-col {\n  flex-shrink: 0; width: 56px; display: flex; flex-direction: column;\n  align-items: center; justify-content: center; position: relative;\n}\n.apc-vs-col::before {\n  content: ''; position: absolute; top: 0; bottom: 0; left: 50%;\n  width: 1px; background: linear-gradient(to bottom, transparent 0%, rgba(151,212,34,0.3) 30%, rgba(151,212,34,0.3) 70%, transparent 100%);\n  transform: translateX(-50%);\n}\n.apc-vs-badge {\n  width: 40px; height: 40px; border-radius: 50%;\n  background: linear-gradient(135deg, #b8f030 0%, #97d422 40%, #6aad00 100%);\n  display: flex; align-items: center; justify-content: center;\n  font-size: 13px; font-weight: 900; color: #111; letter-spacing: 0.04em;\n  box-shadow: 0 0 20px rgba(151,212,34,0.4), 0 0 40px rgba(151,212,34,0.12);\n  position: relative; z-index: 2;\n  border: 2px solid rgba(255,255,255,0.12); cursor: pointer;\n  transition: transform 0.2s ease, box-shadow 0.2s ease;\n}\n.apc-vs-badge:hover { transform: scale(1.15); box-shadow: 0 0 30px rgba(151,212,34,0.7), 0 0 60px rgba(151,212,34,0.25); }\n.apc-vs-badge::before {\n  content: ''; position: absolute; inset: -5px; border-radius: 50%;\n  border: 1px solid rgba(151,212,34,0.25); pointer-events: none;\n}\n.apc-fighter-flag { display: none; }\n.apc-content { background: #1a1a1e; }\n.apc-col-hd {\n  display: grid; grid-template-columns: 1fr auto 1fr;\n  padding: 8px 16px 6px; font-size: 10px; font-weight: 700;\n  letter-spacing: 0.05em; text-transform: uppercase; gap: 6px;\n  color: rgba(255,255,255,0.35);\n  position: sticky; z-index: 4; background: #1a1a1e;\n  top: calc(var(--matchup-h, 160px) + 33px);\n}\n.apc-empty { padding: 40px 20px; text-align: center; font-size: 12.5px; color: rgba(255,255,255,0.35); }\n.apc-empty strong { display: block; font-size: 14px; color: rgba(255,255,255,0.6); margin-bottom: 6px; font-weight: 700; }\n.apc-section-hd {\n  padding: 12px 14px 10px; font-size: 10px; font-weight: 700; letter-spacing: 0.1em;\n  text-transform: uppercase; color: rgba(255,255,255,0.35); text-align: center;\n  background: #1a1a1e;\n  border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08);\n  position: sticky; top: var(--matchup-h, 160px); z-index: 5;\n}\n.apc-sal-tier { border-bottom: 1px solid rgba(255,255,255,0.07); padding: 14px 16px 16px; }\n.apc-sal-tier-label { font-size: 9.5px; font-weight: 700; letter-spacing: 0.06em; color: rgba(255,255,255,0.3); text-transform: uppercase; text-align: center; margin-bottom: 8px; }\n.apc-sal-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 6px; }\n.apc-sal-val { font-size: 15px; font-weight: 800; color: rgba(255,255,255,0.82); letter-spacing: -0.02em; white-space: nowrap; text-align: right; padding-right: 4px; }\n.apc-sal-val:last-child { text-align: left; padding-right: 0; padding-left: 4px; }\n.apc-sal-val.sal-winner { color: #97d422; }\n.apc-sal-val.sal-loser  { color: rgba(255,255,255,0.22); font-weight: 600; }\n.apc-sal-diff { display: flex; align-items: center; justify-content: center; flex-shrink: 0; min-width: 58px; }\n.apc-sal-diff-pct { font-size: 11px; font-weight: 800; letter-spacing: -0.02em; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }\n.apc-sal-diff-pct.diff-pos { color: #97d422; background: rgba(151,212,34,0.14); }\n.apc-sal-diff-pct.diff-neg { color: #ff6b6b; background: rgba(255,107,107,0.12); }\n.apc-sal-diff-pct.diff-eq  { color: rgba(255,255,255,0.3); background: rgba(255,255,255,0.07); }\n.apc-score-row { border-bottom: 1px solid rgba(255,255,255,0.07); padding: 12px 16px 14px; }\n.apc-score-row-link { cursor: pointer; transition: background 0.12s; }\n.apc-score-row-link:hover { background: rgba(255,255,255,0.04); }\n.apc-score-metric { display: flex; align-items: center; justify-content: center; gap: 6px; margin-bottom: 8px; text-align: center; }\n.apc-score-arr { color: rgba(255,255,255,0.25); font-size: 14px; flex-shrink: 0; opacity: 0; transition: opacity 0.12s; }\n.apc-score-row-link:hover .apc-score-arr { opacity: 1; }\n.apc-score-icon { font-size: 14px; flex-shrink: 0; }\n.apc-score-label { font-size: 12px; color: rgba(255,255,255,0.45); font-weight: 700; letter-spacing: 0.01em; }\n.apc-score-ranks { display: grid; grid-template-columns: 1fr 58px 1fr; align-items: center; gap: 6px; }\n.apc-score-cell { display: flex; align-items: center; gap: 6px; justify-content: flex-end; }\n.apc-score-cell:last-child { justify-content: flex-start; }\n.apc-score-cell.score-winner .apc-rank { color: #97d422; }\n.apc-score-cell.score-loser .apc-rank { color: rgba(255,107,107,0.8); }\n.apc-rank { font-size: 15px; font-weight: 800; flex-shrink: 0; color: rgba(255,255,255,0.82); }\n.apc-rank.rank-win  { color: #97d422; }\n.apc-rank.rank-lose { color: rgba(255,107,107,0.8); }\n.apc-rank.rank-draw { color: rgba(255,255,255,0.3); }\n.apc-score-winner-dot { width: 6px; height: 6px; border-radius: 50%; background: #97d422; flex-shrink: 0; }\n.apd-compare-btn {\n  display: block; width: 100%; padding: 0;\n  font-size: 13px; font-weight: 600; letter-spacing: -0.01em;\n  color: var(--dk3); text-align: center;\n  background: transparent !important; border: none !important; outline: none; cursor: pointer;\n  -webkit-appearance: none !important; appearance: none !important;\n  font-family: 'Inter', sans-serif; transition: color 0.15s; line-height: 1.4; min-height: 44px;\n}\n.apd-compare-wrap {\n  flex-shrink: 0; border-bottom: 1px solid var(--lt-border);\n  padding: 22px 20px !important; text-align: center;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n}\n.apd-compare-btn:hover, .apd-compare-btn:focus, .apd-compare-btn:active {\n  background: transparent !important; color: var(--dk);\n  outline: none !important; box-shadow: none !important; border: none !important;\n}\n.apd-curr-tag { font-size: 10px; font-weight: 500; color: var(--dk3); margin-left: 7px; vertical-align: middle; }\n.apd-curr-row {\n  display: flex; gap: 5px; padding: 6px 0 12px;\n  overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; flex-shrink: 0;\n}\n.apd-curr-row::-webkit-scrollbar { display: none; }\n.apd-curr-pill {\n  font-size: 10.5px; font-weight: 600; letter-spacing: 0.01em;\n  padding: 8px 16px; border-radius: 8px;\n  border: 1.5px solid var(--lt-border);\n  background: #f7f7f5; color: var(--dk3);\n  white-space: nowrap; cursor: pointer; flex-shrink: 0;\n  font-family: 'Inter', sans-serif;\n  transition: background 0.14s, color 0.14s, border-color 0.14s;\n}\n.apd-curr-pill:hover { background: #eeeeed; color: var(--dk2); border-color: #c8c8c4; }\n.apd-curr-pill.active { background: var(--dk); color: #fff; border-color: var(--dk); box-shadow: 0 1px 5px rgba(0,0,0,0.16); }\n\/* VS animations *\/\n@keyframes vsSnapIn { 0%{ transform:scale(0);opacity:0 } 45%{ transform:scale(1.35);opacity:1 } 65%{ transform:scale(0.9) } 80%{ transform:scale(1.08) } 100%{ transform:scale(1) } }\n@keyframes vsFlash { 0%{ box-shadow:0 0 0 0 rgba(151,212,34,0) } 15%{ box-shadow:0 0 50px 14px rgba(151,212,34,1) } 100%{ box-shadow:0 0 20px rgba(151,212,34,0.45) } }\n@keyframes vsRingBurst { 0%{ transform:scale(1);opacity:0.8 } 100%{ transform:scale(4.5);opacity:0 } }\n@keyframes vsIdlePulse { 0%,100%{ box-shadow:0 0 20px rgba(151,212,34,0.4);transform:scale(1) } 50%{ box-shadow:0 0 26px rgba(151,212,34,0.5);transform:scale(1.06) } }\n.apc-vs-badge.animate-in { animation: vsSnapIn 0.5s cubic-bezier(0.34,1.56,0.64,1) both, vsFlash 0.6s ease-out both, vsIdlePulse 3s ease-in-out 1s infinite; }\n.apc-vs-badge.animate-in::after { content:''; position:absolute; inset:-3px; border-radius:50%; border:2px solid rgba(151,212,34,0.7); pointer-events:none; animation:vsRingBurst 0.7s ease-out 0.1s both; }\n.apc-vs-col.ring-active::after { content:''; position:absolute; width:40px; height:40px; border-radius:50%; border:1.5px solid rgba(151,212,34,0.3); top:50%; left:50%; transform:translate(-50%,-50%); animation:vsRingBurst 0.85s ease-out 0.3s both; pointer-events:none; z-index:2; }\n@keyframes apcRowReveal { from{ opacity:0;transform:translateY(8px) } to{ opacity:1;transform:translateY(0) } }\n.apc-row-reveal { animation: apcRowReveal 0.38s cubic-bezier(0.16,1,0.3,1) both; }\n.apc-sal-bar-wrap { height: 3px; border-radius: 2px; background: rgba(255,255,255,0.07); margin-top: 6px; overflow: hidden; }\n.apc-sal-bar-fill { height: 100%; border-radius: 2px; transition: width 0.6s cubic-bezier(0.16,1,0.3,1); }\n.apc-sal-bar-fill.bar-winner { background: linear-gradient(to right, rgba(151,212,34,0.5), #97d422); }\n.apc-sal-bar-fill.bar-loser  { background: rgba(255,255,255,0.18); }\n.apc-sal-bar-fill.bar-draw   { background: rgba(255,255,255,0.25); }\n.apc-sal-col { display: flex; flex-direction: column; }\n.apc-sal-col:first-child { align-items: flex-end; }\n.apc-sal-col:last-child  { align-items: flex-start; }\n\/* Verdict card *\/\n.apc-verdict {\n  margin: 20px 16px 24px;\n  background: rgba(255,255,255,0.03);\n  border: 1px solid rgba(255,255,255,0.08); border-radius: 16px;\n  padding: 28px 18px 24px; text-align: center; position: relative; overflow: visible;\n}\n.apc-verdict::before {\n  content: ''; position: absolute; inset: 0; border-radius: 16px;\n  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.06) 49%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.06) 51%, transparent 65%);\n  background-size: 250% 100%; background-position: 150% 0; pointer-events: none; animation: none;\n}\n.apc-verdict.in-view::before { animation: verdictSweep 1s ease-out 0.15s both; }\n@keyframes verdictSweep { 0%{ background-position:150% 0 } 100%{ background-position:-50% 0 } }\n.apc-verdict-trophy { font-size: 28px; line-height: 1; margin-bottom: 8px; opacity: 0; transform: scale(0) rotate(-15deg); filter: drop-shadow(0 0 12px rgba(151,212,34,0.5)); }\n.apc-verdict.in-view .apc-verdict-trophy { animation: trophyDrop 0.6s cubic-bezier(0.34,1.56,0.64,1) 0.05s both; }\n@keyframes trophyDrop { 0%{ opacity:0;transform:scale(0) rotate(-15deg) } 60%{ opacity:1;transform:scale(1.3) rotate(5deg) } 100%{ opacity:1;transform:scale(1) rotate(0deg) } }\n.apc-verdict-score { font-size: 44px; font-weight: 900; color: #fff; letter-spacing: -0.04em; line-height: 1; margin-bottom: 4px; position: relative; opacity: 0; transform: scale(0.5); }\n.apc-verdict-score span { background: linear-gradient(135deg, #b8f030 0%, #97d422 50%, #6aad00 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.apc-verdict.in-view .apc-verdict-score { animation: verdictScoreDrop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.15s both; }\n@keyframes verdictScoreDrop { 0%{ opacity:0;transform:scale(0.5) } 55%{ opacity:1;transform:scale(1.15) } 100%{ opacity:1;transform:scale(1) } }\n.apc-verdict-divider { width: 40px; height: 2px; margin: 10px auto 12px; background: linear-gradient(90deg, transparent, #97d422, transparent); opacity: 0; transform: scaleX(0); }\n.apc-verdict.in-view .apc-verdict-divider { animation: dividerGrow 0.4s ease-out 0.4s both; }\n@keyframes dividerGrow { 0%{ opacity:0;transform:scaleX(0) } 100%{ opacity:1;transform:scaleX(1) } }\n.apc-verdict-winner { font-size: 12px; font-weight: 900; letter-spacing: 0.18em; text-transform: uppercase; color: #97d422; margin-bottom: 16px; position: relative; opacity: 0; transform: translateY(6px); }\n.apc-verdict.in-view .apc-verdict-winner { animation: verdictWinsFlash 0.6s ease-out 0.5s both; }\n@keyframes verdictWinsFlash { 0%{ opacity:0;transform:translateY(6px) } 100%{ opacity:1;transform:translateY(0) } }\n.apc-verdict-stat { font-size: 13.5px; font-weight: 600; color: rgba(255,255,255,0.55); line-height: 1.6; position: relative; opacity: 0; transform: translateY(8px); }\n.apc-verdict.in-view .apc-verdict-stat:nth-child(4) { animation: verdictStatFade 0.4s ease-out 0.65s both; }\n.apc-verdict.in-view .apc-verdict-stat:nth-child(5) { animation: verdictStatFade 0.4s ease-out 0.8s both; }\n@keyframes verdictStatFade { from{ opacity:0;transform:translateY(8px) } to{ opacity:1;transform:translateY(0) } }\n.apc-verdict-stat strong { color: rgba(255,255,255,0.92); font-weight: 800; }\n.apc-fighter-aura { position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: 0.18; transition: opacity 0.4s; }\n#apc-fighter1 .apc-fighter-aura { background: linear-gradient(to right, var(--aura-color, transparent), transparent); }\n#apc-fighter2 .apc-fighter-aura { background: linear-gradient(to left, var(--aura-color, transparent), transparent); }\n\/* Share *\/\n.apd-share-circle {\n  position: absolute !important; top: 10px !important; right: 12px !important; left: auto !important; z-index: 20 !important;\n  width: 44px !important; height: 44px !important; border-radius: 50% !important;\n  background: rgba(8,8,8,0.5) !important;\n  border: none !important; cursor: pointer; color: #fff !important;\n  display: flex !important; align-items: center !important; justify-content: center !important;\n  transition: background 0.18s; touch-action: manipulation;\n  -webkit-tap-highlight-color: transparent; pointer-events: auto !important;\n  padding: 0 !important; margin: 0 !important; box-shadow: none !important;\n}\n.apd-share-circle:hover { background: rgba(8,8,8,0.78) !important; }\n.apc-share-btn {\n  width: 44px; height: 44px; border-radius: 50%; border: none; cursor: pointer;\n  background: rgba(255,255,255,0.09); color: rgba(255,255,255,0.7);\n  display: flex; align-items: center; justify-content: center;\n  transition: background 0.15s; flex-shrink: 0; position: relative;\n}\n.apc-share-btn:hover { background: rgba(255,255,255,0.15); }\n.asi-share-overlay {\n  position: fixed; inset: 0; z-index: 99999;\n  background: rgba(0,0,0,0.45);\n  display: flex; align-items: flex-end; justify-content: center;\n  opacity: 0; pointer-events: none; transition: opacity 0.2s ease;\n}\n.asi-share-overlay.open { opacity: 1; pointer-events: auto; }\n.asi-share-sheet {\n  background: #fff; border-radius: 20px 20px 0 0;\n  padding: 14px 20px 32px; width: 100%; max-width: 460px;\n  transform: translateY(40px); transition: transform 0.28s cubic-bezier(0.34,1.4,0.64,1);\n}\n.asi-share-overlay.open .asi-share-sheet { transform: translateY(0); }\n.asi-share-handle { width: 36px; height: 4px; background: rgba(0,0,0,0.12); border-radius: 2px; margin: 0 auto 18px; }\n.asi-share-title { font-size: 14px; font-weight: 800; color: var(--dk); letter-spacing: -0.02em; margin-bottom: 18px; text-align: center; }\n.asi-share-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }\n.asi-share-opt {\n  display: flex; flex-direction: column; align-items: center; gap: 8px;\n  padding: 14px 12px 12px; border-radius: 16px; background: #f4f4f4;\n  border: none; cursor: pointer; min-width: 72px; text-decoration: none;\n  transition: background 0.15s; touch-action: manipulation; -webkit-tap-highlight-color: transparent;\n}\n.asi-share-opt:hover { background: #e8e8e8; }\n.asi-share-opt-icon { width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.asi-share-opt-label { font-size: 10px; font-weight: 600; color: var(--dk2); }\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   REDUCED MOTION \u201a\u00c4\u00ee disable all decorative animations\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n  }\n  .asi-m-ring { display: none !important; }\n  .asi-hint-dot { animation: none !important; }\n  \/* Verdict card elements start at opacity:0 and rely on animation to become visible *\/\n  .apc-verdict-trophy,\n  .apc-verdict-score,\n  .apc-verdict-divider,\n  .apc-verdict-winner,\n  .apc-verdict-stat { opacity: 1 !important; transform: none !important; }\n  \/* Same for row reveal animations *\/\n  .apc-row-reveal { opacity: 1 !important; transform: none !important; }\n  \/* Section fade-up animations *\/\n  .anim-fade-up { opacity: 1 !important; transform: none !important; }\n}\n\/* \u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\n   MOBILE \u201a\u00c4\u00ee Compare + Leaderboard\n\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea\u201a\u00ef\u00ea *\/\n@media (max-width: 600px) {\n  #asi-panel-compare:not(.panel-in) { display: none !important; }\n  #asi-panel-leaderboard:not(.panel-in) { display: none !important; }\n  \/* map already hidden on mobile *\/\n  #asi-body.mode-compare #asi-left, #asi-body.mode-leaderboard #asi-left {\n    margin-top: 0; border-radius: 0; box-shadow: none; overflow: visible;\n  }\n  #asi-body.mode-compare #asi-panel-compare {\n    position: relative !important; inset: auto !important; height: auto !important;\n    min-height: 100vh; min-height: 100dvh;\n    transform: none !important; opacity: 1 !important; pointer-events: auto !important;\n    overflow-y: visible !important;\n  }\n  #asi-body.mode-leaderboard #asi-panel-leaderboard {\n    position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;\n    width: 100% !important; height: 100% !important; z-index: 9999 !important;\n    transform: none !important; opacity: 1 !important; pointer-events: auto !important;\n  }\n  .apc-nav-title { display: none; }\n  .apc-fighter { padding: 44px 8px 14px; }\n  .apc-fighter-name { font-size: 16px; }\n  .apc-fighter-country { font-size: 8px; }\n  .apc-fighter-select { font-size: 9px; max-width: 105px; }\n  .apc-vs-col { width: 44px; }\n  .apc-vs-badge { width: 32px; height: 32px; font-size: 10px; }\n  .apc-sal-tier { padding: 10px 12px 12px; }\n  .apc-sal-tier-label { font-size: 8.5px; }\n  .apc-sal-val { font-size: 13px; }\n  .apc-sal-diff { min-width: 44px; }\n  .apc-sal-diff-pct { font-size: 10px; padding: 2px 6px; }\n  .apc-score-row { padding: 10px 12px 12px; }\n  .apc-score-metric { margin-bottom: 4px; gap: 4px; }\n  .apc-score-ranks { gap: 4px; }\n  .apc-score-label { font-size: 11px; }\n  .apc-rank { font-size: 13px; }\n  .apc-score-arr { display: none; }\n}\n@media (max-width: 380px) {\n  .apd-expert-photo { width: 42px; height: 42px; }\n  .apm-rank-pct { font-size: 17px; min-width: 38px; }\n  .apd-salary-range { font-size: 12.5px; }\n  .apd-section { padding: 12px 14px 10px; }\n  .apd-quote-section { padding: 16px 16px 14px; }\n}\n<\/style>\n  <h1>Best Cities for Architecture Careers 2026<\/h1>\n      <!-- LIST PANEL -->\n            <input type=\"text\" id=\"apl-search-input\" placeholder=\"Search cities, countries\" autocomplete=\"off\" spellcheck=\"false\" role=\"combobox\" aria-expanded=\"false\" aria-controls=\"apl-search-dropdown\" aria-autocomplete=\"list\"\/>\n            <button type=\"button\" id=\"apl-search-clear\" aria-label=\"Clear search\">\u2715<\/button>\n          \ud83d\udc46\n          Select your first city to compare\n        <button onclick=\"ASI.enterCompareSelect()\">\n          \u21c4 Compare 2 cities side-by-side\n        <\/button>\n            \u2726\n              Which city is best for me?\n              Ranked by salary, lifestyle &amp; culture\n            \u2192\n          <!-- UK -->\n          \ud83c\uddec\ud83c\udde7 LondonGBP \u00b7#1 for architecture\n          \ud83c\uddec\ud83c\udde7 ManchesterGBP \u00b7Best value in the UK\n          <!-- Australia -->\n          \ud83c\udde6\ud83c\uddfa SydneyAUD \u00b7#1 job market in Australia\n          \ud83c\udde6\ud83c\uddfa MelbourneAUD \u00b7#1 for arts &amp; culture\n          \ud83c\udde6\ud83c\uddfa BrisbaneAUD \u00b7Olympic pipeline \u00b7Sunshine\n          \ud83c\udde6\ud83c\uddfa PerthAUD \u00b7Most sunshine in Australia\n          \ud83c\udde6\ud83c\uddfa AdelaideAUD \u00b7Mediterranean lifestyle\n          <!-- USA -->\n          \ud83c\uddfa\ud83c\uddf8 New YorkUSD \u00b7#1 for architecture globally\n          \ud83c\uddfa\ud83c\uddf8 Los AngelesUSD \u00b7Year-round sunshine\n          \ud83c\uddfa\ud83c\uddf8 San FranciscoUSD \u00b7Innovation hub \u00b7Bay Area\n          \ud83c\uddfa\ud83c\uddf8 AustinUSD \u00b7Best purchasing power in the US\n          \ud83c\uddfa\ud83c\uddf8 DallasUSD \u00b7No state income tax\n          \ud83c\uddfa\ud83c\uddf8 San AntonioUSD \u00b7Most affordable Texas city\n          \ud83c\uddfa\ud83c\uddf8 HoustonUSD \u00b7Energy capital \u00b7No zoning\n          <!-- New Zealand -->\n          \ud83c\uddf3\ud83c\uddff AucklandNZD \u00b7Harbour &amp; volcanic peaks\n          \ud83c\uddf3\ud83c\uddff WellingtonNZD \u00b7Creative capital of NZ\n          \ud83c\uddf3\ud83c\uddff ChristchurchNZD \u00b7Post-earthquake renaissance\n          \ud83c\uddf3\ud83c\uddff QueenstownNZD \u00b7Adventure capital \u00b7Alpine\n          <!-- Middle East -->\n          \ud83c\udde6\ud83c\uddea DubaiAED \u00b7Tax-free salary\n          \ud83c\uddf8\ud83c\udde6 RiyadhSAR \u00b7Tax-free \u00b7Vision 2030\n            Tap your first city\n            <button onclick=\"ASI.exitCompareSelect()\">Cancel<\/button>\n      <!-- MATCH PANEL -->\n          <button onclick=\"ASI.setMode('browse')\" aria-label=\"Back to browse\">\u2190<\/button>\n          Find My City\n            Your role\n              <button data-role=\"0\" role=\"radio\" aria-checked=\"false\">Junior<\/button>\n              <button data-role=\"1\" role=\"radio\" aria-checked=\"false\">Mid<\/button>\n              <button data-role=\"2\" role=\"radio\" aria-checked=\"true\">Senior<\/button>\n              <button data-role=\"3\" role=\"radio\" aria-checked=\"false\">Director<\/button>\n            What matters most to you?\n              \ud83d\udcbc<label for=\"sl-jobMkt\">Job market<\/label><input id=\"sl-jobMkt\" type=\"range\" min=\"0\" max=\"5\" step=\"1\" value=\"3\" aria-label=\"Job market importance\"\/>\n              \ud83c\udfdb<label for=\"sl-arch\">Architecture<\/label><input id=\"sl-arch\" type=\"range\" min=\"0\" max=\"5\" step=\"1\" value=\"3\" aria-label=\"Architecture scene importance\"\/>\n              \ud83d\udcb0<label for=\"sl-value\">Purchasing power<\/label><input id=\"sl-value\" type=\"range\" min=\"0\" max=\"5\" step=\"1\" value=\"3\" aria-label=\"Purchasing power importance\"\/>\n              \u2600\ufe0f<label for=\"sl-sun\">Climate<\/label><input id=\"sl-sun\" type=\"range\" min=\"0\" max=\"5\" step=\"1\" value=\"3\" aria-label=\"Climate importance\"\/>\n              \ud83c\udf3f<label for=\"sl-outdoors\">Outdoors<\/label><input id=\"sl-outdoors\" type=\"range\" min=\"0\" max=\"5\" step=\"1\" value=\"3\" aria-label=\"Outdoors importance\"\/>\n              \ud83c\udfad<label for=\"sl-culture\">Arts &amp; culture<\/label><input id=\"sl-culture\" type=\"range\" min=\"0\" max=\"5\" step=\"1\" value=\"3\" aria-label=\"Arts and culture importance\"\/>\n        Best matches\n          <a href=\"https:\/\/youtu.be\/E3dK3zPbJdM\" target=\"_blank\" rel=\"noopener\">\n              <img decoding=\"async\" src=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2026\/03\/Relocaiton-decoded.jpg\" alt=\"Relocation Decoded video thumbnail\" loading=\"lazy\"\/>\n              \u25b6\n              Watch\n              Relocation Decoded\n              Bespoke Consultants share their experiences moving between Australia, the UK and the US\n          <\/a>\n          <a id=\"apm-cta-jobs\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n            \ud83d\udd0d\n            Explore architecture jobs\n          <\/a>\n      <!-- COMPARE PANEL -->\n            <button id=\"apc-back-btn\" aria-label=\"Back from compare\">\u2190<\/button>\n            Compare Cities\n            <button id=\"apc-share-btn\" onclick=\"ASI.openCompareShare()\" title=\"Share this comparison\" aria-label=\"Share comparison\">\n            <\/button>\n              Select city\n              City A\n              <select id=\"apc-city1-select\" aria-label=\"Select first city to compare\"><\/select>\n            VS\n              Select city\n              City B\n              <select id=\"apc-city2-select\" aria-label=\"Select second city to compare\">\n                <option value=\"\">Pick&#8230;<\/option>\n              <\/select>\n          <strong>Pick a second city<\/strong>Select from the dropdown above to compare\n      <!-- LEADERBOARD PANEL -->\n          <button id=\"apld-back-btn\" aria-label=\"Back from leaderboard\">\u2190<\/button>\n            All 20 cities ranked \u00b7 tap a city to explore\n      <!-- DETAIL PANEL -->\n            <button type=\"button\" id=\"apd-back-btn\" aria-label=\"Back to city list\">\u2190<\/button>\n            <button type=\"button\" id=\"apd-share-btn\" onclick=\"ASI.openCityShare()\" title=\"Share this city\" aria-label=\"Share city\">\n            <\/button>\n              <h2 id=\"d-name\"><\/h2>\n          <button onclick=\"ASI.openCompareForCurrent()\">\u21c4 Compare cities side-by-side<\/button>\n              <h3 id=\"d-salary-label\">Annual Architecture Salaries 2026<\/h3>\n              Total package incl. housing allowance\n              <select id=\"d-curr-select\" aria-label=\"Currency display\">\n                <option value=\"LOCAL\">Local currency<\/option>\n                <option value=\"GBP\">\u00a3 GBP<\/option>\n                <option value=\"USD\">$ USD<\/option>\n                <option value=\"AUD\">$ AUD<\/option>\n                <option value=\"NZD\">$ NZD<\/option>\n                <option value=\"AED\">AED<\/option>\n                <option value=\"SAR\">SAR<\/option>\n              <\/select>\n            <p>Source: Bespoke Careers: 3,000 vacancies, 1,890 survey respondents &amp; insights from 65 recruitment experts.<\/p>\n              <p><a href=\"https:\/\/www.bespokecareers.com\/salary-guide\/\" target=\"_blank\" rel=\"noopener\">Download The Full Salary Guide<\/a> (includes salaries, benefits, market insights and more)<\/p>\n              <a href=\"https:\/\/www.bespokecareers.com\/salary-guide\/salary-calculator\/\" target=\"_blank\" rel=\"noopener\">Use the salary calculator \u2197<\/a>\n            <h3>City Scorecard<\/h3>\n            2026 Market Insight\n            <blockquote id=\"d-quote-text\"><\/blockquote>\n          <a id=\"d-article-card\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n            Full 2026 Market Update\n            \u2192\n          <\/a>\n            <h3>Visa considerations<\/h3>\n            <h3 id=\"d-expert-label\">Your local recruitment expert<\/h3>\n            <a href=\"https:\/\/youtu.be\/E3dK3zPbJdM\" target=\"_blank\" rel=\"noopener\">\n                <img decoding=\"async\" src=\"https:\/\/cdn-01.cms-eu-v2i.applyflow.com\/bespoke\/wp-content\/uploads\/2026\/03\/Relocaiton-decoded.jpg\" alt=\"Relocation Decoded\" loading=\"lazy\"\/>\n                \u25b6\n                Watch\n                Relocation Decoded\n                Bespoke Consultants share their experiences moving between Australia, the UK and the US\n            <\/a>\n          <a id=\"d-cta-jobs\" href=\"#\" target=\"_blank\" rel=\"noopener\">\n            \ud83d\udd0d\n            Explore architecture jobs\n          <\/a>\n          <a id=\"d-cta-talk\" href=\"https:\/\/www.bespokecareers.com\/contact\/\" target=\"_blank\" rel=\"noopener\">\n            \ud83d\udcac\n            Talk to our team about relocating\n          <\/a>\n    <!-- MAP -->\n        <img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/3\/4\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/3\/5\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/3\/4\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/3\/5\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/b.basemaps.cartocdn.com\/light_all\/3\/3\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/3\/6\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/3\/3\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/b.basemaps.cartocdn.com\/light_all\/3\/6\/3@2x.png\"\/><canvas width=\"1294\" height=\"720\"><\/canvas>\ud83c\uddec\ud83c\udde7 London\ud83c\uddec\ud83c\udde7 Manchester\ud83c\udde6\ud83c\uddfa Sydney\ud83c\udde6\ud83c\uddfa Melbourne\ud83c\udde6\ud83c\uddfa Brisbane\ud83c\udde6\ud83c\uddfa Perth\ud83c\udde6\ud83c\uddfa Adelaide\ud83c\uddfa\ud83c\uddf8 New York\ud83c\uddfa\ud83c\uddf8 Los Angeles\ud83c\uddfa\ud83c\uddf8 San Francisco\ud83c\uddfa\ud83c\uddf8 Austin\ud83c\uddfa\ud83c\uddf8 Dallas\ud83c\uddfa\ud83c\uddf8 San Antonio\ud83c\uddfa\ud83c\uddf8 Houston\ud83c\uddf3\ud83c\uddff Auckland\ud83c\uddf3\ud83c\uddff Wellington\ud83c\uddf3\ud83c\uddff Christchurch\ud83c\uddf3\ud83c\uddff Queenstown\ud83c\udde6\ud83c\uddea Dubai\ud83c\uddf8\ud83c\udde6 Riyadh<a href=\"#\" title=\"Zoom in\" role=\"button\" aria-label=\"Zoom in\" aria-disabled=\"false\">+<\/a><a href=\"#\" title=\"Zoom out\" role=\"button\" aria-label=\"Zoom out\" aria-disabled=\"false\">\u2212<\/a><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/2\/2\/1@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/2\/2\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/2\/1\/1@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/2\/3\/1@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/2\/1\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/b.basemaps.cartocdn.com\/light_all\/2\/3\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/2\/2\/0@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/b.basemaps.cartocdn.com\/light_all\/2\/2\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/b.basemaps.cartocdn.com\/light_all\/2\/1\/0@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/2\/3\/0@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/2\/1\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/2\/3\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/b.basemaps.cartocdn.com\/light_all\/2\/0\/1@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/2\/0\/0@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/2\/0\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/2\/0\/3@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/d.basemaps.cartocdn.com\/light_all\/2\/1\/2@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/c.basemaps.cartocdn.com\/light_all\/2\/1\/1@2x.png\"\/><img decoding=\"async\" alt=\"\" src=\"https:\/\/a.basemaps.cartocdn.com\/light_all\/2\/1\/3@2x.png\"\/><canvas width=\"0\" height=\"0\"><\/canvas>\ud83c\uddec\ud83c\udde7 London\ud83c\uddec\ud83c\udde7 Manchester\ud83c\udde6\ud83c\uddfa Sydney\ud83c\udde6\ud83c\uddfa Melbourne\ud83c\udde6\ud83c\uddfa Brisbane\ud83c\udde6\ud83c\uddfa Perth\ud83c\udde6\ud83c\uddfa Adelaide\ud83c\uddfa\ud83c\uddf8 New York\ud83c\uddfa\ud83c\uddf8 Los Angeles\ud83c\uddfa\ud83c\uddf8 San Francisco\ud83c\uddfa\ud83c\uddf8 Austin\ud83c\uddfa\ud83c\uddf8 Dallas\ud83c\uddfa\ud83c\uddf8 San Antonio\ud83c\uddfa\ud83c\uddf8 Houston\ud83c\uddf3\ud83c\uddff Auckland\ud83c\uddf3\ud83c\uddff Wellington\ud83c\uddf3\ud83c\uddff Christchurch\ud83c\uddf3\ud83c\uddff Queenstown\ud83c\udde6\ud83c\uddea Dubai\ud83c\uddf8\ud83c\udde6 Riyadh<a href=\"#\" title=\"Zoom in\" role=\"button\" aria-label=\"Zoom in\" aria-disabled=\"false\">+<\/a><a href=\"#\" title=\"Zoom out\" role=\"button\" aria-label=\"Zoom out\" aria-disabled=\"true\">\u2212<\/a>\n          Click a city to explore salaries &amp; liveability\n  <!-- SHARE SHEET OVERLAY -->\n      Share\n        <a id=\"asi-share-li\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Share on LinkedIn\">\n          LinkedIn\n        <\/a>\n        <a id=\"asi-share-x\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Share on X\">\n          X\n        <\/a>\n        <a id=\"asi-share-wa\" href=\"#\" target=\"_blank\" rel=\"noopener\" aria-label=\"Share on WhatsApp\">\n          WhatsApp\n        <\/a>\n        <button id=\"asi-share-copy\" onclick=\"ASI.copyShareLink()\" aria-label=\"Copy link\">\n          Copy link\n        <\/button>\n\n","protected":false},"excerpt":{"rendered":"<p>Best Cities for Architecture Careers 2026 \u2715 \ud83d\udc46 Select your first city to compare \u21c4 Compare 2 cities side-by-side \u2726 Which city is best for me? Ranked by salary, lifestyle &amp; culture \u2192 \ud83c\uddec\ud83c\udde7 LondonGBP \u00b7#1 for architecture \ud83c\uddec\ud83c\udde7 ManchesterGBP \u00b7Best value in the UK \ud83c\udde6\ud83c\uddfa SydneyAUD \u00b7#1 job market in Australia \ud83c\udde6\ud83c\uddfa MelbourneAUD \u00b7#1&hellip;<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","footnotes":""},"class_list":["post-9450","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9450","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/comments?post=9450"}],"version-history":[{"count":30,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9450\/revisions"}],"predecessor-version":[{"id":10956,"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/pages\/9450\/revisions\/10956"}],"wp:attachment":[{"href":"https:\/\/www.bespokecareers.com\/af-api\/wp\/v2\/media?parent=9450"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}