/* Scoped real-data keyword suggestions on the rebuilt homepage and job search. */
.j5 jb-v5-keyword-search { display:block;flex:1;min-width:0;width:100%; }
.j5 .j5-keyword-control { position:relative;min-width:0;width:100%; }
.j5 .j5-keyword-control input.j5-search-input { padding-right:44px;min-width:0;font-size:1rem; }
.j5 .j5-keyword-clear {
    position:absolute;right:0;top:50%;transform:translateY(-50%);
    display:grid;place-items:center;width:44px;height:44px;min-height:44px;
    margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:#0d4c38;
    font-size:1.6rem;line-height:1;cursor:pointer;
}
.j5 .j5-keyword-clear:focus-visible { outline:2px solid #0d4c38;outline-offset:-4px; }
.j5 .j5-keyword-clear:hover { background:#eaf2ec; }
.j5 .j5-keyword-popup {
    position:absolute;inset:calc(100% + 12px) -20px auto;z-index:100;
    padding:.4rem 0;background:#fff;color:#101513;border:1px solid #d7ded9;border-radius:6px;
    box-shadow:0 14px 36px rgba(7,52,39,.14);text-align:left;
}
.j5 .j5-keyword-options {
    position:relative;list-style:none;margin:0;padding:0;max-height:min(330px,45vh);
    overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
}
.j5 .j5-keyword-options [role="option"] {
    display:flex;align-items:flex-start;gap:.7rem;min-height:48px;padding:.8rem 1rem;
    margin:0;border:0;cursor:pointer;font-size:.95rem;line-height:1.4;overflow-wrap:anywhere;
}
.j5 .j5-keyword-options [role="option"].is-active { background:#eaf2ec;color:#073427;box-shadow:inset 3px 0 #00533b; }
.j5 .j5-keyword-option-icon { flex:0 0 auto;color:#0d4c38;font-size:1rem; }
.j5 .j5-keyword-state { margin:0;padding:.8rem 1rem;font-size:.88rem;line-height:1.5;color:#59645d; }
.j5 .j5-keyword-footer { margin:.3rem 0 0;padding:.7rem 1rem;border-top:1px solid #e7ece8;color:#59645d;font-size:.75rem;line-height:1.4; }
.j5-home .hero-search-wrap:focus-within { z-index:110; }
.j5-search .jobs-search:focus-within { position:relative;z-index:110; }
@media (max-width:720px) {
    .j5 .j5-keyword-popup { inset:calc(100% + 8px) -12px auto; }
    .j5 .j5-keyword-options { max-height:min(290px,40vh); }
    .j5 .j5-keyword-options [role="option"] { min-height:48px;font-size:1rem; }
}
@media (prefers-reduced-motion:no-preference) {
    .j5 .j5-keyword-options [role="option"] { transition:background-color 120ms ease; }
}

.j5 .j5-search-error { margin:.75rem 0 0;padding:.8rem 1rem;background:#fff4ee;border-left:3px solid #9b4730;color:#6b3323;font-size:.9rem;line-height:1.5; }