/* V6.18: collapsible left navigation inside the centered directory. */
html:root .jf-page .jf-directory-layout{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:start;gap:16px;transition:grid-template-columns .22s ease}
html:root .jf-page .jf-directory-layout.jf-menu-open{grid-template-columns:216px minmax(0,1fr)!important}
html:root .jf-page .jf-menu-rail{position:sticky;top:18px;min-width:0;max-height:calc(100dvh - 36px);overflow-y:auto;scrollbar-width:thin;z-index:5}
html:root .jf-page #jf-menu-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;min-height:44px;padding:10px;background:#087bff;border:0;border-radius:8px;color:#fff;font:700 12px Arimo,Arial,sans-serif}
#jf-menu-toggle svg{width:22px;height:22px;flex:none}html:root .jf-page #jf-menu-toggle[aria-expanded=false] span{display:none}
html:root .jf-page .jf-browser-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:16px;min-height:0;margin:12px 0 0;padding:12px;background:#0b1b28;border:0;border-radius:8px;animation:none}
html:root .jf-page .jf-directory-areas{display:flex;flex-direction:column;gap:8px;width:100%;flex:none;order:0}
html:root .jf-page .jf-directory-areas button,html:root .jf-page #jf-filter-title{width:100%;height:40px;min-height:40px;flex:none;font:700 11px/1.3 Arimo,Arial,sans-serif;padding:8px;border-radius:6px}
html:root .jf-page #jf-filter-panel{display:flex;flex-direction:column;gap:10px;width:100%;flex:none;order:1}
html:root .jf-page .jf-filter-drawer{display:flex;flex-direction:column;gap:12px;width:100%;padding:0;margin:0;border:0;overflow:visible;animation:none;min-width:0;max-width:100%}
html:root .jf-page #jf-filters{display:flex;flex-direction:column;gap:12px;width:100%;flex:none;min-width:0;overflow:visible}
html:root .jf-page #jf-filters>label,html:root .jf-page #jf-filters>.jf-inline-field{display:flex;flex-direction:column;width:100%;min-width:0;flex:none;font:11px/1.4 Arimo,Arial,sans-serif}
html:root .jf-page #jf-filters :is(select,.jf-category-select){width:100%;min-width:0;max-width:100%;font:12px Arimo,Arial,sans-serif;height:36px;min-height:36px}
html:root .jf-page .jf-directory-search.jf-compact-search,html:root .jf-page .jf-work-search-slot,html:root .jf-page .jf-work-search-slot .jf-compact-search{margin:0;flex:none;align-self:stretch;max-width:100%;width:100%;min-width:0;height:auto;order:0}
html:root .jf-page .jf-directory-search.jf-compact-search{display:flex;justify-content:flex-end;border:0;background:none}html:root .jf-page .jf-directory-search.search-open{background:#08141f}html:root .jf-page #jf-filters{order:1}
html:root .jf-page .jf-directory-content{min-width:0;container-type:inline-size}html:root .jf-page .jf-directory-content #jf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
html:root .jf-page .jf-talent-card{min-width:0;height:auto;min-height:0}html:root .jf-page .jf-talent-card .jf-talent-info{display:flex;flex-direction:column;min-height:0;padding:12px;gap:10px}
html:root .jf-page .jf-card-professions{min-height:30px;align-content:start;margin:0;padding:0 0 8px;border-bottom:1px solid #30495a}html:root .jf-page .jf-card-description{min-height:54px;max-height:54px;font-size:12px;line-height:18px}
html:root .jf-page .jf-talent-meta{min-height:20px;margin:0;font-size:11px;flex-wrap:wrap}html:root .jf-page .jf-service-pricing{margin:0;padding:10px 0!important;border-top:1px solid #30495a;min-height:38px;overflow-wrap:anywhere}
html:root .jf-page .jf-card-gallery{min-height:0;margin:0;padding:0 0 10px;border-top:0;border-bottom:1px solid #30495a;flex:none}html:root .jf-page .jf-card-gallery.is-empty{display:none}
html:root .jf-page .jf-talent-info .jf-talent-actions{margin-top:auto;padding-top:4px;grid-template-columns:1fr 1.4fr;gap:8px}html:root .jf-page .jf-talent-actions button{font-size:11px;min-height:38px;white-space:normal}
html:root .jf-page .jf-talent-name{font-size:19px!important;line-height:1.2!important}.jf-portrait-headline{overflow-wrap:anywhere}
@container(max-width:950px){html:root .jf-page .jf-directory-content #jf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(max-width:690px){html:root .jf-page .jf-directory-content #jf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:420px){html:root .jf-page .jf-directory-content #jf-grid{grid-template-columns:1fr}}
@media(max-width:600px){html:root .jf-page .jf-shell{width:calc(100% - 20px);margin:10px auto;padding:0}html:root .jf-page .jf-directory-layout{grid-template-columns:38px minmax(0,1fr)!important;gap:8px}html:root .jf-page .jf-directory-layout.jf-menu-open{grid-template-columns:minmax(145px,42%) minmax(0,1fr)!important}html:root .jf-page .jf-browser-toolbar{padding:8px;gap:10px}html:root .jf-page .jf-directory-areas button,html:root .jf-page #jf-filter-title{font-size:10px;white-space:normal}html:root .jf-page .jf-talent-card .jf-talent-info{padding:8px}html:root .jf-page .jf-top{flex-wrap:wrap;gap:8px}html:root .jf-page .jf-header-actions{gap:6px;flex-wrap:wrap}html:root .jf-page .jf-heading h1{font-size:24px}}
@media(prefers-reduced-motion:reduce){html:root .jf-page .jf-directory-layout{transition:none}}

/* V6.19: visible menu label, centered controls and consistent card sections. */
html:root .jf-page{font-family:Arimo,Arial,sans-serif!important}
html:root .jf-page .jf-heading h1{font-family:Arimo,Arial,sans-serif!important;letter-spacing:.08em}
html:root .jf-page .jf-heading{margin-bottom:38px!important}
html:root .jf-page .jf-directory-layout{grid-template-columns:88px minmax(0,1fr)!important;gap:26px}
html:root .jf-page .jf-directory-layout.jf-menu-open{grid-template-columns:216px minmax(0,1fr)!important}
html:root .jf-page #jf-menu-toggle[aria-expanded=false] span{display:inline!important}
html:root .jf-page :is(.jf-directory-areas button,#jf-filter-title,.jf-talent-actions button){display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.2!important}
html:root .jf-page #jf-filter-title{gap:8px}
html:root .jf-page .jf-card-professions{height:62px;min-height:62px;overflow:hidden}
html:root .jf-page .jf-service-pricing{border-top:1px solid #30495a!important;border-bottom:1px solid #30495a!important;min-height:84px;margin:0!important}
html:root .jf-page .jf-card-gallery{border-bottom:0!important;min-height:74px;padding:0!important}
html:root .jf-page .jf-card-gallery.is-empty{display:block!important;min-height:74px}
html:root .jf-page .jf-talent-actions{border-top:1px solid #30495a!important;padding-top:10px!important}
@media(max-width:600px){html:root .jf-page .jf-directory-layout{grid-template-columns:64px minmax(0,1fr)!important;gap:12px}html:root .jf-page #jf-menu-toggle[aria-expanded=false]{flex-direction:column;height:62px;font-size:10px;gap:3px}html:root .jf-page .jf-directory-layout.jf-menu-open{grid-template-columns:minmax(140px,40%) minmax(0,1fr)!important}}
html:root .jf-page .jf-talent-info .jf-service-pricing{height:100px!important;min-height:100px!important;flex-shrink:0;overflow:auto}
html:root .jf-page .jf-portrait-stage{border-bottom:1px solid #30495a!important}
html:root .jf-page #jf-filter-title>*{margin:0!important;position:static!important;flex:none!important}
html:root .jf-page #jf-filter-title::after{display:none!important}