/* JobsZone experience layer. Load after styles.css and home-redesign.css.
   Shared visual language; preserves page layouts and all role-specific controls. */
body.experience-ui {
  --jz-blue:#0755ee; --jz-blue-700:#0343c2; --jz-blue-soft:#edf4ff;
  --jz-navy:#0d1c3f; --jz-text:#172a45; --jz-muted:#52647b;
  --jz-line:#d8e2ef; --jz-line-2:#e6edf5; --jz-bg:#f5f8fc;
  --jz-min-blue:#0755ee; --jz-min-blue-dark:#0343c2;
  --jz-min-text:#0d1c3f; --jz-min-muted:#52647b; --jz-min-line:#d8e2ef;
  --jz-radius:14px; --jz-radius-lg:20px;
  --jz-shadow:0 12px 32px #0d1c3f0a; --jz-shadow-soft:0 3px 14px #0d1c3f06;
  background:#f5f8fc!important; color:#172a45; line-height:1.55;
}
body.experience-ui:has(.home-florida){background:#fff!important}
.experience-ui #app{min-height:60vh}
.experience-ui .container:not(.home-florida){width:100%!important;max-width:1280px!important;padding-left:32px!important;padding-right:32px!important;margin-left:auto!important;margin-right:auto!important}
.experience-ui :where(.container,section,article,aside,.form-grid)>*{min-width:0}
.experience-ui :where(h1,h2,h3){letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
.experience-ui :where(p,li,td,th,.notice,.empty-state){overflow-wrap:anywhere}
.experience-ui :where(img,video){max-width:100%}
.experience-ui :where(button,input,select,textarea){font-family:inherit}
.experience-ui :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #087ea4!important;outline-offset:3px!important}
.experience-ui :where(button,.btn,summary){touch-action:manipulation}
.experience-ui :where(button,.btn){min-height:44px}
.experience-ui :where(button,.btn):disabled{cursor:not-allowed;opacity:.6}
.experience-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){max-width:100%;border-radius:10px;border-color:#ccd8e7;min-height:46px}
.experience-ui :where(input[type=checkbox],input[type=radio]){accent-color:#0755ee}
.experience-ui textarea{line-height:1.6;resize:vertical}
.experience-ui :where(.card,.company-card,.remote-company-card,.guide-index-card,.auth-card,.candidate-kpi-card,.company-stat-card,.alert-row-card,.empty-state-card){border:1px solid #d8e2ef!important;border-radius:14px!important;box-shadow:0 3px 14px #0d1c3f06!important}
.experience-ui :where(.card,.company-card,.auth-card,.guide-index-card){background:#fff}
.experience-ui :where(.card,.company-card,.guide-index-card) h2{color:#0d1c3f}
.experience-ui :where(.form-header,.section-title){gap:16px}
.experience-ui :where(.form-header,.section-title) p{color:#52647b;line-height:1.6}
.experience-ui :where(.actions,.remote-application-actions,.company-hero-actions,.admin-remote-company-actions){flex-wrap:wrap;gap:10px}
.experience-ui .btn{border-radius:9px!important;font-weight:700;line-height:1.35;white-space:normal;text-align:center}
.experience-ui .btn:not(.secondary):not(.danger):not(.light):not(.success):not(.warning){background:#0755ee}
.experience-ui .btn.secondary{background:#edf4ff;color:#0745b9;border-color:#cbdcf9}
.experience-ui :where(.table-card,.table-wrap,.table-responsive,.table-scroll){max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}
.experience-ui .table-scroll{width:100%;min-width:0;contain:inline-size;border-radius:10px}
.experience-ui :where(td,th){padding:12px;vertical-align:top}
.experience-ui th{background:#edf4ff;color:#0d1c3f}
.experience-ui :where(.table-card,.table-wrap,.table-responsive,.table-scroll):focus-visible{outline:3px solid #087ea4;outline-offset:2px}
.experience-ui :where(.legal,.guide-article-content){font-size:16px;line-height:1.8}
.experience-ui .legal{max-width:900px;margin-inline:auto;padding:clamp(20px,4vw,40px)}
.experience-ui :where(.legal,.guide-article-content) a{text-decoration:underline;text-underline-offset:3px}
.experience-ui .guide-article-header{position:static;backdrop-filter:none;box-shadow:none;background:transparent;border-bottom:1px solid #d8e2ef;padding-bottom:24px}
.experience-ui .guide-article{max-width:900px;margin-inline:auto;background:#fff;border:1px solid #d8e2ef;border-radius:18px;padding:clamp(20px,4vw,40px)}
.experience-ui .guide-article-content{max-width:72ch;margin-inline:auto}
.experience-ui .guide-breadcrumb{flex-wrap:wrap;line-height:1.5;margin-bottom:20px}
.experience-ui .guide-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.experience-ui .guide-index-card:hover{border-color:#85acf6!important;background:#f8fbff}
.experience-ui .guide-quick-answer{background:#edf9f4;border-color:#b6dfce;color:#173c36}
.experience-ui .guide-faq-item summary{min-height:48px;padding-block:12px}
.experience-ui :where(.guides-heading,.remote-directory-hero,.contact-hero-card,.alerts-hero-card,.company-pro-hero,.profile-premium-hero,.admin-hero){border-radius:18px!important;box-shadow:none!important}
.experience-ui :where(.remote-directory-hero,.contact-hero-card,.alerts-hero-card,.company-pro-hero,.profile-premium-hero){border:1px solid #ccdff7!important;background:linear-gradient(120deg,#edf4ff,#f0faf7)!important;color:#0d1c3f!important}
.experience-ui :where(.remote-directory-hero,.contact-hero-card,.alerts-hero-card,.company-pro-hero,.profile-premium-hero) :where(h1,h2,p,.eyebrow){color:#0d1c3f!important}
.experience-ui :where(.remote-directory-hero,.contact-hero-card,.alerts-hero-card,.company-pro-hero,.profile-premium-hero) :where(.eyebrow,p){color:#3c5675!important}
.experience-ui :where(.profile-score-card,.alerts-user-card,.contact-direct-card,.contact-info-grid>div){background:#fff!important;border:1px solid #d8e2ef!important;color:#172a45!important;box-shadow:none!important;border-radius:12px!important}
.experience-ui :where(.profile-score-card,.alerts-user-card,.contact-direct-card,.contact-info-grid>div) :where(b,strong,span,small){color:inherit}
.experience-ui .auth-hero-card{border-radius:20px!important;border:1px solid #d5e2f2!important;box-shadow:none!important;background:linear-gradient(135deg,#edf4ff,#f0faf7)!important}
.experience-ui .auth-copy :where(h1,p,.eyebrow){color:#0d1c3f!important}
.experience-ui .auth-card{padding:clamp(20px,3vw,32px)!important}
.experience-ui .auth-tabs{background:#eef3fa;border-radius:10px;padding:4px;gap:4px}
.experience-ui .auth-tab{min-height:46px!important;border-radius:8px!important}
.experience-ui .auth-tab.active{background:#0755ee!important;color:#fff!important}
.experience-ui :where(.empty-state,.empty-state-card,.alerts-locked-card){padding:clamp(24px,4vw,40px);line-height:1.65}
.experience-ui .footer{border-top:1px solid #d8e2ef;background:#fff;padding:30px 24px;color:#52647b;line-height:1.7}
.experience-ui .footer a{display:inline-block;padding:10px 6px;min-height:44px;text-decoration:underline;text-underline-offset:3px}
/* The same header on home, dashboards, directories, and server-rendered pages. */
body.experience-ui .site-header{background:#fff!important;backdrop-filter:none!important;isolation:isolate;border-bottom:1px solid #d8e2ef!important;box-shadow:none!important;z-index:500}
body.experience-ui .site-header .topbar{max-width:1280px!important;width:100%!important;min-height:78px;padding:16px 32px!important;gap:22px!important;margin-inline:auto!important}
body.experience-ui .site-header .brand{position:relative;font-size:29px!important;font-weight:850;color:#0d1c3f!important;line-height:1.15;flex-shrink:0;overflow:visible!important;white-space:nowrap}
body.experience-ui .site-header .brand span{color:inherit!important}
body.experience-ui .site-header .brand:before{display:none!important}
body.experience-ui .site-header .brand:after{content:"";position:absolute;bottom:-6px;right:7px;width:50px;height:9px;border-top:3px solid #62e3ab;border-radius:50%}
body.experience-ui .site-header .main-menu{gap:3px;min-width:0}
body.experience-ui .site-header .main-menu a{display:inline-flex;align-items:center;min-height:44px;color:#172a45!important;font-size:13px!important;white-space:nowrap;border-radius:8px!important;padding:9px 10px!important;box-shadow:none!important}
body.experience-ui .site-header .main-menu a:is(.is-current,[aria-current=page]){background:#edf4ff!important;color:#0343c2!important;box-shadow:inset 0 -3px #0755ee!important}
body.experience-ui .site-header .header-actions{gap:8px}
body.experience-ui .site-header .header-actions>a{min-height:44px;align-items:center;justify-content:center}
body.experience-ui .site-header .desktop-login-link{border:1px solid #c5d4e7!important;background:#fff!important;color:#0d1c3f!important;border-radius:9px!important}
.experience-ui .language-switcher{height:44px;min-height:44px;border:1px solid #ccd8e7;background:#fff;border-radius:9px}
.experience-ui .language-switcher select{min-height:42px!important}
.experience-ui .public-mobile-menu{display:none}
.experience-ui .skip-link{position:fixed;left:16px;top:12px;z-index:200010;background:#fff;color:#0343c2;border:2px solid #0755ee;border-radius:8px;padding:12px 18px;transform:translateY(-200%)}
.experience-ui .skip-link:focus{transform:translateY(0)}
.experience-ui .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.experience-ui #mobileDrawer[hidden],.experience-ui #mobileDrawerBackdrop[hidden]{display:none!important}
.experience-ui #mobileDrawer{z-index:100002!important;box-sizing:border-box;position:fixed!important;inset:0 0 0 auto!important;width:min(92vw,420px)!important;min-height:0!important;height:100dvh!important;max-height:100dvh!important;padding:0 20px max(24px,env(safe-area-inset-bottom))!important;background:#fff!important;overflow-y:auto!important;overscroll-behavior:contain;border:0!important;border-radius:0!important;box-shadow:-20px 0 60px #0d1c3f26!important}
.experience-ui #mobileDrawerBackdrop{position:fixed;inset:0!important;z-index:100001!important;background:#071d3c88!important;backdrop-filter:blur(2px)}
.experience-ui.mobile-menu-open #mobileDrawer{display:block!important;transform:none!important;visibility:visible!important}
.experience-ui.mobile-menu-open #mobileDrawerBackdrop{display:block!important;visibility:visible!important}
.experience-ui #mobileDrawer .mobile-drawer-head{position:sticky!important;top:0!important;z-index:2;margin:0 -20px 18px!important;padding:max(16px,env(safe-area-inset-top)) 20px 16px!important;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #d8e2ef}
.experience-ui #mobileDrawer .mobile-drawer-close{width:auto!important;min-width:44px!important;min-height:44px!important;height:44px!important;color:#0d1c3f;background:#edf4ff;font-size:14px!important;padding:0 12px!important}
.experience-ui #mobileDrawer .mobile-drawer-user{border-radius:12px;background:#f3f7fc;box-shadow:none;overflow-wrap:anywhere}
.experience-ui #mobileDrawer .mobile-drawer-link{min-height:52px!important;padding:12px!important;border-radius:10px!important;white-space:normal;box-shadow:none}
.experience-ui #mobileDrawer .mobile-drawer-link span{font-size:15px!important;line-height:1.4}
.experience-ui #mobileDrawer .mobile-drawer-link small{font-size:12px!important;line-height:1.45;color:#52647b}
.experience-ui #mobileDrawer a:is(.is-current,[aria-current=page]){background:#edf4ff!important;color:#0343c2!important}
.experience-ui #mobileDrawer .drawer-big-btn{min-height:76px;border-radius:12px;box-shadow:none;border-color:#d8e2ef}
.experience-ui #mobileDrawer .drawer-big-btn.primary{background:#0755ee;border-color:#0755ee}
.experience-ui #mobileDrawer .drawer-language{padding:14px 0;border-top:1px solid #d8e2ef;margin-top:16px}
.experience-ui #mobileDrawer .drawer-language .language-switcher{display:flex!important;width:100%!important;max-width:none!important;justify-content:space-between;padding:0 12px;height:48px!important}
.experience-ui #mobileDrawer .drawer-language .language-switcher>span{display:block!important}
.experience-ui #mobileDrawer .drawer-language select{width:auto!important;min-width:100px!important;font-size:16px!important;padding-inline:12px!important}
.experience-ui #mobileBottomNav{display:none!important}
@media(min-width:981px){
  .experience-ui .mobile-menu-btn{display:none!important}
}
@media(max-width:1150px) and (min-width:981px){
  body.experience-ui .site-header .topbar{gap:12px!important;padding-inline:24px!important}
  body.experience-ui .site-header .main-menu a{font-size:12px!important;padding-inline:7px!important}
  body.experience-ui .site-header .brand{font-size:25px!important}
}
@media(max-width:980px){
  body.experience-ui .site-header .topbar{display:flex!important;justify-content:space-between!important;min-height:70px!important;padding:12px 24px!important;gap:14px!important}
  body.experience-ui .site-header .main-menu{display:none!important}
  body.experience-ui .site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:auto!important;min-width:0!important}
  body.experience-ui .site-header .header-actions>:is(.post-link,.desktop-login-link,.desktop-user-pill,.logout-link,.verify-link,.install-link){display:none!important}
  body.experience-ui .site-header .mobile-menu-btn{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;max-width:none!important;height:44px!important;min-height:44px!important;padding:10px!important;background:#edf4ff!important;color:#0d1c3f!important;border:1px solid #d4e1f2!important;border-radius:10px!important}
  body.experience-ui .site-header .menu-btn-label{display:none!important}
  body.experience-ui .site-header :is(.mobile-profile-chip,.notification-wrap,.notification-bell){width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important}
  body.experience-ui .site-header .mobile-login-chip{display:inline-flex!important;min-width:60px!important;max-width:none!important;width:auto!important;min-height:44px!important;height:44px!important;font-size:12px!important;padding:0 8px!important}
  .experience-ui .public-mobile-menu{display:block;position:relative;color:#0d1c3f}
  .experience-ui .public-mobile-menu summary{cursor:pointer;padding:10px 12px;min-height:44px;background:#edf4ff;border:1px solid #d4e1f2;border-radius:9px;font-weight:700}
  .experience-ui .public-mobile-menu-links{position:absolute;right:0;top:calc(100% + 10px);width:min(86vw,340px);max-height:70dvh;overflow:auto;padding:12px;background:#fff;border:1px solid #d8e2ef;border-radius:12px;box-shadow:0 12px 35px #0d1c3f26;z-index:1000}
  .experience-ui .public-mobile-menu-links a{display:flex;min-height:46px;align-items:center;padding:10px 12px;color:#0d1c3f;border-radius:8px}
  .experience-ui .public-mobile-menu-links a:hover{background:#edf4ff}
  .experience-ui.public-seo-page .site-header .header-actions{flex-wrap:nowrap}
  .experience-ui.public-seo-page .header-actions>.public-language-switch{display:none!important}
  .experience-ui.public-seo-page .public-language-switch{width:auto;flex-wrap:wrap;margin:0}
  .experience-ui.public-seo-page .public-language-switch a{min-height:44px;display:inline-flex;align-items:center;padding:8px;font-size:12px}
}
@media(max-width:760px){
  body.experience-ui{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  body.experience-ui.public-seo-page{padding-bottom:0!important}
  .experience-ui .container:not(.home-florida){padding-left:18px!important;padding-right:18px!important}
  body.experience-ui .site-header .topbar{min-height:68px!important;padding:12px 18px!important;gap:10px!important}
  body.experience-ui .site-header .brand{font-size:26px!important}
  body.experience-ui .site-header .header-actions>.language-switcher{display:none!important}
  .experience-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea),.experience-ui .home-florida :where(.exact-searchbar input,#homeFilters input,#homeFilters select){font-size:16px!important}
  .experience-ui :where(button,.btn){min-height:44px!important}
  .experience-ui :where(.card,.auth-card){padding:20px!important}
  .experience-ui :where(.form-grid,.contact-info-grid){grid-template-columns:minmax(0,1fr)!important}
  .experience-ui :where(.form-grid,.contact-info-grid,.company-grid,.remote-company-list,.candidate-kpi-grid,.stats){gap:14px}
  .experience-ui :where(.profile-premium-hero,.company-pro-hero,.contact-hero-card,.alerts-hero-card,.remote-directory-hero,.auth-hero-card){padding:24px 20px!important;gap:20px!important}
  .experience-ui :where(.profile-premium-hero,.company-pro-hero,.contact-hero-card,.alerts-hero-card,.remote-directory-hero) h1{font-size:clamp(25px,7vw,34px)!important;line-height:1.2!important}
  .experience-ui .auth-copy h1{font-size:29px!important;line-height:1.2!important}
  .experience-ui :where(.guide-article,.legal){padding:22px 18px!important}
  .experience-ui .guide-article-page{padding-inline:12px!important}
  .experience-ui .guide-article-header h1{font-size:clamp(28px,7.6vw,36px)!important;line-height:1.2}
  .experience-ui .guide-article-nav{grid-template-columns:minmax(0,1fr);gap:12px}
  .experience-ui .guide-article-nav a:last-child{text-align:left}
  .experience-ui :where(.actions,.section-title,.form-header){flex-wrap:wrap}
  .experience-ui :where(.table-card,.table-wrap,.table-responsive){padding:12px!important}
  .experience-ui .table-scroll{padding:0!important}
  .experience-ui table{font-size:14px}
  .experience-ui table :where(.btn,button){min-height:44px;white-space:normal}
  .experience-ui #mobileBottomNav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;position:fixed;inset:auto 0 0;z-index:450;padding:6px max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff!important;border-top:1px solid #d8e2ef!important;box-shadow:0 -4px 18px #0d1c3f08!important}
  .experience-ui #mobileBottomNav>:is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;min-width:0;padding:6px 4px;border:0;border-radius:9px;background:transparent;color:#52647b;font:inherit;font-size:12px;font-weight:650;line-height:1.25;text-decoration:none;cursor:pointer}
  .experience-ui #mobileBottomNav>:is(a,button)>span{font-size:inherit}
  .experience-ui #mobileBottomNav :is(svg,.icon-svg){width:22px;height:22px}
  .experience-ui #mobileBottomNav>:is(.is-current,[aria-current=page],[aria-expanded=true]){color:#0343c2;background:#edf4ff}
  .experience-ui .home-florida :is(.mobile-filter-trigger,.jz-popular-cities button,.jz-job-view,.jz-clear-filters){min-height:44px!important}
  .experience-ui .home-florida #homeFilters .mobile-filter-head button{width:44px;height:44px}
  .experience-ui .home-florida .jz-job-footer button.btn{min-height:44px!important;padding:8px!important;font-size:11px!important}
  .experience-ui .home-florida .jz-job-footer{padding-block:8px;gap:8px}
  .experience-ui .home-florida .jz-job-footer .job-card-tools{flex-wrap:wrap;gap:4px}
  .experience-ui .home-florida .jz-job-meta{font-size:12px}
  .experience-ui .home-florida .jz-job-company,.experience-ui .home-florida .jz-job-location{font-size:13px}
  .experience-ui .home-florida .jz-job-category{font-size:12px}
  .experience-ui .home-florida .jz-sector{font-size:12px}
  .experience-ui .home-florida .jz-text-link{min-height:44px}
  .experience-ui .footer{padding-inline:18px}
}
@media(max-width:360px){
  body.experience-ui .site-header .topbar{padding-inline:12px!important;gap:8px!important}
  body.experience-ui .site-header .brand{font-size:23px!important}
  body.experience-ui .site-header .header-actions{gap:4px!important;flex-shrink:0!important}
  .experience-ui.public-seo-page .site-header .header-actions>.login-link{font-size:12px!important;padding-inline:8px!important;white-space:nowrap}
  .experience-ui .public-mobile-menu summary{padding-inline:9px;font-size:13px}
  .experience-ui #mobileDrawer{width:100vw!important;padding-inline:16px!important}
  .experience-ui #mobileDrawer .mobile-drawer-head{margin-inline:-16px!important;padding-inline:16px!important}
  .experience-ui #mobileDrawer .drawer-primary-buttons{gap:6px}
  .experience-ui #mobileDrawer .drawer-big-btn span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html:has(body.experience-ui){scroll-behavior:auto!important}
  .experience-ui *,.experience-ui *:before,.experience-ui *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media print{
  body.experience-ui{padding:0!important;background:#fff!important}
  .experience-ui :is(.site-header,#mobileBottomNav,#mobileDrawer,#mobileDrawerBackdrop,.skip-link){display:none!important}
  .experience-ui .container:not(.home-florida){max-width:none!important;padding:0!important}
}

/* Company and location directories share the same visual hierarchy. */
.experience-ui .directory-page-hero{padding:32px;border:1px solid #ccdff7;background:linear-gradient(120deg,#edf4ff,#f0faf7);border-radius:18px;margin-bottom:24px}
.experience-ui .directory-page-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.16;margin:8px 0 12px;color:#0d1c3f}
.experience-ui .directory-page-hero p{max-width:65ch;color:#3c5675;margin:0}
.experience-ui .directory-search{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:8px 20px;align-items:center;margin:0 0 24px}
.experience-ui .directory-search label{grid-column:1/-1;font-weight:700}
.experience-ui .directory-search input{margin:0}
.experience-ui .directory-search [role=status]{font-size:14px;color:#52647b}
.experience-ui .directory-company-card{display:flex;flex-direction:column;align-items:flex-start;padding:24px;gap:10px}
.experience-ui .directory-company-card h2{font-size:20px;line-height:1.3;margin:0;overflow-wrap:anywhere}
.experience-ui .directory-company-card p{margin:0 0 4px;color:#52647b}
.experience-ui .directory-company-card .btn{margin-top:auto}
.experience-ui .directory-company-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#edf9f4;color:#145c50;font-size:20px;font-weight:800}
.experience-ui .directory-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:16px;font-weight:650}
.experience-ui .directory-vacancies{max-width:920px}
.experience-ui .directory-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.experience-ui .directory-link-grid a{display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:52px;padding:12px 16px;border:1px solid #d8e2ef;border-radius:10px;overflow-wrap:anywhere}
.experience-ui .directory-link-grid small{flex-shrink:0;color:#52647b}
@media(max-width:760px){
 .experience-ui .directory-page-hero{padding:24px 20px}
 .experience-ui .directory-search,.experience-ui .directory-link-grid{grid-template-columns:minmax(0,1fr)}
 .experience-ui .directory-company-card{padding:20px}
}
/* Preserve all desktop actions when long translated labels need another row. */
@media(min-width:981px){
 body.experience-ui .site-header .topbar{flex-wrap:wrap}
 body.experience-ui .site-header .main-menu{flex-wrap:wrap}
 body.experience-ui .site-header .header-actions{flex-wrap:wrap;margin-left:auto}
}

/* ux.3: explicit component rules beat legacy high-specificity/pill styling. */
body.experience-ui .home-florida .jz-sector{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;min-width:0!important;color:#172a45!important;transform:none!important}
body.experience-ui .home-florida .jz-sector:hover .jz-sector-icon{background:#edf4ff;border-color:#8caff7}
body.experience-ui .home-florida .jz-text-link{background:transparent!important;border:0!important;box-shadow:none!important;color:#0755ee!important;border-radius:6px!important;padding:8px 0!important}
body.experience-ui .site-header .login-link{display:inline-flex;border:1px solid #c5d4e7!important;background:#fff!important;color:#0d1c3f!important;border-radius:9px!important;box-shadow:none!important;padding:10px 14px!important}
body.experience-ui .public-language-switch a{border-radius:7px;box-shadow:none;min-width:34px;text-align:center}
body.experience-ui .public-language-switch a.active{background:#edf4ff;color:#0343c2}
body.experience-ui .auth-page{max-width:1120px!important;padding-top:32px!important;padding-bottom:40px!important}
body.experience-ui .auth-hero-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:start!important;gap:32px!important;padding:32px!important;min-height:0!important}
body.experience-ui .auth-copy{display:block!important;padding:16px 0!important;max-width:480px!important}
body.experience-ui .auth-copy h1{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.14!important;margin:14px 0 18px!important;max-width:18ch!important}
body.experience-ui .auth-copy p{font-size:16px!important;line-height:1.7!important}
body.experience-ui .auth-benefits{margin-top:24px!important;gap:14px!important}
body.experience-ui .auth-card{width:100%!important;min-width:0!important;margin:0!important;padding:28px!important;border-radius:16px!important}
body.experience-ui .auth-card-top{padding:0 0 18px!important;margin:0!important}
body.experience-ui .auth-card-title{font-size:24px!important;line-height:1.25!important;color:#0d1c3f!important}
body.experience-ui .auth-card-subtitle{font-size:14px!important;color:#52647b!important;line-height:1.6!important}
body.experience-ui .auth-tabs{position:static!important;top:auto!important;margin:0 0 24px!important;border:1px solid #d8e2ef!important;box-shadow:none!important}
body.experience-ui .auth-tab{font-size:14px!important;box-shadow:none!important;transform:none!important}
body.experience-ui .auth-panel-head h2{font-size:21px!important;line-height:1.3!important;color:#0d1c3f!important;margin:10px 0!important}
body.experience-ui .auth-panel-head p{font-size:14px!important;line-height:1.6!important;color:#52647b!important}
body.experience-ui .auth-badge{border-radius:6px!important;background:#edf9f4!important;color:#145c50!important;box-shadow:none!important;font-size:12px!important;padding:5px 8px!important}
body.experience-ui .auth-card .auth-main-btn{min-height:48px!important;background:#0755ee!important;border:1px solid #0755ee!important;color:#fff!important;border-radius:9px!important;box-shadow:none!important;font-size:15px!important;transform:none!important}
body.experience-ui .auth-card .auth-main-btn.secondary{background:#edf4ff!important;color:#0343c2!important;border-color:#cbdcf9!important}
body.experience-ui .auth-card .forgot-link{min-height:44px!important;background:transparent!important;color:#0343c2!important;box-shadow:none!important;font-size:14px!important;text-decoration:underline;text-underline-offset:3px}
body.experience-ui .auth-card .role-switch label{border:1px solid #d8e2ef!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;padding:14px!important;gap:10px!important}
body.experience-ui .auth-card .role-switch label:has(input:checked){border-color:#0755ee!important;background:#edf4ff!important}
body.experience-ui .auth-card .role-switch small{font-size:12px!important;color:#52647b!important;line-height:1.5!important}
body.experience-ui #authLogin input,body.experience-ui #authRegister input,body.experience-ui #authReset input,body.experience-ui #authRegister select{font-size:16px!important;border-radius:9px!important}
body.experience-ui .auth-card .password-toggle{min-height:44px!important;min-width:44px!important;border-radius:8px!important;box-shadow:none!important}
body.experience-ui .auth-card .password-field-help{font-size:12px!important;line-height:1.6!important;color:#52647b!important}
body.experience-ui .auth-card .reset-steps{gap:8px!important;flex-wrap:wrap!important}
body.experience-ui .auth-card .reset-steps span{background:#edf4ff!important;color:#0343c2!important;border:1px solid #cbdcf9!important;border-radius:6px!important;font-size:12px!important;box-shadow:none!important}
body.experience-ui .auth-card .reset-code-area{padding:16px!important;background:#f5f8fc!important;border:1px solid #d8e2ef!important;border-radius:10px!important;box-shadow:none!important}
body.experience-ui .verification-timer-card{background:#edf4ff!important;border:1px solid #cbdcf9!important;border-radius:10px!important;box-shadow:none!important;color:#0343c2!important}
body.experience-ui .verify-panel .code-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
body.experience-ui .verify-panel .code-input{width:100%!important;min-width:0!important;max-width:100%!important;min-height:52px!important;padding:8px 0!important;font-size:22px!important;border-radius:9px!important;box-shadow:none!important}
body.experience-ui .remote-company-card{padding:24px!important;border:1px solid #d8e2ef!important;border-radius:14px!important;box-shadow:0 3px 14px #0d1c3f06!important;background:#fff!important}
body.experience-ui .remote-company-head{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;align-items:start!important;gap:12px!important;margin-bottom:18px!important}
body.experience-ui .remote-company-head>.remote-sponsorship{grid-column:1/-1!important;justify-self:start!important;width:auto!important;max-width:100%!important;white-space:normal!important;overflow-wrap:normal!important;font-size:12px!important;line-height:1.5!important;border-radius:6px!important;padding:6px 10px!important;box-shadow:none!important}
body.experience-ui .remote-company-title{min-width:0!important}
body.experience-ui .remote-company-title h2,body.experience-ui .remote-company-title h3{font-size:21px!important;line-height:1.3!important;margin:0 0 4px!important;color:#0d1c3f!important}
body.experience-ui .remote-company-logo{border-radius:12px!important;box-shadow:none!important;background:#edf4ff!important}
body.experience-ui .remote-company-card p{font-size:14px!important;line-height:1.7!important;color:#52647b!important}
body.experience-ui .remote-company-card .btn,body.experience-ui .remote-company-card button{border-radius:9px!important;min-height:44px!important;box-shadow:none!important;white-space:normal!important;line-height:1.45!important;transform:none!important}
body.experience-ui .remote-company-card .remote-application-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
body.experience-ui .remote-company-card .remote-application-actions>*{flex:1 1 160px;min-width:0}
body.experience-ui .remote-directory-tabs button{border-radius:9px!important;box-shadow:none!important;min-height:46px!important;font-size:14px!important}
body.experience-ui .remote-directory-hero{padding:28px!important;gap:24px!important}
body.experience-ui .remote-directory-hero h1{font-size:clamp(28px,3.5vw,42px)!important;line-height:1.15!important}
body.experience-ui .public-hero{padding:28px!important;border:1px solid #ccdff7!important;background:linear-gradient(120deg,#edf4ff,#f0faf7)!important;border-radius:16px!important;box-shadow:none!important;color:#0d1c3f!important}
body.experience-ui .public-hero h1{font-size:clamp(28px,3.6vw,42px)!important;line-height:1.15!important;color:#0d1c3f!important}
body.experience-ui .public-hero p{color:#3c5675!important;line-height:1.7!important}
body.experience-ui .public-hero .btn{box-shadow:none!important}
body.experience-ui .jz-form-field{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0 0 16px;min-width:0;font-size:13px;font-weight:650;color:#172a45}
body.experience-ui .jz-form-field>span{line-height:1.45}
body.experience-ui .jz-form-field>:is(input,select,textarea){margin:0!important;width:100%!important;font-weight:400}
body.experience-ui .jz-form-field.full-width-field{grid-column:1/-1}
body.experience-ui .guides-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,.55fr) auto;gap:16px;align-items:end;margin:24px 0;padding:20px;background:#fff;border:1px solid #d8e2ef;border-radius:14px}
body.experience-ui .guides-tools .jz-form-field{margin:0}
body.experience-ui .guides-tools .btn{box-shadow:none!important;margin:0}
body.experience-ui .guide-filter-status{grid-column:1/-1;margin:0;color:#52647b;font-size:14px}
body.experience-ui .guide-topic[hidden],body.experience-ui .guide-title-list>li[hidden]{display:none!important}
@media(max-width:980px){
 body.experience-ui .remote-company-list{grid-template-columns:minmax(0,1fr)!important}
 body.experience-ui .auth-hero-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:24px!important;padding:24px!important}
 body.experience-ui .auth-copy h1{font-size:30px!important}
}
@media(max-width:760px){
 body.experience-ui .auth-page{padding-top:18px!important}
 body.experience-ui .auth-hero-card{grid-template-columns:minmax(0,1fr)!important;padding:0!important;border:0!important;background:transparent!important;gap:20px!important}
 body.experience-ui .auth-hero-premium>.auth-card{order:0}
 body.experience-ui .auth-hero-premium>.auth-copy{order:1;padding:20px!important;background:#edf4ff!important;border-radius:14px!important;max-width:none!important}
 body.experience-ui .auth-copy{display:block!important;padding:4px 2px!important}
 body.experience-ui .auth-copy h1{font-size:28px!important;max-width:none!important}
 body.experience-ui .auth-card{padding:22px 18px!important}
 body.experience-ui .auth-card-title{font-size:23px!important}
 body.experience-ui .auth-card .role-switch{grid-template-columns:minmax(0,1fr)!important}
 body.experience-ui .remote-directory-hero,body.experience-ui .public-hero{padding:24px 20px!important}
 body.experience-ui .remote-company-card{padding:20px!important}
 body.experience-ui .guides-tools{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px}
 body.experience-ui .guides-tools input,body.experience-ui .guides-tools select{font-size:16px!important}
}