.criteria-options { position: fixed; z-index: 120; margin: 0; padding: .3rem; list-style: none; overflow-y: auto; border: 1px solid #647c74; border-radius: .5rem; background: #fffefa; color: #12342f; box-shadow: 0 8px 24px #12342f26; font: 400 1rem/1.4 system-ui, sans-serif; }
.criteria-options [role="option"] { padding: .65rem .75rem; cursor: pointer; min-height: 44px; overflow-wrap: anywhere; }
.criteria-options [role="option"] small { display: block; font-size: .8rem; color: #59706b; }
.criteria-options [role="option"]:hover, .criteria-options [aria-selected="true"] { background: #e7f2ed; outline: 2px solid #12342f; outline-offset: -2px; }
.criteria-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-criteria-autocomplete]:focus-visible { outline: 3px solid #bd4128; outline-offset: 4px; }