/* Also override the legacy inline styles stored in homepage ACF content. */
#madlibs.madlibs--compact { cursor: default; overflow: visible; }
#madlibs.madlibs--compact > span { cursor: pointer; flex: 0 1 auto; max-width: 100%; min-width: 0; }
#madlibs.madlibs--compact.madlibs--open > span > span { animation-play-state: paused; }
#madlibs.madlibs--compact > span:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 3px; }
#madlibs.madlibs--compact #madlibs-selections-overlay { display: none; }
#madlibs.madlibs--compact #madlibs-selections {
    position: absolute;
    transform: translateY(-50%);
    max-width: calc(100vw - 32px);
    height: auto;
    max-height: none;
    overflow: visible;
    background: #fff;
    border: 1px solid #d7e5ec;
    border-radius: 6px;
    box-shadow: 0 8px 24px rgb(12 46 64 / 16%);
    transition: none;
    z-index: 1000;
}
#madlibs.madlibs--compact #madlibs-selections:not(.active) { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-50%); }
#madlibs.madlibs--compact #madlibs-selections ul { margin: 0; padding: 4px; text-align: left; }
#madlibs.madlibs--compact #madlibs-selections ul li { display: block; margin: 0; padding: 0; white-space: normal; border-radius: 3px; }
#madlibs.madlibs--compact #madlibs-selections ul li a {
    display: block;
    padding: 10px 12px;
    font-size: 15px !important;
    line-height: 1.35;
    font-weight: 500 !important;
    overflow-wrap: anywhere;
}
#madlibs.madlibs--compact #madlibs-selections ul li:focus-within { background: var(--orange-dark); }
#madlibs.madlibs--compact #madlibs-selections ul li a:focus-visible { outline: 2px solid var(--blue-dark); outline-offset: -2px; color: #fff; }
@media (prefers-reduced-motion: reduce) {
    #madlibs.madlibs--compact > span > span { animation: none; }
}