/* Shared work-search appearance, following the repair page's search card. */
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search){display:block;box-sizing:border-box;min-width:0;max-width:100%;margin:30px 0 40px;padding:28px;background:#eeeae1;border:1px solid #ddd7cc;border-radius:14px;color:#37342f;font-family:var(--lf-body-font,"Yu Gothic Medium",Meiryo,sans-serif)}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) *{box-sizing:border-box;min-width:0}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) h3{margin:0 0 16px;font:400 clamp(21px,2.1vw,28px)/1.7 var(--lf-serif,"Cormorant Infant","Yu Mincho",serif);letter-spacing:.04em}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) p{font-size:13px;line-height:1.9;color:#68675f}
html body .lf-work-search .lf-work-search-kicker{font:10px/1.8 Arial,sans-serif;letter-spacing:.15em;margin:0 0 12px;color:#77736b}
html body .lf-work-search .lf-work-search-fields{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto;gap:14px;align-items:end}
html body #lf-order-page .lf-order-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch;min-width:0;width:100%}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) label{display:block;font:400 13px/1.8 var(--lf-body-font,"Yu Gothic Medium",Meiryo,sans-serif);margin:0 0 8px}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) :is(input[type="search"],select){display:block;position:static;min-width:0;max-width:100%;width:100%;height:48px;min-height:48px;margin:7px 0 0;padding:10px 12px;border:1px solid #c9c5bb;border-radius:7px;background:#fffdf8;color:#37342f;font:400 16px/1.5 var(--lf-body-font,"Yu Gothic Medium",Meiryo,sans-serif);letter-spacing:normal;box-shadow:none;appearance:auto}
html body #lf-order-page .lf-order-search-row input[type="search"]{margin-top:0}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) button[type="submit"]{display:block;position:static;width:auto;min-width:120px;min-height:48px;height:auto;margin:0 0 8px;padding:12px 22px;border:1px solid #55594e;border-radius:7px;background:#55594e;color:#fff;font:400 14px/1.6 var(--lf-body-font,"Yu Gothic Medium",Meiryo,sans-serif);white-space:normal;cursor:pointer}
html body #lf-order-page .lf-order-search-row button[type="submit"]{margin-bottom:0}
html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) :is(input,select,button,a):focus-visible{outline:2px solid #657c70;outline-offset:3px}
html body .lf-work-search .lf-work-search-help{font-size:12px;line-height:1.9;margin:18px 0 0}
#lf-christmas .xmas-more-keywords{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:32px}
#lf-christmas .xmas-more-keywords p{flex:0 0 100%;margin:0 0 4px;font-size:13px}
#lf-christmas .xmas-more-keywords a{display:inline-block;padding:7px 14px;border:1px solid #c9c5bb;border-radius:999px;background:#fffaf3;color:#55594e;text-decoration:none;font-size:12px;line-height:1.8}
#lf-christmas .xmas-motif-crystal:before{background-image:url('/ud/christmas-2026/images/snowflake-blue-dark.jpg')}
@media(max-width:1100px){
 html body .lf-work-search .lf-work-search-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 html body .lf-work-search .lf-work-search-fields>button{grid-column:1/-1;width:100%;margin:0}
}
@media(max-width:600px){
 html body :is(.lf-work-search,#lf-order-page .lf-order-work-search){padding:22px;margin-top:26px;margin-bottom:32px}
 html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) h3{font-size:22px;line-height:1.75;word-break:normal;overflow-wrap:break-word}
 html body .lf-work-search .lf-work-search-fields,html body #lf-order-page .lf-order-search-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px}
 html body :is(.lf-work-search,#lf-order-page .lf-order-work-search) button[type="submit"]{min-width:0;width:100%!important;min-height:48px;margin:0}
 html body #lf-order-page .lf-order-stacked-routes>.route{padding-left:16px!important;padding-right:16px!important}
 html body #lf-order-page .lf-order-stacked-routes .lf-order-work-search{max-width:none;width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;border-left:0;border-right:0;border-radius:0}
 html body #lf-order-page .lf-order-work-search .cta{display:block;width:100%;white-space:normal;padding-left:0;padding-right:0;font-size:12px;line-height:1.9}
}