/* Compact presentation of the existing public form; all controls remain available. */
#menu-search-dialog{--menu-search-ready:1;box-sizing:border-box;width:calc(100% - 32px);max-width:880px;max-height:calc(100vh - 32px);max-height:calc(var(--viewport-height,100dvh) - 32px);margin:auto;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);overflow:auto;overscroll-behavior:contain}
#menu-search-dialog[hidden],#menu-search-dialog:not([open]){display:none}
#menu-search-dialog::backdrop{background:rgb(0 0 0 / .48)}
html.menu-search-open,html.menu-search-open body{overflow:hidden}
#menu-search-dialog .menu-search-head{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--paper)}
#menu-search-dialog .menu-search-head h2{display:flex;align-items:center;gap:10px;min-width:0;margin:0;font-size:22px;line-height:1.3;letter-spacing:0;overflow-wrap:anywhere}
#menu-search-dialog .menu-search-head h2>.icon{flex:none;width:24px;height:24px;color:var(--link)}
#menu-search-dialog .menu-search-head .icon-button{flex:0 0 44px;width:44px;height:44px}
#menu-search-dialog .menu-search-slot{min-width:0}
#menu-search-dialog #job-search.search-design{margin:0;border:0;border-radius:0;box-shadow:none}
#menu-search-dialog #job-search .search-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;padding-bottom:16px}
#menu-search-dialog #job-search .search-main>.field{grid-template-rows:auto auto;min-height:84px;padding:18px 18px 16px 54px;border-radius:0}
#menu-search-dialog #job-search .input-wrap{display:block;min-width:0}
#menu-search-dialog #job-search .input-wrap>.icon{inset-inline-start:18px;top:32px;width:23px;height:23px}
#menu-search-dialog #job-search .input-wrap>input[data-autocomplete]{height:auto;min-height:32px;font-size:16px;letter-spacing:0;color:var(--ink)}
#menu-search-dialog #job-search .search-submit{grid-column:1/-1;justify-self:stretch;min-height:48px;margin:4px 18px 0;padding:12px 18px;font-size:16px}
#menu-search-dialog #job-search .advanced>summary{flex-wrap:wrap;gap:8px 16px;min-height:56px;padding:10px 18px;letter-spacing:0;border-radius:0}
#menu-search-dialog #job-search .search-promise{flex:1 1 220px;min-width:0}
#menu-search-dialog #job-search .search-advanced-toggle{white-space:normal;text-align:start}
#menu-search-dialog #job-search .search-advanced-toggle .icon{flex:none}
#menu-search-dialog #job-search .advanced .search-refinements{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:0}
#menu-search-dialog #job-search .search-refinements>section{padding:18px;min-width:0}
#menu-search-dialog #job-search .search-refinements h3{font-size:16px;letter-spacing:0;overflow-wrap:anywhere}
#menu-search-dialog #job-search .search-preference-fields,#menu-search-dialog #job-search .search-timing-fields{grid-template-columns:minmax(0,1fr);gap:14px}
#menu-search-dialog #job-search .search-attribute-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
#menu-search-dialog #job-search .search-refinements :is(select,input[type=number]){font-size:16px;min-height:46px}
#menu-search-dialog #job-search .search-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;border-radius:0;background:transparent}
#menu-search-dialog #job-search .search-mode-options>label{min-height:44px;padding:9px 10px;border:1px solid var(--control-border);border-radius:9px;white-space:normal;overflow-wrap:anywhere}
#menu-search-dialog #job-search .search-mode-options>label:has(input:checked){border-color:var(--blue)}
#menu-search-dialog #job-search .suggestions,#menu-search-dialog #job-search .suggestions.is-above{position:static;inset:auto;transform:none;width:100%;min-width:0;max-height:min(240px,var(--suggestion-space,240px));margin:8px 0 0;overflow:auto}
#menu-search-dialog #job-search .suggestions[hidden]{display:none}
#menu-search-dialog #job-search .suggestion-copy{min-width:0}
#menu-search-dialog #job-search .suggestion-copy :is(strong,small){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#menu-search-dialog :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
#menu-search-dialog #job-search .jb-field-error{white-space:normal;overflow-wrap:anywhere}
#menu-search-dialog #job-search .field>label,#menu-search-dialog #job-search .field>label .jb-label-text{letter-spacing:0}
html[data-theme=dark] #menu-search-dialog #job-search .search-main>.field>label{color:var(--link)}
@media(max-width:640px){
 #menu-search-dialog{width:calc(100% - 16px);max-height:calc(100vh - 16px);max-height:calc(var(--viewport-height,100dvh) - 16px);border-radius:12px}
 #menu-search-dialog .menu-search-head{padding:12px 14px;gap:10px}
 #menu-search-dialog .menu-search-head h2{font-size:20px}
 #menu-search-dialog #job-search .search-main,#menu-search-dialog #job-search .advanced .search-refinements,#menu-search-dialog #job-search .search-attribute-fields{grid-template-columns:minmax(0,1fr)}
 #menu-search-dialog #job-search .search-location-field::before{inset-inline:18px;top:0;bottom:auto;width:auto;height:1px}
 #menu-search-dialog #job-search .search-location-preferences::before{inset-inline:18px;top:0;bottom:auto;width:auto;height:1px}
 #menu-search-dialog #job-search .advanced>summary{padding:10px 16px}
 #menu-search-dialog #job-search .search-promise{flex-basis:100%}
 #menu-search-dialog #job-search .search-advanced-toggle{margin-inline-start:auto}
}